primereact 10.6.6 → 10.8.0

package/primereact.all.cjs.js

@@ -245,7 +245,7 @@ var DomHandler = /*#__PURE__*/function () {
   function DomHandler() {
     _classCallCheck(this, DomHandler);
   }
-  _createClass(DomHandler, null, [{
+  return _createClass(DomHandler, null, [{
     key: "innerWidth",
     value: function innerWidth(el) {
       if (el) {
@@ -1475,7 +1475,6 @@ var DomHandler = /*#__PURE__*/function () {
       return false;
     }
   }]);
-  return DomHandler;
 }();
 /**
  * All data- properties like data-test-id
@@ -1518,7 +1517,7 @@ var ObjectUtils = /*#__PURE__*/function () {
   function ObjectUtils() {
     _classCallCheck(this, ObjectUtils);
   }
-  _createClass(ObjectUtils, null, [{
+  return _createClass(ObjectUtils, null, [{
     key: "equals",
     value: function equals(obj1, obj2, field) {
       if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
@@ -1887,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.
@@ -2040,16 +2044,15 @@ var ObjectUtils = /*#__PURE__*/function () {
       }
     }
   }]);
-  return ObjectUtils;
 }();
 
-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);
   }
-  _createClass(IconUtils, null, [{
+  return _createClass(IconUtils, null, [{
     key: "getJSXIcon",
     value: function getJSXIcon(icon) {
       var iconProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -2062,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,11 +2075,10 @@ var IconUtils = /*#__PURE__*/function () {
       return content;
     }
   }]);
-  return IconUtils;
 }();
 
-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,
@@ -2089,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;
@@ -2529,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
@@ -2557,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) {
@@ -2911,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',
@@ -3064,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')) {
@@ -3077,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')) {
@@ -3541,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);
   };
 
   /**
@@ -3875,7 +3881,8 @@ var ESC_KEY_HANDLING_PRIORITIES = {
   PASSWORD: 700,
   CASCADE_SELECT: 800,
   SPLIT_BUTTON: 900,
-  SPEED_DIAL: 1000
+  SPEED_DIAL: 1000,
+  TOOLTIP: 1200
 };
 
 /**
@@ -4077,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,
@@ -4139,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,
@@ -4331,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,
@@ -4745,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";
@@ -4768,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] : {};
@@ -4831,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] : {};
@@ -4843,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] : {};
@@ -4857,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;
@@ -4868,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));
@@ -4890,7 +4897,7 @@ var ComponentBase = {
         isUnstyled: isUnstyled
       };
     };
-    return _objectSpread$1V(_objectSpread$1V({
+    return _objectSpread$1W(_objectSpread$1W({
       getProps: getProps,
       getOtherProps: getOtherProps,
       setMetaData: setMetaData
@@ -4948,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);
 };
@@ -5035,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);
@@ -5045,32 +5052,26 @@ var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps,
     props.onEnter && props.onEnter(node, isAppearing); // component
     props.options && props.options.onEnter && props.options.onEnter(node, isAppearing); // user option
   };
-
   var onEntering = function onEntering(node, isAppearing) {
     props.onEntering && props.onEntering(node, isAppearing); // component
     props.options && props.options.onEntering && props.options.onEntering(node, isAppearing); // user option
   };
-
   var onEntered = function onEntered(node, isAppearing) {
     props.onEntered && props.onEntered(node, isAppearing); // component
     props.options && props.options.onEntered && props.options.onEntered(node, isAppearing); // user option
   };
-
   var onExit = function onExit(node) {
     props.onExit && props.onExit(node); // component
     props.options && props.options.onExit && props.options.onExit(node); // user option
   };
-
   var onExiting = function onExiting(node) {
     props.onExiting && props.onExiting(node); // component
     props.options && props.options.onExiting && props.options.onExiting(node); // user option
   };
-
   var onExited = function onExited(node) {
     props.onExited && props.onExited(node); // component
     props.options && props.options.onExited && props.options.onExited(node); // user option
   };
-
   useUpdateEffect(function () {
     if (disabled) {
       // no animation
@@ -5104,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';
@@ -5243,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();
@@ -5268,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,
@@ -5419,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');
@@ -5433,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
     });
@@ -5466,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();
@@ -5556,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,
@@ -5626,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),
@@ -5646,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() {
@@ -5821,6 +5822,7 @@ var TooltipBase = ComponentBase.extend({
     autoZIndex: true,
     baseZIndex: 0,
     className: null,
+    closeOnEscape: false,
     content: null,
     disabled: false,
     event: null,
@@ -5851,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);
@@ -5891,6 +5893,13 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   useHandleStyle(TooltipBase.css.styles, isUnstyled, {
     name: 'tooltip'
   });
+  useGlobalOnEscapeKey({
+    callback: function callback() {
+      hide();
+    },
+    when: props.closeOnEscape,
+    priority: [ESC_KEY_HANDLING_PRIORITIES.TOOLTIP, 0]
+  });
   var elementRef = React__namespace.useRef(null);
   var textRef = React__namespace.useRef(null);
   var currentTargetRef = React__namespace.useRef(null);
@@ -6288,7 +6297,8 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     };
   }, [visibleState]);
   useUpdateEffect(function () {
-    if (visibleState) {
+    var position = getPosition(currentTargetRef.current);
+    if (visibleState && position !== 'mouse') {
       applyDelay('updateDelay', function () {
         updateText(currentTargetRef.current, function () {
           align(currentTargetRef.current);
@@ -6336,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')
@@ -6421,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: {
@@ -6466,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
     });
   };
@@ -6511,6 +6521,7 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   var rootProps = mergeProps({
     ref: elementRef,
     'aria-label': defaultAriaLabel,
+    'data-pc-autofocus': props.autoFocus,
     className: classNames(props.className, cx('root', {
       size: size,
       disabled: disabled
@@ -6652,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: {
@@ -6912,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);
@@ -7295,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);
@@ -7315,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)")
         });
       };
@@ -7495,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,
@@ -7619,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) {
@@ -7747,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));
   };
@@ -7795,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'),
@@ -7806,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', {
@@ -7900,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,
@@ -7947,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({
@@ -7988,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);
@@ -8480,7 +8491,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
@@ -8498,7 +8510,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({
@@ -8520,7 +8532,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',
@@ -8592,7 +8604,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;
@@ -8683,8 +8695,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);
@@ -8729,7 +8741,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
       });
     }
@@ -8853,8 +8865,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);
@@ -8934,7 +8946,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',
@@ -9006,8 +9018,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);
@@ -9066,7 +9078,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({
@@ -9117,7 +9129,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({
@@ -9507,8 +9519,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; }
@@ -9690,7 +9702,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;
@@ -9837,24 +9849,33 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     newViewDate.setDate(1);
     if (currentView === 'date') {
       if (newViewDate.getMonth() === 0) {
+        var newYear = decrementYear();
         newViewDate.setMonth(11);
-        newViewDate.setFullYear(decrementYear());
+        newViewDate.setFullYear(newYear);
+        props.onMonthChange && props.onMonthChange({
+          month: 11,
+          year: newYear
+        });
         setCurrentMonth(11);
       } else {
         newViewDate.setMonth(newViewDate.getMonth() - 1);
+        props.onMonthChange && props.onMonthChange({
+          month: currentMonth - 1,
+          year: currentYear
+        });
         setCurrentMonth(function (prevState) {
           return prevState - 1;
         });
       }
     } else if (currentView === 'month') {
-      var newYear = newViewDate.getFullYear() - 1;
+      var _newYear = newViewDate.getFullYear() - 1;
       if (props.yearNavigator) {
         var minYear = parseInt(props.yearRange.split(':')[0], 10);
-        if (newYear < minYear) {
-          newYear = minYear;
+        if (_newYear < minYear) {
+          _newYear = minYear;
         }
       }
-      newViewDate.setFullYear(newYear);
+      newViewDate.setFullYear(_newYear);
     }
     if (currentView === 'month') {
       newViewDate.setFullYear(decrementYear());
@@ -9873,24 +9894,33 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     newViewDate.setDate(1);
     if (currentView === 'date') {
       if (newViewDate.getMonth() === 11) {
+        var newYear = incrementYear();
         newViewDate.setMonth(0);
-        newViewDate.setFullYear(incrementYear());
+        newViewDate.setFullYear(newYear);
+        props.onMonthChange && props.onMonthChange({
+          month: 0,
+          year: newYear
+        });
         setCurrentMonth(0);
       } else {
         newViewDate.setMonth(newViewDate.getMonth() + 1);
+        props.onMonthChange && props.onMonthChange({
+          month: currentMonth + 1,
+          year: currentYear
+        });
         setCurrentMonth(function (prevState) {
           return prevState + 1;
         });
       }
     } else if (currentView === 'month') {
-      var newYear = newViewDate.getFullYear() + 1;
+      var _newYear2 = newViewDate.getFullYear() + 1;
       if (props.yearNavigator) {
         var maxYear = parseInt(props.yearRange.split(':')[1], 10);
-        if (newYear > maxYear) {
-          newYear = maxYear;
+        if (_newYear2 > maxYear) {
+          _newYear2 = maxYear;
         }
       }
-      newViewDate.setFullYear(newYear);
+      newViewDate.setFullYear(_newYear2);
     }
     if (currentView === 'month') {
       newViewDate.setFullYear(incrementYear());
@@ -9928,6 +9958,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var onMonthDropdownChange = function onMonthDropdownChange(event, value) {
     var currentViewDate = getViewDate();
     var newViewDate = cloneDate(currentViewDate);
+    newViewDate.setDate(1);
     newViewDate.setMonth(parseInt(value, 10));
     updateViewDate(event, newViewDate);
   };
@@ -10414,7 +10445,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) {
@@ -10886,7 +10917,10 @@ 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;
+    }
     if (props.disabled || !dateMeta.selectable) {
       event.preventDefault();
       return;
@@ -10908,7 +10942,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);
@@ -10978,6 +11012,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         if (props.hideOnRangeSelection && endDate !== null) {
           setTimeout(function () {
             setOverlayVisibleState(false);
+            isOverlayClicked.current = false;
           }, 150);
         }
       } else {
@@ -11511,28 +11546,44 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return props.value != null && typeof props.value !== 'string';
   };
   var isMonthSelected = function isMonthSelected(month) {
-    if (isComparable()) {
-      var value = isRangeSelection() ? props.value[0] : props.value;
-      if (isMultipleSelection()) {
-        return value.some(function (currentValue) {
-          return currentValue.getMonth() === month && currentValue.getFullYear() === currentYear;
-        });
+    if (!isComparable()) return false;
+    if (isMultipleSelection()) {
+      return props.value.some(function (v) {
+        return v.getMonth() === month && v.getFullYear() === currentYear;
+      });
+    } else if (isRangeSelection()) {
+      var _props$value = _slicedToArray(props.value, 2),
+        start = _props$value[0],
+        end = _props$value[1];
+      var startYear = start ? start.getFullYear() : null;
+      var endYear = end ? end.getFullYear() : null;
+      var startMonth = start ? start.getMonth() : null;
+      var endMonth = end ? end.getMonth() : null;
+      if (!end) {
+        return startYear === currentYear && startMonth === month;
+      } else {
+        var currentDate = new Date(currentYear, month, 1);
+        var startDate = new Date(startYear, startMonth, 1);
+        var endDate = new Date(endYear, endMonth, 1);
+        return currentDate >= startDate && currentDate <= endDate;
       }
-      return value.getMonth() === month && value.getFullYear() === currentYear;
+    } else {
+      return props.value.getMonth() === month && props.value.getFullYear() === currentYear;
     }
-    return false;
   };
   var isYearSelected = function isYearSelected(year) {
-    if (isComparable()) {
-      var value = isRangeSelection() ? props.value[0] : props.value;
-      if (isMultipleSelection()) {
-        return value.some(function (currentValue) {
-          return currentValue.getFullYear() === year;
-        });
-      }
-      return value.getFullYear() === year;
+    if (!isComparable()) return false;
+    if (isMultipleSelection()) {
+      return props.value.some(function (v) {
+        return v.getFullYear() === year;
+      });
+    } else if (isRangeSelection()) {
+      var start = props.value[0] ? props.value[0].getFullYear() : null;
+      var end = props.value[1] ? props.value[1].getFullYear() : null;
+      return start === year || end === year || start < year && end > year;
+    } else {
+      return props.value.getFullYear() === year;
     }
-    return false;
   };
   var switchViewButtonDisabled = function switchViewButtonDisabled() {
     return props.numberOfMonths > 1 || props.disabled;
@@ -12025,7 +12076,6 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day) {
       throw new Error('Invalid date'); // E.g. 31/02/00
     }
-
     return date;
   };
   var isInMinYear = function isInMinYear(viewDate) {
@@ -12128,26 +12178,25 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       isTypingRef.current = false;
 
       // #3516 view date not updated when value set programatically
-      if (!visible && newDate) {
-        var viewDate = newDate;
-        if (isMultipleSelection()) {
-          if (newDate.length) {
-            viewDate = newDate[newDate.length - 1];
-          }
-        } else if (isRangeSelection()) {
-          if (newDate.length) {
-            var startDate = newDate[0];
-            var endDate = newDate[1];
-            viewDate = endDate || startDate;
-          }
+      if (!newDate) return;
+      var viewDate = newDate;
+      if (isMultipleSelection()) {
+        if (newDate.length) {
+          viewDate = newDate[newDate.length - 1];
         }
-        if (viewDate instanceof Date) {
-          validateDate(viewDate);
-          setViewDateState(viewDate);
-          setCurrentMonth(viewDate.getMonth());
-          setCurrentYear(viewDate.getFullYear());
+      } else if (isRangeSelection()) {
+        if (newDate.length) {
+          var startDate = newDate[0];
+          var endDate = newDate[1];
+          viewDate = endDate || startDate;
         }
       }
+      if (viewDate instanceof Date) {
+        validateDate(viewDate);
+        setViewDateState(viewDate);
+        setCurrentMonth(viewDate.getMonth());
+        setCurrentYear(viewDate.getFullYear());
+      }
     }
   }, [props.value, visible]);
   useUpdateEffect(function () {
@@ -12222,7 +12271,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),
@@ -12230,7 +12279,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
@@ -12254,7 +12303,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),
@@ -12262,7 +12311,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
@@ -12623,10 +12672,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() {
@@ -12891,6 +12940,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
         }
@@ -13293,8 +13343,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,
@@ -13844,7 +13894,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({
@@ -13870,7 +13920,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({
@@ -14067,8 +14117,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),
@@ -14082,7 +14132,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() {
@@ -14246,7 +14296,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;
@@ -14309,8 +14359,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);
@@ -14334,7 +14384,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,
@@ -14579,7 +14629,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,
@@ -14605,7 +14655,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         label: label
       })
     }, ptm('label', {
-      context: _objectSpread$1E({
+      context: _objectSpread$1F({
         label: label
       }, context)
     }));
@@ -14618,7 +14668,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({
@@ -14634,7 +14684,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({
@@ -14933,14 +14983,21 @@ 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);
   var props = CheckboxBase.getProps(inProps, context);
+  var _React$useState = React__namespace.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
   var _CheckboxBase$setMeta = CheckboxBase.setMetaData({
       props: props,
+      state: {
+        focused: focusedState
+      },
       context: {
         checked: props.checked === props.trueValue,
         disabled: props.disabled
@@ -14994,10 +15051,12 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var _onFocus = function onFocus() {
     var _props$onFocus;
+    setFocusedState(true);
     props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
   };
   var _onBlur = function onBlur() {
     var _props$onBlur;
+    setFocusedState(false);
     props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
   };
   React__namespace.useImperativeHandle(ref, function () {
@@ -15042,7 +15101,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'),
@@ -15079,7 +15138,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
     });
@@ -15129,8 +15188,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);
@@ -15188,7 +15247,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
       }));
     }
@@ -15200,7 +15259,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
       }));
     }
@@ -15302,8 +15361,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);
@@ -15584,7 +15643,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;
@@ -15619,7 +15678,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,
@@ -15811,8 +15870,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);
@@ -15830,9 +15889,18 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     ptm = _ColorPickerBase$setM.ptm,
     cx = _ColorPickerBase$setM.cx,
     isUnstyled = _ColorPickerBase$setM.isUnstyled;
+  var isCloseOnEscape = overlayVisibleState && props.closeOnEscape;
+  var overlayDisplayOrder = useDisplayOrder('overlay-panel', isCloseOnEscape);
   useHandleStyle(ColorPickerBase.css.styles, isUnstyled, {
     name: 'colorpicker'
   });
+  useGlobalOnEscapeKey({
+    callback: function callback() {
+      hide();
+    },
+    when: overlayVisibleState && overlayDisplayOrder,
+    priority: [ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL, overlayDisplayOrder]
+  });
   var elementRef = React__namespace.useRef(null);
   var overlayRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(props.inputRef);
@@ -15900,12 +15968,17 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     pickHue(event);
     !isUnstyled && DomHandler.addClass(elementRef.current, 'p-colorpicker-dragging');
   };
+  var getPositionY = function getPositionY(event) {
+    if (event.pageY !== undefined) return event.pageY;else if (event.changedTouches !== undefined) return event.changedTouches[0].pageY;else return 0;
+  };
   var pickHue = function pickHue(event) {
-    var top = hueViewRef.current.getBoundingClientRect().top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
+    var top = hueViewRef.current.getBoundingClientRect().top + (window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0);
+    var yPos = getPositionY(event);
+    var hue = Math.floor(360 * (150 - Math.max(0, Math.min(150, yPos - top))) / 150);
     hsbValue.current = validateHSB({
-      h: Math.floor(360 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top))) / 150),
-      s: 100,
-      b: 100
+      h: hue,
+      s: hsbValue.current.s,
+      b: hsbValue.current.b
     });
     updateColorSelector();
     updateHue();
@@ -16317,7 +16390,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,
@@ -16392,8 +16465,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);
@@ -16406,7 +16479,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 {
@@ -16428,6 +16501,15 @@ var FocusTrap = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React_
   var getTarget = function getTarget() {
     return firstFocusableElementRef.current && firstFocusableElementRef.current.parentElement;
   };
+
+  /**
+   * This method sets the auto focus on the first focusable element within the target element.
+   * It first tries to find a focusable element using the autoFocusSelector. If no such element is found,
+   * it then tries to find a focusable element using the firstFocusableSelector.
+   * If the autoFocus prop is set to true and a focusable element is found, it sets the focus on that element.
+   *
+   * @param {HTMLElement} target - The target element within which to find a focusable element.
+   */
   var setAutoFocus = function setAutoFocus(target) {
     var _ref = props || {},
       _ref$autoFocusSelecto = _ref.autoFocusSelector,
@@ -16436,7 +16518,9 @@ var FocusTrap = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React_
       firstFocusableSelector = _ref$firstFocusableSe === void 0 ? '' : _ref$firstFocusableSe,
       _ref$autoFocus = _ref.autoFocus,
       autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus;
-    var focusableElement = DomHandler.getFirstFocusableElement(target, "[autofocus]".concat(getComputedSelector(autoFocusSelector)));
+    var defaultAutoFocusSelector = "".concat(getComputedSelector(autoFocusSelector));
+    var computedAutoFocusSelector = "[autofocus]".concat(defaultAutoFocusSelector, ", [data-pc-autofocus='true']").concat(defaultAutoFocusSelector);
+    var focusableElement = DomHandler.getFirstFocusableElement(target, computedAutoFocusSelector);
     autoFocus && !focusableElement && (focusableElement = DomHandler.getFirstFocusableElement(target, getComputedSelector(firstFocusableSelector)));
     DomHandler.focus(focusableElement);
   };
@@ -16538,8 +16622,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',
@@ -16591,7 +16675,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%',
@@ -16667,8 +16751,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);
@@ -16708,7 +16792,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: {
@@ -17100,7 +17184,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({
@@ -17110,7 +17194,9 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
         'aria-label': ariaLabel,
         onClick: onClose,
         onKeyDown: function onKeyDown(ev) {
-          return ev.stopPropagation();
+          if (ev.key !== 'Escape') {
+            ev.stopPropagation();
+          }
         }
       }, ptm('closeButton'));
       return /*#__PURE__*/React__namespace.createElement("button", closeButtonProps, headerCloseIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
@@ -17267,7 +17353,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,
@@ -17320,17 +17406,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
     }));
   };
@@ -17519,7 +17605,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();
@@ -17612,17 +17698,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
     }));
   };
@@ -17852,7 +17938,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({
@@ -18040,8 +18126,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);
@@ -18211,7 +18297,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({
@@ -18221,7 +18307,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);
@@ -18324,8 +18410,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);
@@ -18842,7 +18928,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()
       }));
     }
@@ -18906,7 +18992,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();
@@ -19298,6 +19384,19 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
 }));
 DataScroller.displayName = 'DataScroller';
 
+var getStorage = function getStorage(stateStorageProp) {
+  switch (stateStorageProp) {
+    case 'local':
+      return window.localStorage;
+    case 'session':
+      return window.sessionStorage;
+    case 'custom':
+      return null;
+    default:
+      throw new Error(stateStorageProp + ' is not a valid value for the state storage, supported values are "local", "session" and "custom".');
+  }
+};
+
 var ColumnBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Column',
@@ -19593,8 +19692,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);
@@ -19616,7 +19715,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,
@@ -19646,8 +19745,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);
@@ -19670,7 +19769,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({
@@ -19835,8 +19934,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);
@@ -19845,7 +19944,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: {
@@ -19857,7 +19956,8 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     cx = _InputNumberBase$setM.cx,
     isUnstyled = _InputNumberBase$setM.isUnstyled;
   useHandleStyle(InputNumberBase.css.styles, isUnstyled, {
-    name: 'inputnumber'
+    name: 'inputnumber',
+    styled: true
   });
   var elementRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(null);
@@ -19884,14 +19984,15 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var vertical = props.showButtons && props.buttonLayout === 'vertical';
   var inputMode = props.inputMode || (props.mode === 'decimal' && !props.minFractionDigits ? 'numeric' : 'decimal');
   var getOptions = function getOptions() {
+    var _props$minFractionDig, _props$maxFractionDig;
     return {
       localeMatcher: props.localeMatcher,
       style: props.mode,
       currency: props.currency,
       currencyDisplay: props.currencyDisplay,
       useGrouping: props.useGrouping,
-      minimumFractionDigits: props.minFractionDigits,
-      maximumFractionDigits: props.maxFractionDigits,
+      minimumFractionDigits: (_props$minFractionDig = props.minFractionDigits) !== null && _props$minFractionDig !== void 0 ? _props$minFractionDig : undefined,
+      maximumFractionDigits: (_props$maxFractionDig = props.maxFractionDigits) !== null && _props$maxFractionDig !== void 0 ? _props$maxFractionDig : undefined,
       roundingMode: props.roundingMode
     };
   };
@@ -19928,7 +20029,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');
@@ -20309,7 +20410,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
         if (_char2) {
           var _isDecimalSign = isDecimalSign(_char2);
           var _isMinusSign = isMinusSign(_char2);
-          if (event.code && (event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(_char2) >= 0 && Number(_char2) <= 9 || _isMinusSign || _isDecimalSign) {
+          if (Number(_char2) >= 0 && Number(_char2) <= 9 || _isMinusSign || _isDecimalSign) {
             insert(event, _char2, {
               isDecimalSign: _isDecimalSign,
               isMinusSign: _isMinusSign
@@ -20838,6 +20939,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
       }
@@ -20848,7 +20950,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({
@@ -20874,7 +20976,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({
@@ -20989,8 +21091,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);
@@ -21013,7 +21115,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({
@@ -21041,8 +21143,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);
@@ -21065,7 +21167,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({
@@ -21197,8 +21299,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);
@@ -21221,7 +21323,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({
@@ -21249,6 +21351,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,
@@ -21333,7 +21437,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;
@@ -21343,7 +21447,7 @@ var inlineStyles$i = {
   },
   panel: function panel(_ref10) {
     var props = _ref10.props;
-    props.panelStyle;
+    return _objectSpread$1n({}, props.panelStyle);
   }
 };
 var DropdownBase = ComponentBase.extend({
@@ -22279,8 +22383,9 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   var onEditableInputChange = function onEditableInputChange(event) {
+    !overlayVisibleState && show();
     var searchIndex = null;
-    if (event.target.value) {
+    if (event.target.value && visibleOptions) {
       searchIndex = visibleOptions.findIndex(function (item) {
         return getOptionLabel(item).toLocaleLowerCase().startsWith(event.target.value.toLocaleLowerCase());
       });
@@ -22486,10 +22591,15 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   var getOptionLabel = function getOptionLabel(option) {
-    return props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : ObjectUtils.resolveFieldData(option, 'label') || 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) {
-    return props.optionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : ObjectUtils.resolveFieldData(option, 'value') || option;
+    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) {
     return props.dataKey ? ObjectUtils.resolveFieldData(option, props.dataKey) : getOptionLabel(option);
@@ -22662,7 +22772,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }, ariaProps), ptm('input'));
       return /*#__PURE__*/React__namespace.createElement("input", _inputProps);
     }
-    var content = props.valueTemplate ? ObjectUtils.getJSXElement(props.valueTemplate, selectedOption, props) : label || props.placeholder || 'empty';
+    var content = props.valueTemplate ? ObjectUtils.getJSXElement(props.valueTemplate, selectedOption, props) : label || props.placeholder || props.emptyMessage || /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, "\xA0");
     var inputProps = mergeProps({
       ref: inputRef,
       className: cx('input', {
@@ -22679,7 +22789,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,
@@ -23615,8 +23725,9 @@ 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,
+    pt: getColumnPTOptions('rowCheckbox')
+  });
   return /*#__PURE__*/React__namespace.createElement(Checkbox, checkboxProps);
 });
 RowCheckbox.displayName = 'RowCheckbox';
@@ -23773,7 +23884,10 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     })),
     style: props.style,
     'data-p-checked': props.checked
-  }, RadioButtonBase.getOtherProps(props), ptm('root'));
+  }, otherProps, ptm('root'));
+  delete rootProps.input;
+  delete rootProps.box;
+  delete rootProps.icon;
   var createInputElement = function createInputElement() {
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
     var inputProps = mergeProps(_objectSpread$1h({
@@ -23789,7 +23903,7 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       required: props.required,
       tabIndex: props.tabIndex,
       className: cx('input')
-    }, ariaProps), ptm('input'));
+    }, ariaProps), inProps.input, ptm('input'));
     return /*#__PURE__*/React__namespace.createElement("input", _extends({
       ref: inputRef
     }, inputProps));
@@ -23797,10 +23911,10 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var createBoxElement = function createBoxElement() {
     var boxProps = mergeProps({
       className: cx('box')
-    }, ptm('box'));
+    }, inProps.box, ptm('box'));
     var iconProps = mergeProps({
       className: cx('icon')
-    }, ptm('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({
@@ -23848,8 +23962,10 @@ var RowRadioButton = /*#__PURE__*/React__namespace.memo(function (props) {
     checked: props.checked,
     disabled: props.disabled,
     name: "".concat(props.tableSelector, "_dt_radio"),
-    onChange: onChange
-  }, getColumnPTOptions('radiobutton'));
+    onChange: onChange,
+    unstyled: props.unstyled,
+    pt: getColumnPTOptions('rowRadioButton')
+  });
   return /*#__PURE__*/React__namespace.createElement(RadioButton, radioButtonProps);
 });
 RowRadioButton.displayName = 'RowRadioButton';
@@ -23874,7 +23990,6 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   var keyHelperRef = React__namespace.useRef(null);
   var overlayEventListener = React__namespace.useRef(null);
   var selfClick = React__namespace.useRef(false);
-  var tabindexTimeout = React__namespace.useRef(null);
   var initFocusTimeout = React__namespace.useRef(null);
   var editingRowDataStateRef = React__namespace.useRef(null);
   var _props$ptCallbacks = props.ptCallbacks,
@@ -23911,7 +24026,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   var field = getColumnProp('field') || "field_".concat(props.index);
   var editingKey = props.dataKey ? props.rowData && props.rowData[props.dataKey] || props.rowIndex : props.rowIndex;
   var isEditable = function isEditable() {
-    return getColumnProp('editor');
+    return ObjectUtils.isNotEmpty(props.editMode) && getColumnProp('editor');
   };
   var cellEditValidateOnClose = function cellEditValidateOnClose() {
     return getColumnProp('cellEditValidateOnClose');
@@ -24055,14 +24170,11 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var focusOnElement = function focusOnElement() {
-    clearTimeout(tabindexTimeout.current);
-    tabindexTimeout.current = setTimeout(function () {
-      if (editingState) {
-        var focusableEl = props.editMode === 'cell' ? DomHandler.getFirstFocusableElement(elementRef.current, ':not([data-pc-section="editorkeyhelperlabel"])') : DomHandler.findSingle(elementRef.current, '[data-p-row-editor-save="true"]');
-        focusableEl && focusableEl.focus();
-      }
-      keyHelperRef.current && (keyHelperRef.current.tabIndex = editingState ? -1 : 0);
-    }, 1);
+    if (editingState) {
+      var focusableEl = props.editMode === 'cell' ? DomHandler.getFirstFocusableElement(elementRef.current, ':not([data-pc-section="editorkeyhelperlabel"])') : DomHandler.findSingle(elementRef.current, '[data-p-row-editor-save="true"]');
+      focusableEl && focusableEl.focus();
+    }
+    keyHelperRef.current && (keyHelperRef.current.tabIndex = editingState ? -1 : 0);
   };
   var focusOnInit = function focusOnInit() {
     clearTimeout(initFocusTimeout.current);
@@ -24104,6 +24216,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     if (currentData) {
       ObjectUtils.mutateFieldData(currentData, field, val);
     }
+    editingRowDataStateRef.current = editingRowData;
   };
   var _onClick = function onClick(event) {
     var params = getCellCallbackParams(event);
@@ -24296,14 +24409,11 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   }, [props.editMode, props.editing, editingState]);
   useUpdateEffect(function () {
     if (props.editMode === 'cell' || props.editMode === 'row') {
-      setEditingRowDataState(getEditingRowData());
+      var editingRowData = getEditingRowData();
+      setEditingRowDataState(editingRowData);
+      editingRowDataStateRef.current = editingRowData;
     }
   }, [props.editingMeta]);
-  React__namespace.useEffect(function () {
-    if (editingRowDataState) {
-      editingRowDataStateRef.current = editingRowDataState;
-    }
-  }, [editingRowDataState]);
   React__namespace.useEffect(function () {
     if (props.editMode === 'cell' || props.editMode === 'row') {
       var callbackParams = getCellCallbackParams();
@@ -24378,7 +24488,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       if (showSelection) {
         var ariaLabelField = props.selectionAriaLabel || props.tableProps.dataKey;
         var ariaLabelText = ObjectUtils.resolveFieldData(props.rowData, ariaLabelField);
-        label = "".concat(props.selected ? ariaLabel('unselectLabel') : ariaLabel('selectLabel'), " ").concat(ariaLabelText);
+        label = "".concat(props.selected ? ariaLabel('unselectRow') : ariaLabel('selectRow'), " ").concat(ariaLabelText);
       }
       content = showSelection && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, selectionMode === 'single' && /*#__PURE__*/React__namespace.createElement(RowRadioButton, {
         hostName: props.hostName,
@@ -24393,7 +24503,8 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         tableSelector: props.tableSelector,
         ariaLabel: label,
         ptCallbacks: props.ptCallbacks,
-        metaData: props.metaData
+        metaData: props.metaData,
+        unstyled: props.unstyled
       }), selectionMode === 'multiple' && /*#__PURE__*/React__namespace.createElement(RowCheckbox, {
         hostName: props.hostName,
         column: props.column,
@@ -24407,7 +24518,8 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         ariaLabel: label,
         checkIcon: props.checkIcon,
         ptCallbacks: props.ptCallbacks,
-        metaData: props.metaData
+        metaData: props.metaData,
+        unstyled: props.unstyled
       }));
     } else if (rowReorder) {
       var showReorder = props.showRowReorderElement ? props.showRowReorderElement(props.rowData, {
@@ -24570,7 +24682,6 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       }, editorKeyHelperProps), /*#__PURE__*/React__namespace.createElement("span", editorKeyHelperLabelProps));
       /* eslint-enable */
     }
-
     var bodyCellProps = mergeProps({
       style: style,
       className: classNames(bodyClassName, getColumnProp('className'), cellClassName, cx('bodyCell', {
@@ -25054,7 +25165,8 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
           value: props.value,
           virtualScrollerOptions: props.virtualScrollerOptions,
           ptCallbacks: props.ptCallbacks,
-          metaData: props.metaData
+          metaData: props.metaData,
+          unstyled: props.unstyled
         });
       }
       return null;
@@ -25133,7 +25245,6 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
   }, getBodyRowPTOptions('bodyRow'), {
     className: classNames(rowClassName) // #5983 must be last so all unstyled merging takes place first
   });
-
   return /*#__PURE__*/React__namespace.createElement("tr", rowProps, content);
 });
 BodyRow.displayName = 'BodyRow';
@@ -25145,7 +25256,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,
@@ -25168,8 +25280,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
@@ -25182,8 +25295,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';
@@ -25197,7 +25311,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],
@@ -25632,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
@@ -25760,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 {
@@ -25841,7 +25958,6 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       event.dataTransfer.setData('text', 'b'); // For firefox
     }
   };
-
   var onRowDragOver = function onRowDragOver(e) {
     var event = e.originalEvent,
       index = e.index;
@@ -25853,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();
@@ -25883,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;
@@ -26063,7 +26179,8 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         expandedRowIcon: props.expandedRowIcon,
         collapsedRowIcon: props.collapsedRowIcon,
         ptCallbacks: props.ptCallbacks,
-        metaData: props.metaData
+        metaData: props.metaData,
+        unstyled: isUnstyled()
       });
       var options = {
         index: rowIndex,
@@ -26168,7 +26285,8 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         value: props.value,
         virtualScrollerOptions: props.virtualScrollerOptions,
         ptCallbacks: props.ptCallbacks,
-        metaData: props.metaData
+        metaData: props.metaData,
+        unstyled: isUnstyled()
       });
     }
   };
@@ -27389,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"
   }));
 }));
@@ -27420,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"
   }));
 }));
@@ -27678,7 +27766,7 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
       column: props.column
     });
   };
-  var onResizerMouseDown = function onResizerMouseDown(event) {
+  var onResizeStart = function onResizeStart(event) {
     props.onColumnResizeStart({
       originalEvent: event,
       column: props.column
@@ -27715,7 +27803,10 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
       var columnResizerProps = mergeProps({
         className: cx('columnResizer'),
         onMouseDown: function onMouseDown(e) {
-          return onResizerMouseDown(e);
+          return onResizeStart(e);
+        },
+        onTouchStart: function onTouchStart(e) {
+          return onResizeStart(e);
         },
         onClick: function onClick(e) {
           return onResizerClick(e);
@@ -27775,7 +27866,8 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
         onChange: props.onColumnCheckboxChange,
         disabled: props.empty,
         ptCallbacks: ptCallbacks,
-        metaData: parentMetaData
+        metaData: parentMetaData,
+        unstyled: props.unstyled
       });
     }
     return null;
@@ -28133,19 +28225,6 @@ var TableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 TableHeader.displayName = 'TableHeader';
 
-var getStorage = function getStorage(stateStorageProp) {
-  switch (stateStorageProp) {
-    case 'local':
-      return window.localStorage;
-    case 'session':
-      return window.sessionStorage;
-    case 'custom':
-      return null;
-    default:
-      throw new Error(stateStorageProp + ' is not a valid value for the state storage, supported values are "local", "session" and "custom".');
-  }
-};
-
 function _createForOfIteratorHelper$b(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$b(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$b(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$b(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$b(o, minLen); }
 function _arrayLikeToArray$b(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; }
@@ -28254,29 +28333,40 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     setRowsState(props.rows);
     setD_rowsState(props.rows);
   }
+  var columnResizeStartListener = function columnResizeStartListener(event) {
+    return columnResizing.current && onColumnResize(event);
+  };
+  var columnResizeEndListener = function columnResizeEndListener() {
+    return columnResizing.current && (columnResizing.current = false, onColumnResizeEnd());
+  };
   var _useEventListener = useEventListener({
       type: 'mousemove',
-      listener: function listener(event) {
-        if (columnResizing.current) {
-          onColumnResize(event);
-        }
-      }
+      listener: columnResizeStartListener
     }),
     _useEventListener2 = _slicedToArray(_useEventListener, 2),
     bindDocumentMouseMoveListener = _useEventListener2[0],
     unbindDocumentMouseMoveListener = _useEventListener2[1];
   var _useEventListener3 = useEventListener({
       type: 'mouseup',
-      listener: function listener() {
-        if (columnResizing.current) {
-          columnResizing.current = false;
-          onColumnResizeEnd();
-        }
-      }
+      listener: columnResizeEndListener
     }),
     _useEventListener4 = _slicedToArray(_useEventListener3, 2),
     bindDocumentMouseUpListener = _useEventListener4[0],
     unbindDocumentMouseUpListener = _useEventListener4[1];
+  var _useEventListener5 = useEventListener({
+      type: 'touchmove',
+      listener: columnResizeStartListener
+    }),
+    _useEventListener6 = _slicedToArray(_useEventListener5, 2),
+    bindDocumentTouchMoveListener = _useEventListener6[0],
+    unbindDocumentTouchMoveListener = _useEventListener6[1];
+  var _useEventListener7 = useEventListener({
+      type: 'touchend',
+      listener: columnResizeEndListener
+    }),
+    _useEventListener8 = _slicedToArray(_useEventListener7, 2),
+    bindDocumentTouchEndListener = _useEventListener8[0],
+    unbindDocumentTouchEndListener = _useEventListener8[1];
   var isCustomStateStorage = function isCustomStateStorage() {
     return props.stateStorage === 'custom';
   };
@@ -28612,7 +28702,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     resizeColumn.current = column;
     resizeColumnElement.current = event.currentTarget.parentElement;
     columnResizing.current = true;
-    lastResizeHelperX.current = event.pageX - containerLeft + elementRef.current.scrollLeft;
+    lastResizeHelperX.current = (event.type === 'touchstart' ? event.changedTouches[0].clientX : event.pageX) - containerLeft + elementRef.current.scrollLeft;
     bindColumnResizeEvents();
   };
   var onColumnResize = function onColumnResize(event) {
@@ -28620,7 +28710,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     elementRef.current.setAttribute('data-p-unselectable-text', true);
     resizeHelperRef.current.style.height = elementRef.current.offsetHeight + 'px';
     resizeHelperRef.current.style.top = 0 + 'px';
-    resizeHelperRef.current.style.left = event.pageX - containerLeft + elementRef.current.scrollLeft + 'px';
+    resizeHelperRef.current.style.left = (event.type === 'touchmove' ? event.changedTouches[0].clientX : event.pageX) - containerLeft + elementRef.current.scrollLeft + 'px';
     resizeHelperRef.current.style.display = 'block';
   };
   var onColumnResizeEnd = function onColumnResizeEnd() {
@@ -28691,10 +28781,14 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
   var bindColumnResizeEvents = function bindColumnResizeEvents() {
     bindDocumentMouseMoveListener();
     bindDocumentMouseUpListener();
+    bindDocumentTouchMoveListener();
+    bindDocumentTouchEndListener();
   };
   var unbindColumnResizeEvents = function unbindColumnResizeEvents() {
     unbindDocumentMouseMoveListener();
     unbindDocumentMouseUpListener();
+    unbindDocumentTouchMoveListener();
+    unbindDocumentTouchEndListener();
   };
   var onColumnHeaderMouseDown = function onColumnHeaderMouseDown(e) {
     DomHandler.clearSelection();
@@ -28760,7 +28854,6 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     draggedColumnElement.current = findParentHeader(event.currentTarget);
     event.dataTransfer.setData('text', 'b'); // Firefox requires this to make dragging possible
   };
-
   var onColumnHeaderDragOver = function onColumnHeaderDragOver(e) {
     var event = e.originalEvent,
       column = e.column;
@@ -29692,7 +29785,8 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       value: props.frozenValue,
       virtualScrollerOptions: options,
       ptCallbacks: ptCallbacks,
-      metaData: metaData
+      metaData: metaData,
+      unstyled: props.unstyled
     });
     var body = /*#__PURE__*/React__namespace.createElement(TableBody, {
       hostName: "DataTable",
@@ -29775,7 +29869,8 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       virtualScrollerContentRef: contentRef,
       virtualScrollerOptions: options,
       ptCallbacks: ptCallbacks,
-      metaData: metaData
+      metaData: metaData,
+      unstyled: props.unstyled
     });
     var spacerBody = ObjectUtils.isNotEmpty(spacerStyle) ? /*#__PURE__*/React__namespace.createElement(TableBody, {
       hostName: "DataTable",
@@ -29784,7 +29879,8 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       },
       className: "p-datatable-virtualscroller-spacer",
       ptCallbacks: ptCallbacks,
-      metaData: metaData
+      metaData: metaData,
+      unstyled: props.unstyled
     }) : null;
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, frozenBody, body, spacerBody);
   };
@@ -29796,7 +29892,8 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       columns: columns,
       footerColumnGroup: props.footerColumnGroup,
       ptCallbacks: ptCallbacks,
-      metaData: metaData
+      metaData: metaData,
+      unstyled: props.unstyled
     });
   };
   var createContent = function createContent(processedData, columns, selectionModeInColumn, empty) {
@@ -29831,6 +29928,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
         parent: metaData
       },
       showSpacer: false,
+      unstyled: props.unstyled,
       contentTemplate: function contentTemplate(options) {
         var ref = function ref(el) {
           tableRef.current = el;
@@ -31016,7 +31114,10 @@ var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   var initQuill = function initQuill(quillInstance) {
     quill.current = quillInstance;
     if (props.value) {
-      quill.current.clipboard.dangerouslyPasteHTML(props.value);
+      quillInstance.setContents(quillInstance.clipboard.convert({
+        html: props.value,
+        text: ''
+      }));
     }
     setQuillCreated(true);
   };
@@ -31039,7 +31140,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 () {
@@ -36637,6 +36745,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) {
@@ -36793,7 +36905,24 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   var getOptionGroupChildren = function getOptionGroupChildren(optionGroup) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupChildren);
   };
+  var flatOptions = function flatOptions(options) {
+    return (options || []).reduce(function (result, option, index) {
+      result.push({
+        optionGroup: option,
+        group: true,
+        index: index,
+        code: option.code,
+        label: option.label
+      });
+      var optionGroupChildren = getOptionGroupChildren(option);
+      optionGroupChildren && optionGroupChildren.forEach(function (o) {
+        return result.push(o);
+      });
+      return result;
+    }, []);
+  };
   var getVisibleOptions = function getVisibleOptions() {
+    var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
     if (hasFilter) {
       var filterValue = filteredValue.trim().toLocaleLowerCase(props.filterLocale);
       var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
@@ -36816,11 +36945,11 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         } finally {
           _iterator.f();
         }
-        return filteredGroups;
+        return flatOptions(filteredGroups);
       }
-      return FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+      return FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
     }
-    return props.options;
+    return options;
   };
   var scrollToSelectedIndex = function scrollToSelectedIndex() {
     if (virtualScrollerRef.current) {
@@ -36865,42 +36994,13 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       metaData: metaData
     }) : null;
   };
-  var createGroupChildren = function createGroupChildren(optionGroup, style) {
-    var groupChildren = getOptionGroupChildren(optionGroup);
-    return groupChildren.map(function (option, j) {
-      var optionLabel = getOptionLabel(option);
-      var optionKey = j + '_' + getOptionRenderKey(option);
-      var disabled = isOptionDisabled(option);
-      return /*#__PURE__*/React__namespace.createElement(ListBoxItem, {
-        id: id.current + '_' + j,
-        hostName: "ListBox",
-        optionKey: optionKey,
-        key: optionKey,
-        label: optionLabel,
-        option: option,
-        style: style,
-        template: props.itemTemplate,
-        selected: isSelected(option),
-        onOptionMouseDown: onOptionMouseDown,
-        onOptionMouseMove: onOptionMouseMove,
-        onClick: onOptionSelect,
-        index: j,
-        focusedOptionIndex: focusedOptionIndex,
-        onTouchEnd: onOptionTouchEnd,
-        disabled: disabled,
-        ptCallbacks: ptCallbacks,
-        metaData: metaData
-      });
-    });
-  };
   var createItem = function createItem(option, index) {
     var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     var style = {
       height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
     };
-    if (props.optionGroupLabel) {
+    if (option.group && option.optionGroup && props.optionGroupLabel) {
       var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : getOptionGroupLabel(option);
-      var groupChildrenContent = createGroupChildren(option, style);
       var key = index + '_' + getOptionGroupRenderKey(option);
       var itemGroupProps = mergeProps({
         className: ptCallbacks.cx('itemGroup'),
@@ -36909,9 +37009,9 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         }),
         role: 'group'
       }, ptCallbacks.ptm('itemGroup'));
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+      return /*#__PURE__*/React__namespace.createElement("li", _extends({
         key: key
-      }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, groupContent), groupChildrenContent);
+      }, itemGroupProps), groupContent);
     }
     var optionLabel = getOptionLabel(option);
     var optionKey = index + '_' + getOptionRenderKey(option);
@@ -38785,6 +38885,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,
@@ -39177,12 +39278,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);
@@ -39269,7 +39370,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);
@@ -39364,7 +39465,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',
@@ -40524,10 +40625,10 @@ var MeterGroup = function MeterGroup(inProps) {
     name: 'metergroup'
   });
   var totalPercent = 0;
-  var precentages = [];
+  var percentages = [];
   values.map(function (item) {
     totalPercent = totalPercent + item.value;
-    precentages.push(Math.round(item.value / totalPercent * 100));
+    percentages.push(Math.round(item.value / totalPercent * 100));
   });
   var calculatePercentage = function calculatePercentage() {
     var meterValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -40601,7 +40702,7 @@ var MeterGroup = function MeterGroup(inProps) {
   };
   var templateProps = {
     totalPercent: totalPercent,
-    precentages: precentages,
+    percentages: percentages,
     values: values
   };
   var labelListContent = labelList || createLabelList();
@@ -40857,6 +40958,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
         }
@@ -40884,7 +40986,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'));
@@ -40983,7 +41085,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
@@ -41484,7 +41586,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();
@@ -42085,6 +42187,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);
     });
@@ -42261,7 +42364,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);
@@ -42311,7 +42414,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
@@ -43446,7 +43550,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,
@@ -43476,7 +43581,7 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     ptm: ptm,
     cx: cx,
     changeFocusedOptionIndex: changeFocusedOptionIndex
-  }, props)));
+  })));
 }));
 OrderList.displayName = 'OrderList';
 
@@ -43693,7 +43798,6 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
         /* eslint-enable */
       );
     }
-
     return null;
   };
   var createNodeLabel = function createNodeLabel() {
@@ -46013,6 +46117,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,
@@ -48717,7 +48822,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);
@@ -50715,7 +50820,6 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       'aria-disabled': disabled,
       'aria-expanded': grouped ? active : undefined,
       'aria-haspopup': grouped && !url ? 'menu' : undefined,
-      'aria-level': props.level + 1,
       'aria-setsize': getAriaSetSize(),
       'aria-posinset': getAriaPosInset(index),
       'data-p-highlight': active,
@@ -52391,6 +52495,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];
@@ -53994,7 +54103,6 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     React__namespace.createElement("a", headerActionProps, leftIconElement, titleElement, rightIconElement, closableIconElement, /*#__PURE__*/React__namespace.createElement(Ripple, null))
     // eslint-enable /
     ;
-
     if (headerTemplate) {
       var defaultContentOptions = {
         className: 'p-tabview-nav-link',
@@ -55578,9 +55686,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) {
@@ -55805,18 +55917,18 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var onDropPointDragOver = function onDropPointDragOver(event) {
-    if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
+    if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
       event.dataTransfer.dropEffect = 'move';
       event.preventDefault();
     }
   };
   var onDropPointDragEnter = function onDropPointDragEnter(event) {
-    if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
+    if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
       DomHandler.addClass(event.target, 'p-treenode-droppoint-active');
     }
   };
   var onDropPointDragLeave = function onDropPointDragLeave(event) {
-    if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
+    if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
       DomHandler.removeClass(event.target, 'p-treenode-droppoint-active');
     }
   };
@@ -55835,19 +55947,19 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var onDragOver = function onDragOver(event) {
-    if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
+    if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
       event.dataTransfer.dropEffect = 'move';
       event.preventDefault();
       event.stopPropagation();
     }
   };
   var onDragEnter = function onDragEnter(event) {
-    if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
+    if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
       DomHandler.addClass(contentRef.current, 'p-treenode-dragover');
     }
   };
   var onDragLeave = function onDragLeave(event) {
-    if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
+    if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
       var rect = event.currentTarget.getBoundingClientRect();
       if (event.nativeEvent.x > rect.left + rect.width || event.nativeEvent.x < rect.left || event.nativeEvent.y >= Math.floor(rect.top + rect.height) || event.nativeEvent.y < rect.top) {
         DomHandler.removeClass(contentRef.current, 'p-treenode-dragover');
@@ -57027,7 +57139,6 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         event.preventDefault();
         focusInputRef.current && DomHandler.focus(focusInputRef.current);
         break;
-      case 'Space':
       case 'Enter':
       case 'NumpadEnter':
         event.preventDefault();
@@ -58626,7 +58737,6 @@ var TreeTableRow = /*#__PURE__*/React__namespace.memo(function (props) {
   }, getRowPTOptions('row'), {
     className: classNames(rowClassName, props.node.className) // #5983 must be last so all unstyled merging takes place first
   });
-
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("tr", _extends({
     ref: elementRef
   }, rowProps), cells), children);
@@ -60150,7 +60260,6 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     draggedColumn.current = column;
     event.dataTransfer.setData('text', 'b'); // Firefox requires this to make dragging possible
   };
-
   var onColumnDragOver = function onColumnDragOver(e) {
     var event = e.originalEvent,
       column = e.column;