primereact 10.3.1 → 10.3.2

package/primereact.all.cjs.js

@@ -1937,8 +1937,8 @@ var ObjectUtils = /*#__PURE__*/function () {
   return ObjectUtils;
 }();
 
-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 IconUtils = /*#__PURE__*/function () {
   function IconUtils() {
     _classCallCheck(this, IconUtils);
@@ -1956,7 +1956,7 @@ var IconUtils = /*#__PURE__*/function () {
           className: className
         }));
         if (iconType !== 'string') {
-          var defaultContentOptions = _objectSpread$1T({
+          var defaultContentOptions = _objectSpread$1U({
             iconProps: iconProps,
             element: content
           }, options);
@@ -1969,8 +1969,8 @@ var IconUtils = /*#__PURE__*/function () {
   return IconUtils;
 }();
 
-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; }
 function mask(el, options) {
   var defaultOptions = {
     mask: null,
@@ -1983,7 +1983,7 @@ function mask(el, options) {
     onFocus: null,
     onBlur: null
   };
-  options = _objectSpread$1S(_objectSpread$1S({}, defaultOptions), options);
+  options = _objectSpread$1T(_objectSpread$1T({}, defaultOptions), options);
   var tests, partialPosition, len, firstNonMaskPos, defs, androidChrome, lastRequiredNonMaskPos, oldVal, focusText, caretTimeoutId, buffer, defaultBuffer;
   var caret = function caret(first, last) {
     var range, begin, end;
@@ -2390,13 +2390,12 @@ function mask(el, options) {
   };
 }
 
-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 mergeProps() {
-  for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
-    props[_key] = arguments[_key];
-  }
+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 _mergeProps(props) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (props) {
+    var classNameMergeFunction = options.classNameMergeFunction;
     var isFn = function isFn(o) {
       return !!(o && o.constructor && o.call && o.apply);
     };
@@ -2404,9 +2403,14 @@ function mergeProps() {
       var _loop = function _loop() {
         var value = ps[key];
         if (key === 'style') {
-          merged['style'] = _objectSpread$1R(_objectSpread$1R({}, merged['style']), ps['style']);
+          merged['style'] = _objectSpread$1S(_objectSpread$1S({}, merged['style']), ps['style']);
         } else if (key === 'className') {
-          var newClassname = [merged['className'], ps['className']].join(' ').trim();
+          var newClassname = '';
+          if (classNameMergeFunction && classNameMergeFunction instanceof Function) {
+            newClassname = classNameMergeFunction(merged['className'], ps['className']);
+          } else {
+            newClassname = [merged['className'], ps['className']].join(' ').trim();
+          }
           var isEmpty = newClassname === null || newClassname === undefined || newClassname === '';
           merged['className'] = isEmpty ? undefined : newClassname;
         } else if (isFn(value)) {
@@ -2428,6 +2432,41 @@ function mergeProps() {
   return undefined;
 }
 
+// @todo - Update this function and remove _mergeProps
+function mergeProps() {
+  for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+    props[_key] = arguments[_key];
+  }
+  if (props) {
+    var isFn = function isFn(o) {
+      return !!(o && o.constructor && o.call && o.apply);
+    };
+    return props.reduce(function (merged, ps) {
+      var _loop2 = function _loop2() {
+        var value = ps[key];
+        if (key === 'style') {
+          merged['style'] = _objectSpread$1S(_objectSpread$1S({}, merged['style']), ps['style']);
+        } else if (key === 'className') {
+          merged['className'] = [merged['className'], ps['className']].join(' ').trim();
+        } else if (isFn(value)) {
+          var fn = merged[key];
+          merged[key] = fn ? function () {
+            fn.apply(void 0, arguments);
+            value.apply(void 0, arguments);
+          } : value;
+        } else {
+          merged[key] = value;
+        }
+      };
+      for (var key in ps) {
+        _loop2();
+      }
+      return merged;
+    }, {});
+  }
+  return undefined;
+}
+
 var lastId = 0;
 function UniqueComponentId() {
   var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'pr_id_';
@@ -2738,8 +2777,8 @@ _defineProperty(PrimeReact$1, "changeTheme", function (currentTheme, newTheme, l
   (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.insertBefore(cloneLinkElement, linkElement.nextSibling);
 });
 
-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 locales = {
   en: {
     startsWith: 'Starts with',
@@ -2854,14 +2893,14 @@ function locale(locale) {
   };
 }
 function addLocale(locale, options) {
-  locales[locale] = _objectSpread$1Q(_objectSpread$1Q({}, locales['en']), options);
+  locales[locale] = _objectSpread$1R(_objectSpread$1R({}, locales['en']), options);
 }
 function updateLocaleOption(key, value, locale) {
   localeOptions(locale)[key] = value;
 }
 function updateLocaleOptions(options, locale) {
   var _locale = locale || PrimeReact$1.locale;
-  locales[_locale] = _objectSpread$1Q(_objectSpread$1Q({}, locales[_locale]), options);
+  locales[_locale] = _objectSpread$1R(_objectSpread$1R({}, locales[_locale]), options);
 }
 function localeOption(key, locale) {
   var _locale = locale || PrimeReact$1.locale;
@@ -2884,7 +2923,7 @@ function localeOption(key, locale) {
  * @param {any} options JSON options like { page: 2, user: "John", role: "Admin" }
  * @returns the ARIA label with replaced values
  */
-function ariaLabel(ariaKey, options) {
+function ariaLabel$1(ariaKey, options) {
   var _locale = PrimeReact$1.locale;
   try {
     var _ariaLabel = localeOptions(_locale)['aria'][ariaKey];
@@ -3512,7 +3551,7 @@ var useDisplayOrder = function useDisplayOrder(group) {
     }),
     _React$useState2 = _slicedToArray(_React$useState, 1),
     uid = _React$useState2[0];
-  var _React$useState3 = React__namespace.useState(),
+  var _React$useState3 = React__namespace.useState(0),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     displayOrder = _React$useState4[0],
     setDisplayOrder = _React$useState4[1];
@@ -3521,7 +3560,7 @@ var useDisplayOrder = function useDisplayOrder(group) {
       if (!(group in groupToDisplayedElements)) {
         groupToDisplayedElements[group] = [];
       }
-      var newDisplayOrder = groupToDisplayedElements[group].length;
+      var newDisplayOrder = groupToDisplayedElements[group].length + 1;
       groupToDisplayedElements[group].push(uid);
       setDisplayOrder(newDisplayOrder);
       return function () {
@@ -3603,7 +3642,7 @@ var globalEscKeyHandlingLogic = {
    */
   onGlobalKeyDown: function onGlobalKeyDown(event) {
     // Do nothing if not an "esc" key is pressed:
-    if (event.key !== 'Esc' && event.key !== 'Escape') return;
+    if (event.code !== 'Escape') return;
     var escKeyListeners = globalEscKeyHandlingLogic.escKeyListeners;
     var maxPrimaryPriority = Math.max.apply(Math, _toConsumableArray(escKeyListeners.keys()));
     var theMostImportantEscHandlersSet = escKeyListeners.get(maxPrimaryPriority);
@@ -3659,7 +3698,7 @@ var useGlobalOnEscapeKey = function useGlobalOnEscapeKey(_ref3) {
   React.useEffect(function () {
     if (!when) return;
     return globalEscKeyHandlingLogic.addListener(callback, priority);
-  }, [when, callback, priority]);
+  }, [callback, when, priority]);
 };
 
 var useIntersectionObserver = function useIntersectionObserver(ref) {
@@ -3741,6 +3780,26 @@ var useMatchMedia = function useMatchMedia(query) {
 };
 /* eslint-enable */
 
+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; }
+
+/**
+ * Hook to merge properties including custom merge function for things like Tailwind merge.
+ */
+var useMergeProps = function useMergeProps() {
+  var context = React.useContext(PrimeReactContext);
+  return function () {
+    var _context$ptOptions;
+    var options = _objectSpread$1Q({}, (context === null || context === void 0 || (_context$ptOptions = context.ptOptions) === null || _context$ptOptions === void 0 ? void 0 : _context$ptOptions.classNameMergeFunction) && {
+      classNameMergeFunction: context.classNameMergeFunction
+    });
+    for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+      props[_key] = arguments[_key];
+    }
+    return _mergeProps(props, options);
+  };
+};
+
 /* eslint-disable */
 
 /**
@@ -4418,6 +4477,7 @@ var ComponentBase = {
       return ObjectUtils.getDiffProps(props, defaultProps);
     };
     var getPTValue = function getPTValue() {
+      var _ComponentBase$contex;
       var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
       var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -4465,7 +4525,9 @@ 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$1N(_objectSpread$1N({}, 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 : {}) : _objectSpread$1N(_objectSpread$1N(_objectSpread$1N({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1N(_objectSpread$1N({}, self), Object.keys(datasetProps).length ? datasetProps : {});
+      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$1N(_objectSpread$1N(_objectSpread$1N({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1N(_objectSpread$1N({}, self), Object.keys(datasetProps).length ? datasetProps : {});
     };
     var setMetaData = function setMetaData() {
       var metadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4498,6 +4560,7 @@ var ComponentBase = {
         var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
         if (when) {
+          var _ComponentBase$contex2;
           var self = getOptionValue(css && css.inlineStyles, key, _objectSpread$1N({
             props: props,
             state: state
@@ -4506,7 +4569,9 @@ var ComponentBase = {
             props: props,
             state: state
           }, params));
-          return mergeProps(base, self);
+          return _mergeProps([base, self], {
+            classNameMergeFunction: (_ComponentBase$contex2 = ComponentBase.context.ptOptions) === null || _ComponentBase$contex2 === void 0 ? void 0 : _ComponentBase$contex2.classNameMergeFunction
+          });
         }
         return undefined;
       };
@@ -4563,11 +4628,14 @@ var _usePT = function _usePT(pt, callback, key, params) {
       _ref4$mergeSections = _ref4.mergeSections,
       mergeSections = _ref4$mergeSections === void 0 ? true : _ref4$mergeSections,
       _ref4$mergeProps = _ref4.mergeProps,
-      useMergeProps = _ref4$mergeProps === void 0 ? false : _ref4$mergeProps;
+      useMergeProps = _ref4$mergeProps === void 0 ? false : _ref4$mergeProps,
+      classNameMergeFunction = _ref4.classNameMergeFunction;
     var originalValue = fn(pt.originalValue);
     var value = fn(pt.value);
     if (originalValue === undefined && value === undefined) return undefined;else if (ObjectUtils.isString(value)) return value;else if (ObjectUtils.isString(originalValue)) return originalValue;
-    return mergeSections || !mergeSections && value ? useMergeProps ? mergeProps(originalValue, value) : _objectSpread$1N(_objectSpread$1N({}, originalValue), value) : value;
+    return mergeSections || !mergeSections && value ? useMergeProps ? _mergeProps([originalValue, value], {
+      classNameMergeFunction: classNameMergeFunction
+    }) : _objectSpread$1N(_objectSpread$1N({}, originalValue), value) : value;
   }
   return fn(pt);
 };
@@ -4865,6 +4933,7 @@ function ownKeys$1L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySym
 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 AccordionTab = function AccordionTab() {};
 var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = AccordionBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -4894,6 +4963,9 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
   useHandleStyle(AccordionBase.css.styles, isUnstyled, {
     name: 'accordion'
   });
+  var getTabProp = function getTabProp(tab, name) {
+    return AccordionTabBase.getCProp(tab, name);
+  };
   var getTabPT = function getTabPT(tab, key, index) {
     AccordionTabBase.getCProps(tab);
     var tabMetaData = {
@@ -4908,15 +4980,12 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
         disabled: getTabProp(tab, 'disabled')
       }
     };
-    return mergeProps(ptm("accordion.".concat(key), {
+    return mergeProps(ptm("tab.".concat(key), {
       tab: tabMetaData
     }), ptm("tab.".concat(key), {
       accordiontab: tabMetaData
     }), ptm("tab.".concat(key), tabMetaData), ptmo(getTabProp(tab, 'pt'), key, tabMetaData));
   };
-  var getTabProp = function getTabProp(tab, name) {
-    return AccordionTabBase.getCProp(tab, name);
-  };
   var onTabHeaderClick = function onTabHeaderClick(event, tab, index) {
     changeActiveIndex(event, tab, index);
   };
@@ -6413,6 +6482,7 @@ var BadgeBase = 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; }
 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$1K({
@@ -6472,6 +6542,7 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     setMounted = _React$useState2[1];
   var inkRef = React__namespace.useRef(null);
   var targetRef = React__namespace.useRef(null);
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = RippleBase.getProps(inProps, context);
   var isRippleActive = context && context.ripple || PrimeReact.ripple;
@@ -6688,6 +6759,7 @@ var TooltipBase = 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; }
 var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = TooltipBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -7254,6 +7326,7 @@ var ButtonBase = ComponentBase.extend({
 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 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;
@@ -7460,6 +7533,7 @@ var InputTextBase = ComponentBase.extend({
 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 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$1G(_objectSpread$1G({
@@ -8521,6 +8595,7 @@ VirtualScroller.displayName = 'VirtualScroller';
 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 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);
@@ -8720,6 +8795,7 @@ AutoCompletePanel.displayName = 'AutoCompletePanel';
 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 AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = AutoCompleteBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -9413,6 +9489,7 @@ var AvatarBase = ComponentBase.extend({
 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 Avatar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = AvatarBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -9516,6 +9593,7 @@ var AvatarGroupBase = ComponentBase.extend({
 });
 
 var AvatarGroup = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = AvatarGroupBase.getProps(inProps, context);
   var _AvatarGroupBase$setM = AvatarGroupBase.setMetaData({
@@ -9584,6 +9662,7 @@ var BlockUIBase = 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; }
 var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = BlockUIBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.blocked),
@@ -9739,6 +9818,7 @@ var BreadCrumbBase = ComponentBase.extend({
 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 BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = BreadCrumbBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -10129,6 +10209,7 @@ var CalendarBase = ComponentBase.extend({
 
 var CalendarPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var cx = props.cx;
+  var mergeProps = useMergeProps();
   var createElement = function createElement() {
     var panelProps = mergeProps({
       className: cx('panel', {
@@ -10176,6 +10257,7 @@ function _createForOfIteratorHelper$e(o, allowArrayLike) { var it = typeof Symbo
 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; }
 var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = CalendarBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -11389,6 +11471,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         month: month + 1,
         year: currentYear
       });
+      updateViewDate(event, currentDate);
     }
   };
   var onYearSelect = function onYearSelect(event, year) {
@@ -12179,8 +12262,13 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (isNaN(h) || isNaN(m) || h > 23 || m > 59 || props.hourFormat === '12' && h > 12 || props.showSeconds && (isNaN(s) || s > 59) || props.showMillisec && (isNaN(s) || s > 1000)) {
       throw new Error('Invalid time');
     } else {
-      if (props.hourFormat === '12' && h !== 12 && ampm === 'PM') {
-        h += 12;
+      if (props.hourFormat === '12') {
+        if (h !== 12 && ampm === 'PM') {
+          h += 12;
+        }
+        if (h === 12 && ampm === 'AM') {
+          h -= 12;
+        }
       }
       return {
         hour: h,
@@ -13344,6 +13432,7 @@ var CardBase = ComponentBase.extend({
 });
 
 var Card = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = CardBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(ref);
@@ -14253,6 +14342,7 @@ var CascadeSelectBase = 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; }
 var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var _React$useState = React__namespace.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     activeOptionState = _React$useState2[0],
@@ -14485,6 +14575,7 @@ function _arrayLikeToArray$d(arr, len) { if (len == null || len > arr.length) le
 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 CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = CascadeSelectBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -14538,7 +14629,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     callback: function callback() {
       hide();
     },
-    when: overlayVisibleState,
+    when: overlayVisibleState && cascadeSelectOverlayDisplayOrder,
     priority: [ESC_KEY_HANDLING_PRIORITIES.CASCADE_SELECT, cascadeSelectOverlayDisplayOrder]
   });
   var onOptionSelect = function onOptionSelect(event) {
@@ -14938,6 +15029,7 @@ var ChartJS = function () {
   }
 }();
 var PrimeReactChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ChartBase.getProps(inProps, context);
   var _ChartBase$setMetaDat = ChartBase.setMetaData({
@@ -15101,6 +15193,7 @@ var CheckboxBase = 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; }
 var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = CheckboxBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -15313,6 +15406,7 @@ var ChipBase = 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; }
 var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ChipBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -15330,7 +15424,7 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     name: 'chip'
   });
   var onKeyDown = function onKeyDown(event) {
-    if (event.key === 'Enter' || event.key === 'Backspace') {
+    if (event.code === 'Enter' || event.code === 'Backspace') {
       close(event);
     }
   };
@@ -15473,6 +15567,7 @@ var ChipsBase = 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; }
 var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ChipsBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -15885,6 +15980,7 @@ ColorPickerPanel.displayName = 'ColorPickerPanel';
 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 ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ColorPickerBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -16575,6 +16671,7 @@ var DialogBase = 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; }
 var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = DialogBase.getProps(inProps, context);
   var uniqueId = props.id ? props.id : UniqueComponentId();
@@ -16633,7 +16730,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
         onClose(event);
       }
     },
-    when: visibleState,
+    when: visibleState && displayOrder,
     priority: [ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
   });
   var _useEventListener = useEventListener({
@@ -17303,6 +17400,7 @@ var confirmDialog = function confirmDialog() {
   };
 };
 var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ConfirmDialogBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.visible),
@@ -17317,10 +17415,16 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   var isCallbackExecuting = React__namespace.useRef(false);
   var focusElementOnHide = React__namespace.useRef(null);
   var getCurrentProps = function getCurrentProps() {
-    return confirmProps.current || props;
+    var group = props.group;
+    if (confirmProps.current) {
+      group = confirmProps.current.group;
+    }
+    return Object.assign({}, props, confirmProps.current, {
+      group: group
+    });
   };
   var getPropValue = function getPropValue(key) {
-    return (confirmProps.current || props)[key];
+    return getCurrentProps()[key];
   };
   var callbackFromProp = function callbackFromProp(key) {
     for (var _len = arguments.length, param = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -17583,6 +17687,7 @@ var confirmPopup = function confirmPopup() {
   };
 };
 var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ConfirmPopupBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.visible),
@@ -17636,7 +17741,7 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
         hide('hide');
       }
     },
-    when: visibleState,
+    when: visibleState && displayOrder,
     priority: [ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
   });
   var _useOverlayListener = useOverlayListener({
@@ -17989,6 +18094,7 @@ var ContextMenuBase = ComponentBase.extend({
 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 ContextMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var submenuRef = React__namespace.useRef(null);
   var active = props.root || !props.resetMenu;
   var ptm = props.ptm,
@@ -18271,6 +18377,7 @@ ContextMenuSub.displayName = 'ContextMenuSub';
 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 ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ContextMenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -19048,6 +19155,7 @@ var DataScrollerBase = ComponentBase.extend({
 });
 
 var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = DataScrollerBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState([]),
@@ -19500,6 +19608,7 @@ var RowsPerPageDropdownBase = 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; }
 var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = CurrentPageReportBase.getProps(inProps, context);
   var report = {
@@ -19512,6 +19621,7 @@ var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
   };
   var text = props.reportTemplate.replace('{currentPage}', report.currentPage).replace('{totalPages}', report.totalPages).replace('{first}', report.first).replace('{last}', report.last).replace('{rows}', report.rows).replace('{totalRecords}', report.totalRecords);
   var currentProps = mergeProps({
+    'aria-live': 'polite',
     className: 'p-paginator-current'
   }, props.ptm('current', {
     hostName: props.hostName
@@ -19519,6 +19629,7 @@ var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
   var element = /*#__PURE__*/React__namespace.createElement("span", currentProps, text);
   if (props.template) {
     var defaultOptions = _objectSpread$1l(_objectSpread$1l({}, report), {
+      ariaLive: 'polite',
       className: 'p-paginator-current',
       element: element,
       props: props
@@ -19532,6 +19643,7 @@ CurrentPageReport.displayName = 'CurrentPageReport';
 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 FirstPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = FirstPageLinkBase.getProps(inProps, context);
   var ptm = props.ptm,
@@ -19562,7 +19674,7 @@ var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     }),
     onClick: props.onClick,
     disabled: props.disabled,
-    'aria-label': ariaLabel('firstPageLabel')
+    'aria-label': ariaLabel$1('firstPageLabel')
   }, getPTOptions('firstPageButton'));
   var element = /*#__PURE__*/React__namespace.createElement("button", firstPageButtonProps, firstPageLinkIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
   if (props.template) {
@@ -19678,6 +19790,7 @@ var InputNumberBase = ComponentBase.extend({
 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 InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = InputNumberBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -20087,6 +20200,14 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
           updateValue(event, newValueStr, null, 'delete-range');
         }
         break;
+
+      // End
+      case 35:
+      // Home/Pos1
+      case 36:
+        setTimeout(function () {
+          initCursor();
+        });
     }
   };
   var onInputKeyUp = function onInputKeyUp(event) {
@@ -20421,7 +20542,12 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
         inputEl.setSelectionRange(_selectionEnd, _selectionEnd);
       } else if (newLength === currentLength) {
         if (operation === 'insert' || operation === 'delete-back-single') {
-          var newSelectionEnd = _selectionEnd + Number(isDecimalSign(value) || isDecimalSign(insertedValueStr));
+          var newSelectionEnd = _selectionEnd;
+          if (insertedValueStr === '0') {
+            newSelectionEnd = _selectionEnd + 1;
+          } else {
+            newSelectionEnd = newSelectionEnd + Number(isDecimalSign(value) || isDecimalSign(insertedValueStr));
+          }
           inputEl.setSelectionRange(newSelectionEnd, newSelectionEnd);
         } else if (operation === 'delete-single') {
           inputEl.setSelectionRange(_selectionEnd - 1, _selectionEnd - 1);
@@ -20714,8 +20840,10 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
 InputNumber.displayName = 'InputNumber';
 
 var JumpToPageInput = /*#__PURE__*/React__namespace.memo(function (inProps) {
+  useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = JumpToPageInputBase.getProps(inProps, context);
+  var ariaLabelValue = ariaLabel('jumpToPageInputLabel');
   var onChange = function onChange(event) {
     if (props.onChange) {
       props.onChange(props.rows * (event.value - 1), props.rows);
@@ -20731,7 +20859,8 @@ var JumpToPageInput = /*#__PURE__*/React__namespace.memo(function (inProps) {
     unstyled: props.unstyled,
     __parentMetadata: {
       parent: props.metaData
-    }
+    },
+    "aria-label": ariaLabelValue
   });
   if (props.template) {
     var defaultOptions = {
@@ -20739,6 +20868,7 @@ var JumpToPageInput = /*#__PURE__*/React__namespace.memo(function (inProps) {
       onChange: onChange,
       disabled: props.disabled,
       className: 'p-paginator-page-input',
+      ariaLabel: ariaLabelValue,
       element: element,
       props: props
     };
@@ -20751,6 +20881,7 @@ JumpToPageInput.displayName = 'JumpToPageInput';
 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 LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = LastPageLinkBase.getProps(inProps, context);
   var ptm = props.ptm,
@@ -20781,7 +20912,7 @@ var LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     }),
     onClick: props.onClick,
     disabled: props.disabled,
-    'aria-label': ariaLabel('lastPageLabel')
+    'aria-label': ariaLabel$1('lastPageLabel')
   }, getPTOptions('lastPageButton'));
   var element = /*#__PURE__*/React__namespace.createElement("button", lastPageButtonProps, lastPageLinkIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
   if (props.template) {
@@ -20802,6 +20933,7 @@ LastPageLink.displayName = 'LastPageLink';
 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 NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = NextPageLinkBase.getProps(inProps, context);
   var ptm = props.ptm,
@@ -20832,7 +20964,7 @@ var NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     }),
     onClick: props.onClick,
     disabled: props.disabled,
-    'aria-label': ariaLabel('nextPageLabel')
+    'aria-label': ariaLabel$1('nextPageLabel')
   }, getPTOptions('nextPageButton'));
   var element = /*#__PURE__*/React__namespace.createElement("button", nextPageButtonProps, nextPageLinkIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
   if (props.template) {
@@ -20852,6 +20984,7 @@ var NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
 NextPageLink.displayName = 'NextPageLink';
 
 var PageLinks = /*#__PURE__*/React__namespace.memo(function (inProps) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = PageLinksBase.getProps(inProps, context);
   var ptm = props.ptm,
@@ -20895,9 +21028,10 @@ var PageLinks = /*#__PURE__*/React__namespace.memo(function (inProps) {
           page: props.page
         }),
         disabled: props.disabled,
-        'aria-label': ariaLabel('pageLabel', {
+        'aria-label': ariaLabel$1('pageLabel', {
           page: pageLink
-        })
+        }),
+        'aria-current': pageLink - 1 === props.page ? 'true' : undefined
       }, getPTOptions(pageLink, 'pageButton'));
       var element = /*#__PURE__*/React__namespace.createElement("button", pageButtonProps, pageLink, /*#__PURE__*/React__namespace.createElement(Ripple, null));
       if (props.template) {
@@ -20913,6 +21047,10 @@ var PageLinks = /*#__PURE__*/React__namespace.memo(function (inProps) {
           page: pageLink - 1,
           currentPage: props.page,
           totalPages: props.pageCount,
+          ariaLabel: ariaLabel$1('pageLabel', {
+            page: pageLink
+          }),
+          ariaCurrent: pageLink - 1 === props.page ? 'true' : undefined,
           element: element,
           props: props
         };
@@ -20935,6 +21073,7 @@ PageLinks.displayName = 'PageLinks';
 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 PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = PrevPageLinkBase.getProps(inProps, context);
   var ptm = props.ptm,
@@ -20965,7 +21104,7 @@ var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     }),
     onClick: props.onClick,
     disabled: props.disabled,
-    'aria-label': ariaLabel('previousPageLabel')
+    'aria-label': ariaLabel$1('previousPageLabel')
   }, getPTOptions('prevPageButton'));
   var element = /*#__PURE__*/React__namespace.createElement("button", prevPageButtonProps, prevPageLinkIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
   if (props.template) {
@@ -21016,6 +21155,7 @@ var classes$O = {
   loadingIcon: 'p-dropdown-trigger-icon p-clickable',
   clearIcon: 'p-dropdown-clear-icon p-clickable',
   filterIcon: 'p-dropdown-filter-icon',
+  filterClearIcon: 'p-dropdown-filter-clear-icon',
   filterContainer: function filterContainer(_ref4) {
     var clearIcon = _ref4.clearIcon;
     return classNames('p-dropdown-filter-container', {
@@ -21137,6 +21277,7 @@ var DropdownBase = ComponentBase.extend({
 });
 
 var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     selected = props.selected,
@@ -21184,6 +21325,7 @@ DropdownItem.displayName = 'DropdownItem';
 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 DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     sx = props.sx;
@@ -21279,7 +21421,8 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         className: cx('itemGroup', {
           optionGroupLabel: optionGroupLabel
         }),
-        style: style
+        style: style,
+        'data-p-highlight': props.selected
       }, getPTOptions('itemGroup'));
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
         key: key
@@ -21314,14 +21457,14 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     if (props.showFilterClear && props.filterValue) {
       var ariaLabel = localeOption('clear');
       var clearIconProps = mergeProps({
-        className: cx('clearIcon'),
+        className: cx('filterClearIcon'),
         'aria-label': ariaLabel,
         onClick: function onClick() {
           return props.onFilterClearIconClick(function () {
             return DomHandler.focus(filterInputRef.current);
           });
         }
-      }, getPTOptions('clearIcon'));
+      }, getPTOptions('filterClearIcon'));
       var icon = props.filterClearIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, clearIconProps);
       var filterClearIcon = IconUtils.getJSXIcon(icon, _objectSpread$1f({}, clearIconProps), {
         props: props
@@ -21474,6 +21617,7 @@ function _arrayLikeToArray$c(arr, len) { if (len == null || len > arr.length) le
 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 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(''),
@@ -21560,7 +21704,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   var isClearClicked = function isClearClicked(event) {
-    return DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || DomHandler.hasClass(event.target, 'p-dropdown-filter-clear-icon');
+    return DomHandler.isAttributeEquals(event.target, 'data-pc-section', 'clearicon') || DomHandler.isAttributeEquals(event.target.parentElement || event.target, 'data-pc-section', 'filterclearicon');
   };
   var _onClick = function onClick(event) {
     if (props.disabled || props.loading) {
@@ -21572,7 +21716,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (event.defaultPrevented) {
       return;
     }
-    if (DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || event.target.tagName === 'INPUT') {
+    if (isClearClicked(event) || event.target.tagName === 'INPUT') {
       return;
     } else if (!overlayRef.current || !(overlayRef.current && overlayRef.current.contains(event.target))) {
       DomHandler.focus(focusInputRef.current);
@@ -21875,6 +22019,9 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         }
       });
     }
+    if (props.filter) {
+      resetFilter();
+    }
     updateEditableLabel();
   };
   var selectItem = function selectItem(event) {
@@ -21966,7 +22113,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact.appendTo);
   };
   var scrollInView = function scrollInView() {
-    var highlightItem = DomHandler.findSingle(overlayRef.current, 'li.p-highlight');
+    var highlightItem = DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
     if (highlightItem && highlightItem.scrollIntoView) {
       highlightItem.scrollIntoView({
         block: 'nearest',
@@ -22273,6 +22420,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 Dropdown.displayName = 'Dropdown';
 
 var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (inProps) {
+  useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = RowsPerPageDropdownBase.getProps(inProps, context);
   var hasOptions = props.options && props.options.length > 0;
@@ -22282,21 +22430,22 @@ var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (inProps)
       value: opt
     };
   }) : [];
-  var ariaLabel = localeOption('choose');
-  var element = hasOptions ? /*#__PURE__*/React__namespace.createElement(Dropdown, {
+  var placeholderValue = localeOption('choose');
+  var ariaLabelValue = ariaLabel$1('rowsPerPage');
+  var element = hasOptions ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Dropdown, {
     value: props.value,
     options: options,
     onChange: props.onChange,
     appendTo: props.appendTo,
     disabled: props.disabled,
-    placeholder: ariaLabel,
-    "aria-label": ariaLabel,
+    placeholder: placeholderValue,
+    "aria-label": ariaLabelValue,
     pt: props.ptm('RPPDropdown'),
     unstyled: props.unstyled,
     __parentMetadata: {
       parent: props.metaData
     }
-  }) : null;
+  })) : null;
   if (props.template) {
     var defaultOptions = {
       value: props.value,
@@ -22307,6 +22456,7 @@ var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (inProps)
       totalPages: props.pageCount,
       totalRecords: props.totalRecords,
       disabled: props.disabled,
+      ariaLabel: ariaLabelValue,
       element: element,
       props: props
     };
@@ -22319,6 +22469,7 @@ RowsPerPageDropdown.displayName = 'RowsPerPageDropdown';
 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 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$1d({
@@ -23011,6 +23162,7 @@ var RowCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var mergeProps = useMergeProps();
   var getColumnProps = function getColumnProps() {
     return ColumnBase.getCProps(props.column);
   };
@@ -23102,6 +23254,7 @@ var RowRadioButton = /*#__PURE__*/React__namespace.memo(function (props) {
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
   var inputRef = React__namespace.useRef(null);
+  var mergeProps = useMergeProps();
   var getColumnProps = function getColumnProps() {
     return ColumnBase.getCProps(props.column);
   };
@@ -23200,6 +23353,7 @@ RowRadioButton.displayName = 'RowRadioButton';
 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 BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var _React$useState = React__namespace.useState(props.editing),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     editingState = _React$useState2[0],
@@ -23354,12 +23508,14 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         onCellEditCancel(params);
       }
       var valid = true;
-      if (cellEditValidator) {
+      if (!submit && cellEditValidator) {
         valid = cellEditValidator(params);
       }
       if (valid) {
         if (submit && onCellEditComplete) {
-          onCellEditComplete(params);
+          setTimeout(function () {
+            return onCellEditComplete(params);
+          });
         }
         closeCell(event);
       } else {
@@ -23500,21 +23656,18 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var _onKeyDown = function onKeyDown(event) {
     if (props.editMode !== 'row') {
-      if (event.which === 13 || event.which === 9) {
-        // tab || enter
+      if (event.code === 'Enter' || event.code === 'Tab') {
         switchCellToViewMode(event, true);
       }
-      if (event.which === 27) {
-        // escape
+      if (event.code === 'Escape') {
         switchCellToViewMode(event, false);
       }
     }
     if (props.allowCellSelection) {
       var target = event.target,
         cell = event.currentTarget;
-      switch (event.which) {
-        //left arrow
-        case 37:
+      switch (event.code) {
+        case 'ArrowLeft':
           var prevCell = findPrevSelectableCell(cell);
           if (prevCell) {
             changeTabIndex(cell, prevCell);
@@ -23522,9 +23675,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
           }
           event.preventDefault();
           break;
-
-        //right arrow
-        case 39:
+        case 'ArrowRight':
           var nextCell = findNextSelectableCell(cell);
           if (nextCell) {
             changeTabIndex(cell, nextCell);
@@ -23532,9 +23683,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
           }
           event.preventDefault();
           break;
-
-        //up arrow
-        case 38:
+        case 'ArrowUp':
           var upCell = findUpSelectableCell(cell);
           if (upCell) {
             changeTabIndex(cell, upCell);
@@ -23542,9 +23691,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
           }
           event.preventDefault();
           break;
-
-        //down arrow
-        case 40:
+        case 'ArrowDown':
           var downCell = findDownSelectableCell(cell);
           if (downCell) {
             changeTabIndex(cell, downCell);
@@ -23552,17 +23699,14 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
           }
           event.preventDefault();
           break;
-
-        //enter
-        case 13:
+        case 'Enter':
+        case 'NumpadEnter':
           if (event.shiftKey || event.ctrlKey) ; else if (!DomHandler.isClickable(target)) {
             _onClick(event);
             event.preventDefault();
           }
           break;
-
-        //space
-        case 32:
+        case 'Space':
           if (!DomHandler.isClickable(target) && !target.readOnly) {
             _onClick(event);
             event.preventDefault();
@@ -23720,7 +23864,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       if (showSelection) {
         var ariaLabelField = props.selectionAriaLabel || props.tableProps.dataKey;
         var ariaLabelText = ObjectUtils.resolveFieldData(props.rowData, ariaLabelField);
-        label = "".concat(props.selected ? ariaLabel('unselectLabel') : ariaLabel('selectLabel'), " ").concat(ariaLabelText);
+        label = "".concat(props.selected ? ariaLabel$1('unselectLabel') : ariaLabel$1('selectLabel'), " ").concat(ariaLabelText);
       }
       content = showSelection && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, selectionMode === 'single' && /*#__PURE__*/React__namespace.createElement(RowRadioButton, {
         hostName: props.hostName,
@@ -23775,7 +23919,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       var ariaControls = "".concat(props.tableSelector, "_content_").concat(props.rowIndex, "_expanded");
       var _ariaLabelField = props.selectionAriaLabel || props.tableProps.dataKey;
       var _ariaLabelText = ObjectUtils.resolveFieldData(props.rowData, _ariaLabelField);
-      var _label = "".concat(props.expanded ? ariaLabel('collapseLabel') : ariaLabel('expandLabel'), " ").concat(_ariaLabelText);
+      var _label = "".concat(props.expanded ? ariaLabel$1('collapseLabel') : ariaLabel$1('expandLabel'), " ").concat(_ariaLabelText);
       var expanderProps = {
         onClick: onRowToggle,
         className: cx('rowToggler')
@@ -23959,6 +24103,7 @@ BodyCell.displayName = 'BodyCell';
 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 BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     editingState = _React$useState2[0],
@@ -24416,6 +24561,7 @@ BodyRow.displayName = 'BodyRow';
 function ownKeys$18(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$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(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,
     ptm = _props$ptCallbacks.ptm,
     ptmo = _props$ptCallbacks.ptmo,
@@ -24448,7 +24594,7 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.memo(function (props) {
   var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$18({}, rowGroupTogglerIconProps), {
     props: props
   });
-  var label = props.expanded ? ariaLabel('collapseLabel') : ariaLabel('expandLabel');
+  var label = props.expanded ? ariaLabel$1('collapseLabel') : ariaLabel$1('expandLabel');
   var rowGroupTogglerProps = mergeProps({
     type: 'button',
     onClick: function onClick(e) {
@@ -24466,6 +24612,7 @@ var _excluded = ["originalEvent"];
 function ownKeys$17(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$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(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,
     ptm = _props$ptCallbacks.ptm,
     ptmo = _props$ptCallbacks.ptmo,
@@ -25517,6 +25664,7 @@ var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
     styleObjectState = _React$useState2[0],
     setStyleObjectState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
+  var mergeProps = useMergeProps();
   var getColumnProps = function getColumnProps() {
     return ColumnBase.getCProps(props.column);
   };
@@ -25607,6 +25755,7 @@ var TableFooter = /*#__PURE__*/React__namespace.memo(function (props) {
     ptm = _props$ptCallbacks.ptm,
     ptmo = _props$ptCallbacks.ptmo,
     cx = _props$ptCallbacks.cx;
+  var mergeProps = useMergeProps();
   var getRowProps = function getRowProps(row) {
     return ColumnGroupBase.getCProps(row);
   };
@@ -25704,6 +25853,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
   var iconRef = React__namespace.useRef(null);
   var selfClick = React__namespace.useRef(false);
   var overlayEventListener = React__namespace.useRef(null);
+  var mergeProps = useMergeProps();
   var getColumnProp = function getColumnProp(name) {
     return ColumnBase.getCProp(props.column, name);
   };
@@ -26516,6 +26666,7 @@ var HeaderCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var mergeProps = useMergeProps();
   var getColumnProps = function getColumnProps() {
     return ColumnBase.getCProps(props.column);
   };
@@ -26608,6 +26759,7 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
     setStyleObjectState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
   var prevColumn = usePrevious(props.column);
+  var mergeProps = useMergeProps();
   var parentMetaData = props.metaData,
     ptCallbacks = props.ptCallbacks,
     index = props.index;
@@ -26990,6 +27142,7 @@ var TableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     allSortableDisabledState = _React$useState4[0],
     setAllSortableDisabledState = _React$useState4[1];
+  var mergeProps = useMergeProps();
   var isSingleSort = props.sortMode === 'single';
   var isMultipleSort = props.sortMode === 'multiple';
   var isAllSortableDisabled = isSingleSort && allSortableDisabledState;
@@ -27235,6 +27388,7 @@ function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySym
 function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var context = React__namespace.useContext(PrimeReactContext);
+  var mergeProps = useMergeProps();
   var props = DataTableBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.first),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -27320,6 +27474,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
   var dropPosition = React__namespace.useRef(null);
   var styleElement = React__namespace.useRef(null);
   var responsiveStyleElement = React__namespace.useRef(null);
+  var beforeResizeStyleElement = React__namespace.useRef(null);
   var columnWidthsState = React__namespace.useRef(null);
   var tableWidthState = React__namespace.useRef(null);
   var resizeColumn = React__namespace.useRef(null);
@@ -27693,6 +27848,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     }
   };
   var onColumnResizeStart = function onColumnResizeStart(e) {
+    createBeforeResizeStyleElement();
     var event = e.originalEvent,
       column = e.column;
     var containerLeft = DomHandler.getOffset(elementRef.current).left;
@@ -27705,7 +27861,6 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
   var onColumnResize = function onColumnResize(event) {
     var containerLeft = DomHandler.getOffset(elementRef.current).left;
     elementRef.current.setAttribute('data-p-unselectable-text', true);
-    !ptCallbacks.isUnstyled() && DomHandler.addClass(elementRef.current, 'p-unselectable-text');
     resizeHelperRef.current.style.height = elementRef.current.offsetHeight + 'px';
     resizeHelperRef.current.style.top = 0 + 'px';
     resizeHelperRef.current.style.left = event.pageX - containerLeft + elementRef.current.scrollLeft + 'px';
@@ -27755,7 +27910,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     resizeColumn.current = null;
     resizeColumnElement.current = null;
     elementRef.current.setAttribute('data-p-unselectable-text', 'true');
-    !ptCallbacks.isUnstyled() && DomHandler.removeClass(elementRef.current, 'p-unselectable-text');
+    destroyBeforeResizeStyleElement();
     unbindColumnResizeEvents();
   };
   var resizeTableCells = function resizeTableCells(newColumnWidth, nextColumnWidth) {
@@ -27944,6 +28099,11 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       dropPosition.current = null;
     }
   };
+  var createBeforeResizeStyleElement = function createBeforeResizeStyleElement() {
+    beforeResizeStyleElement.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
+    var innerHTML = "\n[data-pc-name=\"datatable\"][".concat(attributeSelector.current, "] {\n    user-select:none;\n}\n        ");
+    beforeResizeStyleElement.current.innerHTML = innerHTML;
+  };
   var createStyleElement = function createStyleElement() {
     styleElement.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
   };
@@ -27963,6 +28123,9 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
   var destroyStyleElement = function destroyStyleElement() {
     styleElement.current = DomHandler.removeInlineStyle(styleElement.current);
   };
+  var destroyBeforeResizeStyleElement = function destroyBeforeResizeStyleElement() {
+    beforeResizeStyleElement.current = DomHandler.removeInlineStyle(beforeResizeStyleElement.current);
+  };
   var onPageChange = function onPageChange(e) {
     clearEditingMetaData();
     if (props.onPage) {
@@ -28540,6 +28703,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     unbindColumnResizeEvents();
     destroyStyleElement();
     destroyResponsiveStyle();
+    destroyBeforeResizeStyleElement();
   });
   React__namespace.useImperativeHandle(ref, function () {
     return {
@@ -29396,6 +29560,7 @@ var DeferredContentBase = ComponentBase.extend({
 });
 
 var DeferredContent = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = DeferredContentBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -29499,6 +29664,7 @@ var DividerBase = ComponentBase.extend({
 });
 
 var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = DividerBase.getProps(inProps, context);
   var _DividerBase$setMetaD = DividerBase.setMetaData({
@@ -29610,6 +29776,7 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     focusedOptionIndex = _React$useState6[0],
     setFocusedOptionIndex = _React$useState6[1];
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = DockBase.getProps(inProps, context);
   var _React$useState7 = React__namespace.useState(props.id),
@@ -29931,6 +30098,7 @@ var QuillJS = function () {
   }
 }();
 var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = EditorBase.getProps(inProps, context);
   var _EditorBase$setMetaDa = EditorBase.setMetaData({
@@ -30197,6 +30365,7 @@ var FieldsetBase = ComponentBase.extend({
 });
 
 var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = FieldsetBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -30535,6 +30704,7 @@ function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var messageIdx$1 = 0;
 var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = MessagesBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState([]),
@@ -30705,6 +30875,7 @@ var ProgressBarBase = ComponentBase.extend({
 function ownKeys$X(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$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ProgressBarBase.getProps(inProps, context);
   var _ProgressBarBase$setM = ProgressBarBase.setMetaData(_objectSpread$X({
@@ -30918,6 +31089,7 @@ function _createForOfIteratorHelper$9(o, allowArrayLike) { var it = typeof Symbo
 function _unsupportedIterableToArray$9(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$9(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$9(o, minLen); }
 function _arrayLikeToArray$9(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; }
 var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = FileUploadBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState([]),
@@ -31031,9 +31203,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     for (var i = 0; i < selectedFiles.length; i++) {
       var file = selectedFiles[i];
       if (!isFileSelected(file) && validate(file)) {
-        if (isImage(file)) {
-          file.objectURL = window.URL.createObjectURL(file);
-        }
+        file.objectURL = window.URL.createObjectURL(file);
         currentFiles.push(file);
       }
     }
@@ -31730,6 +31900,7 @@ var GalleriaBase = ComponentBase.extend({
 function ownKeys$V(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$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var indicatorContent = React__namespace.useRef(null);
   var ptm = props.ptm,
     cx = props.cx;
@@ -32827,6 +32998,7 @@ var ImageBase = ComponentBase.extend({
 function ownKeys$S(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$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ImageBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -32849,7 +33021,6 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   var imageRef = React__namespace.useRef(null);
   var maskRef = React__namespace.useRef(null);
   var previewRef = React__namespace.useRef(null);
-  var previewClick = React__namespace.useRef(false);
   var previewButton = React__namespace.useRef(null);
   var zoomOutDisabled = scaleState <= 0.5;
   var zoomInDisabled = scaleState >= 1.5;
@@ -32891,28 +33062,17 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     }
   };
   var hide = function hide() {
-    if (!previewClick.current) {
-      setPreviewVisibleState(false);
-      DomHandler.unblockBodyScroll();
-      setRotateState(0);
-      setScaleState(1);
-    }
-    previewClick.current = false;
-  };
-  var onPreviewImageClick = function onPreviewImageClick() {
-    previewClick.current = true;
+    setPreviewVisibleState(false);
+    DomHandler.unblockBodyScroll();
+    setRotateState(0);
+    setScaleState(1);
   };
   var onMaskClick = function onMaskClick(event) {
     var isActionbarTarget = [event.target.classList].includes('p-image-action') || event.target.closest('.p-image-action');
     if (isActionbarTarget) {
       return;
     }
-    if (!previewClick.current) {
-      setPreviewVisibleState(false);
-      setRotateState(0);
-      setScaleState(0);
-    }
-    previewClick.current = false;
+    hide();
   };
   var onMaskKeydown = function onMaskKeydown(event) {
     switch (event.code) {
@@ -32932,33 +33092,28 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       name: name,
       src: src
     });
-    previewClick.current = true;
   };
   var rotateRight = function rotateRight() {
     setRotateState(function (prevRotate) {
       return prevRotate + 90;
     });
-    previewClick.current = true;
   };
   var rotateLeft = function rotateLeft() {
     setRotateState(function (prevRotate) {
       return prevRotate - 90;
     });
-    previewClick.current = true;
   };
   var zoomIn = function zoomIn() {
     setScaleState(function (prevScale) {
       if (zoomInDisabled) return prevScale;
       return prevScale + 0.1;
     });
-    previewClick.current = true;
   };
   var zoomOut = function zoomOut() {
     setScaleState(function (prevScale) {
       if (zoomOutDisabled) return prevScale;
       return prevScale - 0.1;
     });
-    previewClick.current = true;
   };
   var onEntering = function onEntering() {
     ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['modal'] || PrimeReact.zIndex['modal']);
@@ -33095,7 +33250,6 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
         rotateState: rotateState,
         scaleState: scaleState
       }),
-      onClick: onPreviewImageClick,
       crossOrigin: crossOrigin,
       referrerPolicy: referrerPolicy,
       useMap: useMap,
@@ -33240,6 +33394,7 @@ var InplaceContent = function InplaceContent(props) {
   return props.children;
 };
 var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = InplaceBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.active),
@@ -33423,7 +33578,7 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     var range, begin, end;
     var inputEl = elementRef.current;
     if (!inputEl || !inputEl.offsetParent || inputEl !== document.activeElement) {
-      return;
+      return null;
     }
     if (typeof first === 'number') {
       begin = first;
@@ -33446,11 +33601,11 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         begin = 0 - range.duplicate().moveStart('character', -100000);
         end = begin + range.text.length;
       }
-      return {
-        begin: begin,
-        end: end
-      };
     }
+    return {
+      begin: begin,
+      end: end
+    };
   };
   var isCompleted = function isCompleted() {
     for (var i = firstNonMaskPos.current; i <= lastRequiredNonMaskPos.current; i++) {
@@ -33514,6 +33669,9 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var handleAndroidInput = function handleAndroidInput(e) {
     var curVal = elementRef.current.value;
     var pos = caret();
+    if (!pos) {
+      return;
+    }
     if (oldVal.current.length && oldVal.current.length > curVal.length) {
       // a deletion or backspace happened
       checkVal(true);
@@ -33560,6 +33718,9 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     //backspace, delete, and escape get special treatment
     if (k === 8 || k === 46 || DomHandler.isIOS() && k === 127) {
       pos = caret();
+      if (!pos) {
+        return;
+      }
       begin = pos.begin;
       end = pos.end;
       if (end - begin === 0) {
@@ -33586,8 +33747,11 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     if (props.readOnly) {
       return;
     }
+    var pos = caret();
+    if (!pos) {
+      return;
+    }
     var k = e.which || e.keyCode,
-      pos = caret(),
       p,
       c,
       next,
@@ -33953,6 +34117,7 @@ var InputSwitchBase = ComponentBase.extend({
 function ownKeys$R(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$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InputSwitch = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = InputSwitchBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -34117,6 +34282,7 @@ var InputTextareaBase = ComponentBase.extend({
 function ownKeys$Q(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$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = InputTextareaBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(ref);
@@ -34277,6 +34443,7 @@ var midY = 50;
 var minRadians = 4 * Math.PI / 3;
 var maxRadians = -Math.PI / 3;
 var Knob = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = KnobBase.getProps(inProps, context);
   var _KnobBase$setMetaData = KnobBase.setMetaData({
@@ -34580,6 +34747,7 @@ var ListBoxBase = ComponentBase.extend({
 function ownKeys$P(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$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ListBoxHeader = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     cx = _props$ptCallbacks.cx;
@@ -34655,6 +34823,7 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     cx = _props$ptCallbacks.cx;
@@ -34717,11 +34886,11 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var findNextItem = function findNextItem(item) {
     var nextItem = item.nextElementSibling;
-    return nextItem ? DomHandler.hasClass(nextItem, 'p-disabled') || DomHandler.hasClass(nextItem, 'p-listbox-item-group') ? findNextItem(nextItem) : nextItem : null;
+    return nextItem ? DomHandler.isAttributeEquals(nextItem, 'data-p-disabled', true) || DomHandler.isAttributeEquals(nextItem, 'data-pc-section', 'itemgroup') ? findNextItem(nextItem) : nextItem : null;
   };
   var findPrevItem = function findPrevItem(item) {
     var prevItem = item.previousElementSibling;
-    return prevItem ? DomHandler.hasClass(prevItem, 'p-disabled') || DomHandler.hasClass(prevItem, 'p-listbox-item-group') ? findPrevItem(prevItem) : prevItem : null;
+    return prevItem ? DomHandler.isAttributeEquals(prevItem, 'data-p-disabled', true) || DomHandler.isAttributeEquals(prevItem, 'data-pc-section', 'itemgroup') ? findPrevItem(prevItem) : prevItem : null;
   };
   var content = props.template ? ObjectUtils.getJSXElement(props.template, props.option) : props.label;
   var itemProps = mergeProps({
@@ -34739,7 +34908,8 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
     key: props.label,
     role: 'option',
     'aria-selected': props.selected,
-    'aria-disabled': props.disabled
+    'aria-disabled': props.disabled,
+    'data-p-disabled': props.disabled
   }, getPTOptions('item'));
   return /*#__PURE__*/React__namespace.createElement("li", itemProps, content, /*#__PURE__*/React__namespace.createElement(Ripple, null));
 });
@@ -34751,6 +34921,7 @@ function _createForOfIteratorHelper$8(o, allowArrayLike) { var it = typeof Symbo
 function _unsupportedIterableToArray$8(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$8(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$8(o, minLen); }
 function _arrayLikeToArray$8(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; }
 var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ListBoxBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(''),
@@ -35248,7 +35419,7 @@ var classes$z = {
   start: 'p-megamenu-start',
   end: 'p-megamenu-end'
 };
-var styles$v = "\n@layer primereact {\n    .p-megamenu {\n        display: flex;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-root-list > .p-menuitem {\n        position: relative;\n    }\n\n    .p-megamenu .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    .p-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-custom,\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n";
+var styles$v = "\n@layer primereact {\n    .p-megamenu {\n        display: flex;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-root-list > .p-menuitem {\n        position: relative;\n    }\n\n    .p-megamenu .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    .p-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-custom,\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link  > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n";
 var MegaMenuBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'MegaMenu',
@@ -35277,6 +35448,7 @@ var MegaMenuBase = ComponentBase.extend({
 function ownKeys$N(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$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = MegaMenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -36210,7 +36382,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (!styleElementRef.current) {
       styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
       var selector = "".concat(attributeSelectorState);
-      var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-megamenu[").concat(selector, "] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n        position: relative;\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        background: inherit;\n    }\n\n    .p-megamenu[").concat(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-megamenu[").concat(selector, "] .p-megamenu-grid {\n        flex-wrap: wrap;\n    }\n\n    ").concat(horizontal ? "\n.p-megamenu[".concat(selector, "] .p-megamenu-button {\n    display: flex;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-horizontal {\n    position: relative;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-horizontal .p-megamenu-root-list {\n    display: none;\n}\n\n.p-megamenu-horizontal[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n    width: auto;\n    flex: 1;\n    padding: 0;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-mobile-active .p-megamenu-root-list {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    width: 100%;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n}\n        ") : '', "\n\n    ").concat(vertical ? "\n.p-megamenu-vertical[".concat(selector, "] {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-megamenu-root-list {\n    max-height: ").concat(props.scrollHeight, ";\n    overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n}\n.p-megamenu-vertical[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n    width: 100%;\n    padding: 0;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-megamenu-submenu {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(selector, "] div[class*=\"p-megamenu-col-\"] .p-megamenu-submenu-header {\n    background: inherit;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-submenu-icon:before {\n    content: \"\\e930\";\n}\n        ") : '', "\n}\n");
+      var innerHTML = "\n                    @media screen and (max-width: ".concat(props.breakpoint, ") {\n                        .p-megamenu[").concat(selector, "] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n                            position: relative;\n                            left: 0;\n                            box-shadow: none;\n                            border-radius: 0;\n                            background: inherit;\n                        }\n\n                        .p-megamenu[").concat(selector, "] {\n                            width: 100%;\n                            position: relative;\n                            padding: 0.5rem;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-grid {\n                            flex-wrap: wrap;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-button {\n                            display: flex;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-root-list {\n                            display: none;\n                        }\n\n                        .p-megamenu[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n                            width: 100%;\n                        }\n\n                        .p-megamenu[").concat(selector, "].p-megamenu-mobile-active .p-megamenu-root-list {\n                            left: 0;\n                            top: 100%;\n                            z-index: 1;\n                            width: 100%;\n                            display: flex;\n                            padding: 0.5rem 0;\n                            position: absolute;\n                            flex-direction: column;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                            margin-left: auto;\n                        }\n                        \n                        .p-megamenu[").concat(selector, "] .p-submenu-list .p-menuitem-content .p-menuitem-link {\n                            padding-left: 2.25rem;\n                        }\n\n                        ").concat(horizontal ? "\n                                    .p-megamenu[".concat(selector, "] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-180deg);\n                                    }\n                            ") : '', "\n\n                        ").concat(vertical ? "                                                                   \n                                    .p-megamenu[".concat(selector, "] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(90deg);\n                                    }\n\n                                    .p-megamenu[").concat(selector, "] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-90deg);\n                                    }\n                            ") : '', "\n                    }\n                ");
       styleElementRef.current.innerHTML = innerHTML;
     }
   };
@@ -36329,7 +36501,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return null;
   };
   var createMenuButton = function createMenuButton() {
-    if (vertical || props.model && props.model.length < 1) {
+    if (props.model && props.model.length < 1) {
       return null;
     }
     var menuButtonProps = mergeProps({
@@ -36339,7 +36511,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       'aria-haspopup': props.model && props.model.length > 0 ? true : false,
       'aria-expanded': mobileActiveState,
       'aria-controls': idState,
-      'aria-label': ariaLabel('navigation'),
+      'aria-label': ariaLabel$1('navigation'),
       tabIndex: 0,
       onClick: function onClick(e) {
         return toggle(e);
@@ -36377,20 +36549,25 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 MegaMenu.displayName = 'MegaMenu';
 
 var classes$y = {
-  item: 'p-mention-item',
+  item: function item(_ref) {
+    var isSelected = _ref.isSelected;
+    return classNames('p-mention-item', {
+      'p-highlight': isSelected
+    });
+  },
   items: 'p-mention-items',
-  panel: function panel(_ref) {
-    var props = _ref.props;
+  panel: function panel(_ref2) {
+    var props = _ref2.props;
     return classNames('p-mention-panel p-component', props.panelClassName);
   },
-  input: function input(_ref2) {
-    var props = _ref2.props;
+  input: function input(_ref3) {
+    var props = _ref3.props;
     return classNames('p-mention-input', props.inputClassName);
   },
-  root: function root(_ref3) {
-    var props = _ref3.props,
-      isFilled = _ref3.isFilled,
-      focusedState = _ref3.focusedState;
+  root: function root(_ref4) {
+    var props = _ref4.props,
+      isFilled = _ref4.isFilled,
+      focusedState = _ref4.focusedState;
     return classNames('p-mention p-component p-inputwrapper', {
       'p-inputwrapper-filled': isFilled,
       'p-inputwrapper-focus': focusedState
@@ -36440,6 +36617,7 @@ var MentionBase = ComponentBase.extend({
 function ownKeys$M(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$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = MentionBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -36458,6 +36636,10 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     triggerState = _React$useState8[0],
     setTriggerState = _React$useState8[1];
+  var _React$useState9 = React__namespace.useState([]),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    highlightState = _React$useState10[0],
+    setHighlightState = _React$useState10[1];
   var elementRef = React__namespace.useRef(null);
   var overlayRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(props.inputRef);
@@ -36480,11 +36662,12 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   useHandleStyle(MentionBase.css.styles, isUnstyled, {
     name: 'mention'
   });
-  var getPTOptions = function getPTOptions(item, suggestion) {
+  var getPTOptions = function getPTOptions(item, suggestion, options) {
     return ptm(suggestion, {
       context: {
         trigger: triggerState ? triggerState.key : ''
-      }
+      },
+      state: _objectSpread$M({}, options)
     });
   };
   var _useOverlayListener = useOverlayListener({
@@ -36518,7 +36701,11 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   };
   var onOverlayEntering = function onOverlayEntering() {
     if (props.autoHighlight && props.suggestions && props.suggestions.length) {
-      DomHandler.addClass(listRef.current.firstChild, 'p-highlight');
+      setHighlightState(function (prevState) {
+        var newState = _toConsumableArray(prevState);
+        newState[0] = true;
+        return newState;
+      });
     }
   };
   var onOverlayEntered = function onOverlayEntered() {
@@ -36533,13 +36720,15 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     props.onHide && props.onHide();
   };
   var alignOverlay = function alignOverlay() {
-    var key = triggerState.key,
-      index = triggerState.index;
-    var value = inputRef.current.value;
-    var position = DomHandler.getCursorOffset(inputRef.current, value.substring(0, index - 1), value.substring(index), key);
-    overlayRef.current.style.transformOrigin = 'top';
-    overlayRef.current.style.left = "calc(".concat(position.left, "px + 1rem)");
-    overlayRef.current.style.top = "calc(".concat(position.top, "px + 1.2rem)");
+    if (triggerState) {
+      var key = triggerState.key,
+        index = triggerState.index;
+      var value = inputRef.current.value;
+      var position = DomHandler.getCursorOffset(inputRef.current, value.substring(0, index - 1), value.substring(index), key);
+      overlayRef.current.style.transformOrigin = 'top';
+      overlayRef.current.style.left = "calc(".concat(position.left, "px + 1rem)");
+      overlayRef.current.style.top = "calc(".concat(position.top, "px + 1.2rem)");
+    }
   };
   var onPanelClick = function onPanelClick(event) {
     OverlayService.emit('overlay-click', {
@@ -36661,7 +36850,18 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   };
   var onInput = function onInput(event) {
     props.onInput && props.onInput(event);
-    if (event.target.value.length > 0) DomHandler.addClass(elementRef.current, 'p-inputwrapper-filled');else DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
+    var isFilled = event.target.value.length > 0;
+    if (isUnstyled()) {
+      DomHandler.setAttributes(elementRef.current, {
+        'data-p-inputwrapper-filled': isFilled
+      });
+    } else {
+      if (isFilled) {
+        DomHandler.addClass(elementRef.current, 'p-inputwrapper-filled');
+      } else {
+        DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
+      }
+    }
   };
   var onKeyUp = function onKeyUp(event) {
     if (event.which === 37 || event.which === 39) {
@@ -36674,21 +36874,32 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   };
   var onKeyDown = function onKeyDown(event) {
     if (overlayVisibleState) {
-      var highlightItem = DomHandler.findSingle(overlayRef.current, 'li.p-highlight');
+      var highlightItem = DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
       switch (event.which) {
         //down
         case 40:
           if (highlightItem) {
             var nextElement = highlightItem.nextElementSibling;
             if (nextElement) {
-              DomHandler.addClass(nextElement, 'p-highlight');
-              DomHandler.removeClass(highlightItem, 'p-highlight');
+              var nextElementIndex = DomHandler.index(nextElement);
+              var highlightItemIndex = DomHandler.index(highlightItem);
+              setHighlightState(function (prevState) {
+                var newState = _toConsumableArray(prevState);
+                newState[nextElementIndex] = true;
+                newState[highlightItemIndex] = false;
+                return newState;
+              });
               DomHandler.scrollInView(overlayRef.current, nextElement);
             }
           } else {
             highlightItem = DomHandler.findSingle(overlayRef.current, 'li');
             if (highlightItem) {
-              DomHandler.addClass(highlightItem, 'p-highlight');
+              var _highlightItemIndex = DomHandler.index(highlightItem);
+              setHighlightState(function (prevState) {
+                var newState = _toConsumableArray(prevState);
+                newState[_highlightItemIndex] = true;
+                return newState;
+              });
             }
           }
           event.preventDefault();
@@ -36699,8 +36910,14 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
           if (highlightItem) {
             var previousElement = highlightItem.previousElementSibling;
             if (previousElement) {
-              DomHandler.addClass(previousElement, 'p-highlight');
-              DomHandler.removeClass(highlightItem, 'p-highlight');
+              var previousElementIndex = DomHandler.index(previousElement);
+              var _highlightItemIndex2 = DomHandler.index(highlightItem);
+              setHighlightState(function (prevState) {
+                var newState = _toConsumableArray(prevState);
+                newState[previousElementIndex] = true;
+                newState[_highlightItemIndex2] = false;
+                return newState;
+              });
               DomHandler.scrollInView(overlayRef.current, previousElement);
             }
           }
@@ -36761,15 +36978,26 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
   useUpdateEffect(function () {
+    var hasSuggestions = props.suggestions && props.suggestions.length;
+    if (hasSuggestions) {
+      var newState = props.suggestions.map(function () {
+        return false;
+      });
+      setHighlightState(newState);
+    }
     if (searchingState) {
-      props.suggestions && props.suggestions.length ? show() : hide();
+      hasSuggestions ? show() : hide();
       overlayVisibleState && alignOverlay();
       setSearchingState(false);
     }
   }, [props.suggestions]);
   useUpdateEffect(function () {
-    if (!isFilled && DomHandler.hasClass(elementRef.current, 'p-inputwrapper-filled')) {
-      DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
+    var _isUnstyled = isUnstyled();
+    var isInputWrapperFilled = _isUnstyled ? DomHandler.isAttributeEquals(elementRef.current, 'data-p-inputwrapper-filled', true) : DomHandler.hasClass(elementRef.current, 'p-inputwrapper-filled');
+    if (!isFilled && isInputWrapperFilled) {
+      _isUnstyled ? DomHandler.setAttributes(elementRef.current, {
+        'data-p-inputwrapper-filled': false
+      }) : DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
     }
   }, [isFilled]);
   useUnmountEffect(function () {
@@ -36781,13 +37009,19 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       trigger: triggerState ? triggerState.key : '',
       index: index
     }) : formatValue(suggestion);
+    var isSelected = highlightState[index];
     var itemProps = mergeProps({
       key: key,
-      className: cx('item'),
+      className: cx('item', {
+        isSelected: isSelected
+      }),
       onClick: function onClick(e) {
         return onItemClick(e, suggestion);
-      }
-    }, getPTOptions(suggestion, 'item'));
+      },
+      'data-p-highlight': isSelected
+    }, getPTOptions(suggestion, 'item', {
+      selected: isSelected
+    }));
     return /*#__PURE__*/React__namespace.createElement("li", itemProps, content, /*#__PURE__*/React__namespace.createElement(Ripple, null));
   };
   var createList = function createList() {
@@ -36946,6 +37180,7 @@ var MenuBase = ComponentBase.extend({
 function ownKeys$L(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$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = MenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -36990,7 +37225,7 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     callback: function callback(event) {
       hide(event);
     },
-    when: visibleState && props.popup && props.closeOnEscape,
+    when: visibleState && props.popup && props.closeOnEscape && popupMenuDisplayOrder,
     priority: [ESC_KEY_HANDLING_PRIORITIES.MENU, popupMenuDisplayOrder]
   });
   var _useOverlayListener = useOverlayListener({
@@ -37021,9 +37256,6 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       event.preventDefault();
       return;
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -37036,8 +37268,10 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     if (!props.popup && focusedOptionIndex !== key) {
       setFocusedOptionIndex(key);
     }
-    event.preventDefault();
-    event.stopPropagation();
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var onListFocus = function onListFocus(event) {
     setFocused(true);
@@ -37427,6 +37661,7 @@ var MenubarBase = ComponentBase.extend({
 function ownKeys$K(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$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MenubarSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var getPTOptions = function getPTOptions(processedItem, key, index) {
@@ -37667,6 +37902,7 @@ MenubarSub.displayName = 'MenubarSub';
 function ownKeys$J(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$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Menubar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = MenubarBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -38321,7 +38557,7 @@ var Menubar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       tabIndex: '0',
       'aria-haspopup': mobileActiveState && props.model && props.model.lentgh > 0 ? true : false,
       'aria-expanded': mobileActiveState,
-      'aria-label': ariaLabel('navigation'),
+      'aria-label': ariaLabel$1('navigation'),
       'aria-controls': idState,
       role: 'button'
     }, "tabIndex", 0), "className", cx('button')), "onKeyDown", function onKeyDown(e) {
@@ -38410,6 +38646,7 @@ var MessageBase = ComponentBase.extend({
 function ownKeys$I(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$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Message = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = MessageBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -38652,6 +38889,7 @@ var MultiSelectBase = ComponentBase.extend({
 function ownKeys$H(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$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     isUnstyled = props.isUnstyled;
@@ -38799,6 +39037,7 @@ var MultiSelectItem = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var getPTOptions = function getPTOptions(key) {
@@ -38877,6 +39116,7 @@ function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t
 var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var virtualScrollerRef = React__namespace.useRef(null);
   var filterInputRef = React__namespace.useRef(null);
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var ptm = props.ptm,
     cx = props.cx,
@@ -39150,6 +39390,7 @@ function _createForOfIteratorHelper$7(o, allowArrayLike) { var it = typeof Symbo
 function _unsupportedIterableToArray$7(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$7(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$7(o, minLen); }
 function _arrayLikeToArray$7(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; }
 var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = MultiSelectBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(''),
@@ -39390,7 +39631,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     });
   };
   var scrollInView = function scrollInView() {
-    var highlightItem = DomHandler.findSingle(overlayRef.current, 'li.p-highlight');
+    var highlightItem = DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
     if (highlightItem && highlightItem.scrollIntoView) {
       highlightItem.scrollIntoView({
         block: 'nearest',
@@ -39928,6 +40169,7 @@ var MultiStateCheckboxBase = ComponentBase.extend({
 function ownKeys$D(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$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = MultiStateCheckboxBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -40063,7 +40305,7 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
   var otherProps = MultiStateCheckboxBase.getOtherProps(props);
   var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var icon = createIcon();
-  var ariaValueLabel = !!selectedOption ? getOptionAriaLabel(selectedOption) : ariaLabel('nullLabel');
+  var ariaValueLabel = !!selectedOption ? getOptionAriaLabel(selectedOption) : ariaLabel$1('nullLabel');
   var ariaChecked = !!selectedOption ? 'true' : 'false';
   var rootProps = mergeProps({
     ref: elementRef,
@@ -40160,6 +40402,7 @@ var OrderListBase = ComponentBase.extend({
 });
 
 var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var moveUpIcon = props.moveUpIcon || /*#__PURE__*/React__namespace.createElement(AngleUpIcon, null);
   var moveTopIcon = props.moveTopIcon || /*#__PURE__*/React__namespace.createElement(AngleDoubleUpIcon, null);
   var moveDownIcon = props.moveDownIcon || /*#__PURE__*/React__namespace.createElement(AngleDownIcon, null);
@@ -40271,7 +40514,7 @@ var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
     icon: moveUpIcon,
     onClick: moveUp,
     disabled: isMoveDisabled,
-    'aria-label': ariaLabel('moveUp'),
+    'aria-label': ariaLabel$1('moveUp'),
     __parentMetadata: {
       parent: props.metaData
     }
@@ -40282,7 +40525,7 @@ var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
     icon: moveTopIcon,
     onClick: moveTop,
     disabled: isMoveDisabled,
-    'aria-label': ariaLabel('moveTop'),
+    'aria-label': ariaLabel$1('moveTop'),
     __parentMetadata: {
       parent: props.metaData
     }
@@ -40293,7 +40536,7 @@ var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
     icon: moveDownIcon,
     onClick: moveDown,
     disabled: isMoveDisabled,
-    'aria-label': ariaLabel('moveDown'),
+    'aria-label': ariaLabel$1('moveDown'),
     __parentMetadata: {
       parent: props.metaData
     }
@@ -40304,7 +40547,7 @@ var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
     icon: moveBottomIcon,
     onClick: moveBottom,
     disabled: isMoveDisabled,
-    'aria-label': ariaLabel('moveBottom'),
+    'aria-label': ariaLabel$1('moveBottom'),
     __parentMetadata: {
       parent: props.metaData
     }
@@ -40324,6 +40567,7 @@ OrderListControls.displayName = 'OrderListControls';
 function ownKeys$C(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$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OrderListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var _ptm = function _ptm(key, options) {
@@ -40573,6 +40817,7 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
 OrderListSubList.displayName = 'OrderListSubList';
 
 var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = OrderListBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState([]),
@@ -40996,6 +41241,7 @@ var OrganizationChartBase = ComponentBase.extend({
 function ownKeys$B(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$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var node = props.node;
   var _React$useState = React__namespace.useState(node.expanded),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -41190,6 +41436,7 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
 OrganizationChartNode.displayName = 'OrganizationChartNode';
 
 var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = OrganizationChartBase.getProps(inProps, context);
   var _OrganizationChartBas = OrganizationChartBase.setMetaData({
@@ -41334,6 +41581,7 @@ var OverlayPanelBase = ComponentBase.extend({
 function ownKeys$A(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$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = OverlayPanelBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -41389,7 +41637,7 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
     callback: function callback() {
       hide();
     },
-    when: visibleState && props.closeOnEscape,
+    when: visibleState && props.closeOnEscape && overlayPanelDisplayOrder,
     priority: [ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL, overlayPanelDisplayOrder]
   });
   var isOutsideClicked = function isOutsideClicked(target) {
@@ -41632,6 +41880,7 @@ var PanelBase = ComponentBase.extend({
 });
 
 var Panel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = PanelBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -41909,6 +42158,7 @@ var PanelMenuBase = ComponentBase.extend({
 function ownKeys$z(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$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PanelMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var elementRef = React__namespace.useRef(null);
@@ -41935,7 +42185,7 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     return processedItem && processedItem.item ? ObjectUtils.getItemValue(processedItem.item[name], params) : undefined;
   };
   var isItemActive = function isItemActive(processedItem) {
-    return props.activeItemPath.some(function (path) {
+    return props.activeItemPath && props.activeItemPath.some(function (path) {
       return path.key === processedItem.key;
     });
   };
@@ -42153,7 +42403,7 @@ var PanelMenuList = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     focusedItemId = _React$useState6[0],
     setFocusedItemId = _React$useState6[1];
-  var _React$useState7 = React__namespace.useState(null),
+  var _React$useState7 = React__namespace.useState([]),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     activeItemPath = _React$useState8[0],
     setActiveItemPath = _React$useState8[1];
@@ -42181,7 +42431,7 @@ var PanelMenuList = /*#__PURE__*/React__namespace.memo(function (props) {
     return getItemProp(processedItem, 'disabled');
   };
   var isItemActive = function isItemActive(processedItem) {
-    return activeItemPath.some(function (path) {
+    return activeItemPath && activeItemPath.some(function (path) {
       return path.key === processedItem.parentKey;
     });
   };
@@ -42508,21 +42758,24 @@ var PanelMenuList = /*#__PURE__*/React__namespace.memo(function (props) {
     });
     return processedFlattenItems;
   };
-  useUpdateEffect(function () {
+  React__namespace.useEffect(function () {
     var processed = createProcessedItems(props.model);
     setProcessedItems(processed);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.model]);
-  useUpdateEffect(function () {
+  React__namespace.useEffect(function () {
     var _visibleItems = flatItems(processedItems);
     setVisibleItems(_visibleItems);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [processedItems, activeItemPath]);
+  React__namespace.useEffect(function () {
+    autoUpdateActiveItemPath(props.expandedKeys);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.expandedKeys]);
   useUpdateEffect(function () {
     var _id = ObjectUtils.isNotEmpty(focusedItem) ? "".concat(props.panelId, "_").concat(focusedItem.key) : null;
     setFocusedItemId(_id);
   }, [props.panelId, focusedItem]);
-  useUpdateEffect(function () {
-    autoUpdateActiveItemPath(props.expandedKeys);
-  }, [props.expandedKeys]);
   return /*#__PURE__*/React__namespace.createElement(PanelMenuSub, {
     hostName: "PanelMenu",
     id: props.panelId + '_list',
@@ -42552,6 +42805,7 @@ PanelMenuList.displayName = 'PanelMenuList';
 function ownKeys$y(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$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = PanelMenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -42598,7 +42852,9 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         item: item
       });
     }
-    changeActiveItem(event, item);
+    if (item.items) {
+      changeActiveItem(event, item);
+    }
   };
   var getItemProp = function getItemProp(item, name) {
     return item ? ObjectUtils.getItemValue(item[name]) : undefined;
@@ -42767,9 +43023,7 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     };
   });
   useMountEffect(function () {
-    if (!idState) {
-      setIdState(UniqueComponentId());
-    }
+    !idState && setIdState(UniqueComponentId());
   });
   useUpdateEffect(function () {
     setAnimationDisabled(true);
@@ -42991,6 +43245,7 @@ var PasswordBase = ComponentBase.extend({
 function ownKeys$x(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$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = PasswordBase.getProps(inProps, context);
   var promptLabel = props.promptLabel || localeOption('passwordPrompt');
@@ -43045,7 +43300,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     callback: function callback() {
       hide();
     },
-    when: overlayVisibleState && props.feedback,
+    when: overlayVisibleState && props.feedback && passwordDisplayOrder,
     priority: [ESC_KEY_HANDLING_PRIORITIES.PASSWORD, passwordDisplayOrder]
   });
   var _useOverlayListener = useOverlayListener({
@@ -43454,6 +43709,7 @@ var PickListBase = ComponentBase.extend({
 });
 
 var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     unstyled = props.unstyled;
@@ -43570,7 +43826,7 @@ var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
     onClick: moveUp,
     pt: ptm('moveUpButton'),
     unstyled: unstyled,
-    "aria-label": ariaLabel('moveUp'),
+    "aria-label": ariaLabel$1('moveUp'),
     __parentMetadata: {
       parent: props.metaData
     }
@@ -43581,7 +43837,7 @@ var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
     onClick: moveTop,
     pt: ptm('moveTopButton'),
     unstyled: unstyled,
-    "aria-label": ariaLabel('moveTop'),
+    "aria-label": ariaLabel$1('moveTop'),
     __parentMetadata: {
       parent: props.metaData
     }
@@ -43592,7 +43848,7 @@ var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
     onClick: moveDown,
     pt: ptm('moveDownButton'),
     unstyled: unstyled,
-    "aria-label": ariaLabel('moveDown'),
+    "aria-label": ariaLabel$1('moveDown'),
     __parentMetadata: {
       parent: props.metaData
     }
@@ -43603,7 +43859,7 @@ var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
     onClick: moveBottom,
     pt: ptm('moveBottomButton'),
     unstyled: unstyled,
-    "aria-label": ariaLabel('moveBottom'),
+    "aria-label": ariaLabel$1('moveBottom'),
     __parentMetadata: {
       parent: props.metaData
     }
@@ -43612,6 +43868,7 @@ var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
 PickListControls.displayName = 'PickListControls';
 
 var PickListItem = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var getPTOptions = function getPTOptions(key) {
@@ -43672,6 +43929,7 @@ PickListItem.displayName = 'PickListItem';
 function ownKeys$w(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$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var listElementRef = React__namespace.useRef(null);
   var ptm = props.ptm,
     cx = props.cx;
@@ -43816,6 +44074,7 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
 PickListSubList.displayName = 'PickListSubList';
 
 var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var viewChanged = useMatchMedia("(max-width: ".concat(props.breakpoint, ")"), props.breakpoint);
   var ptm = props.ptm,
     cx = props.cx,
@@ -43944,7 +44203,7 @@ var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (prop
     onClick: moveRight,
     pt: ptm('moveToTargetButton'),
     unstyled: unstyled,
-    "aria-label": ariaLabel('moveToTarget'),
+    "aria-label": ariaLabel$1('moveToTarget'),
     __parentMetadata: {
       parent: props.metaData
     }
@@ -43955,7 +44214,7 @@ var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (prop
     onClick: moveAllRight,
     pt: ptm('moveAllToTargetButton'),
     unstyled: unstyled,
-    "aria-label": ariaLabel('moveAllToTarget'),
+    "aria-label": ariaLabel$1('moveAllToTarget'),
     __parentMetadata: {
       parent: props.metaData
     }
@@ -43966,7 +44225,7 @@ var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (prop
     onClick: moveLeft,
     pt: ptm('moveToSourceButton'),
     unstyled: unstyled,
-    "aria-label": ariaLabel('moveToSource'),
+    "aria-label": ariaLabel$1('moveToSource'),
     __parentMetadata: {
       parent: props.metaData
     }
@@ -43977,7 +44236,7 @@ var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (prop
     onClick: moveAllLeft,
     pt: ptm('moveAllToSourceButton'),
     unstyled: unstyled,
-    "aria-label": ariaLabel('moveAllToSource'),
+    "aria-label": ariaLabel$1('moveAllToSource'),
     __parentMetadata: {
       parent: props.metaData
     }
@@ -43988,6 +44247,7 @@ PickListTransferControls.displayName = 'PickListTransferControls';
 function ownKeys$v(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$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = PickListBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState([]),
@@ -44683,6 +44943,7 @@ var ProgressSpinnerBase = ComponentBase.extend({
 });
 
 var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ProgressSpinnerBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -44782,6 +45043,7 @@ var RadioButtonBase = ComponentBase.extend({
 function ownKeys$u(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$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(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);
   var props = RadioButtonBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -44989,6 +45251,7 @@ var RatingBase = ComponentBase.extend({
 function ownKeys$t(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$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = RatingBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -45145,6 +45408,7 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
 Rating.displayName = 'Rating';
 
 var Row = function Row(inProps) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = RowBase.getProps(inProps, context);
   //@todo Pass Parent MetaData
@@ -45185,6 +45449,7 @@ var ScrollPanelBase = ComponentBase.extend({
 });
 
 var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ScrollPanelBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -45525,6 +45790,7 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ScrollTopBase.getProps(inProps, context);
   var _ScrollTopBase$setMet = ScrollTopBase.setMetaData({
@@ -45684,6 +45950,7 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var getPTOptions = function getPTOptions(key) {
@@ -45743,6 +46010,7 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
 SelectButtonItem.displayName = 'SelectButtonItem';
 
 var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = SelectButtonBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -45954,6 +46222,7 @@ var SidebarBase = ComponentBase.extend({
 function ownKeys$r(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$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = SidebarBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -45985,7 +46254,7 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     callback: function callback(event) {
       onClose(event);
     },
-    when: visibleState && props.closeOnEscape,
+    when: visibleState && props.closeOnEscape && sidebarDisplayOrder,
     priority: [ESC_KEY_HANDLING_PRIORITIES.SIDEBAR, sidebarDisplayOrder]
   });
   var _useEventListener = useEventListener({
@@ -46237,6 +46506,7 @@ var SkeletonBase = ComponentBase.extend({
 function ownKeys$q(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$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = SkeletonBase.getProps(inProps, context);
   var _SkeletonBase$setMeta = SkeletonBase.setMetaData({
@@ -46373,6 +46643,7 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     renderSubMenu = _React$useState4[0],
     setRenderSubMenu = _React$useState4[1];
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     sx = props.sx;
@@ -46524,6 +46795,7 @@ SlideMenuSub.displayName = 'SlideMenuSub';
 function ownKeys$o(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$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = SlideMenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -46562,7 +46834,7 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     callback: function callback(event) {
       hide(event);
     },
-    when: visibleState && props.popup && props.closeOnEscape,
+    when: visibleState && props.popup && props.closeOnEscape && slideMenuDisplayOrder,
     priority: [ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU, slideMenuDisplayOrder]
   });
   var _useOverlayListener = useOverlayListener({
@@ -46805,6 +47077,7 @@ var SliderBase = ComponentBase.extend({
 function ownKeys$n(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$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = SliderBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -47201,6 +47474,7 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var isItemClicked = React__namespace.useRef(false);
   var elementRef = React__namespace.useRef(null);
   var listRef = React__namespace.useRef(null);
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = SpeedDialBase.getProps(inProps, context);
   var visible = props.onVisibleChange ? props.visible : visibleState;
@@ -47223,7 +47497,7 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     callback: function callback() {
       hide();
     },
-    when: visible,
+    when: visible && speedDialDisplayOrder,
     priority: [ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL, speedDialDisplayOrder]
   });
   var _useEventListener = useEventListener({
@@ -47791,6 +48065,7 @@ function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     sx = props.sx;
@@ -47909,7 +48184,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         menuProps: props.menuProps,
         model: processedItem.items,
         menuId: props.menuId,
-        ariaLabelledby: getItemId(item),
+        ariaLabelledby: getItemId(processedItem),
         focusedItemId: props.focusedItemId,
         activeItemPath: props.activeItemPath,
         level: props.level + 1,
@@ -48056,6 +48331,7 @@ TieredMenuSub.displayName = 'TieredMenuSub';
 function ownKeys$k(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$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = TieredMenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -48846,6 +49122,7 @@ var SplitButtonBase = ComponentBase.extend({
 function ownKeys$j(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$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = SplitButtonBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -48879,7 +49156,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     callback: function callback() {
       hide();
     },
-    when: overlayVisibleState,
+    when: overlayVisibleState && overlayDisplayOrder,
     priority: [ESC_KEY_HANDLING_PRIORITIES.SPLIT_BUTTON, overlayDisplayOrder]
   });
   var onPanelClick = function onPanelClick(event) {
@@ -49086,6 +49363,7 @@ function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SplitterPanel = function SplitterPanel() {};
 var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = SplitterBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -49498,6 +49776,7 @@ var StepsBase = ComponentBase.extend({
 function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = StepsBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -49979,6 +50258,7 @@ var TabMenuBase = ComponentBase.extend({
 function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = TabMenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -50378,6 +50658,7 @@ function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TabPanel = function TabPanel() {};
 var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = TabViewBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -50662,6 +50943,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   };
   React__namespace.useEffect(function () {
     updateInkBar();
+    updateButtonState();
   });
   useMountEffect(function () {
     if (!idState) {
@@ -50871,7 +51153,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       ref: prevBtnRef,
       type: 'button',
       className: cx('prevbutton'),
-      'aria-label': ariaLabel('previousPageLabel'),
+      'aria-label': ariaLabel$1('previousPageLabel'),
       onClick: function onClick(e) {
         return navBackward();
       }
@@ -50893,7 +51175,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       ref: nextBtnRef,
       type: 'button',
       className: cx('nextbutton'),
-      'aria-label': ariaLabel('nextPageLabel'),
+      'aria-label': ariaLabel$1('nextPageLabel'),
       onClick: function onClick(e) {
         return navForward();
       }
@@ -50949,6 +51231,7 @@ var TagBase = ComponentBase.extend({
 function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Tag = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = TagBase.getProps(inProps, context);
   var _TagBase$setMetaData = TagBase.setMetaData({
@@ -51016,6 +51299,7 @@ var TerminalBase = ComponentBase.extend({
 });
 
 var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = TerminalBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(''),
@@ -51215,6 +51499,7 @@ var TimelineBase = ComponentBase.extend({
 });
 
 var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = TimelineBase.getProps(inProps, context);
   var _TimelineBase$setMeta = TimelineBase.setMetaData({
@@ -51348,6 +51633,7 @@ var ToastBase = ComponentBase.extend({
 function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var messageInfo = props.messageInfo,
     parentMetaData = props.metaData,
     _props$ptCallbacks = props.ptCallbacks,
@@ -51528,6 +51814,7 @@ ToastMessage.displayName = 'ToastMessage';
 
 var messageIdx = 0;
 var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ToastBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState([]),
@@ -51730,6 +52017,7 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ToggleButtonBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -51870,6 +52158,7 @@ var ToolbarBase = ComponentBase.extend({
 });
 
 var Toolbar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ToolbarBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -52037,6 +52326,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
   var contentRef = React__namespace.useRef(null);
   var elementRef = React__namespace.useRef(null);
   var nodeTouched = React__namespace.useRef(false);
+  var 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;
@@ -52689,7 +52979,8 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       onDragEnter: onDragEnter,
       onDragLeave: onDragLeave,
       onDragStart: onDragStart,
-      onDragEnd: onDragEnd
+      onDragEnd: onDragEnd,
+      'data-p-highlight': isCheckboxSelectionMode() ? checked : selected
     }, getPTOptions('content'));
     return /*#__PURE__*/React__namespace.createElement("div", contentProps, toggler, checkbox, icon, label);
   };
@@ -52785,6 +53076,7 @@ function _createForOfIteratorHelper$5(o, allowArrayLike) { var it = typeof Symbo
 function _unsupportedIterableToArray$5(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$5(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$5(o, minLen); }
 function _arrayLikeToArray$5(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; }
 var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = TreeBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(''),
@@ -52839,7 +53131,7 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       if (navigateFocusToChild) {
         childFocusEvent.current = originalEvent;
       }
-      setExpandedKeysState(event.value);
+      setExpandedKeysState(value);
     }
   };
   useUpdateEffect(function () {
@@ -53410,6 +53702,7 @@ var TreeSelectBase = ComponentBase.extend({
 function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TreeSelectPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var ptm = props.ptm,
     cx = props.cx;
@@ -53475,6 +53768,7 @@ function _createForOfIteratorHelper$4(o, allowArrayLike) { var it = typeof Symbo
 function _unsupportedIterableToArray$4(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$4(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$4(o, minLen); }
 function _arrayLikeToArray$4(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; }
 var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = TreeSelectBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -53568,7 +53862,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     props.onBlur && props.onBlur();
   };
   var onClick = function onClick(event) {
-    if (!props.disabled && (!overlayRef.current || !overlayRef.current.contains(event.target)) && !DomHandler.hasClass(event.target, 'p-treeselect-close')) {
+    if (!props.disabled && (!overlayRef.current || !overlayRef.current.contains(event.target)) && !DomHandler.isAttributeEquals(event.target, 'data-pc-section', 'closebutton')) {
       DomHandler.focus(focusInputRef.current);
       overlayVisibleState ? hide() : show();
     }
@@ -53765,7 +54059,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     DomHandler.alignOverlay(overlayRef.current, triggerRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact.appendTo);
   };
   var scrollInView = function scrollInView() {
-    var highlightItem = DomHandler.findSingle(overlayRef.current, '.p-treenode-content.p-highlight');
+    var highlightItem = DomHandler.findSingle(overlayRef.current, '[data-pc-section="content"][data-p-highlight="true"]');
     if (highlightItem && highlightItem.scrollIntoView) {
       highlightItem.scrollIntoView({
         block: 'nearest',
@@ -54218,7 +54512,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
 }));
 TreeSelect.displayName = 'TreeSelect';
 
-var styles = "\n@layer primereact {\n    .p-treetable {\n        position: relative;\n    }\n    \n    .p-treetable > .p-treetable-wrapper {\n        overflow: auto;\n    }\n    \n    .p-treetable table {\n        border-collapse: collapse;\n        width: 100%;\n        table-layout: fixed;\n    }\n    \n    .p-treetable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n    \n    .p-treetable-selectable .p-treetable-tbody > tr {\n        cursor: pointer;\n    }\n    \n    .p-treetable-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        vertical-align: middle;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-treetable-toggler + .p-checkbox {\n        vertical-align: middle;\n    }\n    \n    .p-treetable-toggler + .p-checkbox + span {\n        vertical-align: middle;\n    }\n    \n    /* Resizable */\n    .p-treetable-resizable > .p-treetable-wrapper {\n        overflow-x: auto;\n    }\n    \n    .p-treetable-resizable .p-treetable-thead > tr > th,\n    .p-treetable-resizable .p-treetable-tfoot > tr > td,\n    .p-treetable-resizable .p-treetable-tbody > tr > td {\n        overflow: hidden;\n    }\n    \n    .p-treetable-resizable .p-resizable-column {\n        background-clip: padding-box;\n        position: relative;\n    }\n    \n    .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n    \n    .p-treetable .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-treetable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n    \n    /* Scrollable */\n    .p-treetable-scrollable-wrapper {\n        position: relative;\n    }\n    .p-treetable-scrollable-header,\n    .p-treetable-scrollable-footer {\n        overflow: hidden;\n        border: 0 none;\n    }\n    \n    .p-treetable-scrollable-body {\n        overflow: auto;\n        position: relative;\n    }\n    \n    .p-treetable-virtual-table {\n        position: absolute;\n    }\n    \n    /* Frozen Columns */\n    .p-treetable-frozen-view .p-treetable-scrollable-body {\n        overflow: hidden;\n    }\n    \n    .p-treetable-unfrozen-view {\n        position: absolute;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Reorder */\n    .p-treetable-reorder-indicator-up,\n    .p-treetable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n    \n    /* Loader */\n    .p-treetable .p-treetable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n}\n";
+var styles = "\n@layer primereact {\n    .p-treetable {\n        position: relative;\n    }\n    \n    .p-treetable > .p-treetable-wrapper {\n        overflow: auto;\n    }\n    \n    .p-treetable table {\n        border-collapse: collapse;\n        width: 100%;\n        table-layout: fixed;\n    }\n    \n    .p-treetable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n    \n    .p-treetable-selectable .p-treetable-tbody > tr {\n        cursor: pointer;\n    }\n    \n    .p-treetable-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        vertical-align: middle;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-treetable-toggler + .p-checkbox {\n        vertical-align: middle;\n    }\n    \n    .p-treetable-toggler + .p-checkbox + span {\n        vertical-align: middle;\n    }\n    \n    /* Resizable */\n    .p-treetable-resizable > .p-treetable-wrapper {\n        overflow-x: auto;\n    }\n    \n    .p-treetable-resizable .p-treetable-thead > tr > th,\n    .p-treetable-resizable .p-treetable-tfoot > tr > td,\n    .p-treetable-resizable .p-treetable-tbody > tr > td {\n        overflow: hidden;\n    }\n    \n    .p-treetable-resizable .p-resizable-column {\n        background-clip: padding-box;\n        position: relative;\n    }\n    \n    .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n    \n    .p-treetable .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-treetable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n    \n    /* Scrollable */\n    .p-treetable-scrollable-wrapper {\n        position: relative;\n    }\n    .p-treetable-scrollable-header,\n    .p-treetable-scrollable-footer {\n        overflow: hidden;\n        border: 0 none;\n    }\n    \n    .p-treetable-scrollable-body {\n        overflow: auto;\n        position: relative;\n    }\n    \n    .p-treetable-virtual-table {\n        position: absolute;\n    }\n    \n    /* Frozen Columns */\n    .p-treetable-frozen-view .p-treetable-scrollable-body {\n        overflow: hidden;\n    }\n    \n    .p-treetable-unfrozen-view {\n        position: absolute;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Reorder */\n    .p-treetable-reorder-indicator-up,\n    .p-treetable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n    \n    /* Loader */\n    .p-treetable .p-treetable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Alignment */\n    .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,\n    .p-treetable .p-treetable-tbody > tr > td.p-align-left,\n    .p-treetable .p-treetable-tfoot > tr > td.p-align-left {\n        text-align: left;\n        justify-content: flex-start;\n    }\n    .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,\n    .p-treetable .p-treetable-tbody > tr > td.p-align-right,\n    .p-treetable .p-treetable-tfoot > tr > td.p-align-right {\n        text-align: right;\n        justify-content: flex-end;\n    }\n    .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,\n    .p-treetable .p-treetable-tbody > tr > td.p-align-center,\n    .p-treetable .p-treetable-tfoot > tr > td.p-align-center {\n        text-align: center;\n        justify-content: center;\n    }\n}\n";
 var classes$1 = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -54238,8 +54532,8 @@ var classes$1 = {
   header: 'p-treetable-header',
   footer: 'p-treetable-footer',
   resizeHelper: 'p-column-resizer-helper',
-  reorderIndicatorUp: 'p-datatable-reorder-indicator-up',
-  reorderIndicatorDown: 'p-datatable-reorder-indicator-down',
+  reorderIndicatorUp: 'p-treetable-reorder-indicator-up',
+  reorderIndicatorDown: 'p-treetable-reorder-indicator-down',
   wrapper: 'p-treetable-wrapper',
   table: function table(_ref2) {
     var props = _ref2.props;
@@ -54265,22 +54559,24 @@ var classes$1 = {
   },
   sortBadge: 'p-sortable-column-badge',
   headerTitle: 'p-column-title',
+  headerContent: 'p-column-header-content',
   headerCell: function headerCell(_ref4) {
     var props = _ref4.headerProps,
       frozen = _ref4.frozen,
       column = _ref4.column,
       options = _ref4.options,
       getColumnProp = _ref4.getColumnProp,
-      sorted = _ref4.sorted;
+      sorted = _ref4.sorted,
+      align = _ref4.align;
     return options.filterOnly ? classNames('p-filter-column', {
       'p-frozen-column': frozen
-    }) : classNames({
+    }) : classNames(_defineProperty({
       'p-sortable-column': getColumnProp(column, 'sortable'),
       'p-highlight': sorted,
       'p-frozen-column': frozen,
       'p-resizable-column': props.resizableColumns && getColumnProp(column, 'resizeable'),
       'p-reorderable-column': props.reorderableColumns && getColumnProp(column, 'reorderable') && !frozen
-    });
+    }, "p-align-".concat(align), !!align));
   },
   columnResizer: 'p-column-resizer p-clickable',
   sortIcon: 'p-sortable-column-icon',
@@ -54382,9 +54678,9 @@ var TreeTableBase = ComponentBase.extend({
     propagateSelectionDown: true,
     propagateSelectionUp: true,
     removableSort: false,
-    reorderableColumns: false,
     reorderIndicatorDownIcon: null,
     reorderIndicatorUpIcon: null,
+    reorderableColumns: false,
     resizableColumns: false,
     rowClassName: null,
     rowHover: false,
@@ -54397,8 +54693,8 @@ var TreeTableBase = ComponentBase.extend({
     selectionMode: null,
     showGridlines: false,
     sortField: null,
-    sortMode: 'single',
     sortIcon: null,
+    sortMode: 'single',
     sortOrder: null,
     stripedRows: false,
     style: null,
@@ -54427,6 +54723,7 @@ var TreeTableBodyCell = function TreeTableBodyCell(props) {
   var selfClick = React__namespace.useRef(false);
   var overlayEventListener = React__namespace.useRef(null);
   var tabIndexTimeout = React__namespace.useRef(null);
+  var mergeProps = useMergeProps();
   var getColumnProp = function getColumnProp(name) {
     return ColumnBase.getCProp(props.column, name);
   };
@@ -54659,6 +54956,7 @@ var TreeTableRow = /*#__PURE__*/React__namespace.memo(function (props) {
   var checkboxRef = React__namespace.useRef(null);
   var checkboxBoxRef = React__namespace.useRef(null);
   var nodeTouched = React__namespace.useRef(false);
+  var mergeProps = useMergeProps();
   var expanded = props.expandedKeys ? props.expandedKeys[props.node.key] !== undefined : false;
   var getColumnProp = function getColumnProp(column, name) {
     return ColumnBase.getCProp(column, name);
@@ -54968,7 +55266,7 @@ var TreeTableRow = /*#__PURE__*/React__namespace.memo(function (props) {
     return props.selectionKeys ? props.selectionKeys[props.node.key] && props.selectionKeys[props.node.key].partialChecked : false;
   };
   var createToggler = function createToggler(column) {
-    var label = expanded ? ariaLabel('collapseLabel') : ariaLabel('expandLabel');
+    var label = expanded ? ariaLabel$1('collapseLabel') : ariaLabel$1('expandLabel');
     var rowTogglerIconProps = mergeProps({
       className: cx('rowTogglerIcon'),
       'aria-hidden': true
@@ -55169,6 +55467,7 @@ function _arrayLikeToArray$2(arr, len) { if (len == null || len > arr.length) le
 function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TreeTableBody = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var isSingleSelectionMode = props.selectionMode === 'single';
   var isMultipleSelectionMode = props.selectionMode === 'multiple';
   var _props$ptCallbacks = props.ptCallbacks,
@@ -55396,6 +55695,7 @@ var TreeTableBody = /*#__PURE__*/React__namespace.memo(function (props) {
 TreeTableBody.displayName = 'TreeTableBody';
 
 var TreeTableFooter = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     ptmo = _props$ptCallbacks.ptmo,
@@ -55480,6 +55780,7 @@ function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) le
 function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TreeTableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     ptmo = _props$ptCallbacks.ptmo,
@@ -55866,6 +56167,7 @@ var TreeTableScrollableView = /*#__PURE__*/React__namespace.memo(function (props
   var scrollTableRef = React__namespace.useRef(null);
   var scrollFooterRef = React__namespace.useRef(null);
   var scrollFooterBoxRef = React__namespace.useRef(null);
+  var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     cx = _props$ptCallbacks.cx,
@@ -56025,6 +56327,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = TreeTableBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.expandedKeys),
@@ -57115,6 +57418,7 @@ var TriStateCheckboxBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = TriStateCheckboxBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -57206,7 +57510,7 @@ var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
   var checkIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, checkIconProps), {
     props: props
   });
-  var ariaValueLabel = props.value ? ariaLabel('trueLabel') : props.value === false ? ariaLabel('falseLabel') : ariaLabel('nullLabel');
+  var ariaValueLabel = props.value ? ariaLabel$1('trueLabel') : props.value === false ? ariaLabel$1('falseLabel') : ariaLabel$1('nullLabel');
   var ariaChecked = props.value ? 'true' : 'false';
   var checkboxProps = mergeProps(_objectSpread({
     className: cx('checkbox', {
@@ -57405,8 +57709,9 @@ exports.VirtualScroller = VirtualScroller;
 exports.WindowMaximizeIcon = WindowMaximizeIcon;
 exports.WindowMinimizeIcon = WindowMinimizeIcon;
 exports.ZIndexUtils = ZIndexUtils;
+exports._mergeProps = _mergeProps;
 exports.addLocale = addLocale;
-exports.ariaLabel = ariaLabel;
+exports.ariaLabel = ariaLabel$1;
 exports.classNames = classNames;
 exports.confirmDialog = confirmDialog;
 exports.confirmPopup = confirmPopup;
@@ -57429,6 +57734,7 @@ exports.useIntersectionObserver = useIntersectionObserver;
 exports.useInterval = useInterval;
 exports.useLocalStorage = useLocalStorage;
 exports.useMatchMedia = useMatchMedia;
+exports.useMergeProps = useMergeProps;
 exports.useMountEffect = useMountEffect;
 exports.useMouse = useMouse;
 exports.useMove = useMove;