@plesk/ui-library 3.43.2 → 3.44.0

package/cjs/components/Action/Action.js

@@ -11,9 +11,9 @@ var _constants = require("../../constants");
 var _utils = require("../utils");
 var _Icon = _interopRequireWildcard(require("../Icon"));
 var _Spinner = _interopRequireDefault(require("../Spinner"));
+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.
 
 /**
@@ -68,6 +68,7 @@ const Action = _ref => {
   // accessibility
   if (onClick) {
     tagProps.tabIndex = tagProps.tabIndex || 0;
+    tagProps.role = 'button';
     tagProps.onKeyDown = (0, _utils.wrapFunction)(tagProps.onKeyDown, e => {
       if (e.key === 'Enter') {
         e.preventDefault();
@@ -75,13 +76,19 @@ const Action = _ref => {
       }
     });
   }
+  const isIconOnly = !_react.Children.toArray(children).length && !rightAddon && !bottomAddon;
+
+  // Add aria-label when only icon is defined
+  if (isIconOnly && icon) {
+    tagProps['aria-label'] = (0, _utils2.prepareIconName)(icon, isIconOnly);
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootTag, {
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--size-${size}`]: icon || progress,
       [`${baseClassName}--progress`]: progress,
       [`${baseClassName}--primary`]: primary,
       [`${baseClassName}--nowrap`]: nowrap,
-      [`${baseClassName}--icon`]: !_react.Children.toArray(children).length && !rightAddon && !bottomAddon
+      [`${baseClassName}--icon`]: isIconOnly
     }, className),
     ...restOuterProps,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {

package/cjs/components/Alert/Alert.js

@@ -29,6 +29,7 @@ const Alert = _ref => {
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--${intent}`]: intent
     }, className),
+    role: intent === 'warning' || intent === 'danger' ? 'alert' : 'status',
     ...props,
     children: [onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "close",

package/cjs/components/AutoClosable/AutoClosable.js

@@ -6,20 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _reactDom = require("react-dom");
 var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
-const AutoClosableContext = /*#__PURE__*/(0, _react.createContext)(null);
-/**
- * This is helper component for handling outside clicks.
- * @since 0.0.42
- */
-class AutoClosable extends _react.Component {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "context", void 0);
+class AutoClosableContextApi {
+  constructor(ignoreNodesRef) {
+    this.ignoreNodesRef = ignoreNodesRef;
     (0, _defineProperty2.default)(this, "children", []);
     (0, _defineProperty2.default)(this, "addChild", child => {
       this.children.push(child);
@@ -28,61 +21,54 @@ class AutoClosable extends _react.Component {
       this.children = this.children.filter(item => item !== child);
     });
     (0, _defineProperty2.default)(this, "getIgnoreNodes", () => {
-      const {
-        ignoreNodes
-      } = this.props;
-      const nodes = typeof ignoreNodes === 'function' ? ignoreNodes() : [];
-      nodes.push(this);
-      this.children.forEach(child => child.getIgnoreNodes().forEach(node => nodes.push(node)));
-      return nodes;
+      const nodes = [...this.ignoreNodesRef.current(), ...this.children.map(child => child.getIgnoreNodes()).flat()];
+      return nodes.filter(node => node instanceof Node);
     });
-    (0, _defineProperty2.default)(this, "onOutsideClick", event => {
-      const el = event.target;
-      const isClickOnIgnoredNode = this.getIgnoreNodes().map(node => {
-        if (node instanceof AutoClosable && node.props.nodeRef && node.props.nodeRef.current) {
-          return node.props.nodeRef.current;
-        }
-        if (node instanceof _react.Component) {
-          return (0, _reactDom.findDOMNode)(node);
-        }
-        if (node instanceof Node) {
-          return node;
-        }
-        if (node && node.current instanceof Node) {
-          return node.current;
-        }
-        return null;
-      }).some(node => Boolean(node && el instanceof Node && node.contains(el)));
+  }
+}
+const AutoClosableContext = /*#__PURE__*/(0, _react.createContext)(null);
+/**
+ * This is helper component for handling outside clicks.
+ * @since 0.0.42
+ */
+const AutoClosable = _ref => {
+  let {
+    onClose,
+    ignoreNodes,
+    nodeRef,
+    children
+  } = _ref;
+  const onCloseRef = (0, _react.useRef)(onClose);
+  onCloseRef.current = onClose;
+  const getIgnoreNodes = () => [nodeRef?.current ?? null, ...(ignoreNodes?.() ?? [])];
+  const ignoreNodesRef = (0, _react.useRef)(getIgnoreNodes);
+  ignoreNodesRef.current = getIgnoreNodes;
+  const parentContext = (0, _react.useContext)(AutoClosableContext);
+  const autoClosableApi = (0, _react.useRef)(new AutoClosableContextApi(ignoreNodesRef)).current;
+  (0, _react.useEffect)(() => {
+    const handleClickOutside = event => {
+      const element = event.target;
+      const ignoreNodes = autoClosableApi.getIgnoreNodes();
+      const isClickOnIgnoredNode = element instanceof Node && ignoreNodes.some(node => node.contains(element));
       if (isClickOnIgnoredNode) {
         return;
       }
-      if (this.props.onClose) {
-        this.props.onClose();
-      }
-    });
-  }
-  componentDidMount() {
-    document.body.addEventListener('click', this.onOutsideClick, {
+      onCloseRef.current?.();
+    };
+    parentContext?.addChild(autoClosableApi);
+    document.body.addEventListener('click', handleClickOutside, {
       capture: true
     });
-    if (this.context) {
-      this.context.addChild(this);
-    }
-  }
-  componentWillUnmount() {
-    document.body.removeEventListener('click', this.onOutsideClick, {
-      capture: true
-    });
-    if (this.context) {
-      this.context.removeChild(this);
-    }
-  }
-  render() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(AutoClosableContext.Provider, {
-      value: this,
-      children: _react.Children.only(this.props.children)
-    });
-  }
-}
-AutoClosable.contextType = AutoClosableContext;
+    return () => {
+      parentContext?.removeChild(autoClosableApi);
+      document.body.removeEventListener('click', handleClickOutside, {
+        capture: true
+      });
+    };
+  }, [parentContext, autoClosableApi]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AutoClosableContext.Provider, {
+    value: autoClosableApi,
+    children: children
+  });
+};
 var _default = exports.default = AutoClosable;

package/cjs/components/AuxiliaryActions/AuxiliaryActions.js

@@ -29,10 +29,19 @@ const AuxiliaryActions = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     className: (0, _classnames.default)(baseClassName, className),
     ...props,
-    children: _react.Children.toArray(children).reduce((accu, elem, index) => accu.length === 0 ? [elem] : [...accu, /*#__PURE__*/(0, _react.isValidElement)(separator) ? /*#__PURE__*/(0, _react.cloneElement)(separator, {
-      key: index
-    }) // eslint-disable-line react/no-array-index-key
-    : separator, elem], [])
+    children: _react.Children.toArray(children).reduce((accu, elem, index) => {
+      let elementWithRole = elem;
+      if (/*#__PURE__*/(0, _react.isValidElement)(elem)) {
+        // @ts-expect-error
+        elementWithRole = /*#__PURE__*/(0, _react.cloneElement)(elem, {
+          role: 'button'
+        });
+      }
+      return accu.length === 0 ? [elementWithRole] : [...accu, /*#__PURE__*/(0, _react.isValidElement)(separator) ? /*#__PURE__*/(0, _react.cloneElement)(separator, {
+        key: index
+      }) // eslint-disable-line react/no-array-index-key
+      : separator, elementWithRole];
+    }, [])
   });
 };
 var _default = exports.default = AuxiliaryActions;

package/cjs/components/Button/Button.js

@@ -138,6 +138,7 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   const hasAriaDisabled = Tag === 'button' && disabled && tooltip;
   let button = /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
     ref: ref,
+    role: Tag === 'button' ? undefined : 'button',
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--${size}`]: size,
       [`${baseClassName}--${intent}`]: intent && !ghost,

package/cjs/components/Card/Card.js

@@ -14,12 +14,11 @@ var _reactTransitionGroup = require("react-transition-group");
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _ContentLoader = _interopRequireDefault(require("../ContentLoader"));
-var _Translate = _interopRequireDefault(require("../Translate"));
+var _Translate = require("../Translate");
 var _CardButton = _interopRequireDefault(require("./CardButton"));
 var _PreviewPanel = _interopRequireDefault(require("./PreviewPanel"));
 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 VIEW_TILE = 'tile';
@@ -77,9 +76,8 @@ class Card extends _react.Component {
         onChange: isSelected => onSelectionChange({
           isSelected
         }),
-        children: this.isExtended() ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-          content: "Card.select",
-          fallback: "Select"
+        children: this.isExtended() ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+          content: "Card.select"
         }) : null
       })
     });
@@ -101,9 +99,8 @@ class Card extends _react.Component {
       }), titleLinkProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardButton.default, {
         component: "a",
         icon: "chain",
-        tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-          content: "Card.titleLinkTooltip",
-          fallback: "Go to page"
+        tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+          content: "Card.titleLinkTooltip"
         }),
         ...titleLinkProps
       }), this.isExtended() && this.renderTitleLabels()]
@@ -223,12 +220,10 @@ class Card extends _react.Component {
           flipVertical: this.isExtended()
         },
         onClick: this.handleToggleView,
-        tooltip: this.isExtended() ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-          content: "Card.collapseCardTooltip",
-          fallback: "Collapse the card"
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-          content: "Card.expandCardTooltip",
-          fallback: "Expand the card"
+        tooltip: this.isExtended() ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+          content: "Card.collapseCardTooltip"
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+          content: "Card.expandCardTooltip"
         })
       }, "toggleView"));
     }

package/cjs/components/CardList/CardList.js

@@ -17,11 +17,10 @@ var _Grid = _interopRequireDefault(require("../Grid"));
 var _GridCol = _interopRequireDefault(require("../GridCol"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _Spinner = _interopRequireDefault(require("../Spinner"));
-var _Translate = _interopRequireDefault(require("../Translate"));
+var _Translate = require("../Translate");
 var _CardListToolbar = _interopRequireDefault(require("./CardListToolbar"));
 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 VIEW_TILE = exports.VIEW_TILE = 'tile';
@@ -194,9 +193,8 @@ class CardList extends _react.Component {
         className: `${baseClassName}__pagination`,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           onClick: () => this.loadMore(),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-            content: 'CardList.loadMore',
-            fallback: 'Load more'
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+            content: 'CardList.loadMore'
           })
         })
       });
@@ -315,9 +313,8 @@ class CardList extends _react.Component {
           }), this.state.items.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: `${baseClassName}__list ${baseClassName}__list--${this.state.view}`,
             children: content
-          }), this.state.items.length === 0 && !loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-            content: "CardList.notFound",
-            fallback: "No items found."
+          }), this.state.items.length === 0 && !loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+            content: "CardList.notFound"
           }), this.renderPagination(), this.renderLoader()]
         });
       }

package/cjs/components/CardList/CardListToolbar.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _constants = require("../../constants");
-var _Translate = _interopRequireDefault(require("../Translate"));
+var _Translate = require("../Translate");
 var _Button = _interopRequireDefault(require("../Button"));
 var _Toolbar = _interopRequireWildcard(require("../Toolbar"));
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
@@ -18,8 +18,7 @@ var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _Badge = _interopRequireDefault(require("../Badge"));
 var _CardList = require("./CardList");
 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 renderSelection = (_ref, baseClassName) => {
@@ -75,9 +74,8 @@ const renderSelection = (_ref, baseClassName) => {
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.ToolbarGroup, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-      content: "CardList.toolbarSelect",
-      fallback: "Select"
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+      content: "CardList.toolbarSelect"
     }),
     children: button
   }, "selection");
@@ -85,30 +83,26 @@ const renderSelection = (_ref, baseClassName) => {
 const renderView = (onViewChange, currentView) => {
   const viewButtons = [{
     value: _CardList.VIEW_EXTENDED,
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-      content: "CardList.viewCards",
-      fallback: "Cards"
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+      content: "CardList.viewCards"
     }),
     icon: 'site-page'
   }, {
     value: _CardList.VIEW_TILE,
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-      content: "CardList.viewTiles",
-      fallback: "Tiles"
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+      content: "CardList.viewTiles"
     }),
     icon: 'four-squares'
   }, {
     value: _CardList.VIEW_ROW,
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-      content: "CardList.viewList",
-      fallback: "List"
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+      content: "CardList.viewList"
     }),
     icon: 'list'
   }];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.ToolbarGroup, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-      content: "CardList.toolbarView",
-      fallback: "View"
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+      content: "CardList.toolbarView"
     }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SegmentedControl.default, {
       buttons: viewButtons,

package/cjs/components/ClosingConfirmation/useClosingConfirmation.js

@@ -9,9 +9,8 @@ var _react = require("react");
 var _Button = _interopRequireDefault(require("../Button"));
 var _Dialog = _interopRequireDefault(require("../Dialog"));
 var _Paragraph = _interopRequireDefault(require("../Paragraph"));
-var _Translate = _interopRequireDefault(require("../Translate"));
+var _Translate = require("../Translate");
 var _utils = require("../utils");
-var _enUS = _interopRequireDefault(require("./locale/en-US"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
@@ -49,22 +48,19 @@ const useClosingConfirmation = _ref => {
       buttons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         intent: "primary",
         onClick: handleCancel,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-          content: "ClosingConfirmation.cancel",
-          fallback: _enUS.default.cancel
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+          content: "ClosingConfirmation.cancel"
         })
       }, "cancel"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         onClick: handleConfirm,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-          content: "ClosingConfirmation.confirm",
-          fallback: _enUS.default.confirm
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+          content: "ClosingConfirmation.confirm"
         })
       }, "confirm")],
       cancelButton: false,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paragraph.default, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-          content: "ClosingConfirmation.content",
-          fallback: _enUS.default.content
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+          content: "ClosingConfirmation.content"
         })
       })
     });

package/cjs/components/CodeEditor/CodeEditor.js

@@ -12,8 +12,7 @@ var _utils2 = require("../../utils");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 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; } // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
+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.
 /**
  * `CodeEditor` component is used for editing text as code with proper color highlighting according to selected programming language.
  * @since 0.0.61

package/cjs/components/Columns/Columns.js

@@ -11,8 +11,7 @@ var _reactMeasure = _interopRequireDefault(require("react-measure"));
 var _constants = require("../../constants");
 var _VerticalContext = _interopRequireWildcard(require("../VerticalContext"));
 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/ComboBox/ComboBox.js

@@ -14,8 +14,7 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 var _ComboBoxDropdown = _interopRequireWildcard(require("../ComboBoxDropdown"));
 var _ComboBoxOption = _interopRequireDefault(require("./ComboBoxOption"));
 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 collect = function (children) {

package/cjs/components/ComboBoxDropdown/ComboBoxDropdown.js

@@ -13,8 +13,7 @@ var _Menu = _interopRequireWildcard(require("../Menu"));
 var _AutoClosable = _interopRequireDefault(require("../AutoClosable"));
 var _utils = 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.
 
 const findNextSafeIndex = (currIndex, diff, options) => {
@@ -51,6 +50,7 @@ const ComboBoxDropdown = _ref => {
     onSelect,
     noOptions,
     emitter,
+    listboxId,
     ...props
   } = _ref;
   const rootRef = (0, _react.useRef)(null);
@@ -121,6 +121,8 @@ const ComboBoxDropdown = _ref => {
         },
         ref: menuRef,
         className: `${baseClassName}__menu`,
+        role: "listbox",
+        id: listboxId,
         children: [groups.reduce((acc, group) => {
           if (group.label) {
             acc.push(/*#__PURE__*/(0, _react.createElement)(_Menu.MenuHeader, {

package/cjs/components/ComboBoxDropdown/index.js

@@ -16,5 +16,4 @@ Object.defineProperty(exports, "findNextSafeIndex", {
   }
 });
 var _ComboBoxDropdown = _interopRequireWildcard(require("./ComboBoxDropdown"));
-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/Cuttable/Cuttable.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
-var _Translate = _interopRequireDefault(require("../Translate"));
+var _Translate = require("../Translate");
 var _Link = _interopRequireDefault(require("../Link"));
 var _useContentOverflow = require("./useContentOverflow");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -23,10 +23,7 @@ const Cuttable = _ref => {
     children,
     collapsed: externalCollapsed = true,
     maxHeight = '7rem',
-    locale = {
-      showMore: 'Show more',
-      showLess: 'Show less'
-    },
+    locale,
     className,
     baseClassName = `${_constants.CLS_PREFIX}cuttable`,
     ...props
@@ -70,9 +67,10 @@ const Cuttable = _ref => {
       className: `${baseClassName}__action`,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
         onClick: toggle,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-          content: `Cuttable.${actionLocaleKey}`,
-          fallback: locale[actionLocaleKey]
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+          namespace: "Cuttable",
+          content: actionLocaleKey,
+          translators: locale
         })
       })
     })]

package/cjs/components/Dialog/Dialog.js

@@ -14,11 +14,9 @@ var _Form = _interopRequireDefault(require("../Form"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _Heading = _interopRequireDefault(require("../Heading"));
 var _Text = _interopRequireDefault(require("../Text"));
-var _Translate = _interopRequireWildcard(require("../Translate"));
+var _Translate = require("../Translate");
 var _utils = 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; }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 const isProps = value => value && typeof value === 'object' && ! /*#__PURE__*/(0, _react.isValidElement)(value);
@@ -100,9 +98,8 @@ const Dialog = _ref => {
     }
     let props = {
       onClick: onCloseWithConfirmation,
-      children: cancelTitle || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-        content: "Dialog.cancelButton",
-        fallback: "Cancel"
+      children: cancelTitle || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+        content: "Dialog.cancelButton"
       })
     };
     if (formProps && isProps(formProps.cancelButton)) {
@@ -157,6 +154,7 @@ const Dialog = _ref => {
   } else {
     childrenElement = children;
   }
+  const titleContainerId = (0, _react.useId)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Overlay.default, {
     className: (0, _classnames.default)(baseClassName, className),
     isOpen: isVisible,
@@ -164,6 +162,9 @@ const Dialog = _ref => {
     canCloseOnBackdropClick: canClose && closable,
     canCloseOnEscapePress: canClose && closable,
     size: size,
+    containerProps: {
+      'aria-labelledby': title ? titleContainerId : undefined
+    },
     ...props,
     children: [(title || subtitle || actions) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
       className: `${baseClassName}__header`,
@@ -173,13 +174,16 @@ const Dialog = _ref => {
           className: `${baseClassName}__header-body`,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: `${baseClassName}__header-content`,
-            children: [(0, _Translate.isLikeText)(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
-              level: 2,
-              className: `${baseClassName}__title`,
-              children: title
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: `${baseClassName}__title`,
-              children: title
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              id: titleContainerId,
+              children: (0, _Translate.isLikeText)(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
+                level: 2,
+                className: `${baseClassName}__title`,
+                children: title
+              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: `${baseClassName}__title`,
+                children: title
+              })
             }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: `${baseClassName}__subtitle`,
               children: (0, _Translate.isLikeText)(subtitle) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {