primereact 10.9.1 → 10.9.3

package/primereact.all.cjs.js

@@ -822,34 +822,58 @@ var DomHandler = /*#__PURE__*/function () {
       var parents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       return element.parentNode === null ? parents : this.getParents(element.parentNode, parents.concat([element.parentNode]));
     }
+
+    /**
+     * Gets all scrollable parent elements of a given element
+     * @param {HTMLElement} element - The element to find scrollable parents for
+     * @param {boolean} hideOverlaysOnDocumentScrolling - Whether to include window/document level scrolling
+     * @returns {Array} Array of scrollable parent elements
+     */
   }, {
     key: "getScrollableParents",
     value: function getScrollableParents(element) {
       var hideOverlaysOnDocumentScrolling = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var scrollableParents = [];
       if (element) {
+        // Get all parent elements
         var parents = this.getParents(element);
+        // Regex to match auto or scroll overflow values
         var overflowRegex = /(auto|scroll)/;
+
+        /**
+         * Checks if an element has overflow scroll/auto in any direction
+         * @param {HTMLElement} node - Element to check
+         * @returns {boolean} True if element has overflow scroll/auto
+         */
         var overflowCheck = function overflowCheck(node) {
           var styleDeclaration = node ? getComputedStyle(node) : null;
           return styleDeclaration && (overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflow-x')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflow-y')));
         };
+
+        /**
+         * Adds a scrollable parent element to the collection
+         * @param {HTMLElement} node - Element to add
+         */
         var addScrollableParent = function addScrollableParent(node) {
           if (hideOverlaysOnDocumentScrolling) {
-            // nodeType 9 is for document element
+            // For document/body/html elements, add window instead
             scrollableParents.push(node.nodeName === 'BODY' || node.nodeName === 'HTML' || node.nodeType === 9 ? window : node);
-          } else {
-            scrollableParents.push(node);
           }
         };
+
+        // Iterate through all parent elements
         var _iterator = _createForOfIteratorHelper$h(parents),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var _parent$dataset;
             var parent = _step.value;
-            var scrollSelectors = parent.nodeType === 1 && parent.dataset.scrollselectors;
+            // Check for custom scroll selectors in data attribute
+            var scrollSelectors = parent.nodeType === 1 && ((_parent$dataset = parent.dataset) === null || _parent$dataset === void 0 ? void 0 : _parent$dataset.scrollselectors);
             if (scrollSelectors) {
               var selectors = scrollSelectors.split(',');
+
+              // Check each selector
               var _iterator2 = _createForOfIteratorHelper$h(selectors),
                 _step2;
               try {
@@ -867,7 +891,7 @@ var DomHandler = /*#__PURE__*/function () {
               }
             }
 
-            // BODY
+            // Check if the parent itself is scrollable
             if (parent.nodeType === 1 && overflowCheck(parent)) {
               addScrollableParent(parent);
             }
@@ -879,11 +903,11 @@ var DomHandler = /*#__PURE__*/function () {
         }
       }
 
-      // we should always at least have the body or window
+      // Ensure window/body is always included as fallback
       if (!scrollableParents.some(function (node) {
         return node === document.body || node === window;
       })) {
-        scrollableParents.push(window);
+        scrollableParents.push(hideOverlaysOnDocumentScrolling ? window : document.body);
       }
       return scrollableParents;
     }
@@ -1746,13 +1770,34 @@ var ObjectUtils = /*#__PURE__*/function () {
     value: function getDiffProps(props, defaultProps) {
       return this.findDiffKeys(props, defaultProps);
     }
+
+    /**
+     * Gets the value of a property which can be a function or a direct value.
+     * If the property is a function, it will be invoked with the provided parameters.
+     * @param {*} obj - The object to get the value from
+     * @param {...*} params - Parameters to pass to the function if obj is a function
+     * @returns {*} The resolved value
+     */
   }, {
     key: "getPropValue",
     value: function getPropValue(obj) {
+      // If obj is not a function, return it directly
+      if (!this.isFunction(obj)) {
+        return obj;
+      }
+
+      // Handle function invocation
       for (var _len3 = arguments.length, params = new Array(_len3 > 1 ? _len3 - 1 : 0), _key4 = 1; _key4 < _len3; _key4++) {
         params[_key4 - 1] = arguments[_key4];
       }
-      return this.isFunction(obj) ? obj.apply(void 0, params) : obj;
+      if (params.length === 1) {
+        // For single parameter, unwrap array if needed
+        var param = params[0];
+        return obj(Array.isArray(param) ? param[0] : param);
+      }
+
+      // Pass all parameters to function
+      return obj(params);
     }
   }, {
     key: "getComponentProp",
@@ -2053,8 +2098,8 @@ function UniqueComponentId() {
   return "".concat(prefix).concat(lastId);
 }
 
-function ownKeys$21(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$21(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$21(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$21(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$22(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$22(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$22(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$22(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var IconUtils = /*#__PURE__*/function () {
   function IconUtils() {
     _classCallCheck(this, IconUtils);
@@ -2073,7 +2118,7 @@ var IconUtils = /*#__PURE__*/function () {
           key: UniqueComponentId('icon')
         }));
         if (iconType !== 'string') {
-          var defaultContentOptions = _objectSpread$21({
+          var defaultContentOptions = _objectSpread$22({
             iconProps: iconProps,
             element: content
           }, options);
@@ -2085,8 +2130,8 @@ var IconUtils = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$20(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$20(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$20(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$20(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$21(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$21(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$21(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$21(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function mask(el, options) {
   var defaultOptions = {
     mask: null,
@@ -2099,7 +2144,7 @@ function mask(el, options) {
     onFocus: null,
     onBlur: null
   };
-  options = _objectSpread$20(_objectSpread$20({}, defaultOptions), options);
+  options = _objectSpread$21(_objectSpread$21({}, defaultOptions), options);
   var tests;
   var partialPosition;
   var len;
@@ -2539,8 +2584,8 @@ function mask(el, options) {
   };
 }
 
-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; }
+function ownKeys$20(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$20(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$20(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$20(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Merges properties together taking an Array of props and merging into one single set of
  * properties. The options can contain a "classNameMergeFunction" which can be something
@@ -2567,7 +2612,7 @@ function mergeProps(props) {
     var _loop = function _loop() {
       var value = ps[key];
       if (key === 'style') {
-        merged.style = _objectSpread$1$(_objectSpread$1$({}, merged.style), ps.style);
+        merged.style = _objectSpread$20(_objectSpread$20({}, merged.style), ps.style);
       } else if (key === 'className') {
         var newClassName = '';
         if (hasMergeFunction) {
@@ -2930,8 +2975,8 @@ _defineProperty(PrimeReact$1, "changeTheme", function (currentTheme, newTheme, l
   (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.replaceChild(newLinkElement, linkElement);
 });
 
-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; }
+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 locales = {
   en: {
     accept: 'Yes',
@@ -3018,6 +3063,7 @@ var locales = {
       jumpToPageDropdownLabel: 'Jump to Page Dropdown',
       jumpToPageInputLabel: 'Jump to Page Input',
       lastPageLabel: 'Last Page',
+      listLabel: 'Option List',
       listView: 'List View',
       moveAllToSource: 'Move All to Source',
       moveAllToTarget: 'Move All to Target',
@@ -3036,7 +3082,7 @@ var locales = {
       passwordHide: 'Hide Password',
       passwordShow: 'Show Password',
       previous: 'Previous',
-      previousPageLabel: 'Previous Page',
+      prevPageLabel: 'Previous Page',
       rotateLeft: 'Rotate Left',
       rotateRight: 'Rotate Right',
       rowsPerPageLabel: 'Rows per page',
@@ -3069,7 +3115,7 @@ function addLocale(locale, options) {
   if (locale.includes('__proto__') || locale.includes('prototype')) {
     throw new Error('Unsafe locale detected');
   }
-  locales[locale] = _objectSpread$1_(_objectSpread$1_({}, locales.en), options);
+  locales[locale] = _objectSpread$1$(_objectSpread$1$({}, locales.en), options);
 }
 function updateLocaleOption(key, value, locale) {
   if (key.includes('__proto__') || key.includes('prototype')) {
@@ -3082,7 +3128,7 @@ function updateLocaleOptions(options, locale) {
     throw new Error('Unsafe locale detected');
   }
   var _locale = locale || PrimeReact$1.locale;
-  locales[_locale] = _objectSpread$1_(_objectSpread$1_({}, locales[_locale]), options);
+  locales[_locale] = _objectSpread$1$(_objectSpread$1$({}, locales[_locale]), options);
 }
 function localeOption(key, locale) {
   if (key.includes('__proto__') || key.includes('prototype')) {
@@ -4086,8 +4132,8 @@ var useMountEffect = function useMountEffect(fn) {
 };
 /* eslint-enable */
 
-function ownKeys$1Z(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$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 useMouse = function useMouse() {
   var _React$useState = React__namespace.useState({
       x: 0,
@@ -4148,15 +4194,15 @@ var useMouse = function useMouse() {
       }
     };
   }, [bindDocumentMoveEventListener, bindMouseMoveEventListener, unbindDocumentMoveEventListener, unbindMouseMoveEventListener]);
-  return _objectSpread$1Z(_objectSpread$1Z({
+  return _objectSpread$1_(_objectSpread$1_({
     ref: ref
   }, position), {}, {
     reset: reset
   });
 };
 
-function ownKeys$1Y(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$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1Z(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$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useMove(_ref) {
   var _ref$mode = _ref.mode,
     mode = _ref$mode === void 0 ? 'both' : _ref$mode,
@@ -4340,7 +4386,7 @@ function useMove(_ref) {
       }
     };
   }, [bindMouseDownListener, bindTouchStartListener, positions, unbindMouseDownListener, unbindTouchStartListener]);
-  return _objectSpread$1Y(_objectSpread$1Y({
+  return _objectSpread$1Z(_objectSpread$1Z({
     ref: ref
   }, positions), {}, {
     active: active,
@@ -4751,10 +4797,10 @@ var useUpdateEffect = function useUpdateEffect(fn, deps) {
 };
 /* eslint-enable */
 
-function ownKeys$1X(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$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var baseStyle = "\n.p-hidden-accessible {\n    position: absolute;\n    pointer-events: none;\n    opacity: 0;\n    white-space: nowrap;\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
-var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
+function ownKeys$1Y(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$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    opacity: 0;\n    overflow: hidden;\n    padding: 0;\n    pointer-events: none;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
+var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n\n.p-button-group-single .p-button:first-of-type {\n    border-top-right-radius: var(--border-radius) !important;\n    border-bottom-right-radius: var(--border-radius) !important;\n}\n\n.p-button-group-single .p-button:last-of-type {\n    border-top-left-radius: var(--border-radius) !important;\n    border-bottom-left-radius: var(--border-radius) !important;\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 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    /* @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(inputTextStyles, "\n    ").concat(iconStyles, "\n}\n");
@@ -4774,7 +4820,7 @@ var ComponentBase = {
   extend: function extend() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var css = props.css;
-    var defaultProps = _objectSpread$1X(_objectSpread$1X({}, props.defaultProps), ComponentBase.defaultProps);
+    var defaultProps = _objectSpread$1Y(_objectSpread$1Y({}, props.defaultProps), ComponentBase.defaultProps);
     var inlineStyles = {};
     var getProps = function getProps(props) {
       var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -4837,10 +4883,10 @@ var ComponentBase = {
       };
       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$1X(_objectSpread$1X({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), fkey));
+      var datasetProps = !isTransition && _objectSpread$1Y(_objectSpread$1Y({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), fkey));
       return mergeSections || !mergeSections && self ? useMergeProps ? mergeProps([globalPT, self, Object.keys(datasetProps).length ? datasetProps : {}], {
         classNameMergeFunction: (_ComponentBase$contex = ComponentBase.context.ptOptions) === null || _ComponentBase$contex === void 0 ? void 0 : _ComponentBase$contex.classNameMergeFunction
-      }) : _objectSpread$1X(_objectSpread$1X(_objectSpread$1X({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1X(_objectSpread$1X({}, self), Object.keys(datasetProps).length ? datasetProps : {});
+      }) : _objectSpread$1Y(_objectSpread$1Y(_objectSpread$1Y({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1Y(_objectSpread$1Y({}, self), Object.keys(datasetProps).length ? datasetProps : {});
     };
     var setMetaData = function setMetaData() {
       var metadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4849,7 +4895,7 @@ var ComponentBase = {
       var ptm = function ptm() {
         var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
         var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        return getPTValue((props || {}).pt, key, _objectSpread$1X(_objectSpread$1X({}, metadata), params));
+        return getPTValue((props || {}).pt, key, _objectSpread$1Y(_objectSpread$1Y({}, metadata), params));
       };
       var ptmo = function ptmo() {
         var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4863,7 +4909,7 @@ var ComponentBase = {
       var cx = function cx() {
         var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
         var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        return !isUnstyled() ? _getOptionValue(css && css.classes, key, _objectSpread$1X({
+        return !isUnstyled() ? _getOptionValue(css && css.classes, key, _objectSpread$1Y({
           props: props,
           state: state
         }, params)) : undefined;
@@ -4874,11 +4920,11 @@ var ComponentBase = {
         var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
         if (when) {
           var _ComponentBase$contex2;
-          var self = _getOptionValue(css && css.inlineStyles, key, _objectSpread$1X({
+          var self = _getOptionValue(css && css.inlineStyles, key, _objectSpread$1Y({
             props: props,
             state: state
           }, params));
-          var base = _getOptionValue(inlineStyles, key, _objectSpread$1X({
+          var base = _getOptionValue(inlineStyles, key, _objectSpread$1Y({
             props: props,
             state: state
           }, params));
@@ -4896,7 +4942,7 @@ var ComponentBase = {
         isUnstyled: isUnstyled
       };
     };
-    return _objectSpread$1X(_objectSpread$1X({
+    return _objectSpread$1Y(_objectSpread$1Y({
       getProps: getProps,
       getOtherProps: getOtherProps,
       setMetaData: setMetaData
@@ -4954,7 +5000,7 @@ var _usePT = function _usePT(pt, callback, key, params) {
     }
     return mergeSections || !mergeSections && value ? useMergeProps ? mergeProps([originalValue, value], {
       classNameMergeFunction: classNameMergeFunction
-    }) : _objectSpread$1X(_objectSpread$1X({}, originalValue), value) : value;
+    }) : _objectSpread$1Y(_objectSpread$1Y({}, originalValue), value) : value;
   }
   return fn(pt);
 };
@@ -4975,6 +5021,7 @@ var _useDefaultPT = function _useDefaultPT(callback, key, params) {
   return _usePT(getDefaultPT(), callback, key, params);
 };
 var useHandleStyle = function useHandleStyle(styles) {
+  var _isUnstyled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
   var config = arguments.length > 2 ? arguments[2] : undefined;
   var name = config.name,
     _config$styled = config.styled,
@@ -5002,7 +5049,7 @@ var useHandleStyle = function useHandleStyle(styles) {
       name: name,
       manual: true
     }),
-    load = _useStyle4.load;
+    loadComponentStyle = _useStyle4.load;
   var hook = function hook(hookName) {
     if (!hostName) {
       var selfHook = _usePT(_getPT((ComponentBase.cProps || {}).pt, componentName), _getOptionValue, "hooks.".concat(hookName));
@@ -5013,11 +5060,19 @@ var useHandleStyle = function useHandleStyle(styles) {
   };
   hook('useMountEffect');
   useMountEffect(function () {
+    // Load base and global styles first as they are always needed
     loadBaseStyle();
     loadGlobalStyle();
-    loadCommonStyle();
-    if (!styled) {
-      load();
+
+    // Only load additional styles if component is styled
+    if (!_isUnstyled()) {
+      // Load common styles shared across components
+      loadCommonStyle();
+
+      // Load component-specific styles if not explicitly styled
+      if (!styled) {
+        loadComponentStyle();
+      }
     }
   });
   useUpdateEffect(function () {
@@ -5041,8 +5096,8 @@ var CSSTransitionBase = {
   }
 };
 
-function ownKeys$1W(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$1W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1X(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$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = CSSTransitionBase.getProps(inProps);
   var context = React__namespace.useContext(PrimeReactContext);
@@ -5105,7 +5160,7 @@ var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps,
     timeout: props.timeout,
     unmountOnExit: props.unmountOnExit
   };
-  var mergedProps = _objectSpread$1W(_objectSpread$1W(_objectSpread$1W({}, mutableProps), props.options || {}), immutableProps);
+  var mergedProps = _objectSpread$1X(_objectSpread$1X(_objectSpread$1X({}, mutableProps), props.options || {}), immutableProps);
   return /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, mergedProps, props.children);
 });
 CSSTransition.displayName = 'CSSTransition';
@@ -5244,8 +5299,8 @@ var AccordionTabBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1V(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$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1W(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$1W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AccordionTab = function AccordionTab() {};
 var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
@@ -5269,7 +5324,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       activeIndex: activeIndexState
     }
   };
-  var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread$1V({}, metaData)),
+  var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread$1W({}, metaData)),
     ptm = _AccordionBase$setMet.ptm,
     ptmo = _AccordionBase$setMet.ptmo,
     cx = _AccordionBase$setMet.cx,
@@ -5420,7 +5475,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     return null;
   }
   var createTabHeader = function createTabHeader(tab, selected, index) {
-    var style = _objectSpread$1V(_objectSpread$1V({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'headerStyle') || {});
+    var style = _objectSpread$1W(_objectSpread$1W({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'headerStyle') || {});
     var headerId = idState + '_header_' + index;
     var ariaControls = idState + '_content_' + index;
     var tabIndex = getTabProp(tab, 'disabled') ? -1 : getTabProp(tab, 'tabIndex');
@@ -5434,7 +5489,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       className: cx('accordiontab.headericon')
     }, getTabPT(tab, 'headericon', index));
     var icon = selected ? props.collapseIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, headerIconProps) : props.expandIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, headerIconProps);
-    var toggleIcon = IconUtils.getJSXIcon(icon, _objectSpread$1V({}, headerIconProps), {
+    var toggleIcon = IconUtils.getJSXIcon(icon, _objectSpread$1W({}, headerIconProps), {
       props: props,
       selected: selected
     });
@@ -5467,7 +5522,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     return /*#__PURE__*/React__namespace.createElement("div", headerProps, /*#__PURE__*/React__namespace.createElement("a", headerActionProps, toggleIcon, header));
   };
   var createTabContent = function createTabContent(tab, selected, index) {
-    var style = _objectSpread$1V(_objectSpread$1V({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'contentStyle') || {});
+    var style = _objectSpread$1W(_objectSpread$1W({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'contentStyle') || {});
     var contentId = idState + '_content_' + index;
     var ariaLabelledby = idState + '_header_' + index;
     var contentRef = /*#__PURE__*/React__namespace.createRef();
@@ -5557,13 +5612,13 @@ var BadgeBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1U(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$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1V(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$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Badge = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = BadgeBase.getProps(inProps, context);
-  var _BadgeBase$setMetaDat = BadgeBase.setMetaData(_objectSpread$1U({
+  var _BadgeBase$setMetaDat = BadgeBase.setMetaData(_objectSpread$1V({
       props: props
     }, props.__parentMetadata)),
     ptm = _BadgeBase$setMetaDat.ptm,
@@ -5627,8 +5682,8 @@ var RippleBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1T(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$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1U(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$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(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),
@@ -5647,7 +5702,7 @@ var Ripple = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.fo
     name: 'ripple',
     manual: !isRippleActive
   });
-  var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread$1T({}, metaData)),
+  var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread$1U({}, metaData)),
     ptm = _RippleBase$setMetaDa.ptm,
     cx = _RippleBase$setMetaDa.cx;
   var getTarget = function getTarget() {
@@ -5853,8 +5908,8 @@ var TooltipBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1S(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$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1T(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$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Tooltip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -6078,6 +6133,9 @@ var Tooltip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
           });
         });
       }
+    } else if (!props.onBeforeHide && !getDelay('hideDelay')) {
+      // handles the case when visibleState change from mouseenter was queued and mouseleave handler was called earlier than queued re-render
+      setVisibleState(false);
     }
   };
   var align = function align(target, coordinate, position) {
@@ -6189,9 +6247,12 @@ var Tooltip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
       });
     }
   };
+  var getDelay = function getDelay(delayProp) {
+    return getTargetOption(currentTargetRef.current, delayProp.toLowerCase()) || props[delayProp];
+  };
   var applyDelay = function applyDelay(delayProp, callback) {
     clearTimeouts();
-    var delay = getTargetOption(currentTargetRef.current, delayProp.toLowerCase()) || props[delayProp];
+    var delay = getDelay(delayProp);
     delay ? timeouts.current["".concat(delayProp)] = setTimeout(function () {
       return callback();
     }, delay) : callback();
@@ -6354,7 +6415,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
     }, TooltipBase.getOtherProps(props), ptm('root'));
     var arrowProps = mergeProps({
       className: cx('arrow'),
-      style: sx('arrow', _objectSpread$1S({}, metaData))
+      style: sx('arrow', _objectSpread$1T({}, metaData))
     }, ptm('arrow'));
     var textProps = mergeProps({
       className: cx('text')
@@ -6439,14 +6500,14 @@ var ButtonBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1R(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$1R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1S(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$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Button = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ButtonBase.getProps(inProps, context);
   var disabled = props.disabled || props.loading;
-  var metaData = _objectSpread$1R(_objectSpread$1R({
+  var metaData = _objectSpread$1S(_objectSpread$1S({
     props: props
   }, props.__parentMetadata), {}, {
     context: {
@@ -6484,7 +6545,7 @@ var Button = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.fo
     var icon = props.loading ? props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
       spin: true
     })) : props.icon;
-    return IconUtils.getJSXIcon(icon, _objectSpread$1R({}, iconsProps), {
+    return IconUtils.getJSXIcon(icon, _objectSpread$1S({}, iconsProps), {
       props: props
     });
   };
@@ -6672,13 +6733,13 @@ var InputTextBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1Q(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$1Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1R(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$1R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InputText = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = InputTextBase.getProps(inProps, context);
-  var _InputTextBase$setMet = InputTextBase.setMetaData(_objectSpread$1Q(_objectSpread$1Q({
+  var _InputTextBase$setMet = InputTextBase.setMetaData(_objectSpread$1R(_objectSpread$1R({
       props: props
     }, props.__parentMetadata), {}, {
       context: {
@@ -6945,8 +7006,8 @@ var VirtualScrollerBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1P(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$1P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1Q(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$1Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var VirtualScroller = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -7329,7 +7390,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__nam
       var contentPos = getContentPosition();
       var setProp = function setProp(_name, _value, _size) {
         var _cpos = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-        return spacerStyle.current = _objectSpread$1P(_objectSpread$1P({}, spacerStyle.current), _defineProperty({}, "".concat(_name), (_value || []).length * _size + _cpos + 'px'));
+        return spacerStyle.current = _objectSpread$1Q(_objectSpread$1Q({}, spacerStyle.current), _defineProperty({}, "".concat(_name), (_value || []).length * _size + _cpos + 'px'));
       };
       if (both) {
         setProp('height', items, props.itemSize[0], contentPos.y);
@@ -7349,7 +7410,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__nam
         var _x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
         var _y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
         _stickyRef.current && (_stickyRef.current.style.top = "-".concat(_y, "px"));
-        contentStyle.current = _objectSpread$1P(_objectSpread$1P({}, contentStyle.current), {
+        contentStyle.current = _objectSpread$1Q(_objectSpread$1Q({}, contentStyle.current), {
           transform: "translate3d(".concat(_x, "px, ").concat(_y, "px, 0)")
         });
       };
@@ -7529,7 +7590,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__nam
   };
   var loaderOptions = function loaderOptions(index, extOptions) {
     var count = loaderArrState.length || 0;
-    return _objectSpread$1P({
+    return _objectSpread$1Q({
       index: index,
       count: count,
       first: index === 0,
@@ -7554,7 +7615,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__nam
     return [];
   };
   var viewInit = function viewInit() {
-    if (elementRef.current && DomHandler.isVisible(elementRef.current)) {
+    if (elementRef.current && isVisible()) {
       setContentElement(_contentRef.current);
       init();
       bindWindowResizeListener();
@@ -7566,7 +7627,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__nam
     }
   };
   var init = function init() {
-    if (!props.disabled && isVisible(elementRef.current)) {
+    if (!props.disabled && isVisible()) {
       setSize();
       calculateOptions();
       setSpacerSize();
@@ -7580,7 +7641,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__nam
     return false;
   };
   React__namespace.useEffect(function () {
-    if (!viewInitialized.current && isVisible(elementRef.current)) {
+    if (!viewInitialized.current && isVisible()) {
       viewInit();
       viewInitialized.current = true;
     }
@@ -7663,7 +7724,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__nam
     var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
       spin: true
     }));
-    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1P({}, loadingIconProps), {
+    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1Q({}, loadingIconProps), {
       props: props
     });
     if (!props.loaderDisabled && props.showLoader && loadingState) {
@@ -7791,15 +7852,15 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__nam
 }));
 VirtualScroller.displayName = 'VirtualScroller';
 
-function ownKeys$1O(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$1O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1P(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$1P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AutoCompletePanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var context = React__namespace.useContext(PrimeReactContext);
   var _ptm = function _ptm(key, options) {
-    return ptm(key, _objectSpread$1O({
+    return ptm(key, _objectSpread$1P({
       hostName: props.hostName
     }, options));
   };
@@ -7839,7 +7900,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__n
   });
   var createLabelItem = function createLabelItem(item, key, index, labelItemProps) {
     var content = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, item, index) : props.getOptionGroupLabel(item) || item;
-    var itemGroupProps = mergeProps(_objectSpread$1O({
+    var itemGroupProps = mergeProps(_objectSpread$1P({
       index: index,
       className: cx('itemGroup'),
       'data-p-highlight': false
@@ -7860,7 +7921,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__n
   var createListItem = function createListItem(item, key, index, listItemProps) {
     var selected = isOptionSelected(item);
     var content = props.itemTemplate ? ObjectUtils.getJSXElement(props.itemTemplate, item, index) : props.field ? ObjectUtils.resolveFieldData(item, props.field) : item;
-    var itemProps = mergeProps(_objectSpread$1O({
+    var itemProps = mergeProps(_objectSpread$1P({
       index: index,
       role: 'option',
       className: cx('item', {
@@ -7947,7 +8008,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__n
       var emptyMessage = props.emptyMessage || localeOption('emptyMessage');
       var emptyMessageProps = mergeProps({
         className: cx('emptyMessage')
-      }, _ptm('emptyMesage'));
+      }, _ptm('emptyMessage'));
       var _listProps = mergeProps({
         className: cx('list')
       }, _ptm('list'));
@@ -7955,8 +8016,8 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__n
     }
     if (props.virtualScrollerOptions) {
       var _items = props.suggestions ? props.optionGroupLabel ? flattenGroupedItems(props === null || props === void 0 ? void 0 : props.suggestions) : props.suggestions : null;
-      var virtualScrollerProps = _objectSpread$1O(_objectSpread$1O({}, props.virtualScrollerOptions), {
-        style: _objectSpread$1O(_objectSpread$1O({}, props.virtualScrollerOptions.style), {
+      var virtualScrollerProps = _objectSpread$1P(_objectSpread$1P({}, props.virtualScrollerOptions), {
+        style: _objectSpread$1P(_objectSpread$1P({}, props.virtualScrollerOptions.style), {
           height: props.scrollHeight
         }),
         autoSize: true,
@@ -8002,7 +8063,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__n
     return /*#__PURE__*/React__namespace.createElement("div", listWrapperProps, /*#__PURE__*/React__namespace.createElement("ul", listProps, items));
   };
   var createElement = function createElement() {
-    var style = _objectSpread$1O({}, props.panelStyle || {});
+    var style = _objectSpread$1P({}, props.panelStyle || {});
     var content = createContent();
     var footer = createFooter();
     var panelProps = mergeProps({
@@ -8043,8 +8104,8 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__n
 }));
 AutoCompletePanel.displayName = 'AutoCompletePanel';
 
-function ownKeys$1N(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$1N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1O(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$1O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AutoComplete = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -8192,9 +8253,9 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
   var formatValue = function formatValue(value) {
     if (ObjectUtils.isEmpty(value)) return '';
     if (typeof value === 'string') return value;
-    var valueFromTemplate = ObjectUtils.getJSXElement(props.selectedItemTemplate, value);
-    if (typeof valueFromTemplate === 'string') {
-      return valueFromTemplate;
+    if (props.selectedItemTemplate) {
+      var valueFromTemplate = ObjectUtils.getJSXElement(props.selectedItemTemplate, value);
+      return props.multiple || typeof valueFromTemplate === 'string' ? valueFromTemplate : value;
     }
     if (props.field) {
       var _ObjectUtils$resolveF;
@@ -8454,6 +8515,11 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
   React__namespace.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
+  React__namespace.useEffect(function () {
+    if (ObjectUtils.isNotEmpty(props.value)) {
+      selectedItem.current = props.value;
+    }
+  }, [props.value]);
   useMountEffect(function () {
     if (!idState) {
       setIdState(UniqueComponentId());
@@ -8555,6 +8621,17 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
       }
     }));
   };
+  var onRemoveTokenIconKeyDown = function onRemoveTokenIconKeyDown(event, val) {
+    switch (event.code) {
+      case 'Space':
+      case 'NumpadEnter':
+      case 'Enter':
+        removeItem(event, val);
+        event.preventDefault();
+        event.stopPropagation();
+        break;
+    }
+  };
   var createChips = function createChips() {
     if (ObjectUtils.isNotEmpty(props.value)) {
       return props.value.map(function (val, index) {
@@ -8563,10 +8640,15 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
           className: cx('removeTokenIcon'),
           onClick: function onClick(e) {
             return removeItem(e, index);
+          },
+          tabIndex: props.tabIndex || '0',
+          'aria-label': localeOption('clear'),
+          onKeyDown: function onKeyDown(e) {
+            return onRemoveTokenIconKeyDown(e, index);
           }
         }, ptm('removeTokenIcon'));
         var icon = props.removeTokenIcon || /*#__PURE__*/React__namespace.createElement(TimesCircleIcon, removeTokenIconProps);
-        var removeTokenIcon = !props.disabled && IconUtils.getJSXIcon(icon, _objectSpread$1N({}, removeTokenIconProps), {
+        var removeTokenIcon = !props.disabled && IconUtils.getJSXIcon(icon, _objectSpread$1O({}, removeTokenIconProps), {
           props: props
         });
         var tokenProps = mergeProps({
@@ -8588,7 +8670,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
     var inputTokenProps = mergeProps({
       className: cx('inputToken')
     }, ptm('inputToken'));
-    var inputProps = mergeProps(_objectSpread$1N({
+    var inputProps = mergeProps(_objectSpread$1O({
       id: props.inputId,
       ref: inputRef,
       'aria-autocomplete': 'list',
@@ -8660,7 +8742,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
       var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
         spin: true
       }));
-      var loaderIcon = IconUtils.getJSXIcon(icon, _objectSpread$1N({}, loadingIconProps), {
+      var loaderIcon = IconUtils.getJSXIcon(icon, _objectSpread$1O({}, loadingIconProps), {
         props: props
       });
       return loaderIcon;
@@ -8751,8 +8833,8 @@ var AvatarBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1M(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$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1N(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$1N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -8797,7 +8879,7 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       var iconProps = mergeProps({
         className: cx('icon')
       }, ptm('icon'));
-      return IconUtils.getJSXIcon(props.icon, _objectSpread$1M({}, iconProps), {
+      return IconUtils.getJSXIcon(props.icon, _objectSpread$1N({}, iconProps), {
         props: props
       });
     }
@@ -8921,8 +9003,8 @@ var BlockUIBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1L(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$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1M(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$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -9002,7 +9084,7 @@ var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       var appendTo = props.fullScreen ? document.body : 'self';
       var maskProps = mergeProps({
         className: classNames(props.className, cx('mask')),
-        style: _objectSpread$1L(_objectSpread$1L({}, props.style), {}, {
+        style: _objectSpread$1M(_objectSpread$1M({}, props.style), {}, {
           position: props.fullScreen ? 'fixed' : 'absolute',
           top: '0',
           left: '0',
@@ -9056,7 +9138,7 @@ var classes$18 = {
   menu: 'p-breadcrumb-list',
   root: 'p-breadcrumb p-component'
 };
-var styles$Y = "\n@layer primereact {\n    .p-breadcrumb {\n        overflow-x: auto;\n    }\n\n    .p-breadcrumb ol {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n\n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
+var styles$Y = "\n@layer primereact {\n    .p-breadcrumb {\n        overflow-x: auto;\n        display: flex;\n    }\n\n    .p-breadcrumb ol {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n\n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
 var BreadCrumbBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'BreadCrumb',
@@ -9074,8 +9156,8 @@ var BreadCrumbBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1K(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$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1L(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$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BreadCrumb = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -9134,7 +9216,7 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
       var iconProps = mergeProps({
         className: cx('icon')
       }, ptm('icon'));
-      var icon = IconUtils.getJSXIcon(_icon, _objectSpread$1K({}, iconProps), {
+      var icon = IconUtils.getJSXIcon(_icon, _objectSpread$1L({}, iconProps), {
         props: props
       });
       var actionProps = mergeProps({
@@ -9186,7 +9268,7 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
       'aria-hidden': 'true'
     }, ptm('separatorIcon'));
     var icon = props.separatorIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, separatorIconProps);
-    var separatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1K({}, separatorIconProps), {
+    var separatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1L({}, separatorIconProps), {
       props: props
     });
     var separatorProps = mergeProps({
@@ -9578,8 +9660,8 @@ var CalendarPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, re
 });
 CalendarPanel.displayName = 'CalendarPanel';
 
-function ownKeys$1J(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$1J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1K(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$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$e(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$e(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; } } }; }
 function _unsupportedIterableToArray$e(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$e(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$e(o, minLen); }
 function _arrayLikeToArray$e(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; }
@@ -9739,13 +9821,10 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     try {
       var value = parseValueFromString(props.timeOnly ? rawValue.replace('_', '') : rawValue);
       if (isValidSelection(value)) {
+        validateDate(value);
         updateModel(event, value);
         var date = value.length ? value[0] : value;
         updateViewDate(event, date);
-        onViewDateSelect({
-          event: event,
-          date: date
-        });
       }
     } catch (err) {
       //invalid date
@@ -10079,6 +10158,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     isClearClicked.current = true;
     updateModel(event, null);
     updateInputfield(null);
+    setCurrentYear(new Date().getFullYear()); // #7581
     hide();
     props.onClearButtonClick && props.onClearButtonClick(event);
   };
@@ -10459,17 +10539,29 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   };
   var validateDate = function validateDate(value) {
     if (props.yearNavigator) {
+      var _ref3 = props.yearRange ? props.yearRange.split(':').map(function (year) {
+          return parseInt(year, 10);
+        }) : [null, null],
+        _ref4 = _slicedToArray(_ref3, 2),
+        minRangeYear = _ref4[0],
+        maxRangeYear = _ref4[1];
       var viewYear = value.getFullYear();
-      var minRangeYear = props.yearRange ? parseInt(props.yearRange.split(':')[0], 10) : null;
-      var maxRangeYear = props.yearRange ? parseInt(props.yearRange.split(':')[1], 10) : null;
-      var minYear = props.minDate && minRangeYear != null ? Math.max(props.minDate.getFullYear(), minRangeYear) : props.minDate || minRangeYear;
-      var maxYear = props.maxDate && maxRangeYear != null ? Math.min(props.maxDate.getFullYear(), maxRangeYear) : props.maxDate || maxRangeYear;
-      if (minYear && minYear > viewYear) {
-        viewYear = minYear;
+      var minYear = null;
+      var maxYear = null;
+      if (minRangeYear !== null) {
+        minYear = props.minDate ? Math.max(props.minDate.getFullYear(), minRangeYear) : minRangeYear;
+      } else {
+        var _props$minDate;
+        minYear = ((_props$minDate = props.minDate) === null || _props$minDate === void 0 ? void 0 : _props$minDate.getFullYear()) || minRangeYear;
       }
-      if (maxYear && maxYear < viewYear) {
-        viewYear = maxYear;
+      if (maxRangeYear !== null) {
+        maxYear = props.maxDate ? Math.min(props.maxDate.getFullYear(), maxRangeYear) : maxRangeYear;
+      } else {
+        var _props$maxDate;
+        maxYear = ((_props$maxDate = props.maxDate) === null || _props$maxDate === void 0 ? void 0 : _props$maxDate.getFullYear()) || maxRangeYear;
       }
+      if (minYear && minYear > viewYear) viewYear = minYear;
+      if (maxYear && maxYear < viewYear) viewYear = maxYear;
       value.setFullYear(viewYear);
     }
     if (renderMonthsNavigator(0)) {
@@ -10782,7 +10874,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         };
         navBackward(event);
       } else {
-        var prevMonthContainer = overlayRef.current.children[groupIndex - 1];
+        var prevMonthContainer = overlayRef.current.children[0].children[groupIndex - 1];
         var cells = DomHandler.find(prevMonthContainer, 'table td span:not([data-p-disabled="true"])');
         var focusCell = cells[cells.length - 1];
         focusCell.tabIndex = '0';
@@ -10794,7 +10886,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       };
       navForward(event);
     } else {
-      var nextMonthContainer = overlayRef.current.children[groupIndex + 1];
+      var nextMonthContainer = overlayRef.current.children[0].children[groupIndex + 1];
       var _focusCell6 = DomHandler.findSingle(nextMonthContainer, 'table td span:not([data-p-disabled="true"])');
       _focusCell6.tabIndex = '0';
       _focusCell6.focus();
@@ -11020,6 +11112,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     if (!props.inline && isSingleSelection() && (!props.showTime || props.hideOnDateTimeSelect) && !isUpdateViewDate) {
       setTimeout(function () {
         hide('dateselect');
+        reFocusInputField();
       }, 100);
       if (touchUIMask.current) {
         disableModality();
@@ -11040,11 +11133,11 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         milliseconds = timeMeta.milliseconds;
       } else {
         var time = getCurrentDateTime();
-        var _ref3 = [time.getHours(), time.getMinutes(), time.getSeconds(), time.getMilliseconds()];
-        hours = _ref3[0];
-        minutes = _ref3[1];
-        seconds = _ref3[2];
-        milliseconds = _ref3[3];
+        var _ref5 = [time.getHours(), time.getMinutes(), time.getSeconds(), time.getMilliseconds()];
+        hours = _ref5[0];
+        minutes = _ref5[1];
+        seconds = _ref5[2];
+        milliseconds = _ref5[3];
       }
       date.setHours(hours);
       date.setMinutes(doStepMinute(minutes));
@@ -12367,7 +12460,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       className: cx('previousIcon')
     }, ptm('previousIcon'));
     var icon = props.prevIcon || /*#__PURE__*/React__namespace.createElement(ChevronLeftIcon, previousIconProps);
-    var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1J({}, previousIconProps), {
+    var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1K({}, previousIconProps), {
       props: props
     });
     var _localeOptions4 = localeOptions(props.locale),
@@ -12375,7 +12468,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       prevYear = _localeOptions4.prevYear,
       prevMonth = _localeOptions4.prevMonth;
     var previousButtonLabel = currentView === 'year' ? prevDecade : currentView === 'month' ? prevYear : prevMonth;
-    var previousButtonProps = mergeProps(_objectSpread$1J({
+    var previousButtonProps = mergeProps(_objectSpread$1K({
       type: 'button',
       className: cx('previousButton'),
       'aria-label': previousButtonLabel
@@ -12399,7 +12492,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       className: cx('nextIcon')
     }, ptm('nextIcon'));
     var icon = props.nextIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, nextIconProps);
-    var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1J({}, nextIconProps), {
+    var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1K({}, nextIconProps), {
       props: props
     });
     var _localeOptions5 = localeOptions(props.locale),
@@ -12407,7 +12500,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       nextYear = _localeOptions5.nextYear,
       nextMonth = _localeOptions5.nextMonth;
     var nextButtonLabel = currentView === 'year' ? nextDecade : currentView === 'month' ? nextYear : nextMonth;
-    var nextButtonProps = mergeProps(_objectSpread$1J({
+    var nextButtonProps = mergeProps(_objectSpread$1K({
       type: 'button',
       className: cx('nextButton'),
       'aria-label': nextButtonLabel
@@ -12636,7 +12729,10 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         }),
         'aria-label': formattedValue,
         'data-p-today': date.today,
-        'data-p-other-month': date.otherMonth
+        'data-p-other-month': date.otherMonth,
+        'data-p-day': date.day,
+        'data-p-month': date.month,
+        'data-p-year': date.year
       }, ptm('day', {
         context: {
           date: date,
@@ -12771,10 +12867,10 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   };
   var incrementIconProps = mergeProps(ptm('incrementIcon'));
   var decrementIconProps = mergeProps(ptm('decrementIcon'));
-  var incrementIcon = IconUtils.getJSXIcon(props.incrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, incrementIconProps), _objectSpread$1J({}, incrementIconProps), {
+  var incrementIcon = IconUtils.getJSXIcon(props.incrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, incrementIconProps), _objectSpread$1K({}, incrementIconProps), {
     props: props
   });
-  var decrementIcon = IconUtils.getJSXIcon(props.decrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, decrementIconProps), _objectSpread$1J({}, decrementIconProps), {
+  var decrementIcon = IconUtils.getJSXIcon(props.decrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, decrementIconProps), _objectSpread$1K({}, decrementIconProps), {
     props: props
   });
   var createHourPicker = function createHourPicker() {
@@ -13076,6 +13172,12 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     }
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, input, button);
   };
+  var isPastMaxDateWithBuffer = function isPastMaxDateWithBuffer() {
+    var bufferInSeconds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
+    var now = new Date();
+    var maxDate = props.maxDate;
+    return maxDate < now && Math.abs((now.getTime() - maxDate.getTime()) / 1000) > bufferInSeconds;
+  };
   var createButtonBar = function createButtonBar() {
     if (props.showButtonBar) {
       var _localeOptions11 = localeOptions(props.locale),
@@ -13083,7 +13185,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         clear = _localeOptions11.clear,
         now = _localeOptions11.now;
       var nowDate = new Date();
-      var isHidden = props.minDate && props.minDate > nowDate || props.maxDate && props.maxDate < nowDate;
+      var isHidden = props.minDate && props.minDate > nowDate || props.maxDate && isPastMaxDateWithBuffer();
       var buttonbarProps = mergeProps({
         className: cx('buttonbar')
       }, ptm('buttonbar'));
@@ -13442,8 +13544,8 @@ var CarouselBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1I(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$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1J(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$1J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CarouselItem = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   var ptm = props.ptm,
@@ -13993,7 +14095,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         className: cx('previousButtonIcon')
       }, ptm('previousButtonIcon'));
       var icon = isVertical ? props.prevIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, previousButtonIconProps) : props.prevIcon || /*#__PURE__*/React__namespace.createElement(ChevronLeftIcon, previousButtonIconProps);
-      var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1I({}, previousButtonIconProps), {
+      var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1J({}, previousButtonIconProps), {
         props: props
       });
       var previousButtonProps = mergeProps({
@@ -14005,7 +14107,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
           return navBackward(e);
         },
         disabled: isDisabled,
-        'aria-label': localeOption('aria') ? localeOption('aria').previousPageLabel : undefined,
+        'aria-label': localeOption('aria') ? localeOption('aria').prevPageLabel : undefined,
         'data-pc-group-section': 'navigator'
       }, ptm('previousButton'));
       return /*#__PURE__*/React__namespace.createElement("button", previousButtonProps, backwardNavigatorIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
@@ -14019,7 +14121,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         className: cx('nextButtonIcon')
       }, ptm('nextButtonIcon'));
       var icon = isVertical ? props.nextIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, nextButtonIconProps) : props.nextIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, nextButtonIconProps);
-      var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1I({}, nextButtonIconProps), {
+      var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1J({}, nextButtonIconProps), {
         props: props
       });
       var nextButtonProps = mergeProps({
@@ -14218,8 +14320,8 @@ var AngleRightIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__name
 }));
 AngleRightIcon.displayName = 'AngleRightIcon';
 
-function ownKeys$1H(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$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1I(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$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   var _React$useState = React__namespace.useState(null),
@@ -14233,7 +14335,7 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
   var getPTOptions = function getPTOptions(key, options) {
     return ptm(key, {
       hostName: props.hostName,
-      state: _objectSpread$1H({}, options)
+      state: _objectSpread$1I({}, options)
     });
   };
   var position = function position() {
@@ -14397,7 +14499,7 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
       className: cx('optionGroupIcon')
     }, getPTOptions('optionGroupIcon'));
     var icon = props.optionGroupIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, optionGroupIconProps);
-    var optionGroup = isOptionGroup(option) && IconUtils.getJSXIcon(icon, _objectSpread$1H({}, optionGroupIconProps), {
+    var optionGroup = isOptionGroup(option) && IconUtils.getJSXIcon(icon, _objectSpread$1I({}, optionGroupIconProps), {
       props: props
     });
     var key = getOptionLabelToRender(option) + '_' + index;
@@ -14460,8 +14562,8 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
 function _createForOfIteratorHelper$d(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$d(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; } } }; }
 function _unsupportedIterableToArray$d(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$d(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$d(o, minLen); }
 function _arrayLikeToArray$d(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 ownKeys$1G(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$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1H(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$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CascadeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -14485,7 +14587,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
         overlayVisible: overlayVisibleState,
         attributeSelector: attributeSelectorState
       },
-      context: _objectSpread$1G({}, context)
+      context: _objectSpread$1H({}, context)
     }),
     ptm = _CascadeSelectBase$se.ptm,
     cx = _CascadeSelectBase$se.cx,
@@ -14730,7 +14832,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
     var hiddenSelectedMessageProps = mergeProps({
       className: 'p-hidden-accessible'
     }, ptm('hiddenSelectedMessage'));
-    var inputProps = mergeProps(_objectSpread$1G({
+    var inputProps = mergeProps(_objectSpread$1H({
       ref: inputRef,
       type: 'text',
       id: props.inputId,
@@ -14756,7 +14858,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
         label: label
       })
     }, ptm('label', {
-      context: _objectSpread$1G({
+      context: _objectSpread$1H({
         label: label
       }, context)
     }));
@@ -14769,7 +14871,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
     var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, {
       spin: true
     });
-    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1G({}, loadingIconProps), {
+    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1H({}, loadingIconProps), {
       props: props
     });
     var loadingButtonProps = mergeProps({
@@ -14785,7 +14887,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
       className: cx('dropdownIcon')
     }, ptm('dropdownIcon'));
     var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, dropdownIconProps);
-    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1G({}, dropdownIconProps), {
+    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1H({}, dropdownIconProps), {
       props: props
     });
     var dropdownButtonProps = mergeProps({
@@ -15084,8 +15186,8 @@ var CheckboxBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1F(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$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1G(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$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Checkbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -15202,7 +15304,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   }, otherProps, ptm('root'));
   var createInputElement = function createInputElement() {
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
-    var inputProps = mergeProps(_objectSpread$1F({
+    var inputProps = mergeProps(_objectSpread$1G({
       id: props.inputId,
       type: 'checkbox',
       className: cx('input'),
@@ -15239,7 +15341,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       'data-p-disabled': props.disabled
     }, ptm('box'));
     var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(CheckIcon, iconProps) : null;
-    var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$1F({}, iconProps), {
+    var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$1G({}, iconProps), {
       props: props,
       checked: checked
     });
@@ -15289,8 +15391,8 @@ var ChipBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1E(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$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1F(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$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -15315,13 +15417,16 @@ var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
     }
   };
   var close = function close(event) {
-    setVisibleState(false);
+    var result = true;
     if (props.onRemove) {
-      props.onRemove({
+      result = props.onRemove({
         originalEvent: event,
         value: props.label || props.image || props.icon
       });
     }
+    if (result !== false) {
+      setVisibleState(false);
+    }
   };
   var createContent = function createContent() {
     var content = [];
@@ -15349,7 +15454,7 @@ var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       var chipIconProps = mergeProps({
         className: cx('icon')
       }, ptm('icon'));
-      content.push(IconUtils.getJSXIcon(props.icon, _objectSpread$1E({}, chipIconProps), {
+      content.push(IconUtils.getJSXIcon(props.icon, _objectSpread$1F({}, chipIconProps), {
         props: props
       }));
     }
@@ -15362,7 +15467,7 @@ var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       }), props.label));
     }
     if (props.removable) {
-      content.push(IconUtils.getJSXIcon(icon, _objectSpread$1E({}, removeIconProps), {
+      content.push(IconUtils.getJSXIcon(icon, _objectSpread$1F({}, removeIconProps), {
         props: props
       }));
     }
@@ -15383,6 +15488,12 @@ var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
+      getVisible: function getVisible() {
+        return visibleState;
+      },
+      setVisible: function setVisible(visible) {
+        return setVisibleState(visible);
+      },
       getElement: function getElement() {
         return elementRef.current;
       }
@@ -15466,8 +15577,8 @@ var ChipsBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1D(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$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1E(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$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Chips = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -15750,7 +15861,7 @@ var Chips = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.for
       var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(TimesCircleIcon, _extends({}, iconProps, {
         key: "".concat(index, "_icon")
       }));
-      var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread$1D({}, iconProps), {
+      var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread$1E({}, iconProps), {
         props: props
       });
       return removeIcon;
@@ -15788,7 +15899,7 @@ var Chips = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.for
     var inputTokenProps = mergeProps({
       className: cx('inputToken')
     }, ptm('inputToken'));
-    var inputProps = mergeProps(_objectSpread$1D({
+    var inputProps = mergeProps(_objectSpread$1E({
       id: props.inputId,
       ref: inputRef,
       placeholder: props.placeholder,
@@ -15984,8 +16095,8 @@ var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
 });
 ColorPickerPanel.displayName = 'ColorPickerPanel';
 
-function ownKeys$1C(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$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1D(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$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ColorPicker = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -16504,7 +16615,7 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
   var createInput = function createInput() {
     if (!props.inline) {
       var inputProps = ColorPickerBase.getOtherProps(props);
-      var _inputProps = mergeProps(_objectSpread$1C({
+      var _inputProps = mergeProps(_objectSpread$1D({
         ref: inputRef,
         type: 'text',
         readOnly: true,
@@ -16579,8 +16690,8 @@ var FocusTrapBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1B(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$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1C(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$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FocusTrap = /*#__PURE__*/React__default["default"].memo(/*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
   var targetRef = React__default["default"].useRef(null);
   var firstFocusableElementRef = React__default["default"].useRef(null);
@@ -16593,7 +16704,7 @@ var FocusTrap = /*#__PURE__*/React__default["default"].memo(/*#__PURE__*/React__
   useStyle(FocusTrapBase.css.styles, {
     name: 'focustrap'
   });
-  var _FocusTrapBase$setMet = FocusTrapBase.setMetaData(_objectSpread$1B({}, metaData));
+  var _FocusTrapBase$setMet = FocusTrapBase.setMetaData(_objectSpread$1C({}, metaData));
     _FocusTrapBase$setMet.ptm;
   React__default["default"].useImperativeHandle(ref, function () {
     return {
@@ -16736,8 +16847,8 @@ var WindowMinimizeIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__
 }));
 WindowMinimizeIcon.displayName = 'WindowMinimizeIcon';
 
-function ownKeys$1A(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$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1B(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$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var classes$$ = {
   closeButtonIcon: 'p-dialog-header-close-icon',
   closeButton: 'p-dialog-header-icon p-dialog-header-close p-link',
@@ -16789,7 +16900,7 @@ var styles$P = "\n@layer primereact {\n    .p-dialog-mask {\n        background-
 var inlineStyles$k = {
   mask: function mask(_ref6) {
     var props = _ref6.props;
-    return _objectSpread$1A({
+    return _objectSpread$1B({
       position: 'fixed',
       height: '100%',
       width: '100%',
@@ -16865,8 +16976,8 @@ var DialogBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1z(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$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1A(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$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -16906,7 +17017,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var shouldBlockScroll = visibleState && (props.blockScroll || props.maximizable && maximized);
   var isCloseOnEscape = props.closable && props.closeOnEscape && visibleState;
   var displayOrder = useDisplayOrder('dialog', isCloseOnEscape);
-  var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread$1z(_objectSpread$1z({
+  var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread$1A(_objectSpread$1A({
       props: props
     }, props.__parentMetadata), {}, {
       state: {
@@ -17020,7 +17131,6 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       dragging.current = true;
       lastPageX.current = event.pageX;
       lastPageY.current = event.pageY;
-      dialogRef.current.style.margin = '0';
       DomHandler.addClass(document.body, 'p-unselectable-text');
       props.onDragStart && props.onDragStart(event);
     }
@@ -17298,7 +17408,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
         'aria-hidden': true
       }, ptm('closeButtonIcon'));
       var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, closeButtonIconProps);
-      var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread$1z({}, closeButtonIconProps), {
+      var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread$1A({}, closeButtonIconProps), {
         props: props
       });
       var closeButtonProps = mergeProps({
@@ -17520,17 +17630,17 @@ var ConfirmDialogBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1y(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$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1z(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$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var confirmDialog = function confirmDialog() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  props = _objectSpread$1y(_objectSpread$1y({}, props), {
+  props = _objectSpread$1z(_objectSpread$1z({}, props), {
     visible: props.visible === undefined ? true : props.visible
   });
   props.visible && OverlayService.emit('confirm-dialog', props);
   var show = function show() {
     var updatedProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    OverlayService.emit('confirm-dialog', _objectSpread$1y(_objectSpread$1y(_objectSpread$1y({}, props), updatedProps), {
+    OverlayService.emit('confirm-dialog', _objectSpread$1z(_objectSpread$1z(_objectSpread$1z({}, props), updatedProps), {
       visible: true
     }));
   };
@@ -17620,10 +17730,11 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
   var hide = function hide() {
     var result = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'cancel';
     if (visibleState) {
+      if (typeof result !== 'string') {
+        result = 'cancel';
+      }
       setVisibleState(false);
-      callbackFromProp('onHide', {
-        result: result
-      });
+      callbackFromProp('onHide', result);
       DomHandler.focus(focusElementOnHide.current);
       focusElementOnHide.current = null;
     }
@@ -17721,7 +17832,7 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
     var iconProps = mergeProps({
       className: cx('icon')
     }, ptm('icon'));
-    var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1y({}, iconProps), {
+    var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1z({}, iconProps), {
       props: currentProps
     });
     var footer = createFooter();
@@ -17814,17 +17925,17 @@ var ConfirmPopupBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1x(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$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1y(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$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var confirmPopup = function confirmPopup() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  props = _objectSpread$1x(_objectSpread$1x({}, props), {
+  props = _objectSpread$1y(_objectSpread$1y({}, props), {
     visible: props.visible === undefined ? true : props.visible
   });
   props.visible && OverlayService.emit('confirm-popup', props);
   var show = function show() {
     var updatedProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    OverlayService.emit('confirm-popup', _objectSpread$1x(_objectSpread$1x(_objectSpread$1x({}, props), updatedProps), {
+    OverlayService.emit('confirm-popup', _objectSpread$1y(_objectSpread$1y(_objectSpread$1y({}, props), updatedProps), {
       visible: true
     }));
   };
@@ -18053,7 +18164,7 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
     var iconProps = mergeProps({
       className: cx('icon')
     }, ptm('icon'));
-    var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1x({}, iconProps), {
+    var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1y({}, iconProps), {
       props: currentProps
     });
     var messageProps = mergeProps({
@@ -18241,8 +18352,8 @@ var ContextMenuBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1w(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$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1x(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$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ContextMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var submenuRef = React__namespace.useRef(null);
@@ -18412,7 +18523,7 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__name
     var iconProps = mergeProps({
       className: cx('icon')
     }, getPTOptions(processedItem, 'icon', index));
-    var icon = IconUtils.getJSXIcon(item.icon, _objectSpread$1w({}, iconProps), {
+    var icon = IconUtils.getJSXIcon(item.icon, _objectSpread$1x({}, iconProps), {
       props: props.menuProps
     });
     var submenuIconProps = mergeProps({
@@ -18422,14 +18533,13 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__name
       className: cx('label')
     }, getPTOptions(processedItem, 'label', index));
     var items = getItemProp(processedItem, 'items');
-    var submenuIcon = items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, submenuIconProps), _objectSpread$1w({}, submenuIconProps), {
+    var submenuIcon = items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, submenuIconProps), _objectSpread$1x({}, submenuIconProps), {
       props: props.menuProps
     });
     var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
     var submenu = createSubmenu(processedItem, index);
     var actionProps = mergeProps({
       href: item.url || '#',
-      'aria-hidden': true,
       tabIndex: -1,
       className: cx('action', {
         item: item
@@ -18528,8 +18638,8 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__name
 }));
 ContextMenuSub.displayName = 'ContextMenuSub';
 
-function ownKeys$1v(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$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1w(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$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ContextMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -19046,7 +19156,7 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
       anchorElement ? anchorElement.click() : _element && _element.click();
       var processedItem = visibleItems[focusedItemInfo.index];
       var grouped = isProccessedItemGroup(processedItem);
-      !grouped && setFocusedItemInfo(_objectSpread$1v(_objectSpread$1v({}, focusedItemInfo), {}, {
+      !grouped && setFocusedItemInfo(_objectSpread$1w(_objectSpread$1w({}, focusedItemInfo), {}, {
         index: findFirstFocusedItemIndex()
       }));
     }
@@ -19110,7 +19220,7 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
   };
   var changeFocusedItemIndex = function changeFocusedItemIndex(index) {
     if (focusedItemInfo.index !== index) {
-      setFocusedItemInfo(_objectSpread$1v(_objectSpread$1v({}, focusedItemInfo), {}, {
+      setFocusedItemInfo(_objectSpread$1w(_objectSpread$1w({}, focusedItemInfo), {}, {
         index: index
       }));
       scrollInView();
@@ -19428,6 +19538,8 @@ var DataScroller = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
   useUpdateEffect(function () {
     if (props.loader) {
       unbindScrollListener();
+    } else {
+      bindScrollListener();
     }
   }, [props.loader]);
   useUnmountEffect(function () {
@@ -19810,8 +19922,8 @@ var RowsPerPageDropdownBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1u(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$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1v(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$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -19833,7 +19945,7 @@ var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
   }));
   var element = /*#__PURE__*/React__namespace.createElement("span", currentProps, text);
   if (props.template) {
-    var defaultOptions = _objectSpread$1u(_objectSpread$1u({}, report), {
+    var defaultOptions = _objectSpread$1v(_objectSpread$1v({}, report), {
       ariaLive: 'polite',
       className: 'p-paginator-current',
       element: element,
@@ -19863,8 +19975,8 @@ var AngleDoubleLeftIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React_
 }));
 AngleDoubleLeftIcon.displayName = 'AngleDoubleLeftIcon';
 
-function ownKeys$1t(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$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1u(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$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -19887,7 +19999,7 @@ var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     className: cx('firstPageIcon')
   }, getPTOptions('firstPageIcon'));
   var icon = props.firstPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleDoubleLeftIcon, firstPageIconProps);
-  var firstPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1t({}, firstPageIconProps), {
+  var firstPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1u({}, firstPageIconProps), {
     props: props
   });
   var firstPageButtonProps = mergeProps({
@@ -20052,8 +20164,8 @@ var InputNumberBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1s(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$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1t(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$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -20062,7 +20174,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
-  var metaData = _objectSpread$1s(_objectSpread$1s({
+  var metaData = _objectSpread$1t(_objectSpread$1t({
     props: props
   }, props.__parentMetadata), {}, {
     state: {
@@ -20146,7 +20258,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     }).format(1.1).trim().replace(_numeral.current, '');
   };
   var getDecimalExpression = function getDecimalExpression() {
-    var formatter = new Intl.NumberFormat(_locale, _objectSpread$1s(_objectSpread$1s({}, getOptions()), {}, {
+    var formatter = new Intl.NumberFormat(_locale, _objectSpread$1t(_objectSpread$1t({}, getOptions()), {}, {
       useGrouping: false
     }));
     return new RegExp("[".concat(formatter.format(1.1).replace(_currency.current, '').trim().replace(_numeral.current, ''), "]"), 'g');
@@ -20555,7 +20667,13 @@ var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     if (data) {
       var filteredData = parseValue(data);
       if (filteredData != null) {
-        insert(event, filteredData.toString());
+        if (isFloat(data)) {
+          var _formattedValue2 = formatValue(filteredData);
+          inputRef.current.value = _formattedValue2;
+          updateModel(event, filteredData);
+        } else {
+          insert(event, filteredData.toString());
+        }
       }
     }
   };
@@ -21081,7 +21199,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
       className: cx('incrementIcon')
     }, ptm('incrementIcon'));
     var icon = props.incrementButtonIcon || /*#__PURE__*/React__namespace.createElement(AngleUpIcon, incrementIconProps);
-    var upButton = IconUtils.getJSXIcon(icon, _objectSpread$1s({}, incrementIconProps), {
+    var upButton = IconUtils.getJSXIcon(icon, _objectSpread$1t({}, incrementIconProps), {
       props: props
     });
     var incrementButtonProps = mergeProps({
@@ -21107,7 +21225,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
       className: cx('decrementIcon')
     }, ptm('decrementIcon'));
     var icon = props.decrementButtonIcon || /*#__PURE__*/React__namespace.createElement(AngleDownIcon, decrementIconProps);
-    var downButton = IconUtils.getJSXIcon(icon, _objectSpread$1s({}, decrementIconProps), {
+    var downButton = IconUtils.getJSXIcon(icon, _objectSpread$1t({}, decrementIconProps), {
       props: props
     });
     var decrementButtonProps = mergeProps({
@@ -21222,8 +21340,8 @@ var AngleDoubleRightIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React
 }));
 AngleDoubleRightIcon.displayName = 'AngleDoubleRightIcon';
 
-function ownKeys$1r(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$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1s(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$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -21246,7 +21364,7 @@ var LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     className: cx('lastPageIcon')
   }, getPTOptions('lastPageIcon'));
   var icon = props.lastPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleDoubleRightIcon, lastPageIconProps);
-  var lastPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1r({}, lastPageIconProps), {
+  var lastPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1s({}, lastPageIconProps), {
     props: props
   });
   var lastPageButtonProps = mergeProps({
@@ -21274,8 +21392,8 @@ var LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
 });
 LastPageLink.displayName = 'LastPageLink';
 
-function ownKeys$1q(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$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1r(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$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -21298,7 +21416,7 @@ var NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     className: cx('nextPageIcon')
   }, getPTOptions('nextPageIcon'));
   var icon = props.nextPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, nextPageIconProps);
-  var nextPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1q({}, nextPageIconProps), {
+  var nextPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1r({}, nextPageIconProps), {
     props: props
   });
   var nextPageButtonProps = mergeProps({
@@ -21430,8 +21548,8 @@ var AngleLeftIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
 }));
 AngleLeftIcon.displayName = 'AngleLeftIcon';
 
-function ownKeys$1p(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$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1q(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$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -21454,7 +21572,7 @@ var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     className: cx('prevPageIcon')
   }, getPTOptions('prevPageIcon'));
   var icon = props.prevPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleLeftIcon, prevPageIconProps);
-  var prevPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1p({}, prevPageIconProps), {
+  var prevPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1q({}, prevPageIconProps), {
     props: props
   });
   var prevPageButtonProps = mergeProps({
@@ -21464,7 +21582,7 @@ var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     }),
     onClick: props.onClick,
     disabled: props.disabled,
-    'aria-label': ariaLabel('previousPageLabel')
+    'aria-label': ariaLabel('prevPageLabel')
   }, getPTOptions('prevPageButton'));
   var element = /*#__PURE__*/React__namespace.createElement("button", prevPageButtonProps, prevPageLinkIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
   if (props.template) {
@@ -21482,8 +21600,8 @@ var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
 });
 PrevPageLink.displayName = 'PrevPageLink';
 
-function ownKeys$1o(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$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1p(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$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var classes$U = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -21496,7 +21614,7 @@ var classes$U = {
       'p-focus': focusedState,
       'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled',
       'p-dropdown-clearable': props.showClear && !props.disabled,
-      'p-inputwrapper-filled': props.value !== undefined,
+      'p-inputwrapper-filled': ObjectUtils.isNotEmpty(props.value),
       'p-inputwrapper-focus': focusedState || overlayVisibleState
     });
   },
@@ -21578,7 +21696,7 @@ var inlineStyles$i = {
   },
   panel: function panel(_ref10) {
     var props = _ref10.props;
-    return _objectSpread$1o({}, props.panelStyle);
+    return _objectSpread$1p({}, props.panelStyle);
   }
 };
 var DropdownBase = ComponentBase.extend({
@@ -21604,6 +21722,7 @@ var DropdownBase = ComponentBase.extend({
     filter: false,
     filterBy: null,
     filterClearIcon: null,
+    filterDelay: 300,
     filterIcon: null,
     filterInputAutoFocus: false,
     filterLocale: undefined,
@@ -21785,8 +21904,8 @@ var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 DropdownItem.displayName = 'DropdownItem';
 
-function ownKeys$1n(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$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1o(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$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DropdownPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var ptm = props.ptm,
@@ -21805,7 +21924,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
     }
   };
   var getPTOptions = function getPTOptions(key, options) {
-    return ptm(key, _objectSpread$1n({
+    return ptm(key, _objectSpread$1o({
       hostName: props.hostName
     }, options));
   };
@@ -21859,7 +21978,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
     var style = {
       height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
     };
-    style = _objectSpread$1n(_objectSpread$1n({}, style), option.style);
+    style = _objectSpread$1o(_objectSpread$1o({}, style), option.style);
     if (option.group && props.optionGroupLabel) {
       var optionGroupLabel = props.optionGroupLabel;
       var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
@@ -21911,10 +22030,10 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
   };
   var createFilterClearIcon = function createFilterClearIcon() {
     if (props.showFilterClear && props.filterValue) {
-      var ariaLabel = localeOption('clear');
+      var ariaLabelFilterClear = localeOption('clear');
       var clearIconProps = mergeProps({
         className: cx('filterClearIcon'),
-        'aria-label': ariaLabel,
+        'aria-label': ariaLabelFilterClear,
         onClick: function onClick() {
           return props.onFilterClearIconClick(function () {
             return DomHandler.focus(filterInputRef.current);
@@ -21922,7 +22041,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
         }
       }, getPTOptions('filterClearIcon'));
       var icon = props.filterClearIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, clearIconProps);
-      var filterClearIcon = IconUtils.getJSXIcon(icon, _objectSpread$1n({}, clearIconProps), {
+      var filterClearIcon = IconUtils.getJSXIcon(icon, _objectSpread$1o({}, clearIconProps), {
         props: props
       });
       return filterClearIcon;
@@ -21936,7 +22055,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
         className: cx('filterIcon')
       }, getPTOptions('filterIcon'));
       var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(SearchIcon, filterIconProps);
-      var filterIcon = IconUtils.getJSXIcon(icon, _objectSpread$1n({}, filterIconProps), {
+      var filterIcon = IconUtils.getJSXIcon(icon, _objectSpread$1o({}, filterIconProps), {
         props: props
       });
       var filterContainerProps = mergeProps({
@@ -21983,15 +22102,15 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
   };
   var createContent = function createContent() {
     if (props.virtualScrollerOptions) {
-      var virtualScrollerProps = _objectSpread$1n(_objectSpread$1n({}, props.virtualScrollerOptions), {
-        style: _objectSpread$1n(_objectSpread$1n({}, props.virtualScrollerOptions.style), {
+      var virtualScrollerProps = _objectSpread$1o(_objectSpread$1o({}, props.virtualScrollerOptions), {
+        style: _objectSpread$1o(_objectSpread$1o({}, props.virtualScrollerOptions.style), {
           height: props.scrollHeight
         }),
         className: classNames('p-dropdown-items-wrapper', props.virtualScrollerOptions.className),
         items: props.visibleOptions,
         autoSize: true,
         onLazyLoad: function onLazyLoad(event) {
-          return props.virtualScrollerOptions.onLazyLoad(_objectSpread$1n(_objectSpread$1n({}, event), {
+          return props.virtualScrollerOptions.onLazyLoad(_objectSpread$1o(_objectSpread$1o({}, event), {
             filter: props.filterValue
           }));
         },
@@ -22007,7 +22126,8 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
             className: classNames(options.className, cx('list', {
               virtualScrollerProps: props.virtualScrollerOptions
             })),
-            role: 'listbox'
+            role: 'listbox',
+            'aria-label': ariaLabel('listLabel')
           }, getPTOptions('list'));
           return /*#__PURE__*/React__namespace.createElement("ul", listProps, content);
         }
@@ -22025,7 +22145,8 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
     }, getPTOptions('wrapper'));
     var listProps = mergeProps({
       className: cx('list'),
-      role: 'listbox'
+      role: 'listbox',
+      'aria-label': ariaLabel('listLabel')
     }, getPTOptions('list'));
     return /*#__PURE__*/React__namespace.createElement("div", wrapperProps, /*#__PURE__*/React__namespace.createElement("ul", listProps, items));
   };
@@ -22071,28 +22192,29 @@ DropdownPanel.displayName = 'DropdownPanel';
 function _createForOfIteratorHelper$c(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$c(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; } } }; }
 function _unsupportedIterableToArray$c(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$c(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$c(o, minLen); }
 function _arrayLikeToArray$c(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 ownKeys$1m(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$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1n(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$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = DropdownBase.getProps(inProps, context);
-  var _React$useState = React__namespace.useState(''),
+  var _useDebounce = useDebounce('', props.filterDelay || 0),
+    _useDebounce2 = _slicedToArray(_useDebounce, 3),
+    filterValue = _useDebounce2[0],
+    filterState = _useDebounce2[1],
+    setFilterState = _useDebounce2[2];
+  var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
-    filterState = _React$useState2[0],
-    setFilterState = _React$useState2[1];
-  var _React$useState3 = React__namespace.useState(false),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
+  var _React$useState3 = React__namespace.useState(-1),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
-    focusedState = _React$useState4[0],
-    setFocusedState = _React$useState4[1];
-  var _React$useState5 = React__namespace.useState(-1),
+    focusedOptionIndex = _React$useState4[0],
+    setFocusedOptionIndex = _React$useState4[1];
+  var _React$useState5 = React__namespace.useState(false),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
-    focusedOptionIndex = _React$useState6[0],
-    setFocusedOptionIndex = _React$useState6[1];
-  var _React$useState7 = React__namespace.useState(false),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    overlayVisibleState = _React$useState8[0],
-    setOverlayVisibleState = _React$useState8[1];
+    overlayVisibleState = _React$useState6[0],
+    setOverlayVisibleState = _React$useState6[1];
   var clickedRef = React__namespace.useRef(false);
   var elementRef = React__namespace.useRef(null);
   var overlayRef = React__namespace.useRef(null);
@@ -22106,7 +22228,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   var isLazy = props.virtualScrollerOptions && props.virtualScrollerOptions.lazy;
   var hasFilter = ObjectUtils.isNotEmpty(filterState);
   var appendTo = props.appendTo || context && context.appendTo || PrimeReact.appendTo;
-  var _DropdownBase$setMeta = DropdownBase.setMetaData(_objectSpread$1m(_objectSpread$1m({
+  var _DropdownBase$setMeta = DropdownBase.setMetaData(_objectSpread$1n(_objectSpread$1n({
       props: props
     }, props.__parentMetadata), {}, {
       state: {
@@ -22139,7 +22261,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     unbindOverlayListener = _useOverlayListener2[1];
   var flatOptions = function flatOptions(options) {
     return (options || []).reduce(function (result, option, index) {
-      result.push(_objectSpread$1m(_objectSpread$1m({}, option), {}, {
+      result.push(_objectSpread$1n(_objectSpread$1n({}, option), {}, {
         group: true,
         index: index
       }));
@@ -22153,7 +22275,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   var getVisibleOptions = function getVisibleOptions() {
     var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
     if (hasFilter && !isLazy) {
-      var filterValue = filterState.trim().toLocaleLowerCase(props.filterLocale);
+      var _filterValue = filterState.trim().toLocaleLowerCase(props.filterLocale);
       var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
       if (props.optionGroupLabel) {
         var filteredGroups = [];
@@ -22162,9 +22284,9 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var optgroup = _step.value;
-            var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+            var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, _filterValue, props.filterMatchMode, props.filterLocale);
             if (filteredSubOptions && filteredSubOptions.length) {
-              filteredGroups.push(_objectSpread$1m(_objectSpread$1m({}, optgroup), _defineProperty({}, "".concat(props.optionGroupChildren), filteredSubOptions)));
+              filteredGroups.push(_objectSpread$1n(_objectSpread$1n({}, optgroup), _defineProperty({}, "".concat(props.optionGroupChildren), filteredSubOptions)));
             }
           }
         } catch (err) {
@@ -22174,7 +22296,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         }
         return flatOptions(filteredGroups);
       }
-      return FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+      return FilterService.filter(options, searchFields, _filterValue, props.filterMatchMode, props.filterLocale);
     }
     return options;
   };
@@ -22244,7 +22366,10 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       originalEvent: event,
       option: option
     });
-    isHide && hide();
+    if (isHide) {
+      hide();
+      DomHandler.focus(focusInputRef.current);
+    }
   };
   var onPanelClick = function onPanelClick(event) {
     OverlayService.emit('overlay-click', {
@@ -22257,7 +22382,6 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       event.preventDefault();
       return;
     }
-    var metaKey = event.metaKey || event.ctrlKey;
     var code = DomHandler.isAndroid() ? event.key : event.code;
     switch (code) {
       case 'ArrowDown':
@@ -22303,6 +22427,9 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         //NOOP
         break;
       default:
+        var metaKey = event.metaKey || event.ctrlKey || event.altKey;
+
+        // Only handle printable characters when no meta keys are pressed
         if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) {
           !overlayVisibleState && !props.editable && show();
           !props.editable && searchOptions(event, event.key);
@@ -22502,7 +22629,6 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       if (focusedOptionIndex !== -1) {
         onOptionSelect(event, visibleOptions[focusedOptionIndex]);
       }
-      hide();
     }
     event.preventDefault();
   };
@@ -22621,6 +22747,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       resetFilter();
     }
     updateEditableLabel();
+    setFocusedOptionIndex(-1);
   };
   var selectItem = function selectItem(event) {
     if (selectedOption !== event.option) {
@@ -22881,8 +23008,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       required: props.required,
       defaultValue: option.value,
       name: props.name,
-      tabIndex: -1,
-      'aria-hidden': 'true'
+      tabIndex: -1
     }, ptm('select'));
     var optionProps = mergeProps({
       value: option.value
@@ -22897,7 +23023,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var hiddenSelectedMessageProps = mergeProps({
       className: 'p-hidden-accessible'
     }, ptm('hiddenSelectedMessage'));
-    var inputProps = mergeProps(_objectSpread$1m({
+    var inputProps = mergeProps(_objectSpread$1n({
       ref: focusInputRef,
       id: props.inputId,
       defaultValue: value,
@@ -22916,7 +23042,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var label = ObjectUtils.isNotEmpty(selectedOption) ? getOptionLabel(selectedOption) : null;
     if (props.editable) {
       var value = label || props.value || '';
-      var _inputProps = mergeProps(_objectSpread$1m({
+      var _inputProps = mergeProps(_objectSpread$1n({
         ref: inputRef,
         type: 'text',
         defaultValue: value,
@@ -22956,12 +23082,12 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       var clearIconProps = mergeProps({
         className: cx('clearIcon'),
         onPointerUp: clear,
-        tabIndex: props.tabIndex || '0',
+        tabIndex: props.editable ? -1 : props.tabIndex || '0',
         onKeyDown: onClearIconKeyDown,
         'aria-label': localeOption('clear')
       }, ptm('clearIcon'));
       var icon = props.clearIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, clearIconProps);
-      return IconUtils.getJSXIcon(icon, _objectSpread$1m({}, clearIconProps), {
+      return IconUtils.getJSXIcon(icon, _objectSpread$1n({}, clearIconProps), {
         props: props
       });
     }
@@ -22975,7 +23101,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, {
       spin: true
     });
-    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1m({}, loadingIconProps), {
+    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1n({}, loadingIconProps), {
       props: props
     });
     var ariaLabel = props.placeholder || props.ariaLabel;
@@ -22994,7 +23120,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       'data-pr-overlay-visible': overlayVisibleState
     }, ptm('dropdownIcon'));
     var icon = !overlayVisibleState ? props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, dropdownIconProps) : props.collapseIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, dropdownIconProps);
-    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1m({}, dropdownIconProps), {
+    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1n({}, dropdownIconProps), {
       props: props
     });
     var ariaLabel = props.placeholder || props.ariaLabel;
@@ -23039,7 +23165,6 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   var firstHiddenFocusableElementProps = mergeProps({
     ref: firstHiddenFocusableElementOnOverlay,
     role: 'presentation',
-    'aria-hidden': 'true',
     className: 'p-hidden-accessible p-hidden-focusable',
     tabIndex: '0',
     onFocus: onFirstHiddenFocus,
@@ -23049,7 +23174,6 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   var lastHiddenFocusableElementProps = mergeProps({
     ref: lastHiddenFocusableElementOnOverlay,
     role: 'presentation',
-    'aria-hidden': 'true',
     className: 'p-hidden-accessible p-hidden-focusable',
     tabIndex: '0',
     onFocus: onLastHiddenFocus,
@@ -23064,7 +23188,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   }, props, {
     appendTo: appendTo,
     cx: cx,
-    filterValue: filterState,
+    filterValue: filterValue,
     focusedOptionIndex: focusedOptionIndex,
     getOptionGroupChildren: getOptionGroupChildren,
     getOptionGroupLabel: getOptionGroupLabel,
@@ -23147,13 +23271,13 @@ var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (inProps)
 });
 RowsPerPageDropdown.displayName = 'RowsPerPageDropdown';
 
-function ownKeys$1l(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$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1m(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$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Paginator = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = PaginatorBase.getProps(inProps, context);
-  var metaData = _objectSpread$1l({
+  var metaData = _objectSpread$1m({
     props: props
   }, props.__parentMetadata);
   var _PaginatorBase$setMet = PaginatorBase.setMetaData(metaData),
@@ -23422,8 +23546,8 @@ var Paginator = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
 }));
 Paginator.displayName = 'Paginator';
 
-function ownKeys$1k(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$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1l(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$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var styles$I = "\n@layer primereact {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable > .p-datatable-wrapper {\n        overflow: auto;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-disabled {\n        cursor: auto;\n    }\n\n    .p-datatable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-datatable .p-sortable-column .p-column-title,\n    .p-datatable .p-sortable-column .p-sortable-column-icon,\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        vertical-align: middle;\n    }\n\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-datatable-selectable .p-selectable-row,\n    .p-datatable-selectable-cell .p-selectable-cell {\n        cursor: pointer;\n    }\n\n    .p-datatable-drag-selection-helper {\n        position: absolute;\n        z-index: 99999999;\n    }\n\n    /* Scrollable */\n    .p-datatable-scrollable > .p-datatable-wrapper {\n        position: relative;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-thead {\n        position: sticky;\n        top: 0;\n        z-index: 2;\n    }\n\n    .p-datatable.p-datatable-gridlines .p-datatable-scrollable-table > .p-datatable-thead {\n        top: -1px;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        position: sticky;\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-datatable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-datatable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-datatable-flex-scrollable > .p-datatable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {\n        position: sticky;\n        z-index: 1;\n    }\n\n    /* Resizable */\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th,\n    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-datatable .p-column-resizer {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-datatable .p-column-header-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-datatable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-datatable .p-row-editor-init,\n    .p-datatable .p-row-editor-save,\n    .p-datatable .p-row-editor-cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Expand */\n    .p-datatable .p-row-toggler {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Reorder */\n    .p-datatable-reorder-indicator-up,\n    .p-datatable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n\n    .p-reorderable-column,\n    .p-datatable-reorderablerow-handle {\n        cursor: move;\n    }\n\n    /* Loader */\n    .p-datatable .p-datatable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Filter */\n    .p-column-filter-row {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .p-column-filter-menu {\n        display: inline-flex;\n        margin-left: auto;\n    }\n\n    .p-column-filter-row .p-column-filter-element {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-column-filter-menu-button,\n    .p-column-filter-clear-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-column-filter-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n\n    .p-column-filter-row-items {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-column-filter-row-item {\n        cursor: pointer;\n    }\n\n    .p-column-filter-add-button,\n    .p-column-filter-remove-button {\n        justify-content: center;\n    }\n\n    .p-column-filter-add-button .p-button-label,\n    .p-column-filter-remove-button .p-button-label {\n        flex-grow: 0;\n    }\n\n    .p-column-filter-buttonbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n        width: auto;\n    }\n\n    /* Responsive */\n    .p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n        display: none;\n    }\n\n    /* VirtualScroller */\n    .p-datatable-virtualscroller-spacer {\n        display: flex;\n    }\n\n    .p-datatable .p-virtualscroller .p-virtualscroller-loading {\n        transform: none;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n\n    /* Alignment */\n    .p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-left,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-left {\n        text-align: left;\n        justify-content: flex-start;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-right,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-right {\n        text-align: right;\n        justify-content: flex-end;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-center,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-center {\n        text-align: center;\n        justify-content: center;\n    }\n}\n";
 var classes$T = {
   root: function root(_ref) {
@@ -23618,11 +23742,11 @@ var inlineStyles$h = {
   },
   reorderIndicatorUp: function reorderIndicatorUp(_ref15) {
     var style = _ref15.style;
-    return _objectSpread$1k({}, style);
+    return _objectSpread$1l({}, style);
   },
   reorderIndicatorDown: function reorderIndicatorDown(_ref16) {
     var style = _ref16.style;
-    return _objectSpread$1k({}, style);
+    return _objectSpread$1l({}, style);
   }
 };
 var DataTableBase = ComponentBase.extend({
@@ -23842,8 +23966,8 @@ var PencilIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
 }));
 PencilIcon.displayName = 'PencilIcon';
 
-function ownKeys$1j(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$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1k(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$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RowCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   var getColumnProps = function getColumnProps() {
@@ -23878,7 +24002,7 @@ var RowCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
     className: cx('checkIcon')
   }, getColumnPTOptions('rowCheckbox.icon'));
   var icon = props.checked ? props.checkIcon || /*#__PURE__*/React__namespace.createElement(CheckIcon, checkboxIconProps) : null;
-  var checkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1j({}, checkboxIconProps), {
+  var checkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1k({}, checkboxIconProps), {
     props: props
   });
   var tabIndex = props.disabled ? null : '0';
@@ -23941,8 +24065,8 @@ var RadioButtonBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1i(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$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1j(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$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RadioButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -24056,7 +24180,7 @@ var RadioButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
   delete rootProps.icon;
   var createInputElement = function createInputElement() {
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
-    var inputProps = mergeProps(_objectSpread$1i({
+    var inputProps = mergeProps(_objectSpread$1j({
       id: props.inputId,
       type: 'radio',
       name: props.name,
@@ -24136,8 +24260,8 @@ var RowRadioButton = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 RowRadioButton.displayName = 'RowRadioButton';
 
-function ownKeys$1h(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$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1i(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$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   var _React$useState = React__namespace.useState(props.editing),
@@ -24250,7 +24374,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var getCellCallbackParams = function getCellCallbackParams(event) {
     var params = getCellParams();
-    return _objectSpread$1h({
+    return _objectSpread$1i({
       originalEvent: event
     }, params);
   };
@@ -24287,9 +24411,9 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var switchCellToViewMode = function switchCellToViewMode(event, submit) {
     var callbackParams = getCellCallbackParams(event);
-    var newRowData = _objectSpread$1h({}, editingRowDataStateRef.current);
+    var newRowData = _objectSpread$1i({}, editingRowDataStateRef.current);
     var newValue = resolveFieldData(newRowData);
-    var params = _objectSpread$1h(_objectSpread$1h({}, callbackParams), {}, {
+    var params = _objectSpread$1i(_objectSpread$1i({}, callbackParams), {}, {
       newRowData: newRowData,
       newValue: newValue
     });
@@ -24356,7 +24480,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$1h({}, styleObjectState);
+      var styleObject = _objectSpread$1i({}, styleObjectState);
       var align = getColumnProp('alignFrozen');
       if (align === 'right') {
         var right = 0;
@@ -24378,7 +24502,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var editorCallback = function editorCallback(val) {
-    var editingRowData = _objectSpread$1h({}, editingRowDataState);
+    var editingRowData = _objectSpread$1i({}, editingRowDataState);
     ObjectUtils.mutateFieldData(editingRowData, field, val);
     setEditingRowDataState(editingRowData);
 
@@ -24569,6 +24693,8 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     if (getColumnProp('frozen')) {
       updateStickyPosition();
     }
+  });
+  React__namespace.useEffect(function () {
     if (props.editMode === 'cell' || props.editMode === 'row') {
       focusOnElement();
     }
@@ -24589,7 +24715,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   React__namespace.useEffect(function () {
     if (props.editMode === 'cell' || props.editMode === 'row') {
       var callbackParams = getCellCallbackParams();
-      var params = _objectSpread$1h(_objectSpread$1h({}, callbackParams), {}, {
+      var params = _objectSpread$1i(_objectSpread$1i({}, callbackParams), {}, {
         editing: editingState,
         editingKey: editingKey
       });
@@ -24703,7 +24829,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         className: cx('rowReorderIcon')
       }, customIcon ? null : getColumnPTOptions('rowReorderIcon'));
       var rowReorderIcon = customIcon || /*#__PURE__*/React__namespace.createElement(BarsIcon, rowReorderIconProps);
-      content = showReorder ? IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$1h({}, rowReorderIconProps), {
+      content = showReorder ? IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$1i({}, rowReorderIconProps), {
         props: props
       }) : null;
     } else if (expander) {
@@ -24712,7 +24838,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         'aria-hidden': true
       }, getColumnPTOptions('rowTogglerIcon'));
       var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, rowTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, rowTogglerIconProps);
-      var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1h({}, rowTogglerIconProps), {
+      var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1i({}, rowTogglerIconProps), {
         props: props
       });
       var ariaControls = "".concat(props.tableSelector, "_content_").concat(props.rowIndex, "_expanded");
@@ -24723,7 +24849,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         onClick: onRowToggle,
         className: cx('rowToggler')
       };
-      var rowTogglerProps = mergeProps(_objectSpread$1h(_objectSpread$1h({}, expanderProps), {}, {
+      var rowTogglerProps = mergeProps(_objectSpread$1i(_objectSpread$1i({}, expanderProps), {}, {
         type: 'button',
         'aria-expanded': props.expanded,
         'aria-controls': ariaControls,
@@ -24753,13 +24879,13 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       var rowEditorInitIconProps = mergeProps({
         className: cx('rowEditorInitIcon')
       }, getColumnPTOptions('rowEditorInitIcon'));
-      var rowEditorSaveIcon = IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React__namespace.createElement(CheckIcon, rowEditorSaveIconProps), _objectSpread$1h({}, rowEditorSaveIconProps), {
+      var rowEditorSaveIcon = IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React__namespace.createElement(CheckIcon, rowEditorSaveIconProps), _objectSpread$1i({}, rowEditorSaveIconProps), {
         props: props
       });
-      var rowEditorCancelIcon = IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, rowEditorCancelIconProps), _objectSpread$1h({}, rowEditorCancelIconProps), {
+      var rowEditorCancelIcon = IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, rowEditorCancelIconProps), _objectSpread$1i({}, rowEditorCancelIconProps), {
         props: props
       });
-      var rowEditorInitIcon = IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React__namespace.createElement(PencilIcon, rowEditorInitIconProps), _objectSpread$1h({}, rowEditorInitIconProps), {
+      var rowEditorInitIcon = IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React__namespace.createElement(PencilIcon, rowEditorInitIconProps), _objectSpread$1i({}, rowEditorInitIconProps), {
         props: props
       });
       if (editingState) {
@@ -24901,8 +25027,8 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 BodyCell.displayName = 'BodyCell';
 
-function ownKeys$1g(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$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1h(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$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   var _React$useState = React__namespace.useState(false),
@@ -25208,7 +25334,7 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
         newData = e.newData;
       if (dataKey) {
         var dataKeyValue = String(ObjectUtils.resolveFieldData(data, dataKey));
-        editingRows = props.editingRows ? _objectSpread$1g({}, props.editingRows) : {};
+        editingRows = props.editingRows ? _objectSpread$1h({}, props.editingRows) : {};
         if (!isEditing) {
           delete editingRows[dataKeyValue];
           // if the key value was changed, stop editing for the new key value too
@@ -25421,8 +25547,8 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 BodyRow.displayName = 'BodyRow';
 
-function ownKeys$1f(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$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1g(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$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RowTogglerButton = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
@@ -25455,7 +25581,7 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.memo(function (props) {
     'aria-hidden': true
   }, ptm('rowGroupTogglerIcon'), getColumnPTOptions('rowGroupTogglerIcon'));
   var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, rowGroupTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, rowGroupTogglerIconProps);
-  var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1f({}, rowGroupTogglerIconProps), {
+  var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1g({}, rowGroupTogglerIconProps), {
     props: props
   });
   var label = props.expanded ? ariaLabel('collapseLabel') : ariaLabel('expandLabel');
@@ -25472,9 +25598,9 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 RowTogglerButton.displayName = 'RowTogglerButton';
 
-var _excluded = ["originalEvent"];
-function ownKeys$1e(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$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$2 = ["originalEvent"];
+function ownKeys$1f(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$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
@@ -25815,8 +25941,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
   var selectRangeOnRow = function selectRangeOnRow(event, rowRangeStart, rowRangeEnd) {
     var selection = [];
     for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
-      var _props$value$i;
-      var rangeRowData = (_props$value$i = props.value[i]) !== null && _props$value$i !== void 0 ? _props$value$i : props.tableProps.value[i];
+      var rangeRowData = props.processedData[i];
       if (!isSelectable({
         data: rangeRowData,
         index: i
@@ -25880,7 +26005,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
   };
   var onSelect = function onSelect(event) {
     if (allowCellSelection()) {
-      props.onCellSelect && props.onCellSelect(_objectSpread$1e(_objectSpread$1e({
+      props.onCellSelect && props.onCellSelect(_objectSpread$1f(_objectSpread$1f({
         originalEvent: event.originalEvent
       }, event.data), {}, {
         type: event.type
@@ -25891,7 +26016,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
   };
   var onUnselect = function onUnselect(event) {
     if (allowCellSelection()) {
-      props.onCellUnselect && props.onCellUnselect(_objectSpread$1e(_objectSpread$1e({
+      props.onCellUnselect && props.onCellUnselect(_objectSpread$1f(_objectSpread$1f({
         originalEvent: event.originalEvent
       }, event.data), {}, {
         type: event.type
@@ -25953,12 +26078,12 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
         rangeRowIndex.current = event.index;
         anchorRowFirst.current = props.first;
         if (isSingleSelection()) {
-          onSingleSelection(_objectSpread$1e(_objectSpread$1e({}, event), {}, {
+          onSingleSelection(_objectSpread$1f(_objectSpread$1f({}, event), {}, {
             toggleable: toggleable,
             type: 'row'
           }));
         } else {
-          onMultipleSelection(_objectSpread$1e(_objectSpread$1e({}, event), {}, {
+          onMultipleSelection(_objectSpread$1f(_objectSpread$1f({}, event), {}, {
             toggleable: toggleable,
             type: 'row'
           }));
@@ -26034,7 +26159,8 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
     var event = e.originalEvent;
     var isDraggableHandle = isUnstyled() ? DomHandler.getAttribute(event.target, 'data-pc-section') === 'rowreordericon' || event.target.closest('[data-pc-section="rowreordericon"]') : DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle') || event.target.closest('.p-datatable-reorderablerow-handle');
     event.currentTarget.draggable = isDraggableHandle;
-    event.target.draggable = isDraggableHandle;
+    //event.target.draggable = isDraggableHandle;
+
     if (allowRowDrag(e)) {
       enableDragSelection(event);
       anchorRowIndex.current = e.index;
@@ -26054,7 +26180,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
     var hasDataKey = props.groupRowsBy ? dataKey === props.groupRowsBy : !!dataKey;
     if (hasDataKey) {
       var dataKeyValue = String(ObjectUtils.resolveFieldData(event.data, dataKey));
-      expandedRows = props.expandedRows ? _objectSpread$1e({}, props.expandedRows) : {};
+      expandedRows = props.expandedRows ? _objectSpread$1f({}, props.expandedRows) : {};
       if (expandedRows[dataKeyValue] != null) {
         delete expandedRows[dataKeyValue];
         if (props.onRowCollapse) {
@@ -26190,13 +26316,13 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
     event.preventDefault();
   };
   var onRadioChange = function onRadioChange(event) {
-    onSingleSelection(_objectSpread$1e(_objectSpread$1e({}, event), {}, {
+    onSingleSelection(_objectSpread$1f(_objectSpread$1f({}, event), {}, {
       toggleable: true,
       type: 'radio'
     }));
   };
   var onCheckboxChange = function onCheckboxChange(event) {
-    onMultipleSelection(_objectSpread$1e(_objectSpread$1e({}, event), {}, {
+    onMultipleSelection(_objectSpread$1f(_objectSpread$1f({}, event), {}, {
       toggleable: true,
       type: 'checkbox'
     }));
@@ -26236,7 +26362,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
       } else {
         var toggleable = allowMetaKeySelection(event);
         var originalEvent = event.originalEvent,
-          data = _objectWithoutProperties(event, _excluded);
+          data = _objectWithoutProperties(event, _excluded$2);
         anchorRowIndex.current = event.rowIndex;
         rangeRowIndex.current = event.rowIndex;
         anchorRowFirst.current = props.first;
@@ -26543,8 +26669,8 @@ var RowBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1d(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$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1e(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$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState({}),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -26588,7 +26714,7 @@ var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$1d({}, styleObjectState);
+      var styleObject = _objectSpread$1e({}, styleObjectState);
       var _align = getColumnProp('alignFrozen');
       if (_align === 'right') {
         var right = 0;
@@ -26637,6 +26763,9 @@ var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 FooterCell.displayName = 'FooterCell';
 
+var _excluded$1 = ["unstyled", "__TYPE", "ptOptions"];
+function ownKeys$1d(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$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableFooter = /*#__PURE__*/React__namespace.memo(function (props) {
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
@@ -26702,9 +26831,16 @@ var TableFooter = /*#__PURE__*/React__namespace.memo(function (props) {
     if (props.footerColumnGroup) {
       var rows = React__namespace.Children.toArray(ColumnGroupBase.getCProp(props.footerColumnGroup, 'children'));
       return rows.map(function (row, i) {
+        var _RowBase$getProps = RowBase.getProps(row.props, context),
+          unstyled = _RowBase$getProps.unstyled;
+          _RowBase$getProps.__TYPE;
+          _RowBase$getProps.ptOptions;
+          var rest = _objectWithoutProperties(_RowBase$getProps, _excluded$1);
         var rootProps = mergeProps({
           role: 'row'
-        }, RowBase.getProps(row.props, context), getRowPTOptions(row, 'root'));
+        }, unstyled ? _objectSpread$1d({
+          unstyled: unstyled
+        }, rest) : rest, getRowPTOptions(row, 'root'));
         return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, rootProps, {
           key: i
         }), createGroupFooterCells(row));
@@ -28134,6 +28270,7 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 HeaderCell.displayName = 'HeaderCell';
 
+var _excluded = ["unstyled", "__TYPE", "ptOptions"];
 function ownKeys$19(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$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -28360,9 +28497,16 @@ var TableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
     if (props.headerColumnGroup) {
       var rows = React__namespace.Children.toArray(ColumnGroupBase.getCProp(props.headerColumnGroup, 'children'));
       return rows.map(function (row, i) {
+        var _RowBase$getProps = RowBase.getProps(row.props, context),
+          unstyled = _RowBase$getProps.unstyled;
+          _RowBase$getProps.__TYPE;
+          _RowBase$getProps.ptOptions;
+          var rest = _objectWithoutProperties(_RowBase$getProps, _excluded);
         var headerRowProps = mergeProps({
           role: 'row'
-        }, RowBase.getProps(row.props, context), getRowPTOptions(row, 'root'));
+        }, unstyled ? _objectSpread$19({
+          unstyled: unstyled
+        }, rest) : rest, getRowPTOptions(row, 'root'));
         return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, headerRowProps, {
           key: i
         }), createGroupHeaderCells(row));
@@ -29866,7 +30010,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       unstyled: props.unstyled
     });
   };
-  var createTableBody = function createTableBody(options, selectionModeInColumn, empty, isVirtualScrollerDisabled) {
+  var createTableBody = function createTableBody(options, selectionModeInColumn, empty, isVirtualScrollerDisabled, processedData) {
     var first = getFirst();
     var rows = options.rows,
       columns = options.columns,
@@ -29927,7 +30071,10 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       onRowToggle: props.onRowToggle,
       onRowUnselect: props.onRowUnselect,
       onSelectionChange: props.onSelectionChange,
-      paginator: props.paginator,
+      paginator: props.paginator
+      // pass processedData #7546
+      ,
+      processedData: processedData,
       reorderableRows: props.reorderableRows,
       responsiveLayout: props.responsiveLayout,
       rowClassName: props.rowClassName,
@@ -30009,7 +30156,10 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       onRowToggle: props.onRowToggle,
       onRowUnselect: props.onRowUnselect,
       onSelectionChange: props.onSelectionChange,
-      paginator: props.paginator,
+      paginator: props.paginator
+      // pass processedData #7546
+      ,
+      processedData: processedData,
       reorderableRows: props.reorderableRows,
       responsiveLayout: props.responsiveLayout,
       rowClassName: props.rowClassName,
@@ -30103,7 +30253,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
           options.spacerRef && options.spacerRef(el);
         };
         var tableHeader = createTableHeader(options, empty, _isVirtualScrollerDisabled);
-        var tableBody = createTableBody(options, selectionModeInColumn, empty, _isVirtualScrollerDisabled);
+        var tableBody = createTableBody(options, selectionModeInColumn, empty, _isVirtualScrollerDisabled, processedData);
         var tableFooter = createTableFooter(options);
         var tableProps = mergeProps({
           className: classNames(props.tableClassName, ptCallbacks.cx('table')),
@@ -30454,7 +30604,7 @@ var DataView = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       rightContent: props.paginatorRight,
       alwaysShow: props.alwaysShowPaginator,
       dropdownAppendTo: props.paginatorDropdownAppendTo,
-      ptm: ptm('paginator'),
+      pt: ptm('paginator'),
       unstyled: props.unstyled,
       __parentMetadata: {
         parent: metaData
@@ -30584,7 +30734,11 @@ var DataView = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var content = null;
     if (props.listTemplate) {
       var items = getItems(value);
-      content = ObjectUtils.getJSXElement(props.listTemplate, items, props.layout);
+      if (ObjectUtils.isNotEmpty(items)) {
+        content = ObjectUtils.getJSXElement(props.listTemplate, items, props.layout);
+      } else {
+        content = createEmptyMessage();
+      }
     } else {
       var _items = createItems(value);
       var gridProps = mergeProps({
@@ -30767,10 +30921,10 @@ var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var rootProps = mergeProps({
     ref: elementRef,
     style: sx('root'),
-    className: classNames(props.className, cx('root', {
+    className: cx('root', {
       horizontal: horizontal,
       vertical: vertical
-    })),
+    }),
     'aria-orientation': props.layout,
     role: 'separator'
   }, DividerBase.getOtherProps(props), ptm('root'));
@@ -31019,7 +31173,6 @@ var Dock = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       className: cx('action', {
         disabled: disabled
       }),
-      'aria-hidden': 'true',
       tabIndex: -1,
       target: target,
       'data-pr-tooltip': label,
@@ -32223,6 +32376,7 @@ var FileUploadBase = ComponentBase.extend({
     withCredentials: false,
     previewWidth: 50,
     chooseLabel: null,
+    selectedFileLabel: null,
     uploadLabel: null,
     cancelLabel: null,
     chooseOptions: {
@@ -32909,7 +33063,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
         __html: '&nbsp;'
       }
     })) : /*#__PURE__*/React__namespace.createElement("span", labelProps, chooseButtonLabel);
-    var label = props.auto ? chooseLabel : /*#__PURE__*/React__namespace.createElement("span", labelProps, hasFiles ? filesState[0].name : chooseLabel);
+    var label = props.auto ? chooseLabel : /*#__PURE__*/React__namespace.createElement("span", labelProps, hasFiles ? props.selectedFileLabel || filesState[0].name : chooseLabel);
     var chooseIconProps = mergeProps({
       className: cx('chooseIcon', {
         iconOnly: chooseOptions.iconOnly
@@ -33813,7 +33967,7 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__
         type: 'button',
         disabled: isDisabled,
         'data-p-disabled': isDisabled,
-        'aria-label': localeOption('aria') ? localeOption('aria').previousPageLabel : undefined,
+        'aria-label': localeOption('aria') ? localeOption('aria').prevPageLabel : undefined,
         'data-pc-group-section': 'thumbnailnavigator'
       }, getPTOptions('previousThumbnailButton'));
       return /*#__PURE__*/React__namespace.createElement("button", previousThumbnailButtonProps, prevThumbnailIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
@@ -35573,6 +35727,9 @@ var InputMask = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
       updateValue();
     }
   }, [isValueUpdated]);
+  useUpdateEffect(function () {
+    updateFilledState();
+  }, [props.disabled]);
   var otherProps = InputMaskBase.getOtherProps(props);
   var className = classNames(props.className, cx('root', {
     context: context
@@ -35584,8 +35741,7 @@ var InputMask = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
     type: props.type,
     name: props.name,
     style: props.style,
-    className: className,
-    value: props.value
+    className: className
   }, otherProps, {
     placeholder: props.placeholder,
     size: props.size,
@@ -35908,7 +36064,7 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
       resize(true);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [props.autoResize]);
+  }, [props.autoResize, props.value]);
   var isFilled = React__namespace.useMemo(function () {
     return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue);
   }, [props.value, props.defaultValue]);
@@ -37867,11 +38023,11 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     if (horizontal) {
       var _focusedItemInfo = focusedItemInfo;
       if (ObjectUtils.isNotEmpty(activeItemState) && activeItemState.key === focusedItemInfo.key) {
-        (({
+        _focusedItemInfo = {
           index: -1,
           key: '',
           parentKey: activeItemState.key
-        })), _readOnlyError("_focusedItemInfo");
+        };
         setFocusedItemInfo(_focusedItemInfo);
       } else {
         var processedItem = findVisibleItem(focusedItemInfo.index);
@@ -37881,11 +38037,11 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
             originalEvent: event,
             processedItem: processedItem
           });
-          (({
+          _focusedItemInfo = {
             index: -1,
             key: processedItem.key,
             parentKey: processedItem.parentKey
-          })), _readOnlyError("_focusedItemInfo");
+          };
           setFocusedItemInfo(_focusedItemInfo);
           searchValue.current = '';
         }
@@ -38257,8 +38413,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         item: item
       }),
       target: item.target,
-      tabIndex: '-1',
-      'aria-hidden': true
+      tabIndex: '-1'
     }, getPTOptions(processedItem, 'action', index));
     var isFocused = isItemFocused(processedItem);
     var isDisabled = isItemDisabled(processedItem);
@@ -39476,6 +39631,9 @@ var Menu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
     }), submenu.label), items);
   };
   var createSeparator = function createSeparator(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
     var key = idState + '_separator_' + index;
     var separatorProps = mergeProps({
       id: key,
@@ -39488,6 +39646,9 @@ var Menu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
   };
   var createMenuItem = function createMenuItem(item, index) {
     var parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    if (item.visible === false) {
+      return null;
+    }
     var menuContext = {
       item: item,
       index: index,
@@ -39530,7 +39691,6 @@ var Menu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       target: item.target,
       tabIndex: '-1',
       'aria-label': item.label,
-      'aria-hidden': true,
       'aria-disabled': item.disabled,
       'data-p-disabled': item.disabled
     }, getMenuItemPTOptions('action', menuContext));
@@ -39857,7 +40017,6 @@ var MenubarSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
     var actionProps = mergeProps({
       href: item.url || '#',
       tabIndex: '-1',
-      'aria-hidden': 'true',
       className: cx('action', {
         disabled: disabled
       }),
@@ -40427,11 +40586,11 @@ var Menubar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
   };
   var findFirstFocusedItemIndex = function findFirstFocusedItemIndex() {
     var selectedIndex = findSelectedItemIndex();
-    return selectedIndex < 0 ? findFirstItemIndex() : selectedIndex;
+    return selectedIndex;
   };
   var findLastFocusedItemIndex = function findLastFocusedItemIndex() {
     var selectedIndex = findSelectedItemIndex();
-    return selectedIndex < 0 ? findLastItemIndex() : selectedIndex;
+    return selectedIndex;
   };
   var searchItems = function searchItems(event, _char) {
     searchValue.current = (searchValue.current || '') + _char;
@@ -40932,7 +41091,7 @@ var classes$w = {
       focusedState = _ref.focusedState,
       overlayVisibleState = _ref.overlayVisibleState;
     return classNames('p-multiselect p-component p-inputwrapper', {
-      'p-multiselect-chip': props.display === 'chip',
+      'p-multiselect-chip': props.display === 'chip' && (props.maxSelectedLabels == null ? true : props.value.length <= props.maxSelectedLabels),
       'p-disabled': props.disabled,
       'p-invalid': props.invalid,
       'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled',
@@ -41029,6 +41188,7 @@ var MultiSelectBase = ComponentBase.extend({
     emptyMessage: null,
     filter: false,
     filterBy: null,
+    filterDelay: 300,
     filterInputAutoFocus: true,
     filterLocale: undefined,
     selectOnFocus: false,
@@ -41442,7 +41602,8 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__na
     var style = {
       height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
     };
-    if (option.group && props.optionGroupLabel) {
+    var isItemGroup = option.group === true && props.optionGroupLabel;
+    if (isItemGroup) {
       var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
       var key = index + '_' + props.getOptionGroupRenderKey(option);
       var itemGroupProps = mergeProps({
@@ -41576,7 +41737,6 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__na
     var firstHiddenElementProps = mergeProps({
       ref: props.firstHiddenFocusableElementOnOverlay,
       role: 'presentation',
-      'aria-hidden': 'true',
       className: 'p-hidden-accessible p-hidden-focusable',
       tabIndex: '0',
       onFocus: props.onFirstHiddenFocus,
@@ -41586,7 +41746,6 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__na
     var lastHiddenElementProps = mergeProps({
       ref: props.lastHiddenFocusableElementOnOverlay,
       role: 'presentation',
-      'aria-hidden': 'true',
       className: 'p-hidden-accessible p-hidden-focusable',
       tabIndex: '0',
       onFocus: props.onLastHiddenFocus,
@@ -41627,22 +41786,23 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     clicked = _React$useState4[0],
     setClicked = _React$useState4[1];
-  var _React$useState5 = React__namespace.useState(''),
+  var _useDebounce = useDebounce('', props.filterDelay || 0),
+    _useDebounce2 = _slicedToArray(_useDebounce, 3),
+    filterValue = _useDebounce2[0],
+    filterState = _useDebounce2[1],
+    setFilterState = _useDebounce2[2];
+  var _React$useState5 = React__namespace.useState(-1),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
-    filterState = _React$useState6[0],
-    setFilterState = _React$useState6[1];
-  var _React$useState7 = React__namespace.useState(-1),
+    startRangeIndex = _React$useState6[0],
+    setStartRangeIndex = _React$useState6[1];
+  var _React$useState7 = React__namespace.useState(false),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
-    startRangeIndex = _React$useState8[0],
-    setStartRangeIndex = _React$useState8[1];
-  var _React$useState9 = React__namespace.useState(false),
+    focusedState = _React$useState8[0],
+    setFocusedState = _React$useState8[1];
+  var _React$useState9 = React__namespace.useState(props.inline),
     _React$useState10 = _slicedToArray(_React$useState9, 2),
-    focusedState = _React$useState10[0],
-    setFocusedState = _React$useState10[1];
-  var _React$useState11 = React__namespace.useState(props.inline),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    overlayVisibleState = _React$useState12[0],
-    setOverlayVisibleState = _React$useState12[1];
+    overlayVisibleState = _React$useState10[0],
+    setOverlayVisibleState = _React$useState10[1];
   var elementRef = React__namespace.useRef(null);
   var searchValue = React__namespace.useRef(null);
   var searchTimeout = React__namespace.useRef(null);
@@ -42182,8 +42342,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
       return option;
     }
     if (props.optionValue) {
-      var data = ObjectUtils.resolveFieldData(option, props.optionValue);
-      return data !== null ? data : option;
+      return ObjectUtils.resolveFieldData(option, props.optionValue);
     }
     return option && option.value !== undefined ? option.value : option;
   };
@@ -42377,11 +42536,11 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     return label;
   };
   var getLabelContent = function getLabelContent() {
+    if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
+      return getSelectedItemsLabel();
+    }
     if (props.selectedItemTemplate) {
       if (!empty) {
-        if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
-          return getSelectedItemsLabel();
-        }
         return props.value.map(function (val, index) {
           var item = ObjectUtils.getJSXElement(props.selectedItemTemplate, val);
           return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
@@ -42432,7 +42591,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
   var getVisibleOptions = function getVisibleOptions() {
     var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
     if (hasFilter) {
-      var filterValue = filterState.trim().toLocaleLowerCase(props.filterLocale);
+      var _filterValue = filterState.trim().toLocaleLowerCase(props.filterLocale);
       var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
       if (props.optionGroupLabel) {
         var filteredGroups = [];
@@ -42441,7 +42600,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
             var optgroup = _step2.value;
-            var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+            var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, _filterValue, props.filterMatchMode, props.filterLocale);
             if (filteredSubOptions && filteredSubOptions.length) {
               filteredGroups.push(_objectSpread$J(_objectSpread$J({}, optgroup), _defineProperty({}, props.optionGroupChildren, filteredSubOptions)));
             }
@@ -42453,7 +42612,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
         }
         return flatOptions(filteredGroups);
       }
-      return FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+      return FilterService.filter(options, searchFields, _filterValue, props.filterMatchMode, props.filterLocale);
     }
     return options;
   };
@@ -42471,8 +42630,6 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     }, []);
   };
   var onClearIconKeyDown = function onClearIconKeyDown(event) {
-    event.preventDefault();
-    event.stopPropagation();
     switch (event.code) {
       case 'Space':
       case 'NumpadEnter':
@@ -42481,6 +42638,8 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
           break;
         }
         updateModel(event, [], []);
+        event.preventDefault();
+        event.stopPropagation();
         break;
     }
   };
@@ -42581,7 +42740,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
         return getLabelByValue(val);
       }).join(', ');
     }
-    return value;
+    return value ? value : '';
   };
   var visibleOptions = getVisibleOptions();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
@@ -42643,7 +42802,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
   }, props, {
     onClick: onPanelClick,
     onOverlayHide: hide,
-    filterValue: filterState,
+    filterValue: filterValue,
     focusedOptionIndex: focusedOptionIndex,
     onFirstHiddenFocus: onFirstHiddenFocus,
     onLastHiddenFocus: onLastHiddenFocus,
@@ -42931,7 +43090,7 @@ var classes$u = {
     });
   }
 };
-var styles$o = "\n@layer primereact {\n    .p-orderlist {\n        display: flex;\n    }\n\n    .p-orderlist-controls {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .p-orderlist-list-container {\n        flex: 1 1 auto;\n    }\n\n    .p-orderlist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n\n    .p-orderlist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-orderlist-filter {\n        position: relative;\n    }\n\n    .p-orderlist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-orderlist-filter-input {\n        width: 100%;\n    }\n\n    .p-orderlist.p-state-disabled .p-orderlist-item,\n    .p-orderlist.p-state-disabled .p-button {\n        cursor: default;\n    }\n\n    .p-orderlist.p-state-disabled .p-orderlist-list {\n        overflow: hidden;\n    }\n\n    .p-orderlist .p-orderlist-droppoint {\n        height: 0.5rem;\n    }\n\n    .p-orderlist .p-orderlist-droppoint.p-orderlist-droppoint-highlight {\n        background: var(--primary-color);\n    }\n}\n";
+var styles$o = "\n@layer primereact {\n    .p-orderlist {\n        display: flex;\n    }\n\n    .p-orderlist-controls {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .p-orderlist-list-container {\n        flex: 1 1 auto;\n    }\n\n    .p-orderlist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n\n    .p-orderlist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-orderlist-item .p-ink {\n        pointer-events: none;\n    }\n\n    .p-orderlist-filter {\n        position: relative;\n    }\n\n    .p-orderlist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-orderlist-filter-input {\n        width: 100%;\n    }\n\n    .p-orderlist.p-state-disabled .p-orderlist-item,\n    .p-orderlist.p-state-disabled .p-button {\n        cursor: default;\n    }\n\n    .p-orderlist.p-state-disabled .p-orderlist-list {\n        overflow: hidden;\n    }\n\n    .p-orderlist .p-orderlist-droppoint {\n        height: 0.5rem;\n    }\n\n    .p-orderlist .p-orderlist-droppoint.p-orderlist-droppoint-highlight {\n        background: var(--primary-color);\n    }\n}\n";
 var OrderListBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'OrderList',
@@ -43362,7 +43521,7 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__na
         value: props.filterValue,
         onChange: props.onFilter,
         onKeyDown: onFilterInputKeyDown,
-        placeholder: props.placeholder,
+        placeholder: props.filterPlaceholder,
         className: cx('filterInput')
       }, _ptm('filterInput'));
       var filterIconProps = mergeProps({
@@ -43769,35 +43928,36 @@ var OrderList = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
     ref: listElementRef,
     hostName: "OrderList"
   }, props, {
-    focused: focused,
     ariaLabel: props.ariaLabel,
     ariaLabelledBy: props.ariaLabelledBy,
-    value: visibleList,
-    selection: selectionState,
-    onItemClick: onItemClick,
-    onOptionMouseDown: onOptionMouseDown,
-    focusedOptionId: focusedOptionId,
-    onListKeyDown: onListKeyDown,
-    onListFocus: onListFocus,
-    onListBlur: onListBlur,
-    onFilterInputChange: onFilterInputChange,
-    itemTemplate: props.itemTemplate,
+    changeFocusedOptionIndex: changeFocusedOptionIndex,
+    cx: cx,
+    dataKey: props.dataKey,
+    dragdrop: props.dragdrop,
     filter: props.filter,
-    onFilter: onFilter,
-    resetFilter: resetFilter,
+    filterIcon: props.filterIcon,
+    filterPlaceholder: props.filterPlaceholder,
     filterTemplate: props.filterTemplate,
+    focused: focused,
+    focusedOptionId: focusedOptionId,
     header: props.header,
-    parentId: attributeSelectorState,
+    isUnstyled: isUnstyled,
+    itemTemplate: props.itemTemplate,
     listStyle: props.listStyle,
-    dataKey: props.dataKey,
-    dragdrop: props.dragdrop,
     onChange: props.onChange,
-    tabIndex: props.tabIndex,
-    filterIcon: props.filterIcon,
-    isUnstyled: isUnstyled,
+    onFilter: onFilter,
+    onFilterInputChange: onFilterInputChange,
+    onItemClick: onItemClick,
+    onListBlur: onListBlur,
+    onListFocus: onListFocus,
+    onListKeyDown: onListKeyDown,
+    onOptionMouseDown: onOptionMouseDown,
+    parentId: attributeSelectorState,
     ptm: ptm,
-    cx: cx,
-    changeFocusedOptionIndex: changeFocusedOptionIndex
+    resetFilter: resetFilter,
+    selection: selectionState,
+    tabIndex: props.tabIndex,
+    value: visibleList
   })));
 }));
 OrderList.displayName = 'OrderList';
@@ -44943,8 +45103,7 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
       onFocus: function onFocus(event) {
         return event.stopPropagation();
       },
-      tabIndex: '-1',
-      'aria-hidden': true
+      tabIndex: '-1'
     }, getPTOptions(processedItem, 'action', index));
     var content = /*#__PURE__*/React__namespace.createElement("a", actionProps, submenuIcon, icon, label, /*#__PURE__*/React__namespace.createElement(Ripple, null));
     if (item.template) {
@@ -46390,7 +46549,7 @@ var classes$o = {
   sourceControls: 'p-picklist-source-controls p-picklist-buttons',
   targetControls: 'p-picklist-target-controls p-picklist-buttons'
 };
-var styles$j = "\n@layer primereact {\n    .p-picklist {\n        display: flex;\n    }\n\n    .p-picklist-buttons {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .p-picklist-list-wrapper {\n        flex: 1 1 50%;\n    }\n\n    .p-picklist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n\n    .p-picklist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-picklist-filter {\n        position: relative;\n    }\n\n    .p-picklist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-picklist-filter-input {\n        width: 100%;\n    }\n}\n";
+var styles$j = "\n@layer primereact {\n    .p-picklist {\n        display: flex;\n    }\n\n    .p-picklist-buttons {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .p-picklist-list-wrapper {\n        flex: 1 1 50%;\n    }\n\n    .p-picklist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n\n    .p-picklist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-picklist-item .p-ink {\n        pointer-events: none;\n    }\n\n    .p-picklist-filter {\n        position: relative;\n    }\n\n    .p-picklist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-picklist-filter-input {\n        width: 100%;\n    }\n}\n";
 var PickListBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'PickList',
@@ -47168,6 +47327,8 @@ var PickList = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       originalEvent: originalEvent,
       value: selectedValue
     }, 'targetSelection', props.onTargetSelectionChange);
+    setTargetSelectionState([]);
+    setSourceSelectionState([]);
     handleChange(event, source, target);
   };
   var scrollInView = function scrollInView(listContainer) {
@@ -47186,11 +47347,6 @@ var PickList = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     if (callback) {
       callback(e);
     }
-    if (ObjectUtils.isNotEmpty(sourceSelection) && stateKey === 'targetSelection') {
-      setSourceSelectionState([]);
-    } else if (ObjectUtils.isNotEmpty(targetSelection) && stateKey === 'sourceSelection') {
-      setTargetSelectionState([]);
-    }
   };
   var onFilter = function onFilter(event) {
     var originalEvent = event.originalEvent,
@@ -47343,10 +47499,26 @@ var PickList = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
           }
           _onSelectionChange({
             originalEvent: event,
-            value: _toConsumableArray(sourceList)
+            value: isSource ? _toConsumableArray(sourceList) : _toConsumableArray(targetList)
           }, isSource ? 'sourceSelection' : 'targetSelection', isSource ? props.onSourceSelectionChange : props.onTargetSelectionChange);
           event.preventDefault();
         }
+        break;
+      case 'KeyD':
+        if (event.ctrlKey) {
+          var _isSource = type === 'source';
+          if (_isSource) {
+            setSourceSelectionState([]);
+          } else {
+            setTargetSelectionState([]);
+          }
+          _onSelectionChange({
+            originalEvent: event,
+            value: []
+          }, _isSource ? 'sourceSelection' : 'targetSelection', _isSource ? props.onSourceSelectionChange : props.onTargetSelectionChange);
+          event.preventDefault();
+        }
+        break;
     }
   };
   var onArrowDownKey = function onArrowDownKey(event, type) {
@@ -49054,7 +49226,7 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     if (props.visible !== visibleState && maskVisibleState) {
       setVisibleState(props.visible);
     }
-  }, [props.visible]);
+  }, [props.visible, maskVisibleState, visibleState]);
   useUpdateEffect(function () {
     if (maskVisibleState) {
       ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex.modal || PrimeReact.zIndex.modal);
@@ -50138,7 +50310,7 @@ var Slider = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.fo
 }));
 Slider.displayName = 'Slider';
 
-var styles$b = "\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n\n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n\n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n\n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n\n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n\n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n\n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n";
+var styles$b = "\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n\n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n\n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n\n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-speeddial-action-icon {\n        pointer-events: none;\n    }\n\n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n\n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n\n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n\n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n";
 var classes$f = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -51025,7 +51197,6 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
     var submenu = createSubmenu(processedItem, index);
     var actionProps = mergeProps({
       href: url || '#',
-      'aria-hidden': true,
       tabIndex: '-1',
       onFocus: function onFocus(event) {
         return event.stopPropagation();
@@ -54540,7 +54711,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       ref: prevBtnRef,
       type: 'button',
       className: cx('prevbutton'),
-      'aria-label': ariaLabel('previousPageLabel'),
+      'aria-label': ariaLabel('prevPageLabel'),
       onClick: function onClick(e) {
         return navBackward();
       }
@@ -55522,10 +55693,10 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
     checked: props.checked
   }, ptm('input'));
   var boxProps = mergeProps({
-    className: cx('box', {
+    className: classNames(props.className, cx('box', {
       hasIcon: hasIcon,
       hasLabel: hasLabel
-    })
+    }))
   }, ptm('box'));
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("input", inputProps), /*#__PURE__*/React__namespace.createElement("div", boxProps, iconElement, /*#__PURE__*/React__namespace.createElement("span", labelProps, label), /*#__PURE__*/React__namespace.createElement(Ripple, null))), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
     target: elementRef,
@@ -55620,9 +55791,9 @@ var classes$3 = {
   searchIcon: 'p-tree-filter-icon',
   container: 'p-tree-container',
   node: function node(_ref2) {
-    var isLeaf = _ref2.isLeaf;
+    var leaf = _ref2.leaf;
     return classNames('p-treenode', {
-      'p-treenode-leaf': isLeaf
+      'p-treenode-leaf': leaf
     });
   },
   content: function content(_ref3) {
@@ -55675,6 +55846,7 @@ var TreeBase = ComponentBase.extend({
     expandedKeys: null,
     filter: false,
     filterBy: 'label',
+    filterDelay: 300,
     filterIcon: null,
     filterLocale: undefined,
     filterMode: 'lenient',
@@ -55726,7 +55898,8 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   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 isFiltering = props.isFiltering;
+  var expanded = (props.expandedKeys ? props.expandedKeys[props.node.key] !== undefined : false) || !isFiltering && props.node.expanded;
   var ptm = props.ptm,
     cx = props.cx;
   var getPTOptions = function getPTOptions(key) {
@@ -55736,7 +55909,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
         selected: !isCheckboxSelectionMode() ? isSelected() : false,
         expanded: expanded || false,
         checked: isCheckboxSelectionMode() ? isChecked() : false,
-        isLeaf: isLeaf
+        leaf: isLeaf
       }
     });
   };
@@ -56452,6 +56625,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
           dragdropScope: props.dragdropScope,
           expandIcon: props.expandIcon,
           expandedKeys: props.expandedKeys,
+          isFiltering: props.isFiltering,
           index: index,
           isNodeLeaf: props.isNodeLeaf,
           last: index === props.node.children.length - 1,
@@ -56495,7 +56669,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     var nodeProps = mergeProps({
       ref: elementRef,
       className: classNames(props.node.className, cx('node', {
-        isLeaf: isLeaf
+        leaf: isLeaf
       })),
       style: props.node.style,
       tabIndex: tabIndex,
@@ -56530,20 +56704,27 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = TreeBase.getProps(inProps, context);
-  var _React$useState = React__namespace.useState(''),
+  var _useDebounce = useDebounce('', props.filterDelay || 0),
+    _useDebounce2 = _slicedToArray(_useDebounce, 3),
+    filterValue = _useDebounce2[0],
+    filterValueState = _useDebounce2[1],
+    setFilterValueState = _useDebounce2[2];
+  var _React$useState = React__namespace.useState(props.expandedKeys),
     _React$useState2 = _slicedToArray(_React$useState, 2),
-    filterValueState = _React$useState2[0],
-    setFilterValueState = _React$useState2[1];
-  var _React$useState3 = React__namespace.useState(props.expandedKeys),
+    expandedKeysState = _React$useState2[0],
+    setExpandedKeysState = _React$useState2[1];
+  var _React$useState3 = React__namespace.useState({}),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
-    expandedKeysState = _React$useState4[0],
-    setExpandedKeysState = _React$useState4[1];
+    filterExpandedKeys = _React$useState4[0],
+    setFilterExpandedKeys = _React$useState4[1];
   var elementRef = React__namespace.useRef(null);
   var filteredNodes = React__namespace.useRef([]);
   var dragState = React__namespace.useRef(null);
   var filterChanged = React__namespace.useRef(false);
   var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
-  var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
+  var isFiltering = props.filter && filteredValue;
+  var expandedKeys = isFiltering ? filterExpandedKeys : props.onToggle ? props.expandedKeys : expandedKeysState;
+  var currentFilterExpandedKeys = {};
   var childFocusEvent = React__namespace.useRef(null);
   var _TreeBase$setMetaData = TreeBase.setMetaData({
       props: props,
@@ -56582,7 +56763,11 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       if (navigateFocusToChild) {
         childFocusEvent.current = originalEvent;
       }
-      setExpandedKeysState(value);
+      if (isFiltering) {
+        setFilterExpandedKeys(value);
+      } else {
+        setExpandedKeysState(value);
+      }
     }
   };
   useUpdateEffect(function () {
@@ -56605,6 +56790,10 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       childFocusEvent.current = null;
     }
   }, [expandedKeys]);
+  React__namespace.useEffect(function () {
+    if (props.filter) _filter();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [filteredValue, props.value, props.filter]);
   var onDragStart = function onDragStart(event) {
     dragState.current = {
       path: event.path,
@@ -56786,12 +56975,9 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
   };
   var filter = function filter(value) {
     setFilterValueState(ObjectUtils.isNotEmpty(value) ? value : '');
-    _filter();
   };
   var _filter = function _filter() {
-    if (!filterChanged.current) {
-      return;
-    }
+    if (!filterChanged.current) return;
     if (ObjectUtils.isEmpty(filteredValue)) {
       filteredNodes.current = props.value;
     } else {
@@ -56820,6 +57006,7 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
         _iterator.f();
       }
     }
+    setFilterExpandedKeys(currentFilterExpandedKeys);
     filterChanged.current = false;
   };
   var findFilteredNodes = function findFilteredNodes(node, paramsWithoutNode) {
@@ -56846,7 +57033,7 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
         }
       }
       if (matched) {
-        node.expanded = true;
+        currentFilterExpandedKeys[node.key] = true;
         return true;
       }
     }
@@ -56910,6 +57097,7 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       dragdropScope: props.dragdropScope,
       expandIcon: props.expandIcon,
       expandedKeys: expandedKeys,
+      isFiltering: isFiltering,
       isNodeLeaf: isNodeLeaf,
       metaKeySelection: props.metaKeySelection,
       nodeTemplate: props.nodeTemplate,
@@ -56963,10 +57151,7 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
   };
   var createModel = function createModel() {
     if (props.value) {
-      if (props.filter) {
-        filterChanged.current = true;
-        _filter();
-      }
+      if (props.filter) filterChanged.current = true;
       var value = getRootNode();
       if (value.length > 0) {
         var rootNodes = createRootChildren(value);
@@ -56997,7 +57182,8 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
   };
   var createFilter = function createFilter() {
     if (props.filter) {
-      var value = ObjectUtils.isNotEmpty(filteredValue) ? filteredValue : '';
+      var value = props.onFilterValueChange ? props.filterValue : filterValue;
+      value = ObjectUtils.isNotEmpty(value) ? value : '';
       var searchIconProps = mergeProps({
         className: cx('searchIcon')
       }, ptm('searchIcon'));
@@ -57153,6 +57339,7 @@ var TreeSelectBase = ComponentBase.extend({
     expandedKeys: null,
     filter: false,
     filterBy: 'label',
+    filterDelay: 300,
     filterIcon: null,
     filterInputAutoFocus: true,
     filterLocale: undefined,
@@ -57285,10 +57472,11 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     expandedKeysState = _React$useState6[0],
     setExpandedKeysState = _React$useState6[1];
-  var _React$useState7 = React__namespace.useState(''),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    filterValueState = _React$useState8[0],
-    setFilterValueState = _React$useState8[1];
+  var _useDebounce = useDebounce('', props.filterDelay || 0),
+    _useDebounce2 = _slicedToArray(_useDebounce, 3);
+    _useDebounce2[0];
+    var filterValueState = _useDebounce2[1],
+    setFilterValueState = _useDebounce2[2];
   var elementRef = React__namespace.useRef(null);
   var overlayRef = React__namespace.useRef(null);
   var filterInputRef = React__namespace.useRef(null);
@@ -57303,7 +57491,6 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
   var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
   var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
   var isValueEmpty = ObjectUtils.isEmpty(props.value);
-  var hasNoOptions = ObjectUtils.isEmpty(props.options);
   var isSingleSelectionMode = props.selectionMode === 'single';
   var isCheckboxSelectionMode = props.selectionMode === 'checkbox';
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
@@ -57840,17 +58027,14 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
     return null;
   };
   var createContent = function createContent() {
-    var message = ObjectUtils.getJSXElement(props.emptyMessage, props) || localeOption('emptyMessage');
-    var emptyMessageProps = mergeProps({
-      className: cx('emptyMessage')
-    }, ptm('emptyMessage'));
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Tree, {
+    return /*#__PURE__*/React__namespace.createElement(Tree, {
       ref: treeRef,
       id: listId.current,
       emptyMessage: props.emptyMessage,
       expandedKeys: expandedKeys,
       filter: props.filter,
       filterBy: props.filterBy,
+      filterDelay: props.filterDelay,
       filterLocale: props.filterLocale,
       filterMode: props.filterMode,
       filterPlaceholder: props.filterPlaceholder,
@@ -57873,18 +58057,19 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
       __parentMetadata: {
         parent: metaData
       }
-    }), hasNoOptions && /*#__PURE__*/React__namespace.createElement("div", emptyMessageProps, message));
+    });
   };
   var createFilterElement = function createFilterElement() {
     if (props.filter) {
-      var filterValue = ObjectUtils.isNotEmpty(filteredValue) ? filteredValue : '';
+      var _filterValue = props.onFilterValueChange ? props.filterValue : filteredValue;
+      _filterValue = ObjectUtils.isNotEmpty(_filterValue) ? _filterValue : '';
       var filterContainerProps = mergeProps({
         className: cx('filterContainer')
       }, ptm('filterContainer'));
       var filterProps = mergeProps({
         ref: filterInputRef,
         type: 'text',
-        value: filterValue,
+        value: _filterValue,
         autoComplete: 'off',
         className: cx('filter'),
         placeholder: props.filterPlaceholder,
@@ -58106,7 +58291,7 @@ var classes$1 = {
     return {
       'p-highlight': isSelected(),
       'p-highlight-contextmenu': props.contextMenuSelectionKey && props.contextMenuSelectionKey === props.node.key,
-      'p-row-odd': props.rowIndex % 2 !== 0
+      'p-row-odd': parseInt(String(props.rowIndex).split('_').pop(), 10) % 2 !== 0
     };
   },
   rowCheckbox: function rowCheckbox(_ref6) {
@@ -60307,28 +60492,27 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     }
     multiSortMeta = multiSortMeta.length > 0 ? multiSortMeta : null;
   };
-  var sortSingle = function sortSingle(data) {
-    return _sortNodes(data);
-  };
-  var _sortNodes = function sortNodes(data) {
+  var _sortSingle = function sortSingle(_ref) {
+    var data = _ref.data,
+      field = _ref.field,
+      order = _ref.order;
     var value = _toConsumableArray(data);
     if (columnSortable.current && columnSortFunction.current) {
       value = columnSortFunction.current({
         data: data,
-        field: getSortField(),
-        order: getSortOrder()
+        field: field,
+        order: order
       });
     } else {
       // performance optimization to prevent resolving field data in each loop
       var lookupMap = new Map();
-      var sortField = getSortField();
       var comparator = ObjectUtils.localeComparator(context && context.locale || PrimeReact.locale);
       var _iterator = _createForOfIteratorHelper(data),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var node = _step.value;
-          lookupMap.set(node.data, ObjectUtils.resolveFieldData(node.data, sortField));
+          lookupMap.set(node.data, ObjectUtils.resolveFieldData(node.data, field));
         }
       } catch (err) {
         _iterator.e(err);
@@ -60338,24 +60522,24 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       value.sort(function (node1, node2) {
         var value1 = lookupMap.get(node1.data);
         var value2 = lookupMap.get(node2.data);
-        return compareValuesOnSort(value1, value2, comparator, getSortOrder());
+        return compareValuesOnSort(value1, value2, comparator, order);
       });
       for (var i = 0; i < value.length; i++) {
         if (value[i].children && value[i].children.length) {
-          value[i].children = _sortNodes(value[i].children);
+          value[i].children = _sortSingle({
+            data: value[i].children,
+            field: field,
+            order: order
+          });
         }
       }
     }
     return value;
   };
-  var sortMultiple = function sortMultiple(data) {
-    var multiSortMeta = getMultiSortMeta();
-    if (multiSortMeta) {
-      return _sortMultipleNodes(data, multiSortMeta);
-    }
-    return data;
-  };
-  var _sortMultipleNodes = function sortMultipleNodes(data, multiSortMeta) {
+  var _sortMultiple = function sortMultiple(_ref2) {
+    var data = _ref2.data,
+      _ref2$multiSortMeta = _ref2.multiSortMeta,
+      multiSortMeta = _ref2$multiSortMeta === void 0 ? [] : _ref2$multiSortMeta;
     var value = _toConsumableArray(data);
     var comparator = ObjectUtils.localeComparator(context && context.locale || PrimeReact.locale);
     value.sort(function (node1, node2) {
@@ -60363,7 +60547,10 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     });
     for (var i = 0; i < value.length; i++) {
       if (value[i].children && value[i].children.length) {
-        value[i].children = _sortMultipleNodes(value[i].children, multiSortMeta);
+        value[i].children = _sortMultiple({
+          data: value[i].children,
+          multiSortMeta: multiSortMeta
+        });
       }
     }
     return value;
@@ -60422,10 +60609,10 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     filters = filters || props.filters;
     var cloned = {};
     if (filters) {
-      Object.entries(filters).forEach(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-          prop = _ref2[0],
-          value = _ref2[1];
+      Object.entries(filters).forEach(function (_ref3) {
+        var _ref4 = _slicedToArray(_ref3, 2),
+          prop = _ref4[0],
+          value = _ref4[1];
         cloned[prop] = value;
       });
     } else {
@@ -60924,12 +61111,12 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       }
     }
   };
-  var isFilterMatched = function isFilterMatched(node, _ref3) {
-    var filterField = _ref3.filterField,
-      filterValue = _ref3.filterValue,
-      filterConstraint = _ref3.filterConstraint,
-      isStrictMode = _ref3.isStrictMode,
-      options = _ref3.options;
+  var isFilterMatched = function isFilterMatched(node, _ref5) {
+    var filterField = _ref5.filterField,
+      filterValue = _ref5.filterValue,
+      filterConstraint = _ref5.filterConstraint,
+      isStrictMode = _ref5.isStrictMode,
+      options = _ref5.options;
     var matched = false;
     var dataFieldValue = ObjectUtils.resolveFieldData(node.data, filterField);
     if (filterConstraint(dataFieldValue, filterValue, props.filterLocale, options)) {
@@ -60954,6 +61141,7 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       if (data && data.length) {
         var filters = localState && localState.filters || getFilters();
         var sortField = localState && localState.sortField || getSortField();
+        var sortOrder = localState && localState.sortOrder || getSortOrder();
         var multiSortMeta = localState && localState.multiSortMeta || getMultiSortMeta();
         var columns = getColumns();
         var sortColumn = columns.find(function (col) {
@@ -60968,9 +61156,16 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
         }
         if (sortField || ObjectUtils.isNotEmpty(multiSortMeta)) {
           if (props.sortMode === 'single') {
-            data = sortSingle(data);
+            data = _sortSingle({
+              data: data,
+              field: sortField,
+              order: sortOrder
+            });
           } else if (props.sortMode === 'multiple') {
-            data = sortMultiple(data);
+            data = _sortMultiple({
+              data: data,
+              multiSortMeta: multiSortMeta
+            });
           }
         }
       }