primereact 10.7.0 → 10.8.1

package/primereact.all.cjs.js

@@ -1886,6 +1886,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.
@@ -2041,8 +2046,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);
@@ -2060,7 +2065,7 @@ var IconUtils = /*#__PURE__*/function () {
           className: className
         }));
         if (iconType !== 'string') {
-          var defaultContentOptions = _objectSpread$1$({
+          var defaultContentOptions = _objectSpread$20({
             iconProps: iconProps,
             element: content
           }, options);
@@ -2072,8 +2077,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,
@@ -2086,7 +2091,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;
@@ -2526,8 +2531,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
@@ -2554,7 +2559,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) {
@@ -2908,22 +2913,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',
@@ -3061,7 +3068,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')) {
@@ -3074,7 +3081,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')) {
@@ -3538,18 +3545,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);
   };
 
   /**
@@ -4075,8 +4084,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__namespace.useState({
       x: 0,
@@ -4137,15 +4146,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,
@@ -4329,7 +4338,7 @@ function useMove(_ref) {
       }
     };
   }, [bindMouseDownListener, bindTouchStartListener, positions, unbindMouseDownListener, unbindTouchStartListener]);
-  return _objectSpread$1W(_objectSpread$1W({
+  return _objectSpread$1X(_objectSpread$1X({
     ref: ref
   }, positions), {}, {
     active: active,
@@ -4743,8 +4752,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";
@@ -4766,7 +4775,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] : {};
@@ -4829,10 +4838,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] : {};
@@ -4841,7 +4850,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] : {};
@@ -4855,7 +4864,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;
@@ -4866,11 +4875,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));
@@ -4888,7 +4897,7 @@ var ComponentBase = {
         isUnstyled: isUnstyled
       };
     };
-    return _objectSpread$1V(_objectSpread$1V({
+    return _objectSpread$1W(_objectSpread$1W({
       getProps: getProps,
       getOtherProps: getOtherProps,
       setMetaData: setMetaData
@@ -4946,7 +4955,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);
 };
@@ -5033,8 +5042,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__namespace.forwardRef(function (inProps, ref) {
   var props = CSSTransitionBase.getProps(inProps);
   var context = React__namespace.useContext(PrimeReactContext);
@@ -5096,7 +5105,7 @@ var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps,
     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__namespace.createElement(reactTransitionGroup.CSSTransition, mergedProps, props.children);
 });
 CSSTransition.displayName = 'CSSTransition';
@@ -5235,8 +5244,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__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
@@ -5260,7 +5269,7 @@ var Accordion = /*#__PURE__*/React__namespace.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,
@@ -5411,7 +5420,7 @@ var Accordion = /*#__PURE__*/React__namespace.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');
@@ -5425,7 +5434,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       className: cx('accordiontab.headericon')
     }, getTabPT(tab, 'headericon', index));
     var icon = selected ? props.collapseIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, headerIconProps) : props.expandIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, headerIconProps);
-    var toggleIcon = IconUtils.getJSXIcon(icon, _objectSpread$1T({}, headerIconProps), {
+    var toggleIcon = IconUtils.getJSXIcon(icon, _objectSpread$1U({}, headerIconProps), {
       props: props,
       selected: selected
     });
@@ -5458,7 +5467,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     return /*#__PURE__*/React__namespace.createElement("div", headerProps, /*#__PURE__*/React__namespace.createElement("a", headerActionProps, toggleIcon, header));
   };
   var createTabContent = function createTabContent(tab, selected, index) {
-    var style = _objectSpread$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__namespace.createRef();
@@ -5548,13 +5557,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = BadgeBase.getProps(inProps, context);
-  var _BadgeBase$setMetaDat = BadgeBase.setMetaData(_objectSpread$1S({
+  var _BadgeBase$setMetaDat = BadgeBase.setMetaData(_objectSpread$1T({
       props: props
     }, props.__parentMetadata)),
     ptm = _BadgeBase$setMetaDat.ptm,
@@ -5618,8 +5627,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -5638,7 +5647,7 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     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() {
@@ -5844,8 +5853,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -6337,7 +6346,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     }, 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')
@@ -6422,14 +6431,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = ButtonBase.getProps(inProps, context);
   var disabled = props.disabled || props.loading;
-  var metaData = _objectSpread$1P(_objectSpread$1P({
+  var metaData = _objectSpread$1Q(_objectSpread$1Q({
     props: props
   }, props.__parentMetadata), {}, {
     context: {
@@ -6467,7 +6476,7 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     var icon = props.loading ? props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
       spin: true
     })) : props.icon;
-    return IconUtils.getJSXIcon(icon, _objectSpread$1P({}, iconsProps), {
+    return IconUtils.getJSXIcon(icon, _objectSpread$1Q({}, iconsProps), {
       props: props
     });
   };
@@ -6654,13 +6663,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = InputTextBase.getProps(inProps, context);
-  var _InputTextBase$setMet = InputTextBase.setMetaData(_objectSpread$1O(_objectSpread$1O({
+  var _InputTextBase$setMet = InputTextBase.setMetaData(_objectSpread$1P(_objectSpread$1P({
       props: props
     }, props.__parentMetadata), {}, {
       context: {
@@ -6914,8 +6923,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -7297,7 +7306,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       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);
@@ -7317,7 +7326,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
         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)")
         });
       };
@@ -7497,7 +7506,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
   };
   var loaderOptions = function loaderOptions(index, extOptions) {
     var count = loaderArrState.length || 0;
-    return _objectSpread$1N({
+    return _objectSpread$1O({
       index: index,
       count: count,
       first: index === 0,
@@ -7621,7 +7630,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     var icon = props.loadingIcon || /*#__PURE__*/React__namespace.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) {
@@ -7749,15 +7758,15 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
 }));
 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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var context = React__namespace.useContext(PrimeReactContext);
   var _ptm = function _ptm(key, options) {
-    return ptm(key, _objectSpread$1M({
+    return ptm(key, _objectSpread$1N({
       hostName: props.hostName
     }, options));
   };
@@ -7797,7 +7806,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
   });
   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'),
@@ -7808,7 +7817,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
   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', {
@@ -7902,8 +7911,8 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
     }
     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,
@@ -7949,7 +7958,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
     return /*#__PURE__*/React__namespace.createElement("div", listWrapperProps, /*#__PURE__*/React__namespace.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({
@@ -7990,8 +7999,8 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
 }));
 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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -8172,11 +8181,15 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
   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() {
@@ -8380,7 +8393,8 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     }) : 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;
@@ -8403,6 +8417,11 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     }
     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();
@@ -8482,7 +8501,8 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       onContextMenu: props.onContextMenu,
       onClick: props.onClick,
       onDoubleClick: props.onDblClick,
-      pt: ptm('input')
+      pt: ptm('input'),
+      unstyled: props.unstyled
     }, ariaProps, {
       __parentMetadata: {
         parent: metaData
@@ -8500,7 +8520,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
           }
         }, ptm('removeTokenIcon'));
         var icon = props.removeTokenIcon || /*#__PURE__*/React__namespace.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({
@@ -8522,7 +8542,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     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',
@@ -8594,7 +8614,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       var icon = props.loadingIcon || /*#__PURE__*/React__namespace.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;
@@ -8685,8 +8705,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__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -8731,7 +8751,7 @@ var Avatar = /*#__PURE__*/React__namespace.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
       });
     }
@@ -8855,8 +8875,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__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -8936,7 +8956,7 @@ var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       var appendTo = props.fullScreen ? document.body : 'self';
       var maskProps = mergeProps({
         className: classNames(props.className, cx('mask')),
-        style: _objectSpread$1J(_objectSpread$1J({}, props.style), {}, {
+        style: _objectSpread$1K(_objectSpread$1K({}, props.style), {}, {
           position: props.fullScreen ? 'fixed' : 'absolute',
           top: '0',
           left: '0',
@@ -9008,8 +9028,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -9068,7 +9088,7 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       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({
@@ -9119,7 +9139,7 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       'aria-hidden': 'true'
     }, ptm('separatorIcon'));
     var icon = props.separatorIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, separatorIconProps);
-    var separatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1I({}, separatorIconProps), {
+    var separatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1J({}, separatorIconProps), {
       props: props
     });
     var separatorProps = mergeProps({
@@ -9509,8 +9529,8 @@ var CalendarPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, re
 });
 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; }
@@ -9534,7 +9554,6 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     idState = _React$useState8[0],
     setIdState = _React$useState8[1];
-  var isTypingRef = React__namespace.useRef(false);
   var metaData = {
     props: props,
     state: {
@@ -9662,7 +9681,6 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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);
       }
@@ -9692,7 +9710,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       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;
@@ -10435,7 +10453,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         month: month,
         year: year,
         selectable: isSelectable(day, month, year)
-      });
+      }, null, true);
     }
   };
   var setNavigationState = function setNavigationState(newViewDate) {
@@ -10907,7 +10925,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         }
     }
   };
-  var onDateSelect = function onDateSelect(event, dateMeta, timeMeta) {
+  var onDateSelect = function onDateSelect(event, dateMeta, timeMeta, isUpdateViewDate) {
     if (!event) {
       return;
     }
@@ -10932,7 +10950,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     } 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);
@@ -11002,6 +11020,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         if (props.hideOnRangeSelection && endDate !== null) {
           setTimeout(function () {
             setOverlayVisibleState(false);
+            isOverlayClicked.current = false;
           }, 150);
         }
       } else {
@@ -12140,8 +12159,10 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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);
@@ -12161,10 +12182,12 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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;
@@ -12260,7 +12283,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       className: cx('previousIcon')
     }, ptm('previousIcon'));
     var icon = props.prevIcon || /*#__PURE__*/React__namespace.createElement(ChevronLeftIcon, previousIconProps);
-    var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1H({}, previousIconProps), {
+    var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1I({}, previousIconProps), {
       props: props
     });
     var _localeOptions4 = localeOptions(props.locale),
@@ -12268,7 +12291,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       prevYear = _localeOptions4.prevYear,
       prevMonth = _localeOptions4.prevMonth;
     var previousButtonLabel = currentView === 'year' ? prevDecade : currentView === 'month' ? prevYear : prevMonth;
-    var previousButtonProps = mergeProps(_objectSpread$1H({
+    var previousButtonProps = mergeProps(_objectSpread$1I({
       type: 'button',
       className: cx('previousButton'),
       'aria-label': previousButtonLabel
@@ -12292,7 +12315,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       className: cx('nextIcon')
     }, ptm('nextIcon'));
     var icon = props.nextIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, nextIconProps);
-    var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1H({}, nextIconProps), {
+    var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1I({}, nextIconProps), {
       props: props
     });
     var _localeOptions5 = localeOptions(props.locale),
@@ -12300,7 +12323,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       nextYear = _localeOptions5.nextYear,
       nextMonth = _localeOptions5.nextMonth;
     var nextButtonLabel = currentView === 'year' ? nextDecade : currentView === 'month' ? nextYear : nextMonth;
-    var nextButtonProps = mergeProps(_objectSpread$1H({
+    var nextButtonProps = mergeProps(_objectSpread$1I({
       type: 'button',
       className: cx('nextButton'),
       'aria-label': nextButtonLabel
@@ -12661,10 +12684,10 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var incrementIconProps = mergeProps(ptm('incrementIcon'));
   var decrementIconProps = mergeProps(ptm('decrementIcon'));
-  var incrementIcon = IconUtils.getJSXIcon(props.incrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, incrementIconProps), _objectSpread$1H({}, incrementIconProps), {
+  var incrementIcon = IconUtils.getJSXIcon(props.incrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, incrementIconProps), _objectSpread$1I({}, incrementIconProps), {
     props: props
   });
-  var decrementIcon = IconUtils.getJSXIcon(props.decrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, decrementIconProps), _objectSpread$1H({}, decrementIconProps), {
+  var decrementIcon = IconUtils.getJSXIcon(props.decrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, decrementIconProps), _objectSpread$1I({}, decrementIconProps), {
     props: props
   });
   var createHourPicker = function createHourPicker() {
@@ -12929,6 +12952,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         tooltip: props.tooltip,
         tooltipOptions: props.tooltipOptions,
         pt: ptm('input'),
+        unstyled: props.unstyled,
         __parentMetadata: {
           parent: metaData
         }
@@ -13331,8 +13355,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__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   var ptm = props.ptm,
@@ -13882,7 +13906,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         className: cx('previousButtonIcon')
       }, ptm('previousButtonIcon'));
       var icon = isVertical ? props.prevIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, previousButtonIconProps) : props.prevIcon || /*#__PURE__*/React__namespace.createElement(ChevronLeftIcon, previousButtonIconProps);
-      var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1G({}, previousButtonIconProps), {
+      var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1H({}, previousButtonIconProps), {
         props: props
       });
       var previousButtonProps = mergeProps({
@@ -13908,7 +13932,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         className: cx('nextButtonIcon')
       }, ptm('nextButtonIcon'));
       var icon = isVertical ? props.nextIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, nextButtonIconProps) : props.nextIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, nextButtonIconProps);
-      var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1G({}, nextButtonIconProps), {
+      var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1H({}, nextButtonIconProps), {
         props: props
       });
       var nextButtonProps = mergeProps({
@@ -14105,8 +14129,8 @@ var AngleRightIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__nam
 }));
 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__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   var _React$useState = React__namespace.useState(null),
@@ -14120,7 +14144,7 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.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() {
@@ -14284,7 +14308,7 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
       className: cx('optionGroupIcon')
     }, getPTOptions('optionGroupIcon'));
     var icon = props.optionGroupIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, optionGroupIconProps);
-    var optionGroup = isOptionGroup(option) && IconUtils.getJSXIcon(icon, _objectSpread$1F({}, optionGroupIconProps), {
+    var optionGroup = isOptionGroup(option) && IconUtils.getJSXIcon(icon, _objectSpread$1G({}, optionGroupIconProps), {
       props: props
     });
     var key = getOptionLabelToRender(option) + '_' + index;
@@ -14347,8 +14371,8 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
 function _createForOfIteratorHelper$d(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$d(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray$d(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$d(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$d(o, minLen); }
 function _arrayLikeToArray$d(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys$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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -14372,7 +14396,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         overlayVisible: overlayVisibleState,
         attributeSelector: attributeSelectorState
       },
-      context: _objectSpread$1E({}, context)
+      context: _objectSpread$1F({}, context)
     }),
     ptm = _CascadeSelectBase$se.ptm,
     cx = _CascadeSelectBase$se.cx,
@@ -14617,7 +14641,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     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,
@@ -14643,7 +14667,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         label: label
       })
     }, ptm('label', {
-      context: _objectSpread$1E({
+      context: _objectSpread$1F({
         label: label
       }, context)
     }));
@@ -14656,7 +14680,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     var icon = props.loadingIcon || /*#__PURE__*/React__namespace.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({
@@ -14672,7 +14696,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       className: cx('dropdownIcon')
     }, ptm('dropdownIcon'));
     var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, dropdownIconProps);
-    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1E({}, dropdownIconProps), {
+    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1F({}, dropdownIconProps), {
       props: props
     });
     var dropdownButtonProps = mergeProps({
@@ -14971,8 +14995,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -15089,7 +15113,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   }, otherProps, ptm('root'));
   var createInputElement = function createInputElement() {
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
-    var inputProps = mergeProps(_objectSpread$1D({
+    var inputProps = mergeProps(_objectSpread$1E({
       id: props.inputId,
       type: 'checkbox',
       className: cx('input'),
@@ -15126,7 +15150,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       'data-p-disabled': props.disabled
     }, ptm('box'));
     var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(CheckIcon, iconProps) : null;
-    var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$1D({}, iconProps), {
+    var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$1E({}, iconProps), {
       props: props,
       checked: checked
     });
@@ -15176,8 +15200,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -15235,7 +15259,7 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
         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
       }));
     }
@@ -15247,7 +15271,7 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       content.push( /*#__PURE__*/React__namespace.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
       }));
     }
@@ -15349,8 +15373,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -15631,7 +15655,7 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
         'aria-hidden': 'true'
       }, ptm('removeTokenIcon'));
       var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(TimesCircleIcon, iconProps);
-      var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread$1B({}, iconProps), {
+      var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread$1C({}, iconProps), {
         props: props
       });
       return removeIcon;
@@ -15666,7 +15690,7 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     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,
@@ -15858,8 +15882,8 @@ var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
 });
 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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -16378,7 +16402,7 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   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,
@@ -16453,8 +16477,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["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
   var targetRef = React__default["default"].useRef(null);
   var firstFocusableElementRef = React__default["default"].useRef(null);
@@ -16467,7 +16491,7 @@ var FocusTrap = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React_
   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["default"].useImperativeHandle(ref, function () {
     return {
@@ -16610,8 +16634,8 @@ var WindowMinimizeIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
 }));
 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',
@@ -16663,7 +16687,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%',
@@ -16739,8 +16763,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__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -16780,7 +16804,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var shouldBlockScroll = visibleState && (props.blockScroll || props.maximizable && maximized);
   var isCloseOnEscape = props.closable && props.closeOnEscape && visibleState;
   var displayOrder = useDisplayOrder('dialog', isCloseOnEscape);
-  var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread$1x(_objectSpread$1x({
+  var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread$1y(_objectSpread$1y({
       props: props
     }, props.__parentMetadata), {}, {
       state: {
@@ -17172,7 +17196,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
         'aria-hidden': true
       }, ptm('closeButtonIcon'));
       var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, closeButtonIconProps);
-      var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread$1x({}, closeButtonIconProps), {
+      var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread$1y({}, closeButtonIconProps), {
         props: props
       });
       var closeButtonProps = mergeProps({
@@ -17341,7 +17365,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var rootElement = /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(CSSTransition, _extends({
       nodeRef: dialogRef
     }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(FocusTrap$1, {
-      autoFocus: true
+      autoFocus: props.focusOnShow
     }, contentElement))));
     return /*#__PURE__*/React__namespace.createElement(Portal, {
       element: rootElement,
@@ -17394,17 +17418,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
     }));
   };
@@ -17593,7 +17617,7 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     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();
@@ -17686,17 +17710,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
     }));
   };
@@ -17926,7 +17950,7 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     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({
@@ -18114,8 +18138,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var submenuRef = React__namespace.useRef(null);
@@ -18285,7 +18309,7 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__nam
     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({
@@ -18295,7 +18319,7 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__nam
       className: cx('label')
     }, getPTOptions(processedItem, 'label', index));
     var items = getItemProp(processedItem, 'items');
-    var submenuIcon = items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, submenuIconProps), _objectSpread$1u({}, submenuIconProps), {
+    var submenuIcon = items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, submenuIconProps), _objectSpread$1v({}, submenuIconProps), {
       props: props.menuProps
     });
     var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
@@ -18398,8 +18422,8 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__nam
 }));
 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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -18916,7 +18940,7 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       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()
       }));
     }
@@ -18980,7 +19004,7 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   };
   var changeFocusedItemIndex = function changeFocusedItemIndex(index) {
     if (focusedItemInfo.index !== index) {
-      setFocusedItemInfo(_objectSpread$1t(_objectSpread$1t({}, focusedItemInfo), {}, {
+      setFocusedItemInfo(_objectSpread$1u(_objectSpread$1u({}, focusedItemInfo), {}, {
         index: index
       }));
       scrollInView();
@@ -19680,8 +19704,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__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -19703,7 +19727,7 @@ var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
   }));
   var element = /*#__PURE__*/React__namespace.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,
@@ -19733,8 +19757,8 @@ var AngleDoubleLeftIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React
 }));
 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__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -19757,7 +19781,7 @@ var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     className: cx('firstPageIcon')
   }, getPTOptions('firstPageIcon'));
   var icon = props.firstPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleDoubleLeftIcon, firstPageIconProps);
-  var firstPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1r({}, firstPageIconProps), {
+  var firstPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1s({}, firstPageIconProps), {
     props: props
   });
   var firstPageButtonProps = mergeProps({
@@ -19922,8 +19946,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -19932,7 +19956,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     _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: {
@@ -20016,7 +20040,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     }).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');
@@ -20926,6 +20950,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       "aria-valuenow": props.value
     }, ariaProps, dataProps, {
       pt: ptm('input'),
+      unstyled: props.unstyled,
       __parentMetadata: {
         parent: metaData
       }
@@ -20936,7 +20961,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       className: cx('incrementIcon')
     }, ptm('incrementIcon'));
     var icon = props.incrementButtonIcon || /*#__PURE__*/React__namespace.createElement(AngleUpIcon, incrementIconProps);
-    var upButton = IconUtils.getJSXIcon(icon, _objectSpread$1q({}, incrementIconProps), {
+    var upButton = IconUtils.getJSXIcon(icon, _objectSpread$1r({}, incrementIconProps), {
       props: props
     });
     var incrementButtonProps = mergeProps({
@@ -20962,7 +20987,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       className: cx('decrementIcon')
     }, ptm('decrementIcon'));
     var icon = props.decrementButtonIcon || /*#__PURE__*/React__namespace.createElement(AngleDownIcon, decrementIconProps);
-    var downButton = IconUtils.getJSXIcon(icon, _objectSpread$1q({}, decrementIconProps), {
+    var downButton = IconUtils.getJSXIcon(icon, _objectSpread$1r({}, decrementIconProps), {
       props: props
     });
     var decrementButtonProps = mergeProps({
@@ -21077,8 +21102,8 @@ var AngleDoubleRightIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/Reac
 }));
 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__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -21101,7 +21126,7 @@ var LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     className: cx('lastPageIcon')
   }, getPTOptions('lastPageIcon'));
   var icon = props.lastPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleDoubleRightIcon, lastPageIconProps);
-  var lastPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1p({}, lastPageIconProps), {
+  var lastPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1q({}, lastPageIconProps), {
     props: props
   });
   var lastPageButtonProps = mergeProps({
@@ -21129,8 +21154,8 @@ var LastPageLink = /*#__PURE__*/React__namespace.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__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -21153,7 +21178,7 @@ var NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     className: cx('nextPageIcon')
   }, getPTOptions('nextPageIcon'));
   var icon = props.nextPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, nextPageIconProps);
-  var nextPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1o({}, nextPageIconProps), {
+  var nextPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1p({}, nextPageIconProps), {
     props: props
   });
   var nextPageButtonProps = mergeProps({
@@ -21285,8 +21310,8 @@ var AngleLeftIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
 }));
 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__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -21309,7 +21334,7 @@ var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     className: cx('prevPageIcon')
   }, getPTOptions('prevPageIcon'));
   var icon = props.prevPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleLeftIcon, prevPageIconProps);
-  var prevPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1n({}, prevPageIconProps), {
+  var prevPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1o({}, prevPageIconProps), {
     props: props
   });
   var prevPageButtonProps = mergeProps({
@@ -21337,6 +21362,8 @@ var PrevPageLink = /*#__PURE__*/React__namespace.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,
@@ -21421,7 +21448,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;
@@ -21431,7 +21458,7 @@ var inlineStyles$i = {
   },
   panel: function panel(_ref10) {
     var props = _ref10.props;
-    props.panelStyle;
+    return _objectSpread$1n({}, props.panelStyle);
   }
 };
 var DropdownBase = ComponentBase.extend({
@@ -22081,9 +22108,10 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   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();
   };
@@ -22574,11 +22602,14 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   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) {
@@ -22769,7 +22800,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   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,
@@ -23697,7 +23728,7 @@ var RowCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
     props: props
   });
   var tabIndex = props.disabled ? null : '0';
-  var checkboxProps = mergeProps({
+  var checkboxProps = {
     role: 'checkbox',
     'aria-checked': props.checked,
     tabIndex: tabIndex,
@@ -23705,8 +23736,10 @@ var RowCheckbox = /*#__PURE__*/React__namespace.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__namespace.createElement(Checkbox, checkboxProps);
 });
 RowCheckbox.displayName = 'RowCheckbox';
@@ -23722,9 +23755,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: {
@@ -23881,19 +23914,19 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       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__namespace.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__namespace.createElement("div", boxProps, /*#__PURE__*/React__namespace.createElement("div", iconProps));
   };
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -23935,18 +23968,16 @@ var RowRadioButton = /*#__PURE__*/React__namespace.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__namespace.createElement(RadioButton, radioButtonProps);
 });
 RowRadioButton.displayName = 'RowRadioButton';
@@ -25237,7 +25268,8 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.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,
@@ -25260,8 +25292,9 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.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__namespace.createElement(ChevronDownIcon, rowGroupTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, rowGroupTogglerIconProps);
   var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1e({}, rowGroupTogglerIconProps), {
     props: props
@@ -25274,8 +25307,9 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.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__namespace.createElement("button", rowGroupTogglerProps, togglerIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
 });
 RowTogglerButton.displayName = 'RowTogglerButton';
@@ -25289,7 +25323,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     ptm = _props$ptCallbacks.ptm,
     ptmo = _props$ptCallbacks.ptmo,
     cx = _props$ptCallbacks.cx,
-    isUnsyled = _props$ptCallbacks.isUnsyled;
+    isUnstyled = _props$ptCallbacks.isUnstyled;
   var _React$useState = React__namespace.useState({}),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     rowGroupHeaderStyleObjectState = _React$useState2[0],
@@ -25608,32 +25642,20 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   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];
@@ -25724,7 +25746,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     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
@@ -25852,7 +25874,10 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   };
   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 {
@@ -25944,26 +25969,26 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       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();
@@ -25974,12 +25999,12 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     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;
@@ -26155,7 +26180,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         collapsedRowIcon: props.collapsedRowIcon,
         ptCallbacks: props.ptCallbacks,
         metaData: props.metaData,
-        unstyled: props.unstyled
+        unstyled: isUnstyled()
       });
       var options = {
         index: rowIndex,
@@ -26261,7 +26286,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         virtualScrollerOptions: props.virtualScrollerOptions,
         ptCallbacks: props.ptCallbacks,
         metaData: props.metaData,
-        unstyled: props.unstyled
+        unstyled: isUnstyled()
       });
     }
   };
@@ -27482,22 +27507,7 @@ var SortAmountDownIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, pti), /*#__PURE__*/React__namespace.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__namespace.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__namespace.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__namespace.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__namespace.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__namespace.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"
   }));
 }));
@@ -27513,22 +27523,7 @@ var SortAmountUpAltIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, pti), /*#__PURE__*/React__namespace.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__namespace.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__namespace.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__namespace.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__namespace.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__namespace.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"
   }));
 }));
@@ -27577,7 +27572,7 @@ var HeaderCheckbox = /*#__PURE__*/React__namespace.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'),
@@ -27585,8 +27580,10 @@ var HeaderCheckbox = /*#__PURE__*/React__namespace.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__namespace.createElement(Checkbox, headerCheckboxProps);
 });
 HeaderCheckbox.displayName = 'HeaderCheckbox';
@@ -29623,8 +29620,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
         className: ptCallbacks.cx('loadingIcon')
       }, ptCallbacks.ptm('loadingIcon'));
       var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
-        spin: true,
-        unstyled: props.unstyled
+        spin: true
       }));
       var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$17({}, loadingIconProps), {
         props: props
@@ -31117,10 +31113,15 @@ var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       });
     }
   };
+  var initValue = React.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);
   };
@@ -31143,7 +31144,14 @@ var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   }, [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__namespace.useImperativeHandle(ref, function () {
@@ -36741,6 +36749,10 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   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) {
@@ -38877,6 +38889,7 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     className: cx('input'),
     style: props.inputStyle
   }, inputProps), {}, {
+    unstyled: props.unstyled,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
@@ -39269,12 +39282,12 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       key: key
     }, /*#__PURE__*/React__namespace.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__namespace.createElement("li", separatorProps);
@@ -39361,7 +39374,7 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     return /*#__PURE__*/React__namespace.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);
@@ -39456,7 +39469,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',
@@ -40949,6 +40962,7 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
         className: "p-multiselect-filter",
         placeholder: props.filterPlaceholder,
         pt: ptm('filterInput'),
+        unstyled: props.unstyled,
         __parentMetadata: {
           parent: props.metaData
         }
@@ -40976,7 +40990,7 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
   }, getPTOptions('headerSelectAllLabel'));
   var headerCheckboxIconProps = mergeProps({
     className: cx('headerCheckboxIcon')
-  }, getPTOptions('headerCheckboxIcon'));
+  }, getPTOptions('headerCheckbox.icon'));
   var headerCheckboxContainerProps = mergeProps({
     className: cx('headerCheckboxContainer')
   }, getPTOptions('headerCheckboxContainer'));
@@ -41075,7 +41089,7 @@ var MultiSelectItem = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var checkboxIconProps = mergeProps({
     className: cx('checkboxIcon')
-  }, getPTOptions('checkboxIcon'));
+  }, getPTOptions('checkbox.icon'));
   var icon = props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(CheckIcon, checkboxIconProps);
   var checkboxIcon = props.selected ? IconUtils.getJSXIcon(icon, _objectSpread$K({}, checkboxIconProps), {
     selected: props.selected
@@ -41576,7 +41590,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     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();
@@ -42177,6 +42191,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     }
   };
   var removeChip = function removeChip(event, item) {
+    event.stopPropagation();
     var value = props.value.filter(function (val) {
       return !ObjectUtils.equals(val, item, equalityKey);
     });
@@ -42353,7 +42368,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
         empty: empty
       })
     }, ptm('label'));
-    return /*#__PURE__*/React__namespace.createElement("div", labelContainerProps, /*#__PURE__*/React__namespace.createElement("div", labelProps, content || props.placeholder || 'empty'));
+    return /*#__PURE__*/React__namespace.createElement("div", labelContainerProps, /*#__PURE__*/React__namespace.createElement("div", labelProps, content || props.placeholder || props.emptyMessage || 'empty'));
   };
   var visibleOptions = getVisibleOptions();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
@@ -42403,7 +42418,8 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     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__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", _extends({}, inputProps, {
     readOnly: true
@@ -43538,7 +43554,8 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     metaData: metaData
   }), /*#__PURE__*/React__namespace.createElement(OrderListSubList, _extends({
     ref: listElementRef,
-    hostName: "OrderList",
+    hostName: "OrderList"
+  }, props, {
     focused: focused,
     ariaLabel: props.ariaLabel,
     ariaLabelledBy: props.ariaLabelledBy,
@@ -43568,7 +43585,7 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     ptm: ptm,
     cx: cx,
     changeFocusedOptionIndex: changeFocusedOptionIndex
-  }, props)));
+  })));
 }));
 OrderList.displayName = 'OrderList';
 
@@ -46104,6 +46121,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     invalid: props.invalid,
     variant: props.variant,
     style: props.inputStyle,
+    unstyled: props.unstyled,
     tabIndex: props.tabIndex || '0',
     tooltip: props.tooltip,
     tooltipOptions: props.tooltipOptions,
@@ -48808,7 +48826,7 @@ var Sidebar = /*#__PURE__*/React__namespace.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);
@@ -52368,7 +52386,8 @@ var StepperBase = ComponentBase.extend({
     __TYPE: 'Stepper',
     activeStep: 0,
     orientation: 'horizontal',
-    linear: false
+    linear: false,
+    onChangeStep: null
   },
   css: {
     classes: classes$b,
@@ -52481,6 +52500,11 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
       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];
@@ -55667,9 +55691,13 @@ var UITreeNode = /*#__PURE__*/React__namespace.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) {