primereact 10.7.0 → 10.8.1

package/primereact.all.js

@@ -1880,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.
@@ -2035,8 +2040,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }]);
   }();
 
-  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);
@@ -2054,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,8 +2071,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }]);
   }();
 
-  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,
@@ -2080,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;
@@ -2520,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
@@ -2548,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) {
@@ -2902,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',
@@ -3055,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')) {
@@ -3068,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')) {
@@ -3532,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);
     };
 
     /**
@@ -4069,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,
@@ -4131,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,
@@ -4323,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,
@@ -4737,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";
@@ -4760,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] : {};
@@ -4823,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] : {};
@@ -4835,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] : {};
@@ -4849,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;
@@ -4860,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));
@@ -4882,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
@@ -4940,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);
   };
@@ -5027,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);
@@ -5090,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';
@@ -5229,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();
@@ -5254,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,
@@ -5405,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');
@@ -5419,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
       });
@@ -5452,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();
@@ -5542,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,
@@ -5612,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),
@@ -5632,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() {
@@ -5838,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);
@@ -6331,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')
@@ -6416,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: {
@@ -6461,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
       });
     };
@@ -6648,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: {
@@ -6908,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);
@@ -7291,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);
@@ -7311,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)")
           });
         };
@@ -7491,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,
@@ -7615,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) {
@@ -7743,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));
     };
@@ -7791,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'),
@@ -7802,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', {
@@ -7896,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,
@@ -7943,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({
@@ -7984,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);
@@ -8166,11 +8175,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onOverlayEntering = function onOverlayEntering() {
       if (props.autoHighlight && props.suggestions && props.suggestions.length) {
-        var element = getScrollableElement().firstChild.firstChild;
-        if (element) {
-          !isUnstyled() && DomHandler.addClass(element, 'p-highlight');
-          element.setAttribute('data-p-highlight', true);
-        }
+        autoHighlightFirstOption();
+      }
+    };
+    var autoHighlightFirstOption = function autoHighlightFirstOption() {
+      var _getScrollableElement;
+      var element = (_getScrollableElement = getScrollableElement()) === null || _getScrollableElement === void 0 || (_getScrollableElement = _getScrollableElement.firstChild) === null || _getScrollableElement === void 0 ? void 0 : _getScrollableElement.firstChild;
+      if (element) {
+        !isUnstyled() && DomHandler.addClass(element, 'p-highlight');
+        element.setAttribute('data-p-highlight', true);
       }
     };
     var onOverlayEntered = function onOverlayEntered() {
@@ -8374,7 +8387,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }) : false;
     };
     var getScrollableElement = function getScrollableElement() {
-      return overlayRef.current.firstChild;
+      var _overlayRef$current;
+      return overlayRef === null || overlayRef === void 0 || (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.firstChild;
     };
     var getOptionGroupLabel = function getOptionGroupLabel(optionGroup) {
       return props.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel) : optionGroup;
@@ -8397,6 +8411,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       alignOverlay();
     });
+    useUpdateEffect(function () {
+      if (searchingState && props.autoHighlight && props.suggestions && props.suggestions.length) {
+        autoHighlightFirstOption();
+      }
+    }, [searchingState]);
     useUpdateEffect(function () {
       if (searchingState) {
         ObjectUtils.isNotEmpty(props.suggestions) || props.showEmptyMessage ? show() : hide();
@@ -8476,7 +8495,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
@@ -8494,7 +8514,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({
@@ -8516,7 +8536,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',
@@ -8588,7 +8608,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;
@@ -8679,8 +8699,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);
@@ -8725,7 +8745,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
         });
       }
@@ -8849,8 +8869,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);
@@ -8930,7 +8950,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',
@@ -9002,8 +9022,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);
@@ -9062,7 +9082,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({
@@ -9113,7 +9133,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({
@@ -9503,8 +9523,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; }
@@ -9528,7 +9548,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       idState = _React$useState8[0],
       setIdState = _React$useState8[1];
-    var isTypingRef = React__namespace.useRef(false);
     var metaData = {
       props: props,
       state: {
@@ -9656,7 +9675,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       try {
         var value = parseValueFromString(props.timeOnly ? rawValue.replace('_', '') : rawValue);
         if (isValidSelection(value)) {
-          isTypingRef.current = true;
           updateModel(event, value);
           updateViewDate(event, value.length ? value[0] : value);
         }
@@ -9686,7 +9704,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;
@@ -10429,7 +10447,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           month: month,
           year: year,
           selectable: isSelectable(day, month, year)
-        });
+        }, null, true);
       }
     };
     var setNavigationState = function setNavigationState(newViewDate) {
@@ -10901,7 +10919,7 @@ 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;
       }
@@ -10926,7 +10944,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);
@@ -10996,6 +11014,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           if (props.hideOnRangeSelection && endDate !== null) {
             setTimeout(function () {
               setOverlayVisibleState(false);
+              isOverlayClicked.current = false;
             }, 150);
           }
         } else {
@@ -12134,8 +12153,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       viewChangedWithKeyDown.current = false;
     }, [props.view]);
     useUpdateEffect(function () {
-      focusToFirstCell();
-    }, [currentView]);
+      if (visible && !props.inline) {
+        focusToFirstCell();
+      }
+    }, [visible, currentView, props.inline]);
     useUpdateEffect(function () {
       if (!props.onViewDateChange && !viewStateChanged.current) {
         setValue(props.value);
@@ -12155,10 +12176,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     useUpdateEffect(function () {
       var newDate = props.value;
       if (previousValue !== newDate) {
-        if (!isTypingRef.current) {
+        var isInputFocused = document.activeElement === inputRef.current;
+
+        // Do not update value in input if user types something in it:
+        if (!isInputFocused) {
           updateInputfield(newDate);
         }
-        isTypingRef.current = false;
 
         // #3516 view date not updated when value set programatically
         if (!newDate) return;
@@ -12254,7 +12277,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),
@@ -12262,7 +12285,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
@@ -12286,7 +12309,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),
@@ -12294,7 +12317,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
@@ -12655,10 +12678,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() {
@@ -12923,6 +12946,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           tooltip: props.tooltip,
           tooltipOptions: props.tooltipOptions,
           pt: ptm('input'),
+          unstyled: props.unstyled,
           __parentMetadata: {
             parent: metaData
           }
@@ -13325,8 +13349,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,
@@ -13876,7 +13900,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({
@@ -13902,7 +13926,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({
@@ -14099,8 +14123,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),
@@ -14114,7 +14138,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() {
@@ -14278,7 +14302,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;
@@ -14341,8 +14365,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);
@@ -14366,7 +14390,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,
@@ -14611,7 +14635,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,
@@ -14637,7 +14661,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           label: label
         })
       }, ptm('label', {
-        context: _objectSpread$1E({
+        context: _objectSpread$1F({
           label: label
         }, context)
       }));
@@ -14650,7 +14674,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({
@@ -14666,7 +14690,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({
@@ -14965,8 +14989,8 @@ 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);
@@ -15083,7 +15107,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'),
@@ -15120,7 +15144,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
       });
@@ -15170,8 +15194,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);
@@ -15229,7 +15253,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
         }));
       }
@@ -15241,7 +15265,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
         }));
       }
@@ -15343,8 +15367,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);
@@ -15625,7 +15649,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;
@@ -15660,7 +15684,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,
@@ -15852,8 +15876,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);
@@ -16372,7 +16396,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,
@@ -16447,8 +16471,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);
@@ -16461,7 +16485,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 {
@@ -16604,8 +16628,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',
@@ -16657,7 +16681,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%',
@@ -16733,8 +16757,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);
@@ -16774,7 +16798,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: {
@@ -17166,7 +17190,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({
@@ -17335,7 +17359,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,
@@ -17388,17 +17412,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
       }));
     };
@@ -17587,7 +17611,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();
@@ -17680,17 +17704,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
       }));
     };
@@ -17920,7 +17944,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({
@@ -18108,8 +18132,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);
@@ -18279,7 +18303,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({
@@ -18289,7 +18313,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);
@@ -18392,8 +18416,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);
@@ -18910,7 +18934,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()
         }));
       }
@@ -18974,7 +18998,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();
@@ -19674,8 +19698,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);
@@ -19697,7 +19721,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,
@@ -19727,8 +19751,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);
@@ -19751,7 +19775,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({
@@ -19916,8 +19940,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);
@@ -19926,7 +19950,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: {
@@ -20010,7 +20034,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');
@@ -20920,6 +20944,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         "aria-valuenow": props.value
       }, ariaProps, dataProps, {
         pt: ptm('input'),
+        unstyled: props.unstyled,
         __parentMetadata: {
           parent: metaData
         }
@@ -20930,7 +20955,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({
@@ -20956,7 +20981,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({
@@ -21071,8 +21096,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);
@@ -21095,7 +21120,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({
@@ -21123,8 +21148,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);
@@ -21147,7 +21172,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({
@@ -21279,8 +21304,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);
@@ -21303,7 +21328,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({
@@ -21331,6 +21356,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,
@@ -21415,7 +21442,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;
@@ -21425,7 +21452,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({
@@ -22075,9 +22102,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onOptionSelect = function onOptionSelect(event, option) {
       var isHide = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      var value = getOptionValue(option);
       selectItem({
         originalEvent: event,
-        option: option
+        option: value
       });
       isHide && hide();
     };
@@ -22568,11 +22596,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var getOptionLabel = function getOptionLabel(option) {
-      var optionLabel = props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : ObjectUtils.resolveFieldData(option, 'label');
-      return ObjectUtils.isNotEmpty(optionLabel) ? optionLabel : option;
+      if (ObjectUtils.isScalar(option)) {
+        return "".concat(option);
+      }
+      var optionLabel = props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : option['label'];
+      return "".concat(optionLabel);
     };
     var getOptionValue = function getOptionValue(option) {
-      var optionValue = props.OptionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : ObjectUtils.resolveFieldData(option, 'value');
+      var optionValue = props.optionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : option ? option['value'] : ObjectUtils.resolveFieldData(option, 'value');
       return ObjectUtils.isNotEmpty(optionValue) ? optionValue : option;
     };
     var getOptionRenderKey = function getOptionRenderKey(option) {
@@ -22763,7 +22794,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,
@@ -23691,7 +23722,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       props: props
     });
     var tabIndex = props.disabled ? null : '0';
-    var checkboxProps = mergeProps({
+    var checkboxProps = {
       role: 'checkbox',
       'aria-checked': props.checked,
       tabIndex: tabIndex,
@@ -23699,8 +23730,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'aria-label': props.ariaLabel,
       checked: props.checked,
       icon: checkIcon,
-      disabled: props.disabled
-    }, getColumnPTOptions('rowCheckbox'));
+      disabled: props.disabled,
+      unstyled: props.unstyled,
+      pt: getColumnPTOptions('rowCheckbox')
+    };
     return /*#__PURE__*/React__namespace.createElement(Checkbox, checkboxProps);
   });
   RowCheckbox.displayName = 'RowCheckbox';
@@ -23716,9 +23749,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
       });
     },
-    radiobuttonbox: 'p-radiobutton-box',
-    radiobuttoninput: 'p-radiobutton-input',
-    radiobuttonicon: 'p-radiobutton-icon'
+    box: 'p-radiobutton-box',
+    input: 'p-radiobutton-input',
+    icon: 'p-radiobutton-icon'
   };
   var RadioButtonBase = ComponentBase.extend({
     defaultProps: {
@@ -23875,19 +23908,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         readOnly: props.readonly,
         required: props.required,
         tabIndex: props.tabIndex,
-        className: cx('radiobuttoninput')
-      }, ariaProps), inProps.input, ptm('radiobuttoninput'));
+        className: cx('input')
+      }, ariaProps), inProps.input, ptm('input'));
       return /*#__PURE__*/React__namespace.createElement("input", _extends({
         ref: inputRef
       }, inputProps));
     };
     var createBoxElement = function createBoxElement() {
       var boxProps = mergeProps({
-        className: cx('radiobuttonbox')
-      }, inProps.box, ptm('radiobuttonbox'));
+        className: cx('box')
+      }, inProps.box, ptm('box'));
       var iconProps = mergeProps({
-        className: cx('radiobuttonicon')
-      }, inProps.icon, ptm('radiobuttonicon'));
+        className: cx('icon')
+      }, inProps.icon, ptm('icon'));
       return /*#__PURE__*/React__namespace.createElement("div", boxProps, /*#__PURE__*/React__namespace.createElement("div", iconProps));
     };
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -23929,18 +23962,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         props.onChange(event);
       }
     };
-    var radioButtonProps = mergeProps({
+    var radioButtonProps = {
       role: 'radio',
       'aria-checked': props.checked,
       checked: props.checked,
       disabled: props.disabled,
       name: "".concat(props.tableSelector, "_dt_radio"),
       onChange: onChange,
-      input: getColumnPTOptions('radiobuttoninput'),
-      box: getColumnPTOptions('radiobuttonbox'),
-      icon: getColumnPTOptions('radiobuttonicon'),
-      unstyled: props.unstyled
-    }, getColumnPTOptions('radiobutton'));
+      unstyled: props.unstyled,
+      pt: getColumnPTOptions('rowRadioButton')
+    };
     return /*#__PURE__*/React__namespace.createElement(RadioButton, radioButtonProps);
   });
   RowRadioButton.displayName = 'RowRadioButton';
@@ -25231,7 +25262,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,
@@ -25254,8 +25286,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
@@ -25268,8 +25301,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';
@@ -25283,7 +25317,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],
@@ -25602,32 +25636,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var selectRange = function selectRange(event) {
       var rangeStart;
       var rangeEnd;
-      var selectedSize;
       var isAllowCellSelection = allowCellSelection();
-      var index = ObjectUtils.findIndexInList(event.data, props.value, props.dataKey);
       if (rangeRowIndex.current > anchorRowIndex.current) {
         rangeStart = anchorRowIndex.current;
         rangeEnd = rangeRowIndex.current;
-        if (!isAllowCellSelection) {
-          selectedSize = rangeEnd - rangeStart;
-          rangeEnd = index;
-          rangeStart = index - selectedSize;
-        }
       } else if (rangeRowIndex.current < anchorRowIndex.current) {
         rangeStart = rangeRowIndex.current;
         rangeEnd = anchorRowIndex.current;
-        if (!isAllowCellSelection) {
-          selectedSize = rangeEnd - rangeStart;
-          rangeStart = index;
-          rangeEnd = index + selectedSize;
-        }
       } else {
         rangeStart = rangeEnd = rangeRowIndex.current;
       }
       return isAllowCellSelection ? selectRangeOnCell(event, rangeStart, rangeEnd) : selectRangeOnRow(event, rangeStart, rangeEnd);
     };
     var selectRangeOnRow = function selectRangeOnRow(event, rowRangeStart, rowRangeEnd) {
-      var value = props.value;
+      var value = props.tableProps.value;
       var selection = [];
       for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
         var rangeRowData = value[i];
@@ -25718,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
@@ -25846,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 {
@@ -25938,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();
@@ -25968,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;
@@ -26149,7 +26174,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           collapsedRowIcon: props.collapsedRowIcon,
           ptCallbacks: props.ptCallbacks,
           metaData: props.metaData,
-          unstyled: props.unstyled
+          unstyled: isUnstyled()
         });
         var options = {
           index: rowIndex,
@@ -26255,7 +26280,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           virtualScrollerOptions: props.virtualScrollerOptions,
           ptCallbacks: props.ptCallbacks,
           metaData: props.metaData,
-          unstyled: props.unstyled
+          unstyled: isUnstyled()
         });
       }
     };
@@ -27476,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"
     }));
   }));
@@ -27507,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"
     }));
   }));
@@ -27571,7 +27566,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       props: props
     });
     var tabIndex = props.disabled ? null : 0;
-    var headerCheckboxProps = mergeProps({
+    var headerCheckboxProps = {
       role: 'checkbox',
       'aria-checked': props.checked,
       'aria-label': props.checked ? ariaLabel('selectAll') : ariaLabel('unselectAll'),
@@ -27579,8 +27574,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onChange: onChange,
       icon: checkIcon,
       checked: props.checked,
-      disabled: props.disabled
-    }, getColumnPTOptions('headerCheckbox'));
+      disabled: props.disabled,
+      unstyled: props.unstyled,
+      pt: getColumnPTOptions('headerCheckbox')
+    };
     return /*#__PURE__*/React__namespace.createElement(Checkbox, headerCheckboxProps);
   });
   HeaderCheckbox.displayName = 'HeaderCheckbox';
@@ -29617,8 +29614,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: ptCallbacks.cx('loadingIcon')
         }, ptCallbacks.ptm('loadingIcon'));
         var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
-          spin: true,
-          unstyled: props.unstyled
+          spin: true
         }));
         var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$17({}, loadingIconProps), {
           props: props
@@ -31111,10 +31107,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
       }
     };
+    var initValue = React.useRef(props.value);
+    initValue.current = props.value;
     var initQuill = function initQuill(quillInstance) {
       quill.current = quillInstance;
-      if (props.value) {
-        quill.current.clipboard.dangerouslyPasteHTML(props.value);
+      if (initValue.current) {
+        quillInstance.setContents(quillInstance.clipboard.convert({
+          html: initValue.current,
+          text: ''
+        }));
       }
       setQuillCreated(true);
     };
@@ -31137,7 +31138,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 () {
@@ -36735,6 +36743,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) {
@@ -38871,6 +38883,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: cx('input'),
       style: props.inputStyle
     }, inputProps), {}, {
+      unstyled: props.unstyled,
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyDown: onKeyDown,
@@ -39263,12 +39276,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);
@@ -39355,7 +39368,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);
@@ -39450,7 +39463,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',
@@ -40943,6 +40956,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
           }
@@ -40970,7 +40984,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'));
@@ -41069,7 +41083,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
@@ -41570,7 +41584,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();
@@ -42171,6 +42185,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);
       });
@@ -42347,7 +42362,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);
@@ -42397,7 +42412,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
@@ -43532,7 +43548,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,
@@ -43562,7 +43579,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       ptm: ptm,
       cx: cx,
       changeFocusedOptionIndex: changeFocusedOptionIndex
-    }, props)));
+    })));
   }));
   OrderList.displayName = 'OrderList';
 
@@ -46098,6 +46115,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,
@@ -48802,7 +48820,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);
@@ -52362,7 +52380,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       __TYPE: 'Stepper',
       activeStep: 0,
       orientation: 'horizontal',
-      linear: false
+      linear: false,
+      onChangeStep: null
     },
     css: {
       classes: classes$b,
@@ -52475,6 +52494,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];
@@ -55661,9 +55685,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) {