primereact 10.2.1 → 10.3.1

package/core/core.js

@@ -1221,10 +1221,13 @@ this.primereact.utils = (function (exports, React) {
       }
     }, {
       key: "createInlineStyle",
-      value: function createInlineStyle(nonce) {
+      value: function createInlineStyle(nonce, styleContainer) {
         var styleElement = document.createElement('style');
         DomHandler.addNonce(styleElement, nonce);
-        document.head.appendChild(styleElement);
+        if (!styleContainer) {
+          styleContainer = document.head;
+        }
+        styleContainer.appendChild(styleElement);
         return styleElement;
       }
     }, {
@@ -1232,7 +1235,7 @@ this.primereact.utils = (function (exports, React) {
       value: function removeInlineStyle(styleElement) {
         if (this.isExist(styleElement)) {
           try {
-            document.head.removeChild(styleElement);
+            styleElement.parentNode.removeChild(styleElement);
           } catch (error) {
             // style element may have already been removed in a fast refresh
           }
@@ -1415,7 +1418,10 @@ this.primereact.utils = (function (exports, React) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -1641,7 +1647,15 @@ this.primereact.utils = (function (exports, React) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -1741,7 +1755,7 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -2759,6 +2773,9 @@ this.primereact.api = (function (exports, utils, React) {
       }
     }
 
+    /**
+     * @deprecated please use PrimeReactContext
+     */
     var PrimeReact$1 = /*#__PURE__*/_createClass(function PrimeReact() {
       _classCallCheck(this, PrimeReact);
     });
@@ -3319,59 +3336,63 @@ this.primereact.api = (function (exports, utils, React) {
         _useState8 = _slicedToArray(_useState7, 2),
         appendTo = _useState8[0],
         setAppendTo = _useState8[1];
-      var _useState9 = React.useState(propsValue.cssTransition || true),
+      var _useState9 = React.useState(propsValue.styleContainer || null),
         _useState10 = _slicedToArray(_useState9, 2),
-        cssTransition = _useState10[0],
-        setCssTransition = _useState10[1];
-      var _useState11 = React.useState(propsValue.autoZIndex || true),
+        styleContainer = _useState10[0],
+        setStyleContainer = _useState10[1];
+      var _useState11 = React.useState(propsValue.cssTransition || true),
         _useState12 = _slicedToArray(_useState11, 2),
-        autoZIndex = _useState12[0],
-        setAutoZIndex = _useState12[1];
-      var _useState13 = React.useState(propsValue.hideOverlaysOnDocumentScrolling || false),
+        cssTransition = _useState12[0],
+        setCssTransition = _useState12[1];
+      var _useState13 = React.useState(propsValue.autoZIndex || true),
         _useState14 = _slicedToArray(_useState13, 2),
-        hideOverlaysOnDocumentScrolling = _useState14[0],
-        setHideOverlaysOnDocumentScrolling = _useState14[1];
-      var _useState15 = React.useState(propsValue.nonce || null),
+        autoZIndex = _useState14[0],
+        setAutoZIndex = _useState14[1];
+      var _useState15 = React.useState(propsValue.hideOverlaysOnDocumentScrolling || false),
         _useState16 = _slicedToArray(_useState15, 2),
-        nonce = _useState16[0],
-        setNonce = _useState16[1];
-      var _useState17 = React.useState(propsValue.nullSortOrder || 1),
+        hideOverlaysOnDocumentScrolling = _useState16[0],
+        setHideOverlaysOnDocumentScrolling = _useState16[1];
+      var _useState17 = React.useState(propsValue.nonce || null),
         _useState18 = _slicedToArray(_useState17, 2),
-        nullSortOrder = _useState18[0],
-        setNullSortOrder = _useState18[1];
-      var _useState19 = React.useState(propsValue.zIndex || {
+        nonce = _useState18[0],
+        setNonce = _useState18[1];
+      var _useState19 = React.useState(propsValue.nullSortOrder || 1),
+        _useState20 = _slicedToArray(_useState19, 2),
+        nullSortOrder = _useState20[0],
+        setNullSortOrder = _useState20[1];
+      var _useState21 = React.useState(propsValue.zIndex || {
           modal: 1100,
           overlay: 1000,
           menu: 1000,
           tooltip: 1100,
           toast: 1200
         }),
-        _useState20 = _slicedToArray(_useState19, 2),
-        zIndex = _useState20[0],
-        setZIndex = _useState20[1];
-      var _useState21 = React.useState(propsValue.ptOptions || {
+        _useState22 = _slicedToArray(_useState21, 2),
+        zIndex = _useState22[0],
+        setZIndex = _useState22[1];
+      var _useState23 = React.useState(propsValue.ptOptions || {
           mergeSections: true,
           mergeProps: true
         }),
-        _useState22 = _slicedToArray(_useState21, 2),
-        ptOptions = _useState22[0],
-        setPtOptions = _useState22[1];
-      var _useState23 = React.useState(propsValue.pt || undefined),
         _useState24 = _slicedToArray(_useState23, 2),
-        pt = _useState24[0],
-        setPt = _useState24[1];
-      var _useState25 = React.useState(propsValue.unstyled || false),
+        ptOptions = _useState24[0],
+        setPtOptions = _useState24[1];
+      var _useState25 = React.useState(propsValue.pt || undefined),
         _useState26 = _slicedToArray(_useState25, 2),
-        unstyled = _useState26[0],
-        setUnstyled = _useState26[1];
-      var _useState27 = React.useState(propsValue.filterMatchModeOptions || {
+        pt = _useState26[0],
+        setPt = _useState26[1];
+      var _useState27 = React.useState(propsValue.unstyled || false),
+        _useState28 = _slicedToArray(_useState27, 2),
+        unstyled = _useState28[0],
+        setUnstyled = _useState28[1];
+      var _useState29 = React.useState(propsValue.filterMatchModeOptions || {
           text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],
           numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
           date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
         }),
-        _useState28 = _slicedToArray(_useState27, 2),
-        filterMatchModeOptions = _useState28[0],
-        setFilterMatchModeOptions = _useState28[1];
+        _useState30 = _slicedToArray(_useState29, 2),
+        filterMatchModeOptions = _useState30[0],
+        setFilterMatchModeOptions = _useState30[1];
       var changeTheme = function changeTheme(currentTheme, newTheme, linkElementId, callback) {
         var _linkElement$parentNo;
         var linkElement = document.getElementById(linkElementId);
@@ -3388,6 +3409,27 @@ this.primereact.api = (function (exports, utils, React) {
         });
         (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.insertBefore(cloneLinkElement, linkElement.nextSibling);
       };
+
+      /**
+       * @deprecated
+       */
+      React__default["default"].useEffect(function () {
+        PrimeReact$1.ripple = ripple;
+      }, [ripple]);
+
+      /**
+       * @deprecated
+       */
+      React__default["default"].useEffect(function () {
+        PrimeReact$1.inputStyle = inputStyle;
+      }, [inputStyle]);
+
+      /**
+       * @deprecated
+       */
+      React__default["default"].useEffect(function () {
+        PrimeReact$1.locale = locale;
+      }, [locale]);
       var value = {
         changeTheme: changeTheme,
         ripple: ripple,
@@ -3398,6 +3440,8 @@ this.primereact.api = (function (exports, utils, React) {
         setLocale: setLocale,
         appendTo: appendTo,
         setAppendTo: setAppendTo,
+        styleContainer: styleContainer,
+        setStyleContainer: setStyleContainer,
         cssTransition: cssTransition,
         setCssTransition: setCssTransition,
         autoZIndex: autoZIndex,
@@ -3457,6 +3501,37 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
 
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
   function _typeof(o) {
     "@babel/helpers - typeof";
 
@@ -3543,7 +3618,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
   var checkboxStyles = "\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: auto;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n";
   var inputTextStyles = "\n.p-inputtext {\n    margin: 0;\n}\n\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -0.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n    top: -0.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
   var radioButtonStyles = "\n.p-radiobutton {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n\n";
-  var iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
+  var iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g,\n.p-disabled svg.p-icon {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
   var commonStyle = "\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\n    }\n\n    .p-hidden-space {\n        visibility: hidden;\n    }\n\n    .p-reset {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        text-decoration: none;\n        font-size: 100%;\n        list-style: none;\n    }\n\n    .p-disabled, .p-disabled * {\n        cursor: default;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-component-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-unselectable-text {\n        user-select: none;\n    }\n\n    .p-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react overlay animations */\n    .p-connected-overlay {\n        opacity: 0;\n        transform: scaleY(0.8);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-visible {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n\n    .p-connected-overlay-hidden {\n        opacity: 0;\n        transform: scaleY(1);\n        transition: opacity .1s linear;\n    }\n\n    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    .p-sr-only {\n        border: 0;\n        clip: rect(1px, 1px, 1px, 1px);\n        clip-path: inset(50%);\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        padding: 0;\n        position: absolute;\n        width: 1px;\n        word-wrap: normal;\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat(buttonStyles, "\n    ").concat(checkboxStyles, "\n    ").concat(inputTextStyles, "\n    ").concat(radioButtonStyles, "\n    ").concat(iconStyles, "\n}\n");
   var ComponentBase = {
     cProps: undefined,
@@ -3581,12 +3656,13 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
         if (obj.hasOwnProperty('pt') && obj.pt !== undefined) {
           obj = obj.pt;
         }
+        var originalkey = key;
+        var isNestedParam = /./g.test(originalkey) && !!params[originalkey.split('.')[0]];
+        var fkey = isNestedParam ? utils.ObjectUtils.toFlatCase(originalkey.split('.')[1]) : utils.ObjectUtils.toFlatCase(originalkey);
         var hostName = params.hostName && utils.ObjectUtils.toFlatCase(params.hostName);
         var componentName = hostName || params.props && params.props.__TYPE && utils.ObjectUtils.toFlatCase(params.props.__TYPE) || '';
-        var isNestedParam = /./g.test(key) && !!params[key.split('.')[0]];
-        var isTransition = key === 'transition' || /./g.test(key) && !!(key.split('.')[1] === 'transition');
+        var isTransition = fkey === 'transition';
         var datasetPrefix = 'data-pc-';
-        var fkey = isNestedParam ? utils.ObjectUtils.toFlatCase(key.split('.')[1]) : utils.ObjectUtils.toFlatCase(key);
         var getHostInstance = function getHostInstance(params) {
           return params !== null && params !== void 0 && params.props ? params.hostName ? params.props.__TYPE === params.hostName ? params.props : getHostInstance(params.parent) : params.parent : undefined;
         };
@@ -3603,12 +3679,21 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
           useMergeProps = _ref$mergeProps === void 0 ? false : _ref$mergeProps;
         var getPTClassValue = function getPTClassValue() {
           var value = getOptionValue.apply(void 0, arguments);
-          return utils.ObjectUtils.isString(value) ? {
+          if (Array.isArray(value)) return {
+            className: utils.classNames.apply(void 0, _toConsumableArray(value))
+          };
+          if (utils.ObjectUtils.isString(value)) return {
             className: value
-          } : value;
+          };
+          if (value !== null && value !== void 0 && value.hasOwnProperty('className') && Array.isArray(value.className)) {
+            return {
+              className: utils.classNames.apply(void 0, _toConsumableArray(value.className))
+            };
+          }
+          return value;
         };
-        var globalPT = searchInDefaultPT ? isNestedParam ? _useGlobalPT(getPTClassValue, key, params) : _useDefaultPT(getPTClassValue, key, params) : undefined;
-        var self = isNestedParam ? undefined : _usePT(_getPT(obj, componentName), getPTClassValue, key, params);
+        var globalPT = searchInDefaultPT ? isNestedParam ? _useGlobalPT(getPTClassValue, originalkey, params) : _useDefaultPT(getPTClassValue, originalkey, params) : undefined;
+        var self = isNestedParam ? undefined : _usePT(_getPT(obj, componentName), getPTClassValue, originalkey, params);
         var datasetProps = !isTransition && _objectSpread(_objectSpread({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? utils.ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), fkey));
         return mergeSections || !mergeSections && self ? useMergeProps ? mergeProps(globalPT, self, Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread(_objectSpread(_objectSpread({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread(_objectSpread({}, self), Object.keys(datasetProps).length ? datasetProps : {});
       };
@@ -3902,6 +3987,7 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       when = _ref$when === void 0 ? true : _ref$when;
     var targetRef = React__namespace.useRef(null);
     var listenerRef = React__namespace.useRef(null);
+    var prevListener = usePrevious(listener);
     var prevOptions = usePrevious(options);
     var bind = function bind() {
       var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -3931,11 +4017,12 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       }
     }, [target, when]);
     React__namespace.useEffect(function () {
-      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
+      // to properly compare functions we can implicitly converting the function to it's body's text as a String
+      if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
         unbind();
         when && bind();
       }
-    }, [listener, options]);
+    }, [listener, options, when]);
     useUnmountEffect(function () {
       unbind();
     });
@@ -4010,36 +4097,6 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
     };
   };
 
-  /* eslint-disable */
-  var useTimeout = function useTimeout(fn) {
-    var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    var timeout = React__namespace.useRef(null);
-    var savedCallback = React__namespace.useRef(null);
-    var clear = React__namespace.useCallback(function () {
-      return clearTimeout(timeout.current);
-    }, [timeout.current]);
-    React__namespace.useEffect(function () {
-      savedCallback.current = fn;
-    });
-    React__namespace.useEffect(function () {
-      function callback() {
-        savedCallback.current();
-      }
-      if (when) {
-        timeout.current = setTimeout(callback, delay);
-        return clear;
-      } else {
-        clear();
-      }
-    }, [delay, when]);
-    useUnmountEffect(function () {
-      clear();
-    });
-    return [clear];
-  };
-  /* eslint-enable */
-
   var useDebounce = function useDebounce(initialValue, delay) {
     var _React$useState = React__namespace.useState(initialValue),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -4049,12 +4106,64 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       debouncedValue = _React$useState4[0],
       setDebouncedValue = _React$useState4[1];
-    useTimeout(function () {
-      setDebouncedValue(inputValue);
-    }, delay, inputValue !== debouncedValue);
+    var mountedRef = React__namespace.useRef(false);
+    var timeoutRef = React__namespace.useRef(null);
+    var cancelTimer = function cancelTimer() {
+      return window.clearTimeout(timeoutRef.current);
+    };
+    useMountEffect(function () {
+      mountedRef.current = true;
+    });
+    useUnmountEffect(function () {
+      cancelTimer();
+    });
+    React__namespace.useEffect(function () {
+      if (!mountedRef.current) {
+        return;
+      }
+      cancelTimer();
+      timeoutRef.current = window.setTimeout(function () {
+        setDebouncedValue(inputValue);
+      }, delay);
+    }, [inputValue, delay]);
     return [inputValue, debouncedValue, setInputValue];
   };
 
+  var groupToDisplayedElements = {};
+  var useDisplayOrder = function useDisplayOrder(group) {
+    var isVisible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    var _React$useState = React__namespace.useState(function () {
+        return utils.UniqueComponentId();
+      }),
+      _React$useState2 = _slicedToArray(_React$useState, 1),
+      uid = _React$useState2[0];
+    var _React$useState3 = React__namespace.useState(),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      displayOrder = _React$useState4[0],
+      setDisplayOrder = _React$useState4[1];
+    React__namespace.useEffect(function () {
+      if (isVisible) {
+        if (!(group in groupToDisplayedElements)) {
+          groupToDisplayedElements[group] = [];
+        }
+        var newDisplayOrder = groupToDisplayedElements[group].length;
+        groupToDisplayedElements[group].push(uid);
+        setDisplayOrder(newDisplayOrder);
+        return function () {
+          delete groupToDisplayedElements[group][newDisplayOrder];
+          var lastOrder = groupToDisplayedElements[group].findLastIndex(function (el) {
+            return el !== undefined;
+          });
+
+          // Reduce array length, by removing undefined elements at the end of array:
+          groupToDisplayedElements[group].splice(lastOrder + 1);
+          setDisplayOrder(undefined);
+        };
+      }
+    }, [group, uid, isVisible]);
+    return displayOrder;
+  };
+
   var TYPE_MAP = {
     ico: 'image/x-icon',
     png: 'image/png',
@@ -4079,6 +4188,121 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
     }, [newIcon, rel]);
   };
 
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  /**
+   * Priorities of different components (bigger number handled first)
+   */
+  var ESC_KEY_HANDLING_PRIORITIES = {
+    SIDEBAR: 100,
+    SLIDE_MENU: 200,
+    DIALOG: 300,
+    IMAGE: 400,
+    MENU: 500,
+    OVERLAY_PANEL: 600,
+    PASSWORD: 700,
+    CASCADE_SELECT: 800,
+    SPLIT_BUTTON: 900,
+    SPEED_DIAL: 1000
+  };
+
+  /**
+   * Object, that manages global escape key handling logic
+   */
+  var globalEscKeyHandlingLogic = {
+    /**
+     * Mapping from ESC_KEY_HANDLING_PRIORITY to array of related listeners, grouped by priority
+     * @example
+     * Map<{
+     *     [ESC_KEY_HANDLING_PRIORITIES.SIDEBAR]: Map<{
+     *         1: () => {...},
+     *         2: () => {...}
+     *     }>,
+     *     [ESC_KEY_HANDLING_PRIORITIES.DIALOG]: Map<{
+     *         1: () => {...},
+     *         2: () => {...}
+     *     }>
+     * }>;
+     */
+    escKeyListeners: new Map(),
+    /**
+     * Keydown handler (attached to any keydown)
+     */
+    onGlobalKeyDown: function onGlobalKeyDown(event) {
+      // Do nothing if not an "esc" key is pressed:
+      if (event.key !== 'Esc' && event.key !== 'Escape') return;
+      var escKeyListeners = globalEscKeyHandlingLogic.escKeyListeners;
+      var maxPrimaryPriority = Math.max.apply(Math, _toConsumableArray(escKeyListeners.keys()));
+      var theMostImportantEscHandlersSet = escKeyListeners.get(maxPrimaryPriority);
+      var maxSecondaryPriority = Math.max.apply(Math, _toConsumableArray(theMostImportantEscHandlersSet.keys()));
+      var theMostImportantEscHandler = theMostImportantEscHandlersSet.get(maxSecondaryPriority);
+      theMostImportantEscHandler(event);
+    },
+    /**
+     * Attach global keydown listener if there are any "esc" key handlers assigned,
+     * otherwise detach.
+     */
+    refreshGlobalKeyDownListener: function refreshGlobalKeyDownListener() {
+      var document = utils.DomHandler.getTargetElement('document');
+      if (this.escKeyListeners.size > 0) {
+        document.addEventListener('keydown', this.onGlobalKeyDown);
+      } else {
+        document.removeEventListener('keydown', this.onGlobalKeyDown);
+      }
+    },
+    /**
+     * Add "Esc" key handler
+     */
+    addListener: function addListener(callback, _ref) {
+      var _this = this;
+      var _ref2 = _slicedToArray(_ref, 2),
+        primaryPriority = _ref2[0],
+        secondaryPriority = _ref2[1];
+      var escKeyListeners = this.escKeyListeners;
+      if (!escKeyListeners.has(primaryPriority)) {
+        escKeyListeners.set(primaryPriority, new Map());
+      }
+      var primaryPriorityListeners = escKeyListeners.get(primaryPriority);
+
+      // To prevent unexpected override of callback:
+      if (primaryPriorityListeners.has(secondaryPriority)) {
+        throw new Error("Unexpected: global esc key listener with priority [".concat(primaryPriority, ", ").concat(secondaryPriority, "] already exists."));
+      }
+      primaryPriorityListeners.set(secondaryPriority, callback);
+      this.refreshGlobalKeyDownListener();
+      return function () {
+        primaryPriorityListeners["delete"](secondaryPriority);
+        if (primaryPriorityListeners.size === 0) {
+          escKeyListeners["delete"](primaryPriority);
+        }
+        _this.refreshGlobalKeyDownListener();
+      };
+    }
+  };
+  var useGlobalOnEscapeKey = function useGlobalOnEscapeKey(_ref3) {
+    var callback = _ref3.callback,
+      when = _ref3.when,
+      priority = _ref3.priority;
+    React.useEffect(function () {
+      if (!when) return;
+      return globalEscKeyHandlingLogic.addListener(callback, priority);
+    }, [when, callback, priority]);
+  };
+
   var useIntersectionObserver = function useIntersectionObserver(ref) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var _React$useState = React__namespace.useState(false),
@@ -4737,19 +4961,6 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
   };
   /* eslint-enable */
 
-  /* eslint-disable */
-  var useUpdateEffect = function useUpdateEffect(fn, deps) {
-    var mounted = React__namespace.useRef(false);
-    return React__namespace.useEffect(function () {
-      if (!mounted.current) {
-        mounted.current = true;
-        return;
-      }
-      return fn && fn();
-    }, deps);
-  };
-  /* eslint-enable */
-
   var _id = 0;
   var useStyle = function useStyle(css) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -4774,17 +4985,17 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       isLoaded && css !== newCSS && (styleRef.current.textContent = newCSS);
     };
     var load = function load() {
-      if (!document) return;
-      styleRef.current = document.querySelector("style[data-primereact-style-id=\"".concat(name, "\"]")) || document.getElementById(id) || document.createElement('style');
+      if (!document || isLoaded) return;
+      var styleContainer = (context === null || context === void 0 ? void 0 : context.styleContainer) || document.head;
+      styleRef.current = styleContainer.querySelector("style[data-primereact-style-id=\"".concat(name, "\"]")) || document.getElementById(id) || document.createElement('style');
       if (!styleRef.current.isConnected) {
         styleRef.current.type = 'text/css';
         id && (styleRef.current.id = id);
         media && (styleRef.current.media = media);
         utils.DomHandler.addNonce(styleRef.current, context && context.nonce || PrimeReact__default["default"].nonce);
-        document.head.appendChild(styleRef.current);
+        styleContainer.appendChild(styleRef.current);
         name && styleRef.current.setAttribute('data-primereact-style-id', name);
       }
-      if (isLoaded) return;
       styleRef.current.textContent = css;
       setIsLoaded(true);
     };
@@ -4798,7 +5009,7 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
 
       // return () => {if (!manual) unload()}; /* @todo */
       // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }, [manual]);
     return {
       id: id,
       name: name,
@@ -4809,41 +5020,57 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
     };
   };
 
-  var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-    var handleEsc = function handleEsc(event) {
-      if (event.key === 'Esc' || event.key === 'Escape') {
-        event.stopImmediatePropagation();
-        callback(event);
-      }
-      return;
-    };
-    var _useEventListener = useEventListener({
-        type: 'keydown',
-        listener: handleEsc
-      }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindKeyDownListener = _useEventListener2[0],
-      unbindKeyDownListener = _useEventListener2[1];
+  /* eslint-disable */
+  var useTimeout = function useTimeout(fn) {
+    var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    var timeout = React__namespace.useRef(null);
+    var savedCallback = React__namespace.useRef(null);
+    var clear = React__namespace.useCallback(function () {
+      return clearTimeout(timeout.current);
+    }, [timeout.current]);
     React__namespace.useEffect(function () {
-      if (!condition) {
-        return;
+      savedCallback.current = fn;
+    });
+    React__namespace.useEffect(function () {
+      function callback() {
+        savedCallback.current();
       }
-      if (!ref.current) {
-        return;
+      if (when) {
+        timeout.current = setTimeout(callback, delay);
+        return clear;
+      } else {
+        clear();
       }
-      bindKeyDownListener();
-      return function () {
-        unbindKeyDownListener();
-      };
+    }, [delay, when]);
+    useUnmountEffect(function () {
+      clear();
     });
-    return [ref, callback];
+    return [clear];
+  };
+  /* eslint-enable */
+
+  /* eslint-disable */
+  var useUpdateEffect = function useUpdateEffect(fn, deps) {
+    var mounted = React__namespace.useRef(false);
+    return React__namespace.useEffect(function () {
+      if (!mounted.current) {
+        mounted.current = true;
+        return;
+      }
+      return fn && fn();
+    }, deps);
   };
+  /* eslint-enable */
 
+  exports.ESC_KEY_HANDLING_PRIORITIES = ESC_KEY_HANDLING_PRIORITIES;
   exports.useClickOutside = useClickOutside;
   exports.useCounter = useCounter;
   exports.useDebounce = useDebounce;
+  exports.useDisplayOrder = useDisplayOrder;
   exports.useEventListener = useEventListener;
   exports.useFavicon = useFavicon;
+  exports.useGlobalOnEscapeKey = useGlobalOnEscapeKey;
   exports.useIntersectionObserver = useIntersectionObserver;
   exports.useInterval = useInterval;
   exports.useLocalStorage = useLocalStorage;
@@ -4851,7 +5078,6 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
   exports.useMountEffect = useMountEffect;
   exports.useMouse = useMouse;
   exports.useMove = useMove;
-  exports.useOnEscapeKey = useOnEscapeKey;
   exports.useOverlayListener = useOverlayListener;
   exports.useOverlayScrollListener = useOverlayScrollListener;
   exports.usePrevious = usePrevious;
@@ -4952,6 +5178,61 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
     return obj;
   }
 
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
+      } finally {
+        try {
+          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
   var styles = "\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
   var classes = {
     root: 'p-ink'
@@ -4976,15 +5257,21 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var _React$useState = React__namespace.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isMounted = _React$useState2[0],
+      setMounted = _React$useState2[1];
     var inkRef = React__namespace.useRef(null);
     var targetRef = React__namespace.useRef(null);
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = RippleBase.getProps(inProps, context);
+    var isRippleActive = context && context.ripple || PrimeReact__default["default"].ripple;
     var metaData = {
       props: props
     };
     hooks.useStyle(RippleBase.css.styles, {
-      name: 'ripple'
+      name: 'ripple',
+      manual: !isRippleActive
     });
     var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread({}, metaData)),
       ptm = _RippleBase$setMetaDa.ptm,
@@ -5040,12 +5327,16 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
       };
     });
     hooks.useMountEffect(function () {
-      if (inkRef.current) {
+      // for App Router in Next.js ^14
+      setMounted(true);
+    });
+    hooks.useUpdateEffect(function () {
+      if (isMounted && inkRef.current) {
         targetRef.current = getTarget();
         setDimensions();
         bindEvents();
       }
-    });
+    }, [isMounted]);
     hooks.useUpdateEffect(function () {
       if (inkRef.current && !targetRef.current) {
         targetRef.current = getTarget();
@@ -5059,16 +5350,17 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
         unbindEvents();
       }
     });
+    if (!isRippleActive) return null;
     var rootProps = utils.mergeProps({
       'aria-hidden': true,
       className: utils.classNames(cx('root'))
     }, RippleBase.getOtherProps(props), ptm('root'));
-    return context && context.ripple || PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", _extends({
+    return /*#__PURE__*/React__namespace.createElement("span", _extends({
       role: "presentation",
       ref: inkRef
     }, rootProps, {
       onAnimationEnd: onAnimationEnd
-    })) : null;
+    }));
   }));
   Ripple.displayName = 'Ripple';
 
@@ -5366,7 +5658,13 @@ this.primereact.portal = (function (exports, React, ReactDOM, PrimeReact, hooks,
     });
     var element = props.element || props.children;
     if (element && mountedState) {
-      var appendTo = props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo || document.body;
+      var appendTo = props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo;
+      if (utils.ObjectUtils.isFunction(appendTo)) {
+        appendTo = appendTo();
+      }
+      if (!appendTo) {
+        appendTo = document.body;
+      }
       return appendTo === 'self' ? element : /*#__PURE__*/ReactDOM__default["default"].createPortal(element, appendTo);
     }
     return null;
@@ -6227,7 +6525,10 @@ this.primereact.icons.arrowdown = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -6453,7 +6754,15 @@ this.primereact.icons.arrowdown = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -6553,7 +6862,7 @@ this.primereact.icons.arrowdown = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -6922,7 +7231,10 @@ this.primereact.icons.arrowup = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -7148,7 +7460,15 @@ this.primereact.icons.arrowup = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -7248,7 +7568,7 @@ this.primereact.icons.arrowup = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -7617,7 +7937,10 @@ this.primereact.icons.ban = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -7843,7 +8166,15 @@ this.primereact.icons.ban = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -7943,7 +8274,7 @@ this.primereact.icons.ban = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -8760,7 +9091,10 @@ this.primereact.icons.exclamationtriangle = (function (exports, React, iconbase)
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -8986,7 +9320,15 @@ this.primereact.icons.exclamationtriangle = (function (exports, React, iconbase)
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -9086,7 +9428,7 @@ this.primereact.icons.exclamationtriangle = (function (exports, React, iconbase)
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -9525,7 +9867,10 @@ this.primereact.icons.eyeslash = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -9751,7 +10096,15 @@ this.primereact.icons.eyeslash = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -9851,7 +10204,7 @@ this.primereact.icons.eyeslash = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -10220,7 +10573,10 @@ this.primereact.icons.filter = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -10446,7 +10802,15 @@ this.primereact.icons.filter = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -10546,7 +10910,7 @@ this.primereact.icons.filter = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -10913,7 +11277,10 @@ this.primereact.icons.filterslash = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -11139,7 +11506,15 @@ this.primereact.icons.filterslash = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -11239,7 +11614,7 @@ this.primereact.icons.filterslash = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -11608,7 +11983,10 @@ this.primereact.icons.infocircle = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -11834,7 +12212,15 @@ this.primereact.icons.infocircle = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -11934,7 +12320,7 @@ this.primereact.icons.infocircle = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -12367,7 +12753,10 @@ this.primereact.icons.pencil = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -12593,7 +12982,15 @@ this.primereact.icons.pencil = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -12693,7 +13090,7 @@ this.primereact.icons.pencil = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -13060,7 +13457,10 @@ this.primereact.icons.plus = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -13286,7 +13686,15 @@ this.primereact.icons.plus = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -13386,7 +13794,7 @@ this.primereact.icons.plus = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -13753,7 +14161,10 @@ this.primereact.icons.refresh = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -13979,7 +14390,15 @@ this.primereact.icons.refresh = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -14079,7 +14498,7 @@ this.primereact.icons.refresh = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -14448,7 +14867,10 @@ this.primereact.icons.search = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -14674,7 +15096,15 @@ this.primereact.icons.search = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -14774,7 +15204,7 @@ this.primereact.icons.search = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -15143,7 +15573,10 @@ this.primereact.icons.searchminus = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -15369,7 +15802,15 @@ this.primereact.icons.searchminus = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -15469,7 +15910,7 @@ this.primereact.icons.searchminus = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -15838,7 +16279,10 @@ this.primereact.icons.searchplus = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -16064,7 +16508,15 @@ this.primereact.icons.searchplus = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -16164,7 +16616,7 @@ this.primereact.icons.searchplus = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -16533,7 +16985,10 @@ this.primereact.icons.sortalt = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -16759,7 +17214,15 @@ this.primereact.icons.sortalt = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -16859,7 +17322,7 @@ this.primereact.icons.sortalt = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -17235,7 +17698,10 @@ this.primereact.icons.sortamountdown = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -17461,7 +17927,15 @@ this.primereact.icons.sortamountdown = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -17561,7 +18035,7 @@ this.primereact.icons.sortamountdown = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -17943,7 +18417,10 @@ this.primereact.icons.sortamountupalt = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -18169,7 +18646,15 @@ this.primereact.icons.sortamountupalt = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -18269,7 +18754,7 @@ this.primereact.icons.sortamountupalt = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -18651,7 +19136,10 @@ this.primereact.icons.spinner = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -18877,7 +19365,15 @@ this.primereact.icons.spinner = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -18977,7 +19473,7 @@ this.primereact.icons.spinner = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -19344,7 +19840,10 @@ this.primereact.icons.star = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -19570,7 +20069,15 @@ this.primereact.icons.star = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -19670,7 +20177,7 @@ this.primereact.icons.star = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -20037,7 +20544,10 @@ this.primereact.icons.starfill = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -20263,7 +20773,15 @@ this.primereact.icons.starfill = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -20363,7 +20881,7 @@ this.primereact.icons.starfill = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -20730,7 +21248,10 @@ this.primereact.icons.thlarge = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -20956,7 +21477,15 @@ this.primereact.icons.thlarge = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -21056,7 +21585,7 @@ this.primereact.icons.thlarge = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -21489,7 +22018,10 @@ this.primereact.icons.timescircle = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -21715,7 +22247,15 @@ this.primereact.icons.timescircle = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -21815,7 +22355,7 @@ this.primereact.icons.timescircle = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -22184,7 +22724,10 @@ this.primereact.icons.trash = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -22410,7 +22953,15 @@ this.primereact.icons.trash = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -22510,7 +23061,7 @@ this.primereact.icons.trash = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -22879,7 +23430,10 @@ this.primereact.icons.undo = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -23105,7 +23659,15 @@ this.primereact.icons.undo = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -23205,7 +23767,7 @@ this.primereact.icons.undo = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -23574,7 +24136,10 @@ this.primereact.icons.upload = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -23800,7 +24365,15 @@ this.primereact.icons.upload = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -23900,7 +24473,7 @@ this.primereact.icons.upload = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -24269,7 +24842,10 @@ this.primereact.icons.windowmaximize = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -24495,7 +25071,15 @@ this.primereact.icons.windowmaximize = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -24595,7 +25179,7 @@ this.primereact.icons.windowmaximize = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -24964,7 +25548,10 @@ this.primereact.icons.windowminimize = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -25190,7 +25777,15 @@ this.primereact.icons.windowminimize = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -25290,7 +25885,7 @@ this.primereact.icons.windowminimize = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -27237,7 +27832,7 @@ this.primereact.overlayservice = (function (exports, utils) {
 })({}, primereact.utils);
 
 this.primereact = this.primereact || {};
-this.primereact.checkbox = (function (exports, React, api, hooks, check, tooltip, utils, componentbase) {
+this.primereact.checkbox = (function (exports, React, api, componentbase, hooks, check, tooltip, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -27465,32 +28060,32 @@ this.primereact.checkbox = (function (exports, React, api, hooks, check, tooltip
         var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
         var isInputToggled = event.target === inputRef.current;
         var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
-        if (isInputToggled || isCheckboxToggled) {
-          var value = _checked ? props.falseValue : props.trueValue;
-          var eventData = {
-            originalEvent: event,
+        var value = _checked ? props.falseValue : props.trueValue;
+        var eventData = {
+          originalEvent: event,
+          value: props.value,
+          checked: value,
+          stopPropagation: function stopPropagation() {
+            event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event.preventDefault();
+          },
+          target: {
+            type: 'checkbox',
+            name: props.name,
+            id: props.id,
             value: props.value,
-            checked: value,
-            stopPropagation: function stopPropagation() {
-              event.stopPropagation();
-            },
-            preventDefault: function preventDefault() {
-              event.preventDefault();
-            },
-            target: {
-              type: 'checkbox',
-              name: props.name,
-              id: props.id,
-              value: props.value,
-              checked: value
-            }
-          };
-          props.onClick && props.onClick(eventData);
-
-          // do not continue if the user defined click wants to prevent
-          if (event.defaultPrevented) {
-            return;
+            checked: value
           }
+        };
+        props.onClick && props.onClick(eventData);
+
+        // do not continue if the user defined click wants to prevent
+        if (event.defaultPrevented) {
+          return;
+        }
+        if (isInputToggled || isCheckboxToggled) {
           props.onChange && props.onChange(eventData);
         }
         utils.DomHandler.focus(inputRef.current);
@@ -27612,7 +28207,7 @@ this.primereact.checkbox = (function (exports, React, api, hooks, check, tooltip
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.icons.check, primereact.tooltip, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.check, primereact.tooltip, primereact.utils);
 
 this.primereact = this.primereact || {};
 this.primereact.button = (function (exports, React, api, componentbase, utils, spinner, ripple, tooltip) {
@@ -28023,15 +28618,16 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, keyfi
     defaultProps: {
       __TYPE: 'InputText',
       __parentMetadata: null,
+      children: undefined,
+      className: null,
       keyfilter: null,
-      validateOnly: false,
-      tooltip: null,
-      tooltipOptions: null,
       onBeforeInput: null,
       onInput: null,
       onKeyDown: null,
       onPaste: null,
-      children: undefined
+      tooltip: null,
+      tooltipOptions: null,
+      validateOnly: false
     },
     css: {
       classes: classes
@@ -28095,9 +28691,9 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, keyfi
     }, [props.value, props.defaultValue]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var rootProps = utils.mergeProps({
-      className: cx('root', {
+      className: utils.classNames(props.className, cx('root', {
         isFilled: isFilled
-      }),
+      })),
       onBeforeInput: onBeforeInput,
       onInput: onInput,
       onKeyDown: onKeyDown,
@@ -28351,6 +28947,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       prefix: null,
       readOnly: false,
       required: false,
+      roundingMode: undefined,
       showButtons: false,
       size: null,
       step: 1,
@@ -28407,9 +29004,11 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var _minusSign = React__namespace.useRef(null);
     var _currency = React__namespace.useRef(null);
     var _decimal = React__namespace.useRef(null);
+    var _decimalSeparator = React__namespace.useRef(null);
     var _suffix = React__namespace.useRef(null);
     var _prefix = React__namespace.useRef(null);
     var _index = React__namespace.useRef(null);
+    var isFocusedByClick = React__namespace.useRef(false);
     var _locale = props.locale || context && context.locale || PrimeReact__default["default"].locale;
     var stacked = props.showButtons && props.buttonLayout === 'stacked';
     var horizontal = props.showButtons && props.buttonLayout === 'horizontal';
@@ -28423,7 +29022,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         currencyDisplay: props.currencyDisplay,
         useGrouping: props.useGrouping,
         minimumFractionDigits: props.minFractionDigits,
-        maximumFractionDigits: props.maxFractionDigits
+        maximumFractionDigits: props.maxFractionDigits,
+        roundingMode: props.roundingMode
       };
     };
     var constructParser = function constructParser() {
@@ -28435,12 +29035,13 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         return [d, i];
       }));
       _numeral.current = new RegExp("[".concat(numerals.join(''), "]"), 'g');
-      _group.current = getGroupingExpression();
-      _minusSign.current = getMinusSignExpression();
-      _currency.current = getCurrencyExpression();
-      _decimal.current = getDecimalExpression();
-      _suffix.current = getSuffixExpression();
-      _prefix.current = getPrefixExpression();
+      _group.current = getGroupingExpression(); // regular expression /[,]/g, /[.]/g
+      _minusSign.current = getMinusSignExpression(); // regular expression /[-]/g
+      _currency.current = getCurrencyExpression(); // regular expression for currency (e.g. /[$]/g, /[€]/g, /[]/g and more)
+      _decimal.current = getDecimalExpression(); // regular expression /[,]/g, /[.]/g, /[]/g
+      _decimalSeparator.current = getDecimalSeparator(); // current decimal separator  '.', ','
+      _suffix.current = getSuffixExpression(); // regular expression for suffix (e.g. /℃/g)
+      _prefix.current = getPrefixExpression(); // regular expression for prefix (e.g. /\ days/g)
       _index.current = function (d) {
         return index.get(d);
       };
@@ -28448,6 +29049,15 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var escapeRegExp = function escapeRegExp(text) {
       return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
     };
+
+    /**
+     * get decimal separator in current locale
+     */
+    var getDecimalSeparator = function getDecimalSeparator() {
+      return new Intl.NumberFormat(_locale, {
+        useGrouping: false
+      }).format(1.1).trim().replace(_numeral.current, '');
+    };
     var getDecimalExpression = function getDecimalExpression() {
       var formatter = new Intl.NumberFormat(_locale, _objectSpread(_objectSpread({}, getOptions()), {}, {
         useGrouping: false
@@ -28474,7 +29084,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
           currency: props.currency,
           currencyDisplay: props.currencyDisplay,
           minimumFractionDigits: 0,
-          maximumFractionDigits: 0
+          maximumFractionDigits: 0,
+          roundingMode: props.roundingMode
         });
         return new RegExp("[".concat(formatter.format(1).replace(/\s/g, '').replace(_numeral.current, '').replace(_group.current, ''), "]"), 'g');
       }
@@ -28502,7 +29113,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
           currency: props.currency,
           currencyDisplay: props.currencyDisplay,
           minimumFractionDigits: 0,
-          maximumFractionDigits: 0
+          maximumFractionDigits: 0,
+          roundingMode: props.roundingMode
         });
         suffixChar.current = formatter.format(1).split('1')[1];
       }
@@ -28819,8 +29431,14 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
       return false;
     };
+    var replaceDecimalSeparator = function replaceDecimalSeparator(val) {
+      if (isFloat(val)) {
+        return val.toString().replace(/\.(?=[^.]*$)/, _decimalSeparator.current);
+      }
+      return val;
+    };
     var isDecimalSign = function isDecimalSign(_char3) {
-      if (_decimal.current.test(_char3)) {
+      if (_decimal.current.test(_char3) || isFloat(_char3)) {
         _decimal.current.lastIndex = 0;
         return true;
       }
@@ -28829,6 +29447,12 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var isDecimalMode = function isDecimalMode() {
       return props.mode === 'decimal';
     };
+    var isFloat = function isFloat(val) {
+      var formatter = new Intl.NumberFormat(_locale, getOptions());
+      var parseVal = parseValue(formatter.format(val));
+      if (parseVal === null) return false;
+      return parseVal % 1 !== 0;
+    };
     var getDecimalCharIndexes = function getDecimalCharIndexes(val) {
       var decimalCharIndex = val.search(_decimal.current);
       _decimal.current.lastIndex = 0;
@@ -28912,12 +29536,15 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         }
       }
     };
+    var replaceSuffix = function replaceSuffix(value) {
+      return value ? value.replace(_suffix.current, '').trim().replace(/\s/g, '').replace(_currency.current, '') : value;
+    };
     var insertText = function insertText(value, text, start, end) {
       var textSplit = text === '.' ? text : text.split('.');
       if (textSplit.length === 2) {
         var decimalCharIndex = value.slice(start, end).search(_decimal.current);
         _decimal.current.lastIndex = 0;
-        return decimalCharIndex > 0 ? value.slice(0, start) + formatValue(text) + value.slice(end) : value || formatValue(text);
+        return decimalCharIndex > 0 ? value.slice(0, start) + formatValue(text) + replaceSuffix(value).slice(end) : value || formatValue(text);
       } else if (end - start === value.length) {
         return formatValue(text);
       } else if (start === 0) {
@@ -28926,7 +29553,10 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       } else if (end === value.length) {
         return value.slice(0, start) + text;
       } else {
-        return value.slice(0, start) + text + value.slice(end);
+        var selectionValue = value.slice(start, end);
+        // Fix: if the suffix starts with a space, the input will be cleared after pasting
+        var space = /\s$/.test(selectionValue) ? ' ' : '';
+        return value.slice(0, start) + text + space + value.slice(end);
       }
     };
     var deleteRange = function deleteRange(value, start, end) {
@@ -28979,6 +29609,9 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
       return index || 0;
     };
+    var onInputPointerDown = function onInputPointerDown() {
+      isFocusedByClick.current = true;
+    };
     var onInputClick = function onInputClick() {
       initCursor();
     };
@@ -29128,7 +29761,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       if (val1 && val2) {
         var decimalCharIndex = val2.search(_decimal.current);
         _decimal.current.lastIndex = 0;
-        return decimalCharIndex !== -1 ? val1.split(_decimal.current)[0] + val2.slice(decimalCharIndex) : val1;
+        var newVal1 = replaceDecimalSeparator(val1).split(_decimal.current)[0].replace(_suffix.current, '').trim();
+        return decimalCharIndex !== -1 ? newVal1 + val2.slice(decimalCharIndex) : val1;
       }
       return val1;
     };
@@ -29136,7 +29770,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       if (value) {
         var valueSplit = value.split(_decimal.current);
         if (valueSplit.length === 2) {
-          return valueSplit[1].replace(_suffix.current, '').trim().replace(/\s/g, '').replace(_currency.current, '').length;
+          return replaceSuffix(valueSplit[1]).length;
         }
       }
       return 0;
@@ -29163,14 +29797,18 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var onInputFocus = function onInputFocus(event) {
       setFocusedState(true);
       props.onFocus && props.onFocus(event);
-      if ((props.suffix || props.currency || props.prefix) && inputRef.current) {
-        // GitHub #1866 Cursor must be placed before/after symbol or arrow keys don't work
-        var selectionEnd = initCursor();
-        inputRef.current.setSelectionRange(selectionEnd, selectionEnd);
+      if ((props.suffix || props.currency || props.prefix) && inputRef.current && !isFocusedByClick.current) {
+        // GitHub #1866,#5537
+        var inputValue = inputRef.current.value;
+        var prefixLength = (prefixChar.current || '').length;
+        var suffixLength = (suffixChar.current || '').length;
+        var end = inputValue.length === 0 ? 0 : inputValue.length - suffixLength;
+        inputRef.current.setSelectionRange(prefixLength, end);
       }
     };
     var onInputBlur = function onInputBlur(event) {
       setFocusedState(false);
+      isFocusedByClick.current = false;
       if (inputRef.current) {
         var currentValue = inputRef.current.value;
         if (isValueChanged(currentValue, props.value)) {
@@ -29187,7 +29825,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
     };
     var changeValue = function changeValue() {
-      updateInputValue(validateValueByLimit(props.value));
+      var val = validateValueByLimit(props.value);
+      updateInputValue(props.format ? val : replaceDecimalSeparator(val));
       var newValue = validateValue(props.value);
       if (props.value !== null && props.value !== newValue) {
         updateModel(null, newValue);
@@ -29260,6 +29899,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         onKeyPress: onInputKeyUp,
         onInput: onInput,
         onClick: onInputClick,
+        onPointerDown: onInputPointerDown,
         onBlur: onInputBlur,
         onFocus: onInputFocus,
         onPaste: onPaste,
@@ -29612,8 +30252,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
       if (closable !== false) {
         var ariaLabel = api.localeOption('close');
         var buttonIconProps = utils.mergeProps({
-          className: cx('uimessage.buttonicon'),
-          'aria-hidden': true
+          className: cx('uimessage.buttonicon')
         }, getPTOptions('buttonicon', parentParams), ptmo(pt, 'buttonicon', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
         })));
@@ -29688,6 +30327,9 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
         severity: severity
       })),
       style: style,
+      role: 'alert',
+      'aria-live': 'assertive',
+      'aria-atomic': 'true',
       onClick: onClick
     }, getPTOptions('root', parentParams), ptmo(pt, 'root', _objectSpread$1(_objectSpread$1({}, params), {}, {
       hostName: props.hostName
@@ -29792,7 +30434,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
       style: props.style
     }, MessagesBase.getOtherProps(props), ptCallbacks.ptm('root'));
     var transitionProps = utils.mergeProps({
-      classNames: ptCallbacks.cx('transition'),
+      classNames: ptCallbacks.cx('uimessage.transition'),
       unmountOnExit: true,
       timeout: {
         enter: 300,
@@ -30047,7 +30689,7 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, uti
 })({}, React, primereact.api, primereact.componentbase, primereact.utils);
 
 this.primereact = this.primereact || {};
-this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, times, overlayservice, tooltip, utils, csstransition, search, portal, virtualscroller, ripple) {
+this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, spinner, times, overlayservice, tooltip, utils, csstransition, search, portal, virtualscroller, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -30214,6 +30856,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       });
     },
     dropdownIcon: 'p-dropdown-trigger-icon p-clickable',
+    loadingIcon: 'p-dropdown-trigger-icon p-clickable',
     clearIcon: 'p-dropdown-clear-icon p-clickable',
     filterIcon: 'p-dropdown-filter-icon',
     filterContainer: function filterContainer(_ref4) {
@@ -30763,7 +31406,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       return utils.DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || utils.DomHandler.hasClass(event.target, 'p-dropdown-filter-clear-icon');
     };
     var _onClick = function onClick(event) {
-      if (props.disabled) {
+      if (props.disabled || props.loading) {
         return;
       }
       props.onClick && props.onClick(event);
@@ -31316,7 +31959,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         onBlur: onInputBlur,
         onKeyDown: onInputKeyDown,
         disabled: props.disabled,
-        tabIndex: props.tabIndex
+        tabIndex: props.tabIndex || 0
       }, ariaProps), ptm('input'));
       return /*#__PURE__*/React__namespace.createElement("div", hiddenSelectedMessageProps, /*#__PURE__*/React__namespace.createElement("input", inputProps));
     };
@@ -31337,6 +31980,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           onInput: onEditableInputChange,
           onFocus: onEditableInputFocus,
           onBlur: onInputBlur,
+          tabIndex: props.tabIndex || 0,
           'aria-haspopup': 'listbox'
         }, ariaProps), ptm('input'));
         return /*#__PURE__*/React__namespace.createElement("input", inputProps);
@@ -31346,7 +31990,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           ref: inputRef,
           className: cx('input', {
             label: label
-          })
+          }),
+          tabIndex: '-1'
         }, ptm('input'));
         return /*#__PURE__*/React__namespace.createElement("span", _inputProps, content);
       }
@@ -31364,6 +32009,27 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       }
       return null;
     };
+    var createLoadingIcon = function createLoadingIcon() {
+      var loadingIconProps = utils.mergeProps({
+        className: cx('loadingIcon'),
+        'data-pr-overlay-visible': overlayVisibleState
+      }, ptm('loadingIcon'));
+      var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, {
+        spin: true
+      });
+      var loadingIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
+        props: props
+      });
+      var ariaLabel = props.placeholder || props.ariaLabel;
+      var loadingButtonProps = utils.mergeProps({
+        className: cx('trigger'),
+        role: 'button',
+        'aria-haspopup': 'listbox',
+        'aria-expanded': overlayVisibleState,
+        'aria-label': ariaLabel
+      }, ptm('trigger'));
+      return /*#__PURE__*/React__namespace.createElement("div", loadingButtonProps, loadingIcon);
+    };
     var createDropdownIcon = function createDropdownIcon() {
       var dropdownIconProps = utils.mergeProps({
         className: cx('dropdownIcon'),
@@ -31391,7 +32057,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     var hiddenSelect = createHiddenSelect();
     var keyboardHelper = createKeyboardHelper();
     var labelElement = createLabel();
-    var dropdownIcon = createDropdownIcon();
+    var dropdownIcon = props.loading ? createLoadingIcon() : createDropdownIcon();
     var clearIcon = createClearIcon();
     var rootProps = utils.mergeProps({
       id: props.id,
@@ -31455,10 +32121,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.times, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.icons.search, primereact.portal, primereact.virtualscroller, primereact.ripple);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.spinner, primereact.icons.times, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.icons.search, primereact.portal, primereact.virtualscroller, primereact.ripple);
 
 this.primereact = this.primereact || {};
-this.primereact.dialog = (function (exports, React, utils, PrimeReact, componentbase, csstransition, hooks, times, windowmaximize, windowminimize, portal, ripple) {
+this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, times, windowmaximize, windowminimize, portal, ripple, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -31499,6 +32165,16 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     return _extends.apply(this, arguments);
   }
 
+  function _typeof(o) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+      return typeof o;
+    } : function (o) {
+      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+    }, _typeof(o);
+  }
+
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -31530,16 +32206,6 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
 
-  function _typeof(o) {
-    "@babel/helpers - typeof";
-
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-      return typeof o;
-    } : function (o) {
-      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-    }, _typeof(o);
-  }
-
   function _toPrimitive(input, hint) {
     if (_typeof(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
@@ -31611,104 +32277,6 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var usePrevious = function usePrevious(newValue) {
-    var ref = React__namespace.useRef(undefined);
-    React__namespace.useEffect(function () {
-      ref.current = newValue;
-    });
-    return ref.current;
-  };
-
-  /* eslint-disable */
-  var useUnmountEffect = function useUnmountEffect(fn) {
-    return React__namespace.useEffect(function () {
-      return fn;
-    }, []);
-  };
-  /* eslint-enable */
-
-  /* eslint-disable */
-  var useEventListener = function useEventListener(_ref) {
-    var _ref$target = _ref.target,
-      target = _ref$target === void 0 ? 'document' : _ref$target,
-      type = _ref.type,
-      listener = _ref.listener,
-      options = _ref.options,
-      _ref$when = _ref.when,
-      when = _ref$when === void 0 ? true : _ref$when;
-    var targetRef = React__namespace.useRef(null);
-    var listenerRef = React__namespace.useRef(null);
-    var prevOptions = usePrevious(options);
-    var bind = function bind() {
-      var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
-        unbind();
-        (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
-      }
-      if (!listenerRef.current && targetRef.current) {
-        listenerRef.current = function (event) {
-          return listener && listener(event);
-        };
-        targetRef.current.addEventListener(type, listenerRef.current, options);
-      }
-    };
-    var unbind = function unbind() {
-      if (listenerRef.current) {
-        targetRef.current.removeEventListener(type, listenerRef.current, options);
-        listenerRef.current = null;
-      }
-    };
-    React__namespace.useEffect(function () {
-      if (when) {
-        targetRef.current = utils.DomHandler.getTargetElement(target);
-      } else {
-        unbind();
-        targetRef.current = null;
-      }
-    }, [target, when]);
-    React__namespace.useEffect(function () {
-      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
-        unbind();
-        when && bind();
-      }
-    }, [listener, options]);
-    useUnmountEffect(function () {
-      unbind();
-    });
-    return [bind, unbind];
-  };
-  /* eslint-enable */
-
-  var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-    var handleEsc = function handleEsc(event) {
-      if (event.key === 'Esc' || event.key === 'Escape') {
-        event.stopImmediatePropagation();
-        callback(event);
-      }
-      return;
-    };
-    var _useEventListener = useEventListener({
-        type: 'keydown',
-        listener: handleEsc
-      }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindKeyDownListener = _useEventListener2[0],
-      unbindKeyDownListener = _useEventListener2[1];
-    React__namespace.useEffect(function () {
-      if (!condition) {
-        return;
-      }
-      if (!ref.current) {
-        return;
-      }
-      bindKeyDownListener();
-      return function () {
-        unbindKeyDownListener();
-      };
-    });
-    return [ref, callback];
-  };
-
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var classes = {
@@ -31726,10 +32294,13 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       var props = _ref2.props;
       return utils.classNames('p-dialog-content', props.contentClassName);
     },
-    footer: 'p-dialog-footer',
-    mask: function mask(_ref3) {
-      var props = _ref3.props,
-        maskVisibleState = _ref3.maskVisibleState;
+    footer: function footer(_ref3) {
+      var props = _ref3.props;
+      return utils.classNames('p-dialog-footer', props.footerClassName);
+    },
+    mask: function mask(_ref4) {
+      var props = _ref4.props,
+        maskVisibleState = _ref4.maskVisibleState;
       var positions = ['center', 'left', 'right', 'top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right'];
       var pos = positions.find(function (item) {
         return item === props.position || item.replace('-', '') === props.position;
@@ -31741,10 +32312,10 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
         'p-dialog-resizable': props.resizable
       }, props.maskClassName);
     },
-    root: function root(_ref4) {
-      var props = _ref4.props,
-        maximized = _ref4.maximized,
-        context = _ref4.context;
+    root: function root(_ref5) {
+      var props = _ref5.props,
+        maximized = _ref5.maximized,
+        context = _ref5.context;
       return utils.classNames('p-dialog p-component', props.className, {
         'p-dialog-rtl': props.rtl,
         'p-dialog-maximized': maximized,
@@ -31755,10 +32326,10 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     },
     transition: 'p-dialog'
   };
-  var styles = "\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-dialog .p-dialog-title {\n        flex-grow: 1;\n    }\n    \n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n    \n    /* Animation */\n    /* Center */\n    .p-dialog-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n";
+  var styles = "\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-dialog .p-dialog-title {\n        flex-grow: 1;\n    }\n    \n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n    \n    /* Animation */\n    /* Center */\n    .p-dialog-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n";
   var inlineStyles = {
-    mask: function mask(_ref5) {
-      var props = _ref5.props;
+    mask: function mask(_ref6) {
+      var props = _ref6.props;
       return _objectSpread$1({
         position: 'fixed',
         height: '100%',
@@ -31791,6 +32362,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       draggable: true,
       focusOnShow: true,
       footer: null,
+      footerClassName: null,
       header: null,
       headerClassName: null,
       headerStyle: null,
@@ -31871,6 +32443,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     var focusElementOnHide = React__namespace.useRef(null);
     var maximized = props.onMaximize ? props.maximized : maximizedState;
     var shouldBlockScroll = visibleState && (props.blockScroll || props.maximizable && maximized);
+    var displayOrder = hooks.useDisplayOrder('dialog', visibleState);
     var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread(_objectSpread({
         props: props
       }, props.__parentMetadata), {}, {
@@ -31887,15 +32460,14 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     componentbase.useHandleStyle(DialogBase.css.styles, isUnstyled, {
       name: 'dialog'
     });
-    useOnEscapeKey(maskRef, props.closable && props.closeOnEscape, function (event) {
-      var currentTarget = event.currentTarget;
-      if (!currentTarget || !currentTarget.primeDialogParams) {
-        return;
-      }
-      var params = currentTarget.primeDialogParams;
-      var paramLength = params.length;
-      onClose(event);
-      params.splice(paramLength - 1, 1);
+    hooks.useGlobalOnEscapeKey({
+      callback: function callback(event) {
+        if (props.closable && props.closeOnEscape) {
+          onClose(event);
+        }
+      },
+      when: visibleState,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
     });
     var _useEventListener = hooks.useEventListener({
         type: 'keydown',
@@ -31961,7 +32533,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     var focus = function focus() {
       var activeElement = document.activeElement;
       var isActiveElementInDialog = activeElement && dialogRef.current && dialogRef.current.contains(activeElement);
-      if (!isActiveElementInDialog && props.closable && props.showHeader) {
+      if (!isActiveElementInDialog && props.closable && props.showHeader && closeRef.current) {
         closeRef.current.focus();
       }
     };
@@ -32155,11 +32727,9 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     };
     var enableDocumentSettings = function enableDocumentSettings() {
       bindGlobalListeners();
-      updateGlobalDialogsRegistry(true);
     };
     var disableDocumentSettings = function disableDocumentSettings() {
       unbindGlobalListeners();
-      updateGlobalDialogsRegistry(false);
     };
     var updateScrollBlocker = function updateScrollBlocker() {
       // Scroll should be unblocked if there is at least one dialog that blocks scrolling:
@@ -32173,8 +32743,8 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       }
     };
     var updateGlobalDialogsRegistry = function updateGlobalDialogsRegistry(isMounted) {
-      // Update current dialog info in global registry if it is mounted:
-      if (isMounted) {
+      // Update current dialog info in global registry if it is mounted and visible:
+      if (isMounted && visibleState) {
         var newParam = {
           id: idState,
           hasBlockScroll: shouldBlockScroll
@@ -32193,7 +32763,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
           document.primeDialogParams = document.primeDialogParams.toSpliced(currentDialogIndexInRegistry, 1, newParam);
         }
       }
-      // Or remove it from global registry if unmounted:
+      // Or remove it from global registry if unmounted or invisible:
       else {
         document.primeDialogParams = document.primeDialogParams && document.primeDialogParams.filter(function (param) {
           return param.id !== idState;
@@ -32223,21 +32793,31 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       unbindDocumentKeyDownListener();
     };
     var createStyle = function createStyle() {
-      styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+      styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
       var innerHTML = '';
       for (var breakpoint in props.breakpoints) {
-        innerHTML += "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                    .p-dialog[").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], ";\n                    }\n                }\n            ");
+        innerHTML += "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                     [data-pc-name=\"dialog\"][").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], " !important;\n                    }\n                }\n            ");
       }
       styleElement.current.innerHTML = innerHTML;
     };
+    var destroyStyle = function destroyStyle() {
+      styleElement.current = utils.DomHandler.removeInlineStyle(styleElement.current);
+    };
     hooks.useMountEffect(function () {
+      updateGlobalDialogsRegistry(true);
       if (props.visible) {
         setMaskVisibleState(true);
       }
+    });
+    React__namespace.useEffect(function () {
       if (props.breakpoints) {
         createStyle();
       }
-    });
+      return function () {
+        destroyStyle();
+      };
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.breakpoints]);
     hooks.useUpdateEffect(function () {
       if (props.visible && !maskVisibleState) {
         setMaskVisibleState(true);
@@ -32259,9 +32839,10 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     }, [maskVisibleState]);
     hooks.useUpdateEffect(function () {
       updateGlobalDialogsRegistry(true);
-    }, [shouldBlockScroll]);
+    }, [shouldBlockScroll, visibleState]);
     hooks.useUnmountEffect(function () {
       disableDocumentSettings();
+      updateGlobalDialogsRegistry(false);
       utils.DomHandler.removeInlineStyle(styleElement.current);
       utils.ZIndexUtils.clear(maskRef.current);
     });
@@ -32388,11 +32969,41 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       }
       return null;
     };
-    var createElement = function createElement() {
+    var createTemplateElement = function createTemplateElement(_ref) {
+      var _props$children;
+      var maskProps = _ref.maskProps,
+        rootProps = _ref.rootProps,
+        transitionProps = _ref.transitionProps;
+      var messageProps = {
+        header: props.header,
+        content: props.message,
+        message: props === null || props === void 0 || (_props$children = props.children) === null || _props$children === void 0 || (_props$children = _props$children[1]) === null || _props$children === void 0 || (_props$children = _props$children.props) === null || _props$children === void 0 ? void 0 : _props$children.children
+      };
+      var templateElementProps = {
+        headerRef: headerRef,
+        contentRef: contentRef,
+        footerRef: footerRef,
+        closeRef: closeRef,
+        hide: onClose,
+        message: messageProps
+      };
+      return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
+        nodeRef: dialogRef
+      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, utils.ObjectUtils.getJSXElement(inProps.content, templateElementProps))));
+    };
+    var createElement = function createElement(_ref2) {
+      var maskProps = _ref2.maskProps,
+        rootProps = _ref2.rootProps,
+        transitionProps = _ref2.transitionProps;
       var header = createHeader();
       var content = createContent();
       var footer = createFooter();
       var resizer = createResizer();
+      return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
+        nodeRef: dialogRef
+      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, header, content, footer, resizer)));
+    };
+    var createDialog = function createDialog() {
       var headerId = idState + '_header';
       var contentId = idState + '_content';
       var transitionTimeout = {
@@ -32432,17 +33043,29 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
         onExiting: onExiting,
         onExited: onExited
       }, ptm('transition'));
-      return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
-        nodeRef: dialogRef
-      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, header, content, footer, resizer)));
-    };
-    var createDialog = function createDialog() {
-      var element = createElement();
-      return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
-        element: element,
-        appendTo: props.appendTo,
-        visible: true
-      });
+      if (inProps !== null && inProps !== void 0 && inProps.content) {
+        var templateElement = createTemplateElement({
+          maskProps: maskProps,
+          rootProps: rootProps,
+          transitionProps: transitionProps
+        });
+        return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
+          element: templateElement,
+          appendTo: props.appendTo,
+          visible: true
+        });
+      } else {
+        var element = createElement({
+          maskProps: maskProps,
+          rootProps: rootProps,
+          transitionProps: transitionProps
+        });
+        return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
+          element: element,
+          appendTo: props.appendTo,
+          visible: true
+        });
+      }
     };
     return maskVisibleState && createDialog();
   });
@@ -32454,7 +33077,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
 
   return exports;
 
-})({}, React, primereact.utils, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.icons.windowmaximize, primereact.icons.windowminimize, primereact.portal, primereact.ripple);
+})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.icons.windowmaximize, primereact.icons.windowminimize, primereact.portal, primereact.ripple, primereact.utils);
 
 this.primereact = this.primereact || {};
 this.primereact.paginator = (function (exports, React, api, componentbase, hooks, utils, angledoubleleft, ripple, inputnumber, angledoubleright, angleright, angleleft, dropdown) {
@@ -33610,7 +34233,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       });
     }
   };
-  var styles = "\n@layer primereact {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n    \n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n    \n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n    \n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-tree-filter {\n        width: 100%;\n    }\n    \n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n    \n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n    \n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n";
+  var styles = "\n@layer primereact {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n\n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n\n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-tree-filter {\n        width: 100%;\n    }\n\n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n\n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n";
   var TreeBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Tree',
@@ -33625,6 +34248,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       contextMenuSelectionKey: null,
       onContextMenuSelectionChange: null,
       expandedKeys: null,
+      ariaLabel: null,
+      ariaLabelledBy: null,
       style: null,
       className: null,
       contentStyle: null,
@@ -33648,6 +34273,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       filterPlaceholder: null,
       filterLocale: undefined,
       filterTemplate: null,
+      level: 0,
       nodeTemplate: null,
       togglerTemplate: null,
       onSelect: null,
@@ -33675,8 +34301,10 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     var contentRef = React__namespace.useRef(null);
+    var elementRef = React__namespace.useRef(null);
     var nodeTouched = React__namespace.useRef(false);
     var isLeaf = props.isNodeLeaf(props.node);
+    var label = props.node.label;
     var expanded = (props.expandedKeys ? props.expandedKeys[props.node.key] !== undefined : false) || props.node.expanded;
     var ptm = props.ptm,
       cx = props.cx;
@@ -33692,11 +34320,13 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       });
     };
     var expand = function expand(event) {
+      var navigateFocusToChild = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var expandedKeys = props.expandedKeys ? _objectSpread$1({}, props.expandedKeys) : {};
       expandedKeys[props.node.key] = true;
       props.onToggle({
         originalEvent: event,
-        value: expandedKeys
+        value: expandedKeys,
+        navigateFocusToChild: navigateFocusToChild
       });
       invokeToggleEvents(event, true);
     };
@@ -33713,7 +34343,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       if (props.disabled) {
         return;
       }
-      expanded ? collapse(event) : expand(event);
+      expanded ? collapse(event) : expand(event, false);
       event.preventDefault();
       event.stopPropagation();
     };
@@ -33734,72 +34364,6 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         }
       }
     };
-    var onNodeKeyDown = function onNodeKeyDown(event) {
-      if (props.disabled) {
-        return;
-      }
-      var nodeElement = event.target.parentElement;
-      if (!utils.DomHandler.hasClass(nodeElement, 'p-treenode')) {
-        return;
-      }
-      switch (event.which) {
-        //down arrow
-        case 40:
-          var listElement = nodeElement.children[1];
-          if (listElement) {
-            focusNode(listElement.children[0]);
-          } else {
-            var nextNodeElement = nodeElement.nextElementSibling;
-            while (nextNodeElement) {
-              if (!utils.DomHandler.hasClass(nextNodeElement, 'p-treenode-droppoint')) {
-                break;
-              }
-              nextNodeElement = nextNodeElement.nextElementSibling;
-            }
-            if (nextNodeElement) {
-              focusNode(nextNodeElement);
-            } else {
-              var nextSiblingAncestor = findNextSiblingOfAncestor(nodeElement);
-              nextSiblingAncestor && focusNode(nextSiblingAncestor);
-            }
-          }
-          event.preventDefault();
-          break;
-
-        //up arrow
-        case 38:
-          if (nodeElement.previousElementSibling) {
-            focusNode(findLastVisibleDescendant(nodeElement.previousElementSibling));
-          } else {
-            var parentNodeElement = getParentNodeElement(nodeElement);
-            parentNodeElement && focusNode(parentNodeElement);
-          }
-          event.preventDefault();
-          break;
-
-        //right arrow
-        case 39:
-          if (!expanded) {
-            expand(event);
-          }
-          event.preventDefault();
-          break;
-
-        //left arrow
-        case 37:
-          if (expanded) {
-            collapse(event);
-          }
-          event.preventDefault();
-          break;
-
-        //enter
-        case 13:
-          onClick(event);
-          event.preventDefault();
-          break;
-      }
-    };
     var findNextSiblingOfAncestor = function findNextSiblingOfAncestor(nodeElement) {
       var parentNodeElement = getParentNodeElement(nodeElement);
       return parentNodeElement ? parentNodeElement.nextElementSibling || findNextSiblingOfAncestor(parentNodeElement) : null;
@@ -33818,7 +34382,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       return utils.DomHandler.hasClass(parentNodeElement, 'p-treenode') ? parentNodeElement : null;
     };
     var focusNode = function focusNode(element) {
-      element && element.children[0] && element.children[0].focus();
+      element && element.focus();
     };
     var onClick = function onClick(event) {
       if (props.onClick) {
@@ -33978,6 +34542,131 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         });
       }
     };
+    var onKeyDown = function onKeyDown(event) {
+      if (!isSameNode(event)) return;
+      switch (event.code) {
+        case 'Tab':
+          onTabKey();
+          break;
+        case 'ArrowDown':
+          onArrowDown(event);
+          break;
+        case 'ArrowUp':
+          onArrowUp(event);
+          break;
+        case 'ArrowRight':
+          onArrowRight(event);
+          break;
+        case 'ArrowLeft':
+          onArrowLeft(event);
+          break;
+        case 'Enter':
+        case 'NumpadEnter':
+        case 'Space':
+          onEnterKey(event);
+          break;
+      }
+    };
+    var onArrowDown = function onArrowDown(event) {
+      var nodeElement = event.target.getAttribute('data-pc-section') === 'toggler' ? event.target.closest('[role="treeitem"]') : event.target;
+      var listElement = nodeElement.children[1];
+      if (listElement) {
+        focusRowChange(nodeElement, listElement.children[0]);
+      } else {
+        if (nodeElement.nextElementSibling) {
+          focusRowChange(nodeElement, nodeElement.nextElementSibling);
+        } else {
+          var nextSiblingAncestor = findNextSiblingOfAncestor(nodeElement);
+          if (nextSiblingAncestor) {
+            focusRowChange(nodeElement, nextSiblingAncestor);
+          }
+        }
+      }
+      event.preventDefault();
+    };
+    var onArrowUp = function onArrowUp(event) {
+      var nodeElement = event.target;
+      if (nodeElement.previousElementSibling) {
+        focusRowChange(nodeElement, nodeElement.previousElementSibling, findLastVisibleDescendant(nodeElement.previousElementSibling));
+      } else {
+        var parentNodeElement = getParentNodeElement(nodeElement);
+        if (parentNodeElement) {
+          focusRowChange(nodeElement, parentNodeElement);
+        }
+      }
+      event.preventDefault();
+    };
+    var onArrowRight = function onArrowRight(event) {
+      if (isLeaf || expanded) return;
+      event.currentTarget.tabIndex = -1;
+      expand(event, true);
+    };
+    var onArrowLeft = function onArrowLeft(event) {
+      var togglerElement = utils.DomHandler.findSingle(event.currentTarget, '[data-pc-section="toggler"]');
+      if (props.level === 0 && !expanded) {
+        return false;
+      }
+      if (expanded && !isLeaf) {
+        togglerElement.click();
+        return false;
+      }
+      var target = findBeforeClickableNode(event.currentTarget);
+      if (target) {
+        focusRowChange(event.currentTarget, target);
+      }
+    };
+    var onEnterKey = function onEnterKey(event) {
+      setTabIndexForSelectionMode(event, nodeTouched.current);
+      onClick(event);
+      event.preventDefault();
+    };
+    var onTabKey = function onTabKey() {
+      setAllNodesTabIndexes();
+    };
+    var setAllNodesTabIndexes = function setAllNodesTabIndexes() {
+      var nodes = utils.DomHandler.find(contentRef.current.closest('[data-pc-section="container"]'), '[role="treeitem"]');
+      var hasSelectedNode = _toConsumableArray(nodes).some(function (node) {
+        return node.getAttribute('aria-selected') === 'true' || node.getAttribute('aria-checked') === 'true';
+      });
+      _toConsumableArray(nodes).forEach(function (node) {
+        node.tabIndex = -1;
+      });
+      if (hasSelectedNode) {
+        var selectedNodes = _toConsumableArray(nodes).filter(function (node) {
+          return node.getAttribute('aria-selected') === 'true' || node.getAttribute('aria-checked') === 'true';
+        });
+        selectedNodes[0].tabIndex = 0;
+        return;
+      }
+      _toConsumableArray(nodes)[0].tabIndex = 0;
+    };
+    var setTabIndexForSelectionMode = function setTabIndexForSelectionMode(event, nodeTouched) {
+      if (props.selectionMode !== null) {
+        var elements = _toConsumableArray(utils.DomHandler.find(elementRef.current.parentElement, '[role="treeitem"]'));
+        event.currentTarget.tabIndex = nodeTouched === false ? -1 : 0;
+        if (elements.every(function (element) {
+          return element.tabIndex === -1;
+        })) {
+          elements[0].tabIndex = 0;
+        }
+      }
+    };
+    var focusRowChange = function focusRowChange(firstFocusableRow, currentFocusedRow, lastVisibleDescendant) {
+      firstFocusableRow.tabIndex = '-1';
+      currentFocusedRow.tabIndex = '0';
+      focusNode(lastVisibleDescendant || currentFocusedRow);
+    };
+    var findBeforeClickableNode = function findBeforeClickableNode(node) {
+      var parentListElement = node.closest('ul').closest('li');
+      if (parentListElement) {
+        var prevNodeButton = utils.DomHandler.findSingle(parentListElement, 'button');
+        if (prevNodeButton && prevNodeButton.style.visibility !== 'hidden') {
+          return parentListElement;
+        }
+        return findBeforeClickableNode(node.previousElementSibling);
+      }
+      return null;
+    };
     var propagateUp = function propagateUp(event) {
       var check = event.check;
       var selectionKeys = event.selectionKeys;
@@ -34041,6 +34730,9 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
     var isChecked = function isChecked() {
       return (props.selectionKeys ? props.selectionKeys[props.node.key] && props.selectionKeys[props.node.key].checked : false) || false;
     };
+    var isSameNode = function isSameNode(event) {
+      return event.currentTarget && (event.currentTarget.isSameNode(event.target) || event.currentTarget.isSameNode(event.target.closest('[role="treeitem"]')));
+    };
     var isPartialChecked = function isPartialChecked() {
       return props.selectionKeys ? props.selectionKeys[props.node.key] && props.selectionKeys[props.node.key].partialChecked : false;
     };
@@ -34143,7 +34835,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       var labelProps = utils.mergeProps({
         className: cx('label')
       }, getPTOptions('label'));
-      var content = /*#__PURE__*/React__namespace.createElement("span", labelProps, props.node.label);
+      var content = /*#__PURE__*/React__namespace.createElement("span", labelProps, label);
       if (props.nodeTemplate) {
         var defaultContentOptions = {
           onTogglerClick: onTogglerClick,
@@ -34166,6 +34858,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkboxIconProps) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, checkboxIconProps) : null;
         var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, checkboxIconProps), props);
         var checkboxContainerProps = utils.mergeProps({
+          'aria-hidden': true,
           className: cx('checkboxContainer')
         }, getPTOptions('checkboxContainer'));
         var checkboxProps = utils.mergeProps({
@@ -34174,8 +34867,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
             partialChecked: partialChecked,
             nodeProps: props
           }),
-          role: 'checkbox',
-          'aria-checked': checked
+          role: 'checkbox'
         }, getPTOptions('checkbox'));
         return /*#__PURE__*/React__namespace.createElement("div", checkboxContainerProps, /*#__PURE__*/React__namespace.createElement("div", checkboxProps, checkboxIcon));
       }
@@ -34192,7 +34884,6 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       return null;
     };
     var createToggler = function createToggler() {
-      var label = expanded ? api.ariaLabel('collapseLabel') : api.ariaLabel('expandLabel');
       var togglerIconProps = utils.mergeProps({
         className: cx('togglerIcon'),
         'aria-hidden': true
@@ -34206,8 +34897,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         type: 'button',
         className: cx('toggler'),
         tabIndex: -1,
-        onClick: onTogglerClick,
-        'aria-label': label
+        'aria-hidden': true,
+        onClick: onTogglerClick
       }, getPTOptions('toggler'));
       var content = /*#__PURE__*/React__namespace.createElement("button", togglerProps, togglerIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       if (props.togglerTemplate) {
@@ -34264,8 +34955,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         onDragEnter: onDragEnter,
         onDragLeave: onDragLeave,
         onDragStart: onDragStart,
-        onDragEnd: onDragEnd,
-        onKeyDown: onNodeKeyDown
+        onDragEnd: onDragEnd
       }, getPTOptions('content'));
       return /*#__PURE__*/React__namespace.createElement("div", contentProps, toggler, checkbox, icon, label);
     };
@@ -34322,22 +35012,27 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       return null;
     };
     var createNode = function createNode() {
-      var tabIndex = props.disabled ? undefined : 0;
+      var tabIndex = props.disabled || props.index !== 0 ? -1 : 0;
       var selected = isSelected();
       var checked = isChecked();
       var content = createContent();
       var children = createChildren();
-      var nodeProps = utils.mergeProps({
+      var nodeProps = utils.mergeProps(_defineProperty(_defineProperty({
+        ref: elementRef,
         className: utils.classNames(props.node.className, cx('node', {
           isLeaf: isLeaf
         })),
         style: props.node.style,
         tabIndex: tabIndex,
         role: 'treeitem',
-        'aria-posinset': props.index + 1,
+        'aria-label': label,
+        'aria-level': props.level,
         'aria-expanded': expanded,
-        'aria-selected': checked || selected
-      }, getPTOptions('node'));
+        'aria-checked': checked,
+        'aria-setsize': props.node.children ? props.node.children.length : 0,
+        'aria-posinset': props.index + 1,
+        onKeyDown: onKeyDown
+      }, "aria-expanded", expanded), 'aria-selected', checked || selected), getPTOptions('node'));
       return /*#__PURE__*/React__namespace.createElement("li", nodeProps, content, children);
     };
     var node = createNode();
@@ -34350,6 +35045,19 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
   });
   UITreeNode.displayName = 'UITreeNode';
 
+  /* eslint-disable */
+  var useUpdateEffect = function useUpdateEffect(fn, deps) {
+    var mounted = React__namespace.useRef(false);
+    return React__namespace.useEffect(function () {
+      if (!mounted.current) {
+        mounted.current = true;
+        return;
+      }
+      return fn && fn();
+    }, deps);
+  };
+  /* eslint-enable */
+
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
@@ -34372,6 +35080,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
     var filterChanged = React__namespace.useRef(false);
     var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
     var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
+    var childFocusEvent = React__namespace.useRef(null);
     var _TreeBase$setMetaData = TreeBase.setMetaData({
         props: props,
         state: {
@@ -34397,12 +35106,33 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       return props.filter && filteredNodes.current ? filteredNodes.current : props.value;
     };
     var onToggle = function onToggle(event) {
+      var originalEvent = event.originalEvent,
+        value = event.value,
+        navigateFocusToChild = event.navigateFocusToChild;
       if (props.onToggle) {
-        props.onToggle(event);
+        props.onToggle({
+          originalEvent: originalEvent,
+          value: value
+        });
       } else {
+        if (navigateFocusToChild) {
+          childFocusEvent.current = originalEvent;
+        }
         setExpandedKeysState(event.value);
       }
     };
+    useUpdateEffect(function () {
+      if (childFocusEvent.current) {
+        var event = childFocusEvent.current;
+        var nodeElement = event.target.getAttribute('data-pc-section') === 'toggler' ? event.target.closest('[role="treeitem"]') : event.target;
+        var listElement = nodeElement.children[1];
+        var childElement = listElement.children[0];
+        nodeElement.tabIndex = '-1';
+        childElement.tabIndex = '0';
+        childElement.focus();
+        childFocusEvent.current = null;
+      }
+    }, [expandedKeys]);
     var onDragStart = function onDragStart(event) {
       dragState.current = {
         path: event.path,
@@ -34675,6 +35405,11 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         hostName: "Tree",
         key: node.key || node.label,
         node: node,
+        level: props.level + 1,
+        originalOptions: props.value,
+        index: index,
+        last: last,
+        path: String(index),
         checkboxIcon: props.checkboxIcon,
         collapseIcon: props.collapseIcon,
         contextMenuSelectionKey: props.contextMenuSelectionKey,
@@ -34683,9 +35418,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         dragdropScope: props.dragdropScope,
         expandIcon: props.expandIcon,
         expandedKeys: expandedKeys,
-        index: index,
         isNodeLeaf: isNodeLeaf,
-        last: last,
         metaKeySelection: props.metaKeySelection,
         nodeTemplate: props.nodeTemplate,
         onClick: props.onNodeClick,
@@ -34702,8 +35435,6 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         onSelectionChange: props.onSelectionChange,
         onToggle: onToggle,
         onUnselect: props.onUnselect,
-        originalOptions: props.value,
-        path: String(index),
         propagateSelectionDown: props.propagateSelectionDown,
         propagateSelectionUp: props.propagateSelectionUp,
         ptm: ptm,
@@ -34728,6 +35459,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         var containerProps = utils.mergeProps(_objectSpread({
           className: utils.classNames(props.contentClassName, cx('container')),
           role: 'tree',
+          'aria-label': props.ariaLabel,
+          'aria-labelledby': props.ariaLabelledBy,
           style: props.contentStyle
         }, ariaProps), ptm('container'));
         return /*#__PURE__*/React__namespace.createElement("ul", containerProps, rootNodes);