primereact 10.6.6 → 10.8.0

package/primereact.all.js

@@ -239,7 +239,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     function DomHandler() {
       _classCallCheck(this, DomHandler);
     }
-    _createClass(DomHandler, null, [{
+    return _createClass(DomHandler, null, [{
       key: "innerWidth",
       value: function innerWidth(el) {
         if (el) {
@@ -1469,7 +1469,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return false;
       }
     }]);
-    return DomHandler;
   }();
   /**
    * All data- properties like data-test-id
@@ -1512,7 +1511,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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') {
@@ -1881,6 +1880,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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.
@@ -2034,16 +2038,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       }
     }]);
-    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] : {};
@@ -2056,7 +2059,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             className: className
           }));
           if (iconType !== 'string') {
-            var defaultContentOptions = _objectSpread$1$({
+            var defaultContentOptions = _objectSpread$20({
               iconProps: iconProps,
               element: content
             }, options);
@@ -2066,11 +2069,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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,
@@ -2083,7 +2085,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onFocus: null,
       onBlur: null
     };
-    options = _objectSpread$1_(_objectSpread$1_({}, defaultOptions), options);
+    options = _objectSpread$1$(_objectSpread$1$({}, defaultOptions), options);
     var tests;
     var partialPosition;
     var len;
@@ -2523,8 +2525,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
   }
 
-  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
@@ -2551,7 +2553,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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) {
@@ -2905,22 +2907,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   _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',
@@ -3058,7 +3062,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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')) {
@@ -3071,7 +3075,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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')) {
@@ -3535,18 +3539,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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);
     };
 
     /**
@@ -3869,7 +3875,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     PASSWORD: 700,
     CASCADE_SELECT: 800,
     SPLIT_BUTTON: 900,
-    SPEED_DIAL: 1000
+    SPEED_DIAL: 1000,
+    TOOLTIP: 1200
   };
 
   /**
@@ -4071,8 +4078,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   /* 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,
@@ -4133,15 +4140,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       };
     }, [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,
@@ -4325,7 +4332,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       };
     }, [bindMouseDownListener, bindTouchStartListener, positions, unbindMouseDownListener, unbindTouchStartListener]);
-    return _objectSpread$1W(_objectSpread$1W({
+    return _objectSpread$1X(_objectSpread$1X({
       ref: ref
     }, positions), {}, {
       active: active,
@@ -4739,8 +4746,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   /* 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";
@@ -4762,7 +4769,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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] : {};
@@ -4825,10 +4832,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         };
         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] : {};
@@ -4837,7 +4844,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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] : {};
@@ -4851,7 +4858,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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;
@@ -4862,11 +4869,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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));
@@ -4884,7 +4891,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           isUnstyled: isUnstyled
         };
       };
-      return _objectSpread$1V(_objectSpread$1V({
+      return _objectSpread$1W(_objectSpread$1W({
         getProps: getProps,
         getOtherProps: getOtherProps,
         setMetaData: setMetaData
@@ -4942,7 +4949,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       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);
   };
@@ -5029,8 +5036,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   };
 
-  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);
@@ -5039,32 +5046,26 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
@@ -5098,7 +5099,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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';
@@ -5237,8 +5238,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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();
@@ -5262,7 +5263,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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,
@@ -5413,7 +5414,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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');
@@ -5427,7 +5428,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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
       });
@@ -5460,7 +5461,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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();
@@ -5550,13 +5551,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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,
@@ -5620,8 +5621,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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),
@@ -5640,7 +5641,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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() {
@@ -5815,6 +5816,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       autoZIndex: true,
       baseZIndex: 0,
       className: null,
+      closeOnEscape: false,
       content: null,
       disabled: false,
       event: null,
@@ -5845,8 +5847,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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);
@@ -5885,6 +5887,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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);
@@ -6282,7 +6291,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       };
     }, [visibleState]);
     useUpdateEffect(function () {
-      if (visibleState) {
+      var position = getPosition(currentTargetRef.current);
+      if (visibleState && position !== 'mouse') {
         applyDelay('updateDelay', function () {
           updateText(currentTargetRef.current, function () {
             align(currentTargetRef.current);
@@ -6330,7 +6340,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, 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')
@@ -6415,14 +6425,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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: {
@@ -6460,7 +6470,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
       });
     };
@@ -6505,6 +6515,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var rootProps = mergeProps({
       ref: elementRef,
       'aria-label': defaultAriaLabel,
+      'data-pc-autofocus': props.autoFocus,
       className: classNames(props.className, cx('root', {
         size: size,
         disabled: disabled
@@ -6646,13 +6657,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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: {
@@ -6906,8 +6917,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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);
@@ -7289,7 +7300,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
@@ -7309,7 +7320,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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)")
           });
         };
@@ -7489,7 +7500,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var loaderOptions = function loaderOptions(index, extOptions) {
       var count = loaderArrState.length || 0;
-      return _objectSpread$1N({
+      return _objectSpread$1O({
         index: index,
         count: count,
         first: index === 0,
@@ -7613,7 +7624,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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) {
@@ -7741,15 +7752,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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));
     };
@@ -7789,7 +7800,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     });
     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'),
@@ -7800,7 +7811,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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', {
@@ -7894,8 +7905,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       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,
@@ -7941,7 +7952,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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({
@@ -7982,8 +7993,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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);
@@ -8474,7 +8485,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onContextMenu: props.onContextMenu,
         onClick: props.onClick,
         onDoubleClick: props.onDblClick,
-        pt: ptm('input')
+        pt: ptm('input'),
+        unstyled: props.unstyled
       }, ariaProps, {
         __parentMetadata: {
           parent: metaData
@@ -8492,7 +8504,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             }
           }, 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({
@@ -8514,7 +8526,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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',
@@ -8586,7 +8598,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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;
@@ -8677,8 +8689,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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);
@@ -8723,7 +8735,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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
         });
       }
@@ -8847,8 +8859,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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);
@@ -8928,7 +8940,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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',
@@ -9000,8 +9012,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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);
@@ -9060,7 +9072,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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({
@@ -9111,7 +9123,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         '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({
@@ -9501,8 +9513,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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; }
@@ -9684,7 +9696,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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;
@@ -9831,24 +9843,33 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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());
@@ -9867,24 +9888,33 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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());
@@ -9922,6 +9952,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onMonthDropdownChange = function onMonthDropdownChange(event, value) {
       var currentViewDate = getViewDate();
       var newViewDate = cloneDate(currentViewDate);
+      newViewDate.setDate(1);
       newViewDate.setMonth(parseInt(value, 10));
       updateViewDate(event, newViewDate);
     };
@@ -10408,7 +10439,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           month: month,
           year: year,
           selectable: isSelectable(day, month, year)
-        });
+        }, null, true);
       }
     };
     var setNavigationState = function setNavigationState(newViewDate) {
@@ -10880,7 +10911,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
       }
     };
-    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;
@@ -10902,7 +10936,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       } 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);
@@ -10972,6 +11006,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           if (props.hideOnRangeSelection && endDate !== null) {
             setTimeout(function () {
               setOverlayVisibleState(false);
+              isOverlayClicked.current = false;
             }, 150);
           }
         } else {
@@ -11505,28 +11540,44 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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;
@@ -12019,7 +12070,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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) {
@@ -12122,26 +12172,25 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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 () {
@@ -12216,7 +12265,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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),
@@ -12224,7 +12273,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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
@@ -12248,7 +12297,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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),
@@ -12256,7 +12305,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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
@@ -12617,10 +12666,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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() {
@@ -12885,6 +12934,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           tooltip: props.tooltip,
           tooltipOptions: props.tooltipOptions,
           pt: ptm('input'),
+          unstyled: props.unstyled,
           __parentMetadata: {
             parent: metaData
           }
@@ -13287,8 +13337,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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,
@@ -13838,7 +13888,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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({
@@ -13864,7 +13914,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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({
@@ -14061,8 +14111,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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),
@@ -14076,7 +14126,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var getPTOptions = function getPTOptions(key, options) {
       return ptm(key, {
         hostName: props.hostName,
-        state: _objectSpread$1F({}, options)
+        state: _objectSpread$1G({}, options)
       });
     };
     var position = function position() {
@@ -14240,7 +14290,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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;
@@ -14303,8 +14353,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   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);
@@ -14328,7 +14378,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           overlayVisible: overlayVisibleState,
           attributeSelector: attributeSelectorState
         },
-        context: _objectSpread$1E({}, context)
+        context: _objectSpread$1F({}, context)
       }),
       ptm = _CascadeSelectBase$se.ptm,
       cx = _CascadeSelectBase$se.cx,
@@ -14573,7 +14623,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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,
@@ -14599,7 +14649,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           label: label
         })
       }, ptm('label', {
-        context: _objectSpread$1E({
+        context: _objectSpread$1F({
           label: label
         }, context)
       }));
@@ -14612,7 +14662,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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({
@@ -14628,7 +14678,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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({
@@ -14927,14 +14977,21 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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
@@ -14988,10 +15045,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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 () {
@@ -15036,7 +15095,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, 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'),
@@ -15073,7 +15132,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         '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
       });
@@ -15123,8 +15182,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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);
@@ -15182,7 +15241,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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
         }));
       }
@@ -15194,7 +15253,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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
         }));
       }
@@ -15296,8 +15355,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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);
@@ -15578,7 +15637,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           '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;
@@ -15613,7 +15672,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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,
@@ -15805,8 +15864,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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);
@@ -15824,9 +15883,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -15894,12 +15962,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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();
@@ -16311,7 +16384,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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,
@@ -16386,8 +16459,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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);
@@ -16400,7 +16473,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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 {
@@ -16422,6 +16495,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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,
@@ -16430,7 +16512,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
     };
@@ -16532,8 +16616,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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',
@@ -16585,7 +16669,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   var inlineStyles$k = {
     mask: function mask(_ref6) {
       var props = _ref6.props;
-      return _objectSpread$1y({
+      return _objectSpread$1z({
         position: 'fixed',
         height: '100%',
         width: '100%',
@@ -16661,8 +16745,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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);
@@ -16702,7 +16786,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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: {
@@ -17094,7 +17178,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           '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({
@@ -17104,7 +17188,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           '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));
@@ -17261,7 +17347,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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,
@@ -17314,17 +17400,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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
       }));
     };
@@ -17513,7 +17599,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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();
@@ -17606,17 +17692,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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
       }));
     };
@@ -17846,7 +17932,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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({
@@ -18034,8 +18120,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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);
@@ -18205,7 +18291,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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({
@@ -18215,7 +18301,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
@@ -18318,8 +18404,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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);
@@ -18836,7 +18922,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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()
         }));
       }
@@ -18900,7 +18986,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var changeFocusedItemIndex = function changeFocusedItemIndex(index) {
       if (focusedItemInfo.index !== index) {
-        setFocusedItemInfo(_objectSpread$1t(_objectSpread$1t({}, focusedItemInfo), {}, {
+        setFocusedItemInfo(_objectSpread$1u(_objectSpread$1u({}, focusedItemInfo), {}, {
           index: index
         }));
         scrollInView();
@@ -19292,6 +19378,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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',
@@ -19587,8 +19686,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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);
@@ -19610,7 +19709,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }));
     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,
@@ -19640,8 +19739,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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);
@@ -19664,7 +19763,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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({
@@ -19829,8 +19928,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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);
@@ -19839,7 +19938,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _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: {
@@ -19851,7 +19950,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -19878,14 +19978,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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
       };
     };
@@ -19922,7 +20023,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }).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');
@@ -20303,7 +20404,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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
@@ -20832,6 +20933,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         "aria-valuenow": props.value
       }, ariaProps, dataProps, {
         pt: ptm('input'),
+        unstyled: props.unstyled,
         __parentMetadata: {
           parent: metaData
         }
@@ -20842,7 +20944,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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({
@@ -20868,7 +20970,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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({
@@ -20983,8 +21085,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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);
@@ -21007,7 +21109,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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({
@@ -21035,8 +21137,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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);
@@ -21059,7 +21161,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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({
@@ -21191,8 +21293,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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);
@@ -21215,7 +21317,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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({
@@ -21243,6 +21345,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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,
@@ -21327,7 +21431,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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;
@@ -21337,7 +21441,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     panel: function panel(_ref10) {
       var props = _ref10.props;
-      props.panelStyle;
+      return _objectSpread$1n({}, props.panelStyle);
     }
   };
   var DropdownBase = ComponentBase.extend({
@@ -22273,8 +22377,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     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());
         });
@@ -22480,10 +22585,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     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);
@@ -22656,7 +22766,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }, 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', {
@@ -22673,7 +22783,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     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,
@@ -23609,8 +23719,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       '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';
@@ -23767,7 +23878,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       })),
       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({
@@ -23783,7 +23897,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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));
@@ -23791,10 +23905,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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({
@@ -23842,8 +23956,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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';
@@ -23868,7 +23984,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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,
@@ -23905,7 +24020,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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');
@@ -24049,14 +24164,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     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);
@@ -24098,6 +24210,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (currentData) {
         ObjectUtils.mutateFieldData(currentData, field, val);
       }
+      editingRowDataStateRef.current = editingRowData;
     };
     var _onClick = function onClick(event) {
       var params = getCellCallbackParams(event);
@@ -24290,14 +24403,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, [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();
@@ -24372,7 +24482,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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,
@@ -24387,7 +24497,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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,
@@ -24401,7 +24512,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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, {
@@ -24564,7 +24676,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }, editorKeyHelperProps), /*#__PURE__*/React__namespace.createElement("span", editorKeyHelperLabelProps));
         /* eslint-enable */
       }
-
       var bodyCellProps = mergeProps({
         style: style,
         className: classNames(bodyClassName, getColumnProp('className'), cellClassName, cx('bodyCell', {
@@ -25048,7 +25159,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             value: props.value,
             virtualScrollerOptions: props.virtualScrollerOptions,
             ptCallbacks: props.ptCallbacks,
-            metaData: props.metaData
+            metaData: props.metaData,
+            unstyled: props.unstyled
           });
         }
         return null;
@@ -25127,7 +25239,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, 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';
@@ -25139,7 +25250,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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,
@@ -25162,8 +25274,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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
@@ -25176,8 +25289,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       },
       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';
@@ -25191,7 +25305,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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],
@@ -25626,7 +25740,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
@@ -25754,7 +25868,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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 {
@@ -25835,7 +25952,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         event.dataTransfer.setData('text', 'b'); // For firefox
       }
     };
-
     var onRowDragOver = function onRowDragOver(e) {
       var event = e.originalEvent,
         index = e.index;
@@ -25847,26 +25963,26 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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();
@@ -25877,12 +25993,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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;
@@ -26057,7 +26173,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           expandedRowIcon: props.expandedRowIcon,
           collapsedRowIcon: props.collapsedRowIcon,
           ptCallbacks: props.ptCallbacks,
-          metaData: props.metaData
+          metaData: props.metaData,
+          unstyled: isUnstyled()
         });
         var options = {
           index: rowIndex,
@@ -26162,7 +26279,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           value: props.value,
           virtualScrollerOptions: props.virtualScrollerOptions,
           ptCallbacks: props.ptCallbacks,
-          metaData: props.metaData
+          metaData: props.metaData,
+          unstyled: isUnstyled()
         });
       }
     };
@@ -27383,22 +27501,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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"
     }));
   }));
@@ -27414,22 +27517,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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"
     }));
   }));
@@ -27672,7 +27760,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         column: props.column
       });
     };
-    var onResizerMouseDown = function onResizerMouseDown(event) {
+    var onResizeStart = function onResizeStart(event) {
       props.onColumnResizeStart({
         originalEvent: event,
         column: props.column
@@ -27709,7 +27797,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
@@ -27769,7 +27860,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           onChange: props.onColumnCheckboxChange,
           disabled: props.empty,
           ptCallbacks: ptCallbacks,
-          metaData: parentMetaData
+          metaData: parentMetaData,
+          unstyled: props.unstyled
         });
       }
       return null;
@@ -28127,19 +28219,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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; }
@@ -28248,29 +28327,40 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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';
     };
@@ -28606,7 +28696,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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) {
@@ -28614,7 +28704,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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() {
@@ -28685,10 +28775,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var bindColumnResizeEvents = function bindColumnResizeEvents() {
       bindDocumentMouseMoveListener();
       bindDocumentMouseUpListener();
+      bindDocumentTouchMoveListener();
+      bindDocumentTouchEndListener();
     };
     var unbindColumnResizeEvents = function unbindColumnResizeEvents() {
       unbindDocumentMouseMoveListener();
       unbindDocumentMouseUpListener();
+      unbindDocumentTouchMoveListener();
+      unbindDocumentTouchEndListener();
     };
     var onColumnHeaderMouseDown = function onColumnHeaderMouseDown(e) {
       DomHandler.clearSelection();
@@ -28754,7 +28848,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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;
@@ -29686,7 +29779,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         value: props.frozenValue,
         virtualScrollerOptions: options,
         ptCallbacks: ptCallbacks,
-        metaData: metaData
+        metaData: metaData,
+        unstyled: props.unstyled
       });
       var body = /*#__PURE__*/React__namespace.createElement(TableBody, {
         hostName: "DataTable",
@@ -29769,7 +29863,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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",
@@ -29778,7 +29873,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         },
         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);
     };
@@ -29790,7 +29886,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         columns: columns,
         footerColumnGroup: props.footerColumnGroup,
         ptCallbacks: ptCallbacks,
-        metaData: metaData
+        metaData: metaData,
+        unstyled: props.unstyled
       });
     };
     var createContent = function createContent(processedData, columns, selectionModeInColumn, empty) {
@@ -29825,6 +29922,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           parent: metaData
         },
         showSpacer: false,
+        unstyled: props.unstyled,
         contentTemplate: function contentTemplate(options) {
           var ref = function ref(el) {
             tableRef.current = el;
@@ -31010,7 +31108,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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);
     };
@@ -31033,7 +31134,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, [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 () {
@@ -36631,6 +36739,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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) {
@@ -36787,7 +36899,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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'];
@@ -36810,11 +36939,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           } 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) {
@@ -36859,42 +36988,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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'),
@@ -36903,9 +37003,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }),
           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);
@@ -38779,6 +38879,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: cx('input'),
       style: props.inputStyle
     }, inputProps), {}, {
+      unstyled: props.unstyled,
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyDown: onKeyDown,
@@ -39171,12 +39272,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
@@ -39263,7 +39364,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -39358,7 +39459,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     }
   };
-  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',
@@ -40518,10 +40619,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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;
@@ -40595,7 +40696,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var templateProps = {
       totalPercent: totalPercent,
-      precentages: precentages,
+      percentages: percentages,
       values: values
     };
     var labelListContent = labelList || createLabelList();
@@ -40851,6 +40952,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: "p-multiselect-filter",
           placeholder: props.filterPlaceholder,
           pt: ptm('filterInput'),
+          unstyled: props.unstyled,
           __parentMetadata: {
             parent: props.metaData
           }
@@ -40878,7 +40980,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, getPTOptions('headerSelectAllLabel'));
     var headerCheckboxIconProps = mergeProps({
       className: cx('headerCheckboxIcon')
-    }, getPTOptions('headerCheckboxIcon'));
+    }, getPTOptions('headerCheckbox.icon'));
     var headerCheckboxContainerProps = mergeProps({
       className: cx('headerCheckboxContainer')
     }, getPTOptions('headerCheckboxContainer'));
@@ -40977,7 +41079,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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
@@ -41478,7 +41580,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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();
@@ -42079,6 +42181,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var removeChip = function removeChip(event, item) {
+      event.stopPropagation();
       var value = props.value.filter(function (val) {
         return !ObjectUtils.equals(val, item, equalityKey);
       });
@@ -42255,7 +42358,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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);
@@ -42305,7 +42408,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
@@ -43440,7 +43544,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       metaData: metaData
     }), /*#__PURE__*/React__namespace.createElement(OrderListSubList, _extends({
       ref: listElementRef,
-      hostName: "OrderList",
+      hostName: "OrderList"
+    }, props, {
       focused: focused,
       ariaLabel: props.ariaLabel,
       ariaLabelledBy: props.ariaLabelledBy,
@@ -43470,7 +43575,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       ptm: ptm,
       cx: cx,
       changeFocusedOptionIndex: changeFocusedOptionIndex
-    }, props)));
+    })));
   }));
   OrderList.displayName = 'OrderList';
 
@@ -43687,7 +43792,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           /* eslint-enable */
         );
       }
-
       return null;
     };
     var createNodeLabel = function createNodeLabel() {
@@ -46007,6 +46111,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       invalid: props.invalid,
       variant: props.variant,
       style: props.inputStyle,
+      unstyled: props.unstyled,
       tabIndex: props.tabIndex || '0',
       tooltip: props.tooltip,
       tooltipOptions: props.tooltipOptions,
@@ -48711,7 +48816,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -50709,7 +50814,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         '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,
@@ -52385,6 +52489,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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];
@@ -53988,7 +54097,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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',
@@ -55572,9 +55680,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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) {
@@ -55799,18 +55911,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     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');
       }
     };
@@ -55829,19 +55941,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     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');
@@ -57021,7 +57133,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           event.preventDefault();
           focusInputRef.current && DomHandler.focus(focusInputRef.current);
           break;
-        case 'Space':
         case 'Enter':
         case 'NumpadEnter':
           event.preventDefault();
@@ -58620,7 +58731,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, 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);
@@ -60144,7 +60254,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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;