primereact 10.7.0 → 10.8.1

package/primereact.all.esm.js

@@ -1859,6 +1859,11 @@ var ObjectUtils = /*#__PURE__*/function () {
     value: function isLetter(_char2) {
       return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
     }
+  }, {
+    key: "isScalar",
+    value: function isScalar(value) {
+      return value != null && (typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint' || typeof value === 'boolean');
+    }
 
     /**
      * Firefox-v103 does not currently support the "findLast" method. It is stated that this method will be supported with Firefox-v104.
@@ -2014,8 +2019,8 @@ var ObjectUtils = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$1$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$20(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$20(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$20(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$20(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var IconUtils = /*#__PURE__*/function () {
   function IconUtils() {
     _classCallCheck(this, IconUtils);
@@ -2033,7 +2038,7 @@ var IconUtils = /*#__PURE__*/function () {
           className: className
         }));
         if (iconType !== 'string') {
-          var defaultContentOptions = _objectSpread$1$({
+          var defaultContentOptions = _objectSpread$20({
             iconProps: iconProps,
             element: content
           }, options);
@@ -2045,8 +2050,8 @@ var IconUtils = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$1_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function mask(el, options) {
   var defaultOptions = {
     mask: null,
@@ -2059,7 +2064,7 @@ function mask(el, options) {
     onFocus: null,
     onBlur: null
   };
-  options = _objectSpread$1_(_objectSpread$1_({}, defaultOptions), options);
+  options = _objectSpread$1$(_objectSpread$1$({}, defaultOptions), options);
   var tests;
   var partialPosition;
   var len;
@@ -2499,8 +2504,8 @@ function mask(el, options) {
   };
 }
 
-function ownKeys$1Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Merges properties together taking an Array of props and merging into one single set of
  * properties. The options can contain a "classNameMergeFunction" which can be something
@@ -2527,7 +2532,7 @@ function mergeProps(props) {
     var _loop = function _loop() {
       var value = ps[key];
       if (key === 'style') {
-        merged.style = _objectSpread$1Z(_objectSpread$1Z({}, merged.style), ps.style);
+        merged.style = _objectSpread$1_(_objectSpread$1_({}, merged.style), ps.style);
       } else if (key === 'className') {
         var newClassName = '';
         if (hasMergeFunction) {
@@ -2881,22 +2886,24 @@ _defineProperty(PrimeReact$1, "filterMatchModeOptions", {
 _defineProperty(PrimeReact$1, "changeTheme", function (currentTheme, newTheme, linkElementId, callback) {
   var _linkElement$parentNo;
   var linkElement = document.getElementById(linkElementId);
-  var cloneLinkElement = linkElement.cloneNode(true);
+  if (!linkElement) {
+    throw Error("Element with id ".concat(linkElementId, " not found."));
+  }
   var newThemeUrl = linkElement.getAttribute('href').replace(currentTheme, newTheme);
-  cloneLinkElement.setAttribute('id', linkElementId + '-clone');
-  cloneLinkElement.setAttribute('href', newThemeUrl);
-  cloneLinkElement.addEventListener('load', function () {
-    linkElement.remove();
-    cloneLinkElement.setAttribute('id', linkElementId);
+  var newLinkElement = document.createElement('link');
+  newLinkElement.setAttribute('rel', 'stylesheet');
+  newLinkElement.setAttribute('id', linkElementId);
+  newLinkElement.setAttribute('href', newThemeUrl);
+  newLinkElement.addEventListener('load', function () {
     if (callback) {
       callback();
     }
   });
-  (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.insertBefore(cloneLinkElement, linkElement.nextSibling);
+  (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.replaceChild(newLinkElement, linkElement);
 });
 
-function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var locales = {
   en: {
     accept: 'Yes',
@@ -3034,7 +3041,7 @@ function addLocale(locale, options) {
   if (locale.includes('__proto__') || locale.includes('prototype')) {
     throw new Error('Unsafe locale detected');
   }
-  locales[locale] = _objectSpread$1Y(_objectSpread$1Y({}, locales.en), options);
+  locales[locale] = _objectSpread$1Z(_objectSpread$1Z({}, locales.en), options);
 }
 function updateLocaleOption(key, value, locale) {
   if (key.includes('__proto__') || key.includes('prototype')) {
@@ -3047,7 +3054,7 @@ function updateLocaleOptions(options, locale) {
     throw new Error('Unsafe locale detected');
   }
   var _locale = locale || PrimeReact$1.locale;
-  locales[_locale] = _objectSpread$1Y(_objectSpread$1Y({}, locales[_locale]), options);
+  locales[_locale] = _objectSpread$1Z(_objectSpread$1Z({}, locales[_locale]), options);
 }
 function localeOption(key, locale) {
   if (key.includes('__proto__') || key.includes('prototype')) {
@@ -3511,18 +3518,20 @@ var PrimeReactProvider = function PrimeReactProvider(props) {
   var changeTheme = function changeTheme(currentTheme, newTheme, linkElementId, callback) {
     var _linkElement$parentNo;
     var linkElement = document.getElementById(linkElementId);
-    var cloneLinkElement = linkElement.cloneNode(true);
+    if (!linkElement) {
+      throw Error("Element with id ".concat(linkElementId, " not found."));
+    }
     var newThemeUrl = linkElement.getAttribute('href').replace(currentTheme, newTheme);
-    cloneLinkElement.setAttribute('id', linkElementId + '-clone');
-    cloneLinkElement.setAttribute('href', newThemeUrl);
-    cloneLinkElement.addEventListener('load', function () {
-      linkElement.remove();
-      cloneLinkElement.setAttribute('id', linkElementId);
+    var newLinkElement = document.createElement('link');
+    newLinkElement.setAttribute('rel', 'stylesheet');
+    newLinkElement.setAttribute('id', linkElementId);
+    newLinkElement.setAttribute('href', newThemeUrl);
+    newLinkElement.addEventListener('load', function () {
       if (callback) {
         callback();
       }
     });
-    (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.insertBefore(cloneLinkElement, linkElement.nextSibling);
+    (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.replaceChild(newLinkElement, linkElement);
   };
 
   /**
@@ -4048,8 +4057,8 @@ var useMountEffect = function useMountEffect(fn) {
 };
 /* eslint-enable */
 
-function ownKeys$1X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useMouse = function useMouse() {
   var _React$useState = React.useState({
       x: 0,
@@ -4110,15 +4119,15 @@ var useMouse = function useMouse() {
       }
     };
   }, [bindDocumentMoveEventListener, bindMouseMoveEventListener, unbindDocumentMoveEventListener, unbindMouseMoveEventListener]);
-  return _objectSpread$1X(_objectSpread$1X({
+  return _objectSpread$1Y(_objectSpread$1Y({
     ref: ref
   }, position), {}, {
     reset: reset
   });
 };
 
-function ownKeys$1W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useMove(_ref) {
   var _ref$mode = _ref.mode,
     mode = _ref$mode === void 0 ? 'both' : _ref$mode,
@@ -4302,7 +4311,7 @@ function useMove(_ref) {
       }
     };
   }, [bindMouseDownListener, bindTouchStartListener, positions, unbindMouseDownListener, unbindTouchStartListener]);
-  return _objectSpread$1W(_objectSpread$1W({
+  return _objectSpread$1X(_objectSpread$1X({
     ref: ref
   }, positions), {}, {
     active: active,
@@ -4716,8 +4725,8 @@ var useUpdateEffect = function useUpdateEffect(fn, deps) {
 };
 /* eslint-enable */
 
-function ownKeys$1V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    padding: 0;\n    margin: -1px;\n    position: absolute;\n    height: 1px;\n    width: 1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
 var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
 var inputTextStyles = "\n.p-inputtext {\n    margin: 0;\n}\n\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -0.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n    top: -0.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
@@ -4739,7 +4748,7 @@ var ComponentBase = {
   extend: function extend() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var css = props.css;
-    var defaultProps = _objectSpread$1V(_objectSpread$1V({}, props.defaultProps), ComponentBase.defaultProps);
+    var defaultProps = _objectSpread$1W(_objectSpread$1W({}, props.defaultProps), ComponentBase.defaultProps);
     var inlineStyles = {};
     var getProps = function getProps(props) {
       var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -4802,10 +4811,10 @@ var ComponentBase = {
       };
       var globalPT = searchInDefaultPT ? isNestedParam ? _useGlobalPT(getPTClassValue, originalkey, params) : _useDefaultPT(getPTClassValue, originalkey, params) : undefined;
       var self = isNestedParam ? undefined : _usePT(_getPT(obj, componentName), getPTClassValue, originalkey, params);
-      var datasetProps = !isTransition && _objectSpread$1V(_objectSpread$1V({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), fkey));
+      var datasetProps = !isTransition && _objectSpread$1W(_objectSpread$1W({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), fkey));
       return mergeSections || !mergeSections && self ? useMergeProps ? mergeProps([globalPT, self, Object.keys(datasetProps).length ? datasetProps : {}], {
         classNameMergeFunction: (_ComponentBase$contex = ComponentBase.context.ptOptions) === null || _ComponentBase$contex === void 0 ? void 0 : _ComponentBase$contex.classNameMergeFunction
-      }) : _objectSpread$1V(_objectSpread$1V(_objectSpread$1V({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1V(_objectSpread$1V({}, self), Object.keys(datasetProps).length ? datasetProps : {});
+      }) : _objectSpread$1W(_objectSpread$1W(_objectSpread$1W({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1W(_objectSpread$1W({}, self), Object.keys(datasetProps).length ? datasetProps : {});
     };
     var setMetaData = function setMetaData() {
       var metadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4814,7 +4823,7 @@ var ComponentBase = {
       var ptm = function ptm() {
         var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
         var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        return getPTValue((props || {}).pt, key, _objectSpread$1V(_objectSpread$1V({}, metadata), params));
+        return getPTValue((props || {}).pt, key, _objectSpread$1W(_objectSpread$1W({}, metadata), params));
       };
       var ptmo = function ptmo() {
         var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4828,7 +4837,7 @@ var ComponentBase = {
       var cx = function cx() {
         var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
         var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        return !isUnstyled() ? getOptionValue(css && css.classes, key, _objectSpread$1V({
+        return !isUnstyled() ? getOptionValue(css && css.classes, key, _objectSpread$1W({
           props: props,
           state: state
         }, params)) : undefined;
@@ -4839,11 +4848,11 @@ var ComponentBase = {
         var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
         if (when) {
           var _ComponentBase$contex2;
-          var self = getOptionValue(css && css.inlineStyles, key, _objectSpread$1V({
+          var self = getOptionValue(css && css.inlineStyles, key, _objectSpread$1W({
             props: props,
             state: state
           }, params));
-          var base = getOptionValue(inlineStyles, key, _objectSpread$1V({
+          var base = getOptionValue(inlineStyles, key, _objectSpread$1W({
             props: props,
             state: state
           }, params));
@@ -4861,7 +4870,7 @@ var ComponentBase = {
         isUnstyled: isUnstyled
       };
     };
-    return _objectSpread$1V(_objectSpread$1V({
+    return _objectSpread$1W(_objectSpread$1W({
       getProps: getProps,
       getOtherProps: getOtherProps,
       setMetaData: setMetaData
@@ -4919,7 +4928,7 @@ var _usePT = function _usePT(pt, callback, key, params) {
     }
     return mergeSections || !mergeSections && value ? useMergeProps ? mergeProps([originalValue, value], {
       classNameMergeFunction: classNameMergeFunction
-    }) : _objectSpread$1V(_objectSpread$1V({}, originalValue), value) : value;
+    }) : _objectSpread$1W(_objectSpread$1W({}, originalValue), value) : value;
   }
   return fn(pt);
 };
@@ -5006,8 +5015,8 @@ var CSSTransitionBase = {
   }
 };
 
-function ownKeys$1U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CSSTransition = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = CSSTransitionBase.getProps(inProps);
   var context = React.useContext(PrimeReactContext);
@@ -5069,7 +5078,7 @@ var CSSTransition = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     timeout: props.timeout,
     unmountOnExit: props.unmountOnExit
   };
-  var mergedProps = _objectSpread$1U(_objectSpread$1U(_objectSpread$1U({}, mutableProps), props.options || {}), immutableProps);
+  var mergedProps = _objectSpread$1V(_objectSpread$1V(_objectSpread$1V({}, mutableProps), props.options || {}), immutableProps);
   return /*#__PURE__*/React.createElement(CSSTransition$1, mergedProps, props.children);
 });
 CSSTransition.displayName = 'CSSTransition';
@@ -5208,8 +5217,8 @@ var AccordionTabBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AccordionTab = function AccordionTab() {};
 var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
@@ -5233,7 +5242,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       activeIndex: activeIndexState
     }
   };
-  var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread$1T({}, metaData)),
+  var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread$1U({}, metaData)),
     ptm = _AccordionBase$setMet.ptm,
     ptmo = _AccordionBase$setMet.ptmo,
     cx = _AccordionBase$setMet.cx,
@@ -5384,7 +5393,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     return null;
   }
   var createTabHeader = function createTabHeader(tab, selected, index) {
-    var style = _objectSpread$1T(_objectSpread$1T({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'headerStyle') || {});
+    var style = _objectSpread$1U(_objectSpread$1U({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'headerStyle') || {});
     var headerId = idState + '_header_' + index;
     var ariaControls = idState + '_content_' + index;
     var tabIndex = getTabProp(tab, 'disabled') ? -1 : getTabProp(tab, 'tabIndex');
@@ -5398,7 +5407,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       className: cx('accordiontab.headericon')
     }, getTabPT(tab, 'headericon', index));
     var icon = selected ? props.collapseIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, headerIconProps) : props.expandIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, headerIconProps);
-    var toggleIcon = IconUtils.getJSXIcon(icon, _objectSpread$1T({}, headerIconProps), {
+    var toggleIcon = IconUtils.getJSXIcon(icon, _objectSpread$1U({}, headerIconProps), {
       props: props,
       selected: selected
     });
@@ -5431,7 +5440,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     return /*#__PURE__*/React.createElement("div", headerProps, /*#__PURE__*/React.createElement("a", headerActionProps, toggleIcon, header));
   };
   var createTabContent = function createTabContent(tab, selected, index) {
-    var style = _objectSpread$1T(_objectSpread$1T({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'contentStyle') || {});
+    var style = _objectSpread$1U(_objectSpread$1U({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'contentStyle') || {});
     var contentId = idState + '_content_' + index;
     var ariaLabelledby = idState + '_header_' + index;
     var contentRef = /*#__PURE__*/React.createRef();
@@ -5521,13 +5530,13 @@ var BadgeBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Badge = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = BadgeBase.getProps(inProps, context);
-  var _BadgeBase$setMetaDat = BadgeBase.setMetaData(_objectSpread$1S({
+  var _BadgeBase$setMetaDat = BadgeBase.setMetaData(_objectSpread$1T({
       props: props
     }, props.__parentMetadata)),
     ptm = _BadgeBase$setMetaDat.ptm,
@@ -5591,8 +5600,8 @@ var RippleBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -5611,7 +5620,7 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     name: 'ripple',
     manual: !isRippleActive
   });
-  var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread$1R({}, metaData)),
+  var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread$1S({}, metaData)),
     ptm = _RippleBase$setMetaDa.ptm,
     cx = _RippleBase$setMetaDa.cx;
   var getTarget = function getTarget() {
@@ -5817,8 +5826,8 @@ var TooltipBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -6310,7 +6319,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     }, TooltipBase.getOtherProps(props), ptm('root'));
     var arrowProps = mergeProps({
       className: cx('arrow'),
-      style: sx('arrow', _objectSpread$1Q({}, metaData))
+      style: sx('arrow', _objectSpread$1R({}, metaData))
     }, ptm('arrow'));
     var textProps = mergeProps({
       className: cx('text')
@@ -6395,14 +6404,14 @@ var ButtonBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ButtonBase.getProps(inProps, context);
   var disabled = props.disabled || props.loading;
-  var metaData = _objectSpread$1P(_objectSpread$1P({
+  var metaData = _objectSpread$1Q(_objectSpread$1Q({
     props: props
   }, props.__parentMetadata), {}, {
     context: {
@@ -6440,7 +6449,7 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     var icon = props.loading ? props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
       spin: true
     })) : props.icon;
-    return IconUtils.getJSXIcon(icon, _objectSpread$1P({}, iconsProps), {
+    return IconUtils.getJSXIcon(icon, _objectSpread$1Q({}, iconsProps), {
       props: props
     });
   };
@@ -6627,13 +6636,13 @@ var InputTextBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = InputTextBase.getProps(inProps, context);
-  var _InputTextBase$setMet = InputTextBase.setMetaData(_objectSpread$1O(_objectSpread$1O({
+  var _InputTextBase$setMet = InputTextBase.setMetaData(_objectSpread$1P(_objectSpread$1P({
       props: props
     }, props.__parentMetadata), {}, {
       context: {
@@ -6887,8 +6896,8 @@ var VirtualScrollerBase = 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; }
+function ownKeys$1O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -7270,7 +7279,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       var contentPos = getContentPosition();
       var setProp = function setProp(_name, _value, _size) {
         var _cpos = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-        return spacerStyle.current = _objectSpread$1N(_objectSpread$1N({}, spacerStyle.current), _defineProperty({}, "".concat(_name), (_value || []).length * _size + _cpos + 'px'));
+        return spacerStyle.current = _objectSpread$1O(_objectSpread$1O({}, spacerStyle.current), _defineProperty({}, "".concat(_name), (_value || []).length * _size + _cpos + 'px'));
       };
       if (both) {
         setProp('height', items, props.itemSize[0], contentPos.y);
@@ -7290,7 +7299,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
         var _x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
         var _y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
         _stickyRef.current && (_stickyRef.current.style.top = "-".concat(_y, "px"));
-        contentStyle.current = _objectSpread$1N(_objectSpread$1N({}, contentStyle.current), {
+        contentStyle.current = _objectSpread$1O(_objectSpread$1O({}, contentStyle.current), {
           transform: "translate3d(".concat(_x, "px, ").concat(_y, "px, 0)")
         });
       };
@@ -7470,7 +7479,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
   };
   var loaderOptions = function loaderOptions(index, extOptions) {
     var count = loaderArrState.length || 0;
-    return _objectSpread$1N({
+    return _objectSpread$1O({
       index: index,
       count: count,
       first: index === 0,
@@ -7594,7 +7603,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     var icon = props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
       spin: true
     }));
-    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1N({}, loadingIconProps), {
+    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1O({}, loadingIconProps), {
       props: props
     });
     if (!props.loaderDisabled && props.showLoader && loadingState) {
@@ -7722,15 +7731,15 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
 }));
 VirtualScroller.displayName = 'VirtualScroller';
 
-function ownKeys$1M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var context = React.useContext(PrimeReactContext);
   var _ptm = function _ptm(key, options) {
-    return ptm(key, _objectSpread$1M({
+    return ptm(key, _objectSpread$1N({
       hostName: props.hostName
     }, options));
   };
@@ -7770,7 +7779,7 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
   });
   var createLabelItem = function createLabelItem(item, key, index, labelItemProps) {
     var content = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, item, index) : props.getOptionGroupLabel(item) || item;
-    var itemGroupProps = mergeProps(_objectSpread$1M({
+    var itemGroupProps = mergeProps(_objectSpread$1N({
       index: index,
       key: key ? key : null,
       className: cx('itemGroup'),
@@ -7781,7 +7790,7 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
   var createListItem = function createListItem(item, key, index, listItemProps) {
     var selected = ObjectUtils.deepEquals(props.selectedItem, item);
     var content = props.itemTemplate ? ObjectUtils.getJSXElement(props.itemTemplate, item, index) : props.field ? ObjectUtils.resolveFieldData(item, props.field) : item;
-    var itemProps = mergeProps(_objectSpread$1M({
+    var itemProps = mergeProps(_objectSpread$1N({
       index: index,
       role: 'option',
       className: cx('item', {
@@ -7875,8 +7884,8 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
     }
     if (props.virtualScrollerOptions) {
       var _items = props.suggestions ? props.optionGroupLabel ? flattenGroupedItems(props === null || props === void 0 ? void 0 : props.suggestions) : props.suggestions : null;
-      var virtualScrollerProps = _objectSpread$1M(_objectSpread$1M({}, props.virtualScrollerOptions), {
-        style: _objectSpread$1M(_objectSpread$1M({}, props.virtualScrollerOptions.style), {
+      var virtualScrollerProps = _objectSpread$1N(_objectSpread$1N({}, props.virtualScrollerOptions), {
+        style: _objectSpread$1N(_objectSpread$1N({}, props.virtualScrollerOptions.style), {
           height: props.scrollHeight
         }),
         autoSize: true,
@@ -7922,7 +7931,7 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
     return /*#__PURE__*/React.createElement("div", listWrapperProps, /*#__PURE__*/React.createElement("ul", listProps, items));
   };
   var createElement = function createElement() {
-    var style = _objectSpread$1M({}, props.panelStyle || {});
+    var style = _objectSpread$1N({}, props.panelStyle || {});
     var content = createContent();
     var footer = createFooter();
     var panelProps = mergeProps({
@@ -7963,8 +7972,8 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
 }));
 AutoCompletePanel.displayName = 'AutoCompletePanel';
 
-function ownKeys$1L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -8145,11 +8154,15 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
   var onOverlayEntering = function onOverlayEntering() {
     if (props.autoHighlight && props.suggestions && props.suggestions.length) {
-      var element = getScrollableElement().firstChild.firstChild;
-      if (element) {
-        !isUnstyled() && DomHandler.addClass(element, 'p-highlight');
-        element.setAttribute('data-p-highlight', true);
-      }
+      autoHighlightFirstOption();
+    }
+  };
+  var autoHighlightFirstOption = function autoHighlightFirstOption() {
+    var _getScrollableElement;
+    var element = (_getScrollableElement = getScrollableElement()) === null || _getScrollableElement === void 0 || (_getScrollableElement = _getScrollableElement.firstChild) === null || _getScrollableElement === void 0 ? void 0 : _getScrollableElement.firstChild;
+    if (element) {
+      !isUnstyled() && DomHandler.addClass(element, 'p-highlight');
+      element.setAttribute('data-p-highlight', true);
     }
   };
   var onOverlayEntered = function onOverlayEntered() {
@@ -8353,7 +8366,8 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }) : false;
   };
   var getScrollableElement = function getScrollableElement() {
-    return overlayRef.current.firstChild;
+    var _overlayRef$current;
+    return overlayRef === null || overlayRef === void 0 || (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.firstChild;
   };
   var getOptionGroupLabel = function getOptionGroupLabel(optionGroup) {
     return props.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel) : optionGroup;
@@ -8376,6 +8390,11 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }
     alignOverlay();
   });
+  useUpdateEffect(function () {
+    if (searchingState && props.autoHighlight && props.suggestions && props.suggestions.length) {
+      autoHighlightFirstOption();
+    }
+  }, [searchingState]);
   useUpdateEffect(function () {
     if (searchingState) {
       ObjectUtils.isNotEmpty(props.suggestions) || props.showEmptyMessage ? show() : hide();
@@ -8455,7 +8474,8 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       onContextMenu: props.onContextMenu,
       onClick: props.onClick,
       onDoubleClick: props.onDblClick,
-      pt: ptm('input')
+      pt: ptm('input'),
+      unstyled: props.unstyled
     }, ariaProps, {
       __parentMetadata: {
         parent: metaData
@@ -8473,7 +8493,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
           }
         }, ptm('removeTokenIcon'));
         var icon = props.removeTokenIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, removeTokenIconProps);
-        var removeTokenIcon = !props.disabled && IconUtils.getJSXIcon(icon, _objectSpread$1L({}, removeTokenIconProps), {
+        var removeTokenIcon = !props.disabled && IconUtils.getJSXIcon(icon, _objectSpread$1M({}, removeTokenIconProps), {
           props: props
         });
         var tokenProps = mergeProps({
@@ -8495,7 +8515,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     var inputTokenProps = mergeProps({
       className: cx('inputToken')
     }, ptm('inputToken'));
-    var inputProps = mergeProps(_objectSpread$1L({
+    var inputProps = mergeProps(_objectSpread$1M({
       id: props.inputId,
       ref: inputRef,
       'aria-autocomplete': 'list',
@@ -8567,7 +8587,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       var icon = props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
         spin: true
       }));
-      var loaderIcon = IconUtils.getJSXIcon(icon, _objectSpread$1L({}, loadingIconProps), {
+      var loaderIcon = IconUtils.getJSXIcon(icon, _objectSpread$1M({}, loadingIconProps), {
         props: props
       });
       return loaderIcon;
@@ -8658,8 +8678,8 @@ var AvatarBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Avatar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -8704,7 +8724,7 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       var iconProps = mergeProps({
         className: cx('icon')
       }, ptm('icon'));
-      return IconUtils.getJSXIcon(props.icon, _objectSpread$1K({}, iconProps), {
+      return IconUtils.getJSXIcon(props.icon, _objectSpread$1L({}, iconProps), {
         props: props
       });
     }
@@ -8828,8 +8848,8 @@ var BlockUIBase = 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; }
+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 BlockUI = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -8909,7 +8929,7 @@ var BlockUI = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       var appendTo = props.fullScreen ? document.body : 'self';
       var maskProps = mergeProps({
         className: classNames(props.className, cx('mask')),
-        style: _objectSpread$1J(_objectSpread$1J({}, props.style), {}, {
+        style: _objectSpread$1K(_objectSpread$1K({}, props.style), {}, {
           position: props.fullScreen ? 'fixed' : 'absolute',
           top: '0',
           left: '0',
@@ -8981,8 +9001,8 @@ var BreadCrumbBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -9041,7 +9061,7 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       var iconProps = mergeProps({
         className: cx('icon')
       }, ptm('icon'));
-      var icon = IconUtils.getJSXIcon(_icon, _objectSpread$1I({}, iconProps), {
+      var icon = IconUtils.getJSXIcon(_icon, _objectSpread$1J({}, iconProps), {
         props: props
       });
       var actionProps = mergeProps({
@@ -9092,7 +9112,7 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       'aria-hidden': 'true'
     }, ptm('separatorIcon'));
     var icon = props.separatorIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, separatorIconProps);
-    var separatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1I({}, separatorIconProps), {
+    var separatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1J({}, separatorIconProps), {
       props: props
     });
     var separatorProps = mergeProps({
@@ -9482,8 +9502,8 @@ var CalendarPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 CalendarPanel.displayName = 'CalendarPanel';
 
-function ownKeys$1H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$e(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$e(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray$e(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$e(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$e(o, minLen); }
 function _arrayLikeToArray$e(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
@@ -9507,7 +9527,6 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     idState = _React$useState8[0],
     setIdState = _React$useState8[1];
-  var isTypingRef = React.useRef(false);
   var metaData = {
     props: props,
     state: {
@@ -9635,7 +9654,6 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     try {
       var value = parseValueFromString(props.timeOnly ? rawValue.replace('_', '') : rawValue);
       if (isValidSelection(value)) {
-        isTypingRef.current = true;
         updateModel(event, value);
         updateViewDate(event, value.length ? value[0] : value);
       }
@@ -9665,7 +9683,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       return isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false) && isSelectableTime(v);
     })) {
       if (isRangeSelection()) {
-        isValid = value.length > 1 && value[1] > value[0] ? true : false;
+        isValid = value.length > 1 && value[1] >= value[0];
       }
     }
     return isValid;
@@ -10408,7 +10426,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         month: month,
         year: year,
         selectable: isSelectable(day, month, year)
-      });
+      }, null, true);
     }
   };
   var setNavigationState = function setNavigationState(newViewDate) {
@@ -10880,7 +10898,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
     }
   };
-  var onDateSelect = function onDateSelect(event, dateMeta, timeMeta) {
+  var onDateSelect = function onDateSelect(event, dateMeta, timeMeta, isUpdateViewDate) {
     if (!event) {
       return;
     }
@@ -10905,7 +10923,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     } else {
       selectDate(event, dateMeta, timeMeta);
     }
-    if (!props.inline && isSingleSelection() && (!props.showTime || props.hideOnDateTimeSelect)) {
+    if (!props.inline && isSingleSelection() && (!props.showTime || props.hideOnDateTimeSelect) && !isUpdateViewDate) {
       setTimeout(function () {
         hide('dateselect');
       }, 100);
@@ -10975,6 +10993,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         if (props.hideOnRangeSelection && endDate !== null) {
           setTimeout(function () {
             setOverlayVisibleState(false);
+            isOverlayClicked.current = false;
           }, 150);
         }
       } else {
@@ -12113,8 +12132,10 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     viewChangedWithKeyDown.current = false;
   }, [props.view]);
   useUpdateEffect(function () {
-    focusToFirstCell();
-  }, [currentView]);
+    if (visible && !props.inline) {
+      focusToFirstCell();
+    }
+  }, [visible, currentView, props.inline]);
   useUpdateEffect(function () {
     if (!props.onViewDateChange && !viewStateChanged.current) {
       setValue(props.value);
@@ -12134,10 +12155,12 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   useUpdateEffect(function () {
     var newDate = props.value;
     if (previousValue !== newDate) {
-      if (!isTypingRef.current) {
+      var isInputFocused = document.activeElement === inputRef.current;
+
+      // Do not update value in input if user types something in it:
+      if (!isInputFocused) {
         updateInputfield(newDate);
       }
-      isTypingRef.current = false;
 
       // #3516 view date not updated when value set programatically
       if (!newDate) return;
@@ -12233,7 +12256,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       className: cx('previousIcon')
     }, ptm('previousIcon'));
     var icon = props.prevIcon || /*#__PURE__*/React.createElement(ChevronLeftIcon, previousIconProps);
-    var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1H({}, previousIconProps), {
+    var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1I({}, previousIconProps), {
       props: props
     });
     var _localeOptions4 = localeOptions(props.locale),
@@ -12241,7 +12264,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       prevYear = _localeOptions4.prevYear,
       prevMonth = _localeOptions4.prevMonth;
     var previousButtonLabel = currentView === 'year' ? prevDecade : currentView === 'month' ? prevYear : prevMonth;
-    var previousButtonProps = mergeProps(_objectSpread$1H({
+    var previousButtonProps = mergeProps(_objectSpread$1I({
       type: 'button',
       className: cx('previousButton'),
       'aria-label': previousButtonLabel
@@ -12265,7 +12288,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       className: cx('nextIcon')
     }, ptm('nextIcon'));
     var icon = props.nextIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, nextIconProps);
-    var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1H({}, nextIconProps), {
+    var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1I({}, nextIconProps), {
       props: props
     });
     var _localeOptions5 = localeOptions(props.locale),
@@ -12273,7 +12296,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       nextYear = _localeOptions5.nextYear,
       nextMonth = _localeOptions5.nextMonth;
     var nextButtonLabel = currentView === 'year' ? nextDecade : currentView === 'month' ? nextYear : nextMonth;
-    var nextButtonProps = mergeProps(_objectSpread$1H({
+    var nextButtonProps = mergeProps(_objectSpread$1I({
       type: 'button',
       className: cx('nextButton'),
       'aria-label': nextButtonLabel
@@ -12634,10 +12657,10 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
   var incrementIconProps = mergeProps(ptm('incrementIcon'));
   var decrementIconProps = mergeProps(ptm('decrementIcon'));
-  var incrementIcon = IconUtils.getJSXIcon(props.incrementIcon || /*#__PURE__*/React.createElement(ChevronUpIcon, incrementIconProps), _objectSpread$1H({}, incrementIconProps), {
+  var incrementIcon = IconUtils.getJSXIcon(props.incrementIcon || /*#__PURE__*/React.createElement(ChevronUpIcon, incrementIconProps), _objectSpread$1I({}, incrementIconProps), {
     props: props
   });
-  var decrementIcon = IconUtils.getJSXIcon(props.decrementIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, decrementIconProps), _objectSpread$1H({}, decrementIconProps), {
+  var decrementIcon = IconUtils.getJSXIcon(props.decrementIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, decrementIconProps), _objectSpread$1I({}, decrementIconProps), {
     props: props
   });
   var createHourPicker = function createHourPicker() {
@@ -12902,6 +12925,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         tooltip: props.tooltip,
         tooltipOptions: props.tooltipOptions,
         pt: ptm('input'),
+        unstyled: props.unstyled,
         __parentMetadata: {
           parent: metaData
         }
@@ -13304,8 +13328,8 @@ var CarouselBase = 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; }
+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 CarouselItem = /*#__PURE__*/React.memo(function (props) {
   var mergeProps = useMergeProps();
   var ptm = props.ptm,
@@ -13855,7 +13879,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         className: cx('previousButtonIcon')
       }, ptm('previousButtonIcon'));
       var icon = isVertical ? props.prevIcon || /*#__PURE__*/React.createElement(ChevronUpIcon, previousButtonIconProps) : props.prevIcon || /*#__PURE__*/React.createElement(ChevronLeftIcon, previousButtonIconProps);
-      var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1G({}, previousButtonIconProps), {
+      var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1H({}, previousButtonIconProps), {
         props: props
       });
       var previousButtonProps = mergeProps({
@@ -13881,7 +13905,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         className: cx('nextButtonIcon')
       }, ptm('nextButtonIcon'));
       var icon = isVertical ? props.nextIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, nextButtonIconProps) : props.nextIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, nextButtonIconProps);
-      var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1G({}, nextButtonIconProps), {
+      var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1H({}, nextButtonIconProps), {
         props: props
       });
       var nextButtonProps = mergeProps({
@@ -14078,8 +14102,8 @@ var AngleRightIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(func
 }));
 AngleRightIcon.displayName = 'AngleRightIcon';
 
-function ownKeys$1F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
   var mergeProps = useMergeProps();
   var _React$useState = React.useState(null),
@@ -14093,7 +14117,7 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
   var getPTOptions = function getPTOptions(key, options) {
     return ptm(key, {
       hostName: props.hostName,
-      state: _objectSpread$1F({}, options)
+      state: _objectSpread$1G({}, options)
     });
   };
   var position = function position() {
@@ -14257,7 +14281,7 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
       className: cx('optionGroupIcon')
     }, getPTOptions('optionGroupIcon'));
     var icon = props.optionGroupIcon || /*#__PURE__*/React.createElement(AngleRightIcon, optionGroupIconProps);
-    var optionGroup = isOptionGroup(option) && IconUtils.getJSXIcon(icon, _objectSpread$1F({}, optionGroupIconProps), {
+    var optionGroup = isOptionGroup(option) && IconUtils.getJSXIcon(icon, _objectSpread$1G({}, optionGroupIconProps), {
       props: props
     });
     var key = getOptionLabelToRender(option) + '_' + index;
@@ -14320,8 +14344,8 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
 function _createForOfIteratorHelper$d(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$d(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray$d(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$d(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$d(o, minLen); }
 function _arrayLikeToArray$d(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys$1E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -14345,7 +14369,7 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
         overlayVisible: overlayVisibleState,
         attributeSelector: attributeSelectorState
       },
-      context: _objectSpread$1E({}, context)
+      context: _objectSpread$1F({}, context)
     }),
     ptm = _CascadeSelectBase$se.ptm,
     cx = _CascadeSelectBase$se.cx,
@@ -14590,7 +14614,7 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     var hiddenSelectedMessageProps = mergeProps({
       className: 'p-hidden-accessible'
     }, ptm('hiddenSelectedMessage'));
-    var inputProps = mergeProps(_objectSpread$1E({
+    var inputProps = mergeProps(_objectSpread$1F({
       ref: inputRef,
       type: 'text',
       id: props.inputId,
@@ -14616,7 +14640,7 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
         label: label
       })
     }, ptm('label', {
-      context: _objectSpread$1E({
+      context: _objectSpread$1F({
         label: label
       }, context)
     }));
@@ -14629,7 +14653,7 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     var icon = props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, {
       spin: true
     });
-    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1E({}, loadingIconProps), {
+    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1F({}, loadingIconProps), {
       props: props
     });
     var loadingButtonProps = mergeProps({
@@ -14645,7 +14669,7 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       className: cx('dropdownIcon')
     }, ptm('dropdownIcon'));
     var icon = props.dropdownIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, dropdownIconProps);
-    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1E({}, dropdownIconProps), {
+    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1F({}, dropdownIconProps), {
       props: props
     });
     var dropdownButtonProps = mergeProps({
@@ -14944,8 +14968,8 @@ var CheckboxBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -15062,7 +15086,7 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   }, otherProps, ptm('root'));
   var createInputElement = function createInputElement() {
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
-    var inputProps = mergeProps(_objectSpread$1D({
+    var inputProps = mergeProps(_objectSpread$1E({
       id: props.inputId,
       type: 'checkbox',
       className: cx('input'),
@@ -15099,7 +15123,7 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       'data-p-disabled': props.disabled
     }, ptm('box'));
     var icon = checked ? props.icon || /*#__PURE__*/React.createElement(CheckIcon, iconProps) : null;
-    var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$1D({}, iconProps), {
+    var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$1E({}, iconProps), {
       props: props,
       checked: checked
     });
@@ -15149,8 +15173,8 @@ var ChipBase = 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; }
+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 Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -15208,7 +15232,7 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
         key: 'icon',
         className: cx('icon')
       }, ptm('icon'));
-      content.push(IconUtils.getJSXIcon(props.icon, _objectSpread$1C({}, chipIconProps), {
+      content.push(IconUtils.getJSXIcon(props.icon, _objectSpread$1D({}, chipIconProps), {
         props: props
       }));
     }
@@ -15220,7 +15244,7 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
       content.push( /*#__PURE__*/React.createElement("span", labelProps, props.label));
     }
     if (props.removable) {
-      content.push(IconUtils.getJSXIcon(icon, _objectSpread$1C({}, removeIconProps), {
+      content.push(IconUtils.getJSXIcon(icon, _objectSpread$1D({}, removeIconProps), {
         props: props
       }));
     }
@@ -15322,8 +15346,8 @@ var ChipsBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -15604,7 +15628,7 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
         'aria-hidden': 'true'
       }, ptm('removeTokenIcon'));
       var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
-      var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread$1B({}, iconProps), {
+      var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread$1C({}, iconProps), {
         props: props
       });
       return removeIcon;
@@ -15639,7 +15663,7 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     var inputTokenProps = mergeProps({
       className: cx('inputToken')
     }, ptm('inputToken'));
-    var inputProps = mergeProps(_objectSpread$1B({
+    var inputProps = mergeProps(_objectSpread$1C({
       id: props.inputId,
       ref: inputRef,
       placeholder: props.placeholder,
@@ -15831,8 +15855,8 @@ var ColorPickerPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 ColorPickerPanel.displayName = 'ColorPickerPanel';
 
-function ownKeys$1A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -16351,7 +16375,7 @@ var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var createInput = function createInput() {
     if (!props.inline) {
       var inputProps = ColorPickerBase.getOtherProps(props);
-      var _inputProps = mergeProps(_objectSpread$1A({
+      var _inputProps = mergeProps(_objectSpread$1B({
         ref: inputRef,
         type: 'text',
         readOnly: true,
@@ -16426,8 +16450,8 @@ var FocusTrapBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FocusTrap = /*#__PURE__*/React__default.memo( /*#__PURE__*/React__default.forwardRef(function (inProps, ref) {
   var targetRef = React__default.useRef(null);
   var firstFocusableElementRef = React__default.useRef(null);
@@ -16440,7 +16464,7 @@ var FocusTrap = /*#__PURE__*/React__default.memo( /*#__PURE__*/React__default.fo
   useStyle(FocusTrapBase.css.styles, {
     name: 'focustrap'
   });
-  var _FocusTrapBase$setMet = FocusTrapBase.setMetaData(_objectSpread$1z({}, metaData));
+  var _FocusTrapBase$setMet = FocusTrapBase.setMetaData(_objectSpread$1A({}, metaData));
     _FocusTrapBase$setMet.ptm;
   React__default.useImperativeHandle(ref, function () {
     return {
@@ -16583,8 +16607,8 @@ var WindowMinimizeIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
 }));
 WindowMinimizeIcon.displayName = 'WindowMinimizeIcon';
 
-function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var classes$$ = {
   closeButtonIcon: 'p-dialog-header-close-icon',
   closeButton: 'p-dialog-header-icon p-dialog-header-close p-link',
@@ -16636,7 +16660,7 @@ var styles$O = "\n@layer primereact {\n    .p-dialog-mask {\n        background-
 var inlineStyles$k = {
   mask: function mask(_ref6) {
     var props = _ref6.props;
-    return _objectSpread$1y({
+    return _objectSpread$1z({
       position: 'fixed',
       height: '100%',
       width: '100%',
@@ -16712,8 +16736,8 @@ var DialogBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -16753,7 +16777,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var shouldBlockScroll = visibleState && (props.blockScroll || props.maximizable && maximized);
   var isCloseOnEscape = props.closable && props.closeOnEscape && visibleState;
   var displayOrder = useDisplayOrder('dialog', isCloseOnEscape);
-  var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread$1x(_objectSpread$1x({
+  var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread$1y(_objectSpread$1y({
       props: props
     }, props.__parentMetadata), {}, {
       state: {
@@ -17145,7 +17169,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         'aria-hidden': true
       }, ptm('closeButtonIcon'));
       var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, closeButtonIconProps);
-      var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread$1x({}, closeButtonIconProps), {
+      var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread$1y({}, closeButtonIconProps), {
         props: props
       });
       var closeButtonProps = mergeProps({
@@ -17314,7 +17338,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var rootElement = /*#__PURE__*/React.createElement("div", maskProps, /*#__PURE__*/React.createElement(CSSTransition, _extends({
       nodeRef: dialogRef
     }, transitionProps), /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement(FocusTrap$1, {
-      autoFocus: true
+      autoFocus: props.focusOnShow
     }, contentElement))));
     return /*#__PURE__*/React.createElement(Portal, {
       element: rootElement,
@@ -17367,17 +17391,17 @@ var ConfirmDialogBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var confirmDialog = function confirmDialog() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  props = _objectSpread$1w(_objectSpread$1w({}, props), {
+  props = _objectSpread$1x(_objectSpread$1x({}, props), {
     visible: props.visible === undefined ? true : props.visible
   });
   props.visible && OverlayService.emit('confirm-dialog', props);
   var show = function show() {
     var updatedProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    OverlayService.emit('confirm-dialog', _objectSpread$1w(_objectSpread$1w(_objectSpread$1w({}, props), updatedProps), {
+    OverlayService.emit('confirm-dialog', _objectSpread$1x(_objectSpread$1x(_objectSpread$1x({}, props), updatedProps), {
       visible: true
     }));
   };
@@ -17566,7 +17590,7 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     var iconProps = mergeProps({
       className: cx('icon')
     }, ptm('icon'));
-    var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1w({}, iconProps), {
+    var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1x({}, iconProps), {
       props: currentProps
     });
     var footer = createFooter();
@@ -17659,17 +17683,17 @@ var ConfirmPopupBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var confirmPopup = function confirmPopup() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  props = _objectSpread$1v(_objectSpread$1v({}, props), {
+  props = _objectSpread$1w(_objectSpread$1w({}, props), {
     visible: props.visible === undefined ? true : props.visible
   });
   props.visible && OverlayService.emit('confirm-popup', props);
   var show = function show() {
     var updatedProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    OverlayService.emit('confirm-popup', _objectSpread$1v(_objectSpread$1v(_objectSpread$1v({}, props), updatedProps), {
+    OverlayService.emit('confirm-popup', _objectSpread$1w(_objectSpread$1w(_objectSpread$1w({}, props), updatedProps), {
       visible: true
     }));
   };
@@ -17899,7 +17923,7 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     var iconProps = mergeProps({
       className: cx('icon')
     }, ptm('icon'));
-    var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1v({}, iconProps), {
+    var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1w({}, iconProps), {
       props: currentProps
     });
     var messageProps = mergeProps({
@@ -18087,8 +18111,8 @@ var ContextMenuBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ContextMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var submenuRef = React.useRef(null);
@@ -18258,7 +18282,7 @@ var ContextMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(func
     var iconProps = mergeProps({
       className: cx('icon')
     }, getPTOptions(processedItem, 'icon', index));
-    var icon = IconUtils.getJSXIcon(item.icon, _objectSpread$1u({}, iconProps), {
+    var icon = IconUtils.getJSXIcon(item.icon, _objectSpread$1v({}, iconProps), {
       props: props.menuProps
     });
     var submenuIconProps = mergeProps({
@@ -18268,7 +18292,7 @@ var ContextMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(func
       className: cx('label')
     }, getPTOptions(processedItem, 'label', index));
     var items = getItemProp(processedItem, 'items');
-    var submenuIcon = items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React.createElement(AngleRightIcon, submenuIconProps), _objectSpread$1u({}, submenuIconProps), {
+    var submenuIcon = items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React.createElement(AngleRightIcon, submenuIconProps), _objectSpread$1v({}, submenuIconProps), {
       props: props.menuProps
     });
     var label = item.label && /*#__PURE__*/React.createElement("span", labelProps, item.label);
@@ -18371,8 +18395,8 @@ var ContextMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(func
 }));
 ContextMenuSub.displayName = 'ContextMenuSub';
 
-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 ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -18889,7 +18913,7 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       anchorElement ? anchorElement.click() : _element && _element.click();
       var processedItem = visibleItems[focusedItemInfo.index];
       var grouped = isProccessedItemGroup(processedItem);
-      !grouped && setFocusedItemInfo(_objectSpread$1t(_objectSpread$1t({}, focusedItemInfo), {}, {
+      !grouped && setFocusedItemInfo(_objectSpread$1u(_objectSpread$1u({}, focusedItemInfo), {}, {
         index: findFirstFocusedItemIndex()
       }));
     }
@@ -18953,7 +18977,7 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   };
   var changeFocusedItemIndex = function changeFocusedItemIndex(index) {
     if (focusedItemInfo.index !== index) {
-      setFocusedItemInfo(_objectSpread$1t(_objectSpread$1t({}, focusedItemInfo), {}, {
+      setFocusedItemInfo(_objectSpread$1u(_objectSpread$1u({}, focusedItemInfo), {}, {
         index: index
       }));
       scrollInView();
@@ -19653,8 +19677,8 @@ var RowsPerPageDropdownBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CurrentPageReport = /*#__PURE__*/React.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -19676,7 +19700,7 @@ var CurrentPageReport = /*#__PURE__*/React.memo(function (inProps) {
   }));
   var element = /*#__PURE__*/React.createElement("span", currentProps, text);
   if (props.template) {
-    var defaultOptions = _objectSpread$1s(_objectSpread$1s({}, report), {
+    var defaultOptions = _objectSpread$1t(_objectSpread$1t({}, report), {
       ariaLive: 'polite',
       className: 'p-paginator-current',
       element: element,
@@ -19706,8 +19730,8 @@ var AngleDoubleLeftIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef
 }));
 AngleDoubleLeftIcon.displayName = 'AngleDoubleLeftIcon';
 
-function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FirstPageLink = /*#__PURE__*/React.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -19730,7 +19754,7 @@ var FirstPageLink = /*#__PURE__*/React.memo(function (inProps) {
     className: cx('firstPageIcon')
   }, getPTOptions('firstPageIcon'));
   var icon = props.firstPageLinkIcon || /*#__PURE__*/React.createElement(AngleDoubleLeftIcon, firstPageIconProps);
-  var firstPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1r({}, firstPageIconProps), {
+  var firstPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1s({}, firstPageIconProps), {
     props: props
   });
   var firstPageButtonProps = mergeProps({
@@ -19895,8 +19919,8 @@ var InputNumberBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -19905,7 +19929,7 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
-  var metaData = _objectSpread$1q(_objectSpread$1q({
+  var metaData = _objectSpread$1r(_objectSpread$1r({
     props: props
   }, props.__parentMetadata), {}, {
     state: {
@@ -19989,7 +20013,7 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     }).format(1.1).trim().replace(_numeral.current, '');
   };
   var getDecimalExpression = function getDecimalExpression() {
-    var formatter = new Intl.NumberFormat(_locale, _objectSpread$1q(_objectSpread$1q({}, getOptions()), {}, {
+    var formatter = new Intl.NumberFormat(_locale, _objectSpread$1r(_objectSpread$1r({}, getOptions()), {}, {
       useGrouping: false
     }));
     return new RegExp("[".concat(formatter.format(1.1).replace(_currency.current, '').trim().replace(_numeral.current, ''), "]"), 'g');
@@ -20899,6 +20923,7 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       "aria-valuenow": props.value
     }, ariaProps, dataProps, {
       pt: ptm('input'),
+      unstyled: props.unstyled,
       __parentMetadata: {
         parent: metaData
       }
@@ -20909,7 +20934,7 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       className: cx('incrementIcon')
     }, ptm('incrementIcon'));
     var icon = props.incrementButtonIcon || /*#__PURE__*/React.createElement(AngleUpIcon, incrementIconProps);
-    var upButton = IconUtils.getJSXIcon(icon, _objectSpread$1q({}, incrementIconProps), {
+    var upButton = IconUtils.getJSXIcon(icon, _objectSpread$1r({}, incrementIconProps), {
       props: props
     });
     var incrementButtonProps = mergeProps({
@@ -20935,7 +20960,7 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       className: cx('decrementIcon')
     }, ptm('decrementIcon'));
     var icon = props.decrementButtonIcon || /*#__PURE__*/React.createElement(AngleDownIcon, decrementIconProps);
-    var downButton = IconUtils.getJSXIcon(icon, _objectSpread$1q({}, decrementIconProps), {
+    var downButton = IconUtils.getJSXIcon(icon, _objectSpread$1r({}, decrementIconProps), {
       props: props
     });
     var decrementButtonProps = mergeProps({
@@ -21050,8 +21075,8 @@ var AngleDoubleRightIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRe
 }));
 AngleDoubleRightIcon.displayName = 'AngleDoubleRightIcon';
 
-function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LastPageLink = /*#__PURE__*/React.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -21074,7 +21099,7 @@ var LastPageLink = /*#__PURE__*/React.memo(function (inProps) {
     className: cx('lastPageIcon')
   }, getPTOptions('lastPageIcon'));
   var icon = props.lastPageLinkIcon || /*#__PURE__*/React.createElement(AngleDoubleRightIcon, lastPageIconProps);
-  var lastPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1p({}, lastPageIconProps), {
+  var lastPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1q({}, lastPageIconProps), {
     props: props
   });
   var lastPageButtonProps = mergeProps({
@@ -21102,8 +21127,8 @@ var LastPageLink = /*#__PURE__*/React.memo(function (inProps) {
 });
 LastPageLink.displayName = 'LastPageLink';
 
-function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NextPageLink = /*#__PURE__*/React.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -21126,7 +21151,7 @@ var NextPageLink = /*#__PURE__*/React.memo(function (inProps) {
     className: cx('nextPageIcon')
   }, getPTOptions('nextPageIcon'));
   var icon = props.nextPageLinkIcon || /*#__PURE__*/React.createElement(AngleRightIcon, nextPageIconProps);
-  var nextPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1o({}, nextPageIconProps), {
+  var nextPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1p({}, nextPageIconProps), {
     props: props
   });
   var nextPageButtonProps = mergeProps({
@@ -21258,8 +21283,8 @@ var AngleLeftIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
 }));
 AngleLeftIcon.displayName = 'AngleLeftIcon';
 
-function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PrevPageLink = /*#__PURE__*/React.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -21282,7 +21307,7 @@ var PrevPageLink = /*#__PURE__*/React.memo(function (inProps) {
     className: cx('prevPageIcon')
   }, getPTOptions('prevPageIcon'));
   var icon = props.prevPageLinkIcon || /*#__PURE__*/React.createElement(AngleLeftIcon, prevPageIconProps);
-  var prevPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1n({}, prevPageIconProps), {
+  var prevPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1o({}, prevPageIconProps), {
     props: props
   });
   var prevPageButtonProps = mergeProps({
@@ -21310,6 +21335,8 @@ var PrevPageLink = /*#__PURE__*/React.memo(function (inProps) {
 });
 PrevPageLink.displayName = 'PrevPageLink';
 
+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 classes$U = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -21394,7 +21421,7 @@ var classes$U = {
   footer: 'p-dropdown-footer',
   transition: 'p-connected-overlay'
 };
-var styles$I = "\n@layer primereact {\n    .p-dropdown {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-dropdown-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dropdown-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-dropdown-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    input.p-dropdown-label  {\n        cursor: default;\n    }\n    \n    .p-dropdown .p-dropdown-panel {\n        min-width: 100%;\n    }\n    \n    .p-dropdown-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-dropdown-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-dropdown-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-dropdown-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-dropdown-filter {\n        width: 100%;\n    }\n    \n    .p-dropdown-filter-container {\n        position: relative;\n    }\n    \n    .p-dropdown-clear-icon,\n    .p-dropdown-filter-icon,\n    .p-dropdown-filter-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-dropdown {\n        display: flex;\n    }\n    \n    .p-fluid .p-dropdown .p-dropdown-label {\n        width: 1%;\n    }\n}\n";
+var styles$I = "\n@layer primereact {\n    .p-dropdown {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-dropdown-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dropdown-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-dropdown-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    input.p-dropdown-label  {\n        cursor: default;\n    }\n    \n    .p-dropdown .p-dropdown-panel {\n        min-width: 100%;\n    }\n    \n    .p-dropdown-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-dropdown-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-dropdown-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-dropdown-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-dropdown-filter {\n        width: 100%;\n    }\n    \n    .p-dropdown-filter-container {\n        position: relative;\n    }\n    \n    .p-dropdown-clear-icon,\n    .p-dropdown-filter-icon,\n    .p-dropdown-filter-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        right: 2rem;\n    }\n    \n    .p-fluid .p-dropdown {\n        display: flex;\n    }\n    \n    .p-fluid .p-dropdown .p-dropdown-label {\n        width: 1%;\n    }\n}\n";
 var inlineStyles$i = {
   wrapper: function wrapper(_ref9) {
     var props = _ref9.props;
@@ -21404,7 +21431,7 @@ var inlineStyles$i = {
   },
   panel: function panel(_ref10) {
     var props = _ref10.props;
-    props.panelStyle;
+    return _objectSpread$1n({}, props.panelStyle);
   }
 };
 var DropdownBase = ComponentBase.extend({
@@ -22054,9 +22081,10 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
   var onOptionSelect = function onOptionSelect(event, option) {
     var isHide = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    var value = getOptionValue(option);
     selectItem({
       originalEvent: event,
-      option: option
+      option: value
     });
     isHide && hide();
   };
@@ -22547,11 +22575,14 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
   };
   var getOptionLabel = function getOptionLabel(option) {
-    var optionLabel = props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : ObjectUtils.resolveFieldData(option, 'label');
-    return ObjectUtils.isNotEmpty(optionLabel) ? optionLabel : option;
+    if (ObjectUtils.isScalar(option)) {
+      return "".concat(option);
+    }
+    var optionLabel = props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : option['label'];
+    return "".concat(optionLabel);
   };
   var getOptionValue = function getOptionValue(option) {
-    var optionValue = props.OptionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : ObjectUtils.resolveFieldData(option, 'value');
+    var optionValue = props.optionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : option ? option['value'] : ObjectUtils.resolveFieldData(option, 'value');
     return ObjectUtils.isNotEmpty(optionValue) ? optionValue : option;
   };
   var getOptionRenderKey = function getOptionRenderKey(option) {
@@ -22742,7 +22773,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
   };
   var createClearIcon = function createClearIcon() {
-    if (props.value != null && props.showClear && !props.disabled) {
+    if (props.value != null && props.showClear && !props.disabled && !ObjectUtils.isEmpty(props.options)) {
       var clearIconProps = mergeProps({
         className: cx('clearIcon'),
         onPointerUp: clear,
@@ -23670,7 +23701,7 @@ var RowCheckbox = /*#__PURE__*/React.memo(function (props) {
     props: props
   });
   var tabIndex = props.disabled ? null : '0';
-  var checkboxProps = mergeProps({
+  var checkboxProps = {
     role: 'checkbox',
     'aria-checked': props.checked,
     tabIndex: tabIndex,
@@ -23678,8 +23709,10 @@ var RowCheckbox = /*#__PURE__*/React.memo(function (props) {
     'aria-label': props.ariaLabel,
     checked: props.checked,
     icon: checkIcon,
-    disabled: props.disabled
-  }, getColumnPTOptions('rowCheckbox'));
+    disabled: props.disabled,
+    unstyled: props.unstyled,
+    pt: getColumnPTOptions('rowCheckbox')
+  };
   return /*#__PURE__*/React.createElement(Checkbox, checkboxProps);
 });
 RowCheckbox.displayName = 'RowCheckbox';
@@ -23695,9 +23728,9 @@ var classes$S = {
       'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
     });
   },
-  radiobuttonbox: 'p-radiobutton-box',
-  radiobuttoninput: 'p-radiobutton-input',
-  radiobuttonicon: 'p-radiobutton-icon'
+  box: 'p-radiobutton-box',
+  input: 'p-radiobutton-input',
+  icon: 'p-radiobutton-icon'
 };
 var RadioButtonBase = ComponentBase.extend({
   defaultProps: {
@@ -23854,19 +23887,19 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       readOnly: props.readonly,
       required: props.required,
       tabIndex: props.tabIndex,
-      className: cx('radiobuttoninput')
-    }, ariaProps), inProps.input, ptm('radiobuttoninput'));
+      className: cx('input')
+    }, ariaProps), inProps.input, ptm('input'));
     return /*#__PURE__*/React.createElement("input", _extends({
       ref: inputRef
     }, inputProps));
   };
   var createBoxElement = function createBoxElement() {
     var boxProps = mergeProps({
-      className: cx('radiobuttonbox')
-    }, inProps.box, ptm('radiobuttonbox'));
+      className: cx('box')
+    }, inProps.box, ptm('box'));
     var iconProps = mergeProps({
-      className: cx('radiobuttonicon')
-    }, inProps.icon, ptm('radiobuttonicon'));
+      className: cx('icon')
+    }, inProps.icon, ptm('icon'));
     return /*#__PURE__*/React.createElement("div", boxProps, /*#__PURE__*/React.createElement("div", iconProps));
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
@@ -23908,18 +23941,16 @@ var RowRadioButton = /*#__PURE__*/React.memo(function (props) {
       props.onChange(event);
     }
   };
-  var radioButtonProps = mergeProps({
+  var radioButtonProps = {
     role: 'radio',
     'aria-checked': props.checked,
     checked: props.checked,
     disabled: props.disabled,
     name: "".concat(props.tableSelector, "_dt_radio"),
     onChange: onChange,
-    input: getColumnPTOptions('radiobuttoninput'),
-    box: getColumnPTOptions('radiobuttonbox'),
-    icon: getColumnPTOptions('radiobuttonicon'),
-    unstyled: props.unstyled
-  }, getColumnPTOptions('radiobutton'));
+    unstyled: props.unstyled,
+    pt: getColumnPTOptions('rowRadioButton')
+  };
   return /*#__PURE__*/React.createElement(RadioButton, radioButtonProps);
 });
 RowRadioButton.displayName = 'RowRadioButton';
@@ -25210,7 +25241,8 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     ptmo = _props$ptCallbacks.ptmo,
-    cx = _props$ptCallbacks.cx;
+    cx = _props$ptCallbacks.cx,
+    isUnstyled = _props$ptCallbacks.isUnstyled;
   var _onClick = function onClick(event) {
     props.onClick({
       originalEvent: event,
@@ -25233,8 +25265,9 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
   };
   var rowGroupTogglerIconProps = mergeProps({
     className: cx('rowGroupTogglerIcon'),
-    'aria-hidden': true
-  }, getColumnPTOptions('rowGroupTogglerIcon'));
+    'aria-hidden': true,
+    unstyled: isUnstyled()
+  }, ptm('rowGroupTogglerIcon'), getColumnPTOptions('rowGroupTogglerIcon'));
   var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, rowGroupTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, rowGroupTogglerIconProps);
   var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1e({}, rowGroupTogglerIconProps), {
     props: props
@@ -25247,8 +25280,9 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
     },
     className: cx('rowGroupToggler'),
     tabIndex: props.tabIndex,
-    'aria-label': label
-  }, getColumnPTOptions('rowGroupToggler'));
+    'aria-label': label,
+    unstyled: isUnstyled()
+  }, ptm('rowGroupToggler'), getColumnPTOptions('rowGroupToggler'));
   return /*#__PURE__*/React.createElement("button", rowGroupTogglerProps, togglerIcon, /*#__PURE__*/React.createElement(Ripple, null));
 });
 RowTogglerButton.displayName = 'RowTogglerButton';
@@ -25262,7 +25296,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     ptm = _props$ptCallbacks.ptm,
     ptmo = _props$ptCallbacks.ptmo,
     cx = _props$ptCallbacks.cx,
-    isUnsyled = _props$ptCallbacks.isUnsyled;
+    isUnstyled = _props$ptCallbacks.isUnstyled;
   var _React$useState = React.useState({}),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     rowGroupHeaderStyleObjectState = _React$useState2[0],
@@ -25581,32 +25615,20 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var selectRange = function selectRange(event) {
     var rangeStart;
     var rangeEnd;
-    var selectedSize;
     var isAllowCellSelection = allowCellSelection();
-    var index = ObjectUtils.findIndexInList(event.data, props.value, props.dataKey);
     if (rangeRowIndex.current > anchorRowIndex.current) {
       rangeStart = anchorRowIndex.current;
       rangeEnd = rangeRowIndex.current;
-      if (!isAllowCellSelection) {
-        selectedSize = rangeEnd - rangeStart;
-        rangeEnd = index;
-        rangeStart = index - selectedSize;
-      }
     } else if (rangeRowIndex.current < anchorRowIndex.current) {
       rangeStart = rangeRowIndex.current;
       rangeEnd = anchorRowIndex.current;
-      if (!isAllowCellSelection) {
-        selectedSize = rangeEnd - rangeStart;
-        rangeStart = index;
-        rangeEnd = index + selectedSize;
-      }
     } else {
       rangeStart = rangeEnd = rangeRowIndex.current;
     }
     return isAllowCellSelection ? selectRangeOnCell(event, rangeStart, rangeEnd) : selectRangeOnRow(event, rangeStart, rangeEnd);
   };
   var selectRangeOnRow = function selectRangeOnRow(event, rowRangeStart, rowRangeEnd) {
-    var value = props.value;
+    var value = props.tableProps.value;
     var selection = [];
     for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
       var rangeRowData = value[i];
@@ -25697,7 +25719,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     if (props.dragSelection && !dragSelectionHelper.current) {
       dragSelectionHelper.current = document.createElement('div');
       dragSelectionHelper.current.setAttribute('p-datatable-drag-selection-helper', 'true');
-      !isUnsyled && DomHandler.addClass(dragSelectionHelper.current, 'p-datatable-drag-selection-helper');
+      !isUnstyled() && DomHandler.addClass(dragSelectionHelper.current, 'p-datatable-drag-selection-helper');
       initialDragPosition.current = {
         x: event.clientX,
         y: event.clientY
@@ -25825,7 +25847,10 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
   var onRowMouseDown = function onRowMouseDown(e) {
     var event = e.originalEvent;
-    if (!isUnsyled && DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle')) {
+    if (!isUnstyled() && DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle')) {
+      event.currentTarget.draggable = true;
+      event.target.draggable = false;
+    } else if (isUnstyled() && DomHandler.getAttribute(event.target, 'data-pc-section') === 'rowreordericon') {
       event.currentTarget.draggable = true;
       event.target.draggable = false;
     } else {
@@ -25917,26 +25942,26 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       var prevRowElement = rowElement.previousElementSibling;
       if (pageY < rowMidY) {
         rowElement.setAttribute('data-p-datatable-dragpoint-bottom', 'false');
-        !isUnsyled && DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-bottom');
+        !isUnstyled() && DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-bottom');
         droppedRowIndex.current = index;
         if (prevRowElement) {
           prevRowElement.setAttribute('data-p-datatable-dragpoint-bottom', 'true');
-          !isUnsyled && DomHandler.addClass(prevRowElement, 'p-datatable-dragpoint-bottom');
+          !isUnstyled() && DomHandler.addClass(prevRowElement, 'p-datatable-dragpoint-bottom');
         } else {
           rowElement.setAttribute('data-p-datatable-dragpoint-top', 'true');
-          !isUnsyled && DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
+          !isUnstyled() && DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
         }
       } else {
         if (prevRowElement) {
           prevRowElement.setAttribute('data-p-datatable-dragpoint-bottom', 'false');
-          !isUnsyled && DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');
+          !isUnstyled() && DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');
         } else {
           rowElement.setAttribute('data-p-datatable-dragpoint-top', 'true');
-          !isUnsyled && DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
+          !isUnstyled() && DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
         }
         droppedRowIndex.current = index + 1;
         rowElement.setAttribute('data-p-datatable-dragpoint-bottom', 'true');
-        !isUnsyled && DomHandler.addClass(rowElement, 'p-datatable-dragpoint-bottom');
+        !isUnstyled() && DomHandler.addClass(rowElement, 'p-datatable-dragpoint-bottom');
       }
     }
     event.preventDefault();
@@ -25947,12 +25972,12 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var prevRowElement = rowElement.previousElementSibling;
     if (prevRowElement) {
       prevRowElement.setAttribute('data-p-datatable-dragpoint-bottom', 'false');
-      !isUnsyled && DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');
+      !isUnstyled() && DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');
     }
     rowElement.setAttribute('data-p-datatable-dragpoint-bottom', 'false');
-    !isUnsyled && DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-bottom');
+    !isUnstyled() && DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-bottom');
     rowElement.setAttribute('data-p-datatable-dragpoint-top', 'false');
-    !isUnsyled && DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-top');
+    !isUnstyled() && DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-top');
   };
   var onRowDragEnd = function onRowDragEnd(e) {
     var event = e.originalEvent;
@@ -26128,7 +26153,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         collapsedRowIcon: props.collapsedRowIcon,
         ptCallbacks: props.ptCallbacks,
         metaData: props.metaData,
-        unstyled: props.unstyled
+        unstyled: isUnstyled()
       });
       var options = {
         index: rowIndex,
@@ -26234,7 +26259,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         virtualScrollerOptions: props.virtualScrollerOptions,
         ptCallbacks: props.ptCallbacks,
         metaData: props.metaData,
-        unstyled: props.unstyled
+        unstyled: isUnstyled()
       });
     }
   };
@@ -27455,22 +27480,7 @@ var SortAmountDownIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, pti), /*#__PURE__*/React.createElement("path", {
-    d: "M2.59836 13.2009C2.44634 13.2009 2.29432 13.1449 2.1743 13.0248L0.174024 11.0246C-0.0580081 10.7925 -0.0580081 10.4085 0.174024 10.1764C0.406057 9.94441 0.79011 9.94441 1.02214 10.1764L2.59836 11.7527L4.17458 10.1764C4.40662 9.94441 4.79067 9.94441 5.0227 10.1764C5.25473 10.4085 5.25473 10.7925 5.0227 11.0246L3.02242 13.0248C2.90241 13.1449 2.75038 13.2009 2.59836 13.2009Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M2.59836 13.2009C2.27032 13.2009 1.99833 12.9288 1.99833 12.6008V1.39922C1.99833 1.07117 2.27036 0.799133 2.59841 0.799133C2.92646 0.799133 3.19849 1.07117 3.19849 1.39922V12.6008C3.19849 12.9288 2.92641 13.2009 2.59836 13.2009Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M13.3999 11.2006H6.99902C6.67098 11.2006 6.39894 10.9285 6.39894 10.6005C6.39894 10.2725 6.67098 10.0004 6.99902 10.0004H13.3999C13.728 10.0004 14 10.2725 14 10.6005C14 10.9285 13.728 11.2006 13.3999 11.2006Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M10.1995 6.39991H6.99902C6.67098 6.39991 6.39894 6.12788 6.39894 5.79983C6.39894 5.47179 6.67098 5.19975 6.99902 5.19975H10.1995C10.5275 5.19975 10.7996 5.47179 10.7996 5.79983C10.7996 6.12788 10.5275 6.39991 10.1995 6.39991Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8.59925 3.99958H6.99902C6.67098 3.99958 6.39894 3.72754 6.39894 3.3995C6.39894 3.07145 6.67098 2.79941 6.99902 2.79941H8.59925C8.92729 2.79941 9.19933 3.07145 9.19933 3.3995C9.19933 3.72754 8.92729 3.99958 8.59925 3.99958Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M11.7997 8.80025H6.99902C6.67098 8.80025 6.39894 8.52821 6.39894 8.20017C6.39894 7.87212 6.67098 7.60008 6.99902 7.60008H11.7997C12.1277 7.60008 12.3998 7.87212 12.3998 8.20017C12.3998 8.52821 12.1277 8.80025 11.7997 8.80025Z",
+    d: "M4.93953 10.5858L3.83759 11.6877V0.677419C3.83759 0.307097 3.53049 0 3.16017 0C2.78985 0 2.48275 0.307097 2.48275 0.677419V11.6877L1.38082 10.5858C1.11888 10.3239 0.685331 10.3239 0.423396 10.5858C0.16146 10.8477 0.16146 11.2813 0.423396 11.5432L2.68146 13.8013C2.74469 13.8645 2.81694 13.9097 2.89823 13.9458C2.97952 13.9819 3.06985 14 3.16017 14C3.25049 14 3.33178 13.9819 3.42211 13.9458C3.5034 13.9097 3.57565 13.8645 3.63888 13.8013L5.89694 11.5432C6.15888 11.2813 6.15888 10.8477 5.89694 10.5858C5.63501 10.3239 5.20146 10.3239 4.93953 10.5858ZM13.0957 0H7.22468C6.85436 0 6.54726 0.307097 6.54726 0.677419C6.54726 1.04774 6.85436 1.35484 7.22468 1.35484H13.0957C13.466 1.35484 13.7731 1.04774 13.7731 0.677419C13.7731 0.307097 13.466 0 13.0957 0ZM7.22468 5.41935H9.48275C9.85307 5.41935 10.1602 5.72645 10.1602 6.09677C10.1602 6.4671 9.85307 6.77419 9.48275 6.77419H7.22468C6.85436 6.77419 6.54726 6.4671 6.54726 6.09677C6.54726 5.72645 6.85436 5.41935 7.22468 5.41935ZM7.6763 8.12903H7.22468C6.85436 8.12903 6.54726 8.43613 6.54726 8.80645C6.54726 9.17677 6.85436 9.48387 7.22468 9.48387H7.6763C8.04662 9.48387 8.35372 9.17677 8.35372 8.80645C8.35372 8.43613 8.04662 8.12903 7.6763 8.12903ZM7.22468 2.70968H11.2892C11.6595 2.70968 11.9666 3.01677 11.9666 3.3871C11.9666 3.75742 11.6595 4.06452 11.2892 4.06452H7.22468C6.85436 4.06452 6.54726 3.75742 6.54726 3.3871C6.54726 3.01677 6.85436 2.70968 7.22468 2.70968Z",
     fill: "currentColor"
   }));
 }));
@@ -27486,22 +27496,7 @@ var SortAmountUpAltIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, pti), /*#__PURE__*/React.createElement("path", {
-    d: "M4.59864 3.99958C4.44662 3.99958 4.2946 3.94357 4.17458 3.82356L2.59836 2.24734L1.02214 3.82356C0.79011 4.05559 0.406057 4.05559 0.174024 3.82356C-0.0580081 3.59152 -0.0580081 3.20747 0.174024 2.97544L2.1743 0.97516C2.40634 0.743127 2.79039 0.743127 3.02242 0.97516L5.0227 2.97544C5.25473 3.20747 5.25473 3.59152 5.0227 3.82356C4.90268 3.94357 4.75066 3.99958 4.59864 3.99958Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M2.59841 13.2009C2.27036 13.2009 1.99833 12.9288 1.99833 12.6008V1.39922C1.99833 1.07117 2.27036 0.799133 2.59841 0.799133C2.92646 0.799133 3.19849 1.07117 3.19849 1.39922V12.6008C3.19849 12.9288 2.92646 13.2009 2.59841 13.2009Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M13.3999 11.2006H6.99902C6.67098 11.2006 6.39894 10.9285 6.39894 10.6005C6.39894 10.2725 6.67098 10.0004 6.99902 10.0004H13.3999C13.728 10.0004 14 10.2725 14 10.6005C14 10.9285 13.728 11.2006 13.3999 11.2006Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M10.1995 6.39991H6.99902C6.67098 6.39991 6.39894 6.12788 6.39894 5.79983C6.39894 5.47179 6.67098 5.19975 6.99902 5.19975H10.1995C10.5275 5.19975 10.7996 5.47179 10.7996 5.79983C10.7996 6.12788 10.5275 6.39991 10.1995 6.39991Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8.59925 3.99958H6.99902C6.67098 3.99958 6.39894 3.72754 6.39894 3.3995C6.39894 3.07145 6.67098 2.79941 6.99902 2.79941H8.59925C8.92729 2.79941 9.19933 3.07145 9.19933 3.3995C9.19933 3.72754 8.92729 3.99958 8.59925 3.99958Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M11.7997 8.80025H6.99902C6.67098 8.80025 6.39894 8.52821 6.39894 8.20017C6.39894 7.87212 6.67098 7.60008 6.99902 7.60008H11.7997C12.1277 7.60008 12.3998 7.87212 12.3998 8.20017C12.3998 8.52821 12.1277 8.80025 11.7997 8.80025Z",
+    d: "M3.63435 0.19871C3.57113 0.135484 3.49887 0.0903226 3.41758 0.0541935C3.255 -0.0180645 3.06532 -0.0180645 2.90274 0.0541935C2.82145 0.0903226 2.74919 0.135484 2.68597 0.19871L0.427901 2.45677C0.165965 2.71871 0.165965 3.15226 0.427901 3.41419C0.689836 3.67613 1.12338 3.67613 1.38532 3.41419L2.48726 2.31226V13.3226C2.48726 13.6929 2.79435 14 3.16467 14C3.535 14 3.84209 13.6929 3.84209 13.3226V2.31226L4.94403 3.41419C5.07951 3.54968 5.25113 3.6129 5.42274 3.6129C5.59435 3.6129 5.76597 3.54968 5.90145 3.41419C6.16338 3.15226 6.16338 2.71871 5.90145 2.45677L3.64338 0.19871H3.63435ZM13.7685 13.3226C13.7685 12.9523 13.4615 12.6452 13.0911 12.6452H7.22016C6.84984 12.6452 6.54274 12.9523 6.54274 13.3226C6.54274 13.6929 6.84984 14 7.22016 14H13.0911C13.4615 14 13.7685 13.6929 13.7685 13.3226ZM7.22016 8.58064C6.84984 8.58064 6.54274 8.27355 6.54274 7.90323C6.54274 7.5329 6.84984 7.22581 7.22016 7.22581H9.47823C9.84855 7.22581 10.1556 7.5329 10.1556 7.90323C10.1556 8.27355 9.84855 8.58064 9.47823 8.58064H7.22016ZM7.22016 5.87097H7.67177C8.0421 5.87097 8.34919 5.56387 8.34919 5.19355C8.34919 4.82323 8.0421 4.51613 7.67177 4.51613H7.22016C6.84984 4.51613 6.54274 4.82323 6.54274 5.19355C6.54274 5.56387 6.84984 5.87097 7.22016 5.87097ZM11.2847 11.2903H7.22016C6.84984 11.2903 6.54274 10.9832 6.54274 10.6129C6.54274 10.2426 6.84984 9.93548 7.22016 9.93548H11.2847C11.655 9.93548 11.9621 10.2426 11.9621 10.6129C11.9621 10.9832 11.655 11.2903 11.2847 11.2903Z",
     fill: "currentColor"
   }));
 }));
@@ -27550,7 +27545,7 @@ var HeaderCheckbox = /*#__PURE__*/React.memo(function (props) {
     props: props
   });
   var tabIndex = props.disabled ? null : 0;
-  var headerCheckboxProps = mergeProps({
+  var headerCheckboxProps = {
     role: 'checkbox',
     'aria-checked': props.checked,
     'aria-label': props.checked ? ariaLabel('selectAll') : ariaLabel('unselectAll'),
@@ -27558,8 +27553,10 @@ var HeaderCheckbox = /*#__PURE__*/React.memo(function (props) {
     onChange: onChange,
     icon: checkIcon,
     checked: props.checked,
-    disabled: props.disabled
-  }, getColumnPTOptions('headerCheckbox'));
+    disabled: props.disabled,
+    unstyled: props.unstyled,
+    pt: getColumnPTOptions('headerCheckbox')
+  };
   return /*#__PURE__*/React.createElement(Checkbox, headerCheckboxProps);
 });
 HeaderCheckbox.displayName = 'HeaderCheckbox';
@@ -29596,8 +29593,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         className: ptCallbacks.cx('loadingIcon')
       }, ptCallbacks.ptm('loadingIcon'));
       var icon = props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
-        spin: true,
-        unstyled: props.unstyled
+        spin: true
       }));
       var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$17({}, loadingIconProps), {
         props: props
@@ -31090,10 +31086,15 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
       });
     }
   };
+  var initValue = useRef(props.value);
+  initValue.current = props.value;
   var initQuill = function initQuill(quillInstance) {
     quill.current = quillInstance;
-    if (props.value) {
-      quill.current.clipboard.dangerouslyPasteHTML(props.value);
+    if (initValue.current) {
+      quillInstance.setContents(quillInstance.clipboard.convert({
+        html: initValue.current,
+        text: ''
+      }));
     }
     setQuillCreated(true);
   };
@@ -31116,7 +31117,14 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
   }, [quillCreated]);
   useUpdateEffect(function () {
     if (quill.current && !quill.current.hasFocus()) {
-      props.value ? quill.current.clipboard.dangerouslyPasteHTML(props.value) : quill.current.setText('');
+      if (props.value) {
+        quill.current.setContents(quill.current.clipboard.convert({
+          html: props.value,
+          text: ''
+        }));
+      } else {
+        quill.current.setText('');
+      }
     }
   }, [props.value]);
   React.useImperativeHandle(ref, function () {
@@ -36714,6 +36722,10 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   var scrollInView = function scrollInView() {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
     setTimeout(function () {
+      // As long as this is a timeout - there is not guarantee that listRef will still
+      // exist by the moment of calling that function. So, if list is already destroyed
+      // by this moment - do nothing:
+      if (!listRef.current) return;
       var idx = index !== -1 ? "".concat(id.current, "_").concat(index) : focusedOptionId();
       var element = listRef.current.querySelector("li[id=\"".concat(idx, "\"]"));
       if (element) {
@@ -38850,6 +38862,7 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     className: cx('input'),
     style: props.inputStyle
   }, inputProps), {}, {
+    unstyled: props.unstyled,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
@@ -39242,12 +39255,12 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
       key: key
     }, /*#__PURE__*/React.createElement("li", submenuHeaderProps, submenu.label), items);
   };
-  var createSeparator = function createSeparator(index) {
+  var createSeparator = function createSeparator(item, index) {
     var key = idState + '_separator_' + index;
     var separatorProps = mergeProps({
       id: key,
       key: key,
-      className: cx('separator'),
+      className: classNames(item.className, cx('separator')),
       role: 'separator'
     }, ptm('separator'));
     return /*#__PURE__*/React.createElement("li", separatorProps);
@@ -39334,7 +39347,7 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
     return /*#__PURE__*/React.createElement("li", menuitemProps, content);
   };
   var createItem = function createItem(item, index) {
-    return item.separator ? createSeparator(index) : item.items ? createSubmenu(item, index) : createMenuItem(item, index);
+    return item.separator ? createSeparator(item, index) : item.items ? createSubmenu(item, index) : createMenuItem(item, index);
   };
   var createMenu = function createMenu() {
     return props.model.map(createItem);
@@ -39429,7 +39442,7 @@ var classes$y = {
     });
   }
 };
-var styles$q = "\n@layer primereact {\n    .p-menubar {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-menubar ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menubar .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-menubar .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-menubar .p-menuitem {\n        position: relative;\n    }\n\n    .p-menubar-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-menubar-root-list > li ul {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n\n    .p-menubar .p-submenu-list {\n        display: none;\n        position: absolute;\n        z-index: 1;\n    }\n\n    .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-menubar .p-menubar-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    .p-menubar-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n";
+var styles$q = "\n@layer primereact {\n    .p-menubar {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-menubar ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menubar .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-menubar .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-menubar .p-menuitem {\n        position: relative;\n    }\n\n    .p-menubar-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-menubar-root-list > li ul {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n\n    .p-menubar .p-submenu-list {\n        display: none;\n        position: absolute;\n        z-index: 5;\n    }\n\n    .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-menubar .p-menubar-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    .p-menubar-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n";
 var MenubarBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Menubar',
@@ -40922,6 +40935,7 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
         className: "p-multiselect-filter",
         placeholder: props.filterPlaceholder,
         pt: ptm('filterInput'),
+        unstyled: props.unstyled,
         __parentMetadata: {
           parent: props.metaData
         }
@@ -40949,7 +40963,7 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
   }, getPTOptions('headerSelectAllLabel'));
   var headerCheckboxIconProps = mergeProps({
     className: cx('headerCheckboxIcon')
-  }, getPTOptions('headerCheckboxIcon'));
+  }, getPTOptions('headerCheckbox.icon'));
   var headerCheckboxContainerProps = mergeProps({
     className: cx('headerCheckboxContainer')
   }, getPTOptions('headerCheckboxContainer'));
@@ -41048,7 +41062,7 @@ var MultiSelectItem = /*#__PURE__*/React.memo(function (props) {
   };
   var checkboxIconProps = mergeProps({
     className: cx('checkboxIcon')
-  }, getPTOptions('checkboxIcon'));
+  }, getPTOptions('checkbox.icon'));
   var icon = props.checkboxIcon || /*#__PURE__*/React.createElement(CheckIcon, checkboxIconProps);
   var checkboxIcon = props.selected ? IconUtils.getJSXIcon(icon, _objectSpread$K({}, checkboxIconProps), {
     selected: props.selected
@@ -41549,7 +41563,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     index !== -1 && setFocusedOptionIndex(index);
   };
   var onClick = function onClick(event) {
-    if (!props.inline && !props.disabled && !props.loading && !isPanelClicked(event) && DomHandler.getAttribute(event.target, 'data-pc-section') !== 'removetokenicon' && !isClearClicked(event)) {
+    if (!props.inline && !props.disabled && !props.loading && !isPanelClicked(event) && !isClearClicked(event)) {
       overlayVisibleState ? hide() : show();
       DomHandler.focus(inputRef.current);
       event.preventDefault();
@@ -42150,6 +42164,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     }
   };
   var removeChip = function removeChip(event, item) {
+    event.stopPropagation();
     var value = props.value.filter(function (val) {
       return !ObjectUtils.equals(val, item, equalityKey);
     });
@@ -42326,7 +42341,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
         empty: empty
       })
     }, ptm('label'));
-    return /*#__PURE__*/React.createElement("div", labelContainerProps, /*#__PURE__*/React.createElement("div", labelProps, content || props.placeholder || 'empty'));
+    return /*#__PURE__*/React.createElement("div", labelContainerProps, /*#__PURE__*/React.createElement("div", labelProps, content || props.placeholder || props.emptyMessage || 'empty'));
   };
   var visibleOptions = getVisibleOptions();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
@@ -42376,7 +42391,8 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     role: 'combobox',
     'aria-expanded': overlayVisibleState,
     disabled: props.disabled,
-    tabIndex: !props.disabled ? props.tabIndex : -1
+    tabIndex: !props.disabled ? props.tabIndex : -1,
+    value: JSON.stringify(props.value)
   }, ariaProps), ptm('input'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
     readOnly: true
@@ -43511,7 +43527,8 @@ var OrderList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     metaData: metaData
   }), /*#__PURE__*/React.createElement(OrderListSubList, _extends({
     ref: listElementRef,
-    hostName: "OrderList",
+    hostName: "OrderList"
+  }, props, {
     focused: focused,
     ariaLabel: props.ariaLabel,
     ariaLabelledBy: props.ariaLabelledBy,
@@ -43541,7 +43558,7 @@ var OrderList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     ptm: ptm,
     cx: cx,
     changeFocusedOptionIndex: changeFocusedOptionIndex
-  }, props)));
+  })));
 }));
 OrderList.displayName = 'OrderList';
 
@@ -46077,6 +46094,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     invalid: props.invalid,
     variant: props.variant,
     style: props.inputStyle,
+    unstyled: props.unstyled,
     tabIndex: props.tabIndex || '0',
     tooltip: props.tooltip,
     tooltipOptions: props.tooltipOptions,
@@ -48781,7 +48799,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     if (props.visible !== visibleState && maskVisibleState) {
       setVisibleState(props.visible);
     }
-  });
+  }, [props.visible]);
   useUpdateEffect(function () {
     if (maskVisibleState) {
       ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex.modal || PrimeReact.zIndex.modal);
@@ -52341,7 +52359,8 @@ var StepperBase = ComponentBase.extend({
     __TYPE: 'Stepper',
     activeStep: 0,
     orientation: 'horizontal',
-    linear: false
+    linear: false,
+    onChangeStep: null
   },
   css: {
     classes: classes$b,
@@ -52454,6 +52473,11 @@ var Stepper = /*#__PURE__*/React__default.memo( /*#__PURE__*/React__default.forw
       setIdState(UniqueComponentId());
     }
   });
+  useUpdateEffect(function () {
+    if (props.activeStep >= 0 && props.activeStep <= stepperPanels().length - 1) {
+      updateActiveStep(undefined, props.activeStep);
+    }
+  }, [props.activeStep]);
   var getStepProp = function getStepProp(step, name) {
     var _step$props;
     return step === null || step === void 0 || (_step$props = step.props) === null || _step$props === void 0 ? void 0 : _step$props[name];
@@ -55640,9 +55664,13 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
         break;
       case 'Enter':
       case 'NumpadEnter':
-      case 'Space':
         onEnterKey(event);
         break;
+      case 'Space':
+        if (!['INPUT'].includes(event.target.nodeName)) {
+          onEnterKey(event);
+        }
+        break;
     }
   };
   var onArrowDown = function onArrowDown(event) {