primereact 10.0.5 → 10.0.6

package/primereact.all.js

@@ -1917,8 +1917,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return ObjectUtils;
   }();
 
-  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 IconUtils = /*#__PURE__*/function () {
     function IconUtils() {
       _classCallCheck(this, IconUtils);
@@ -1936,7 +1936,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             className: className
           }));
           if (iconType !== 'string') {
-            var defaultContentOptions = _objectSpread$1R({
+            var defaultContentOptions = _objectSpread$1S({
               iconProps: iconProps,
               element: content
             }, options);
@@ -1949,8 +1949,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return IconUtils;
   }();
 
-  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; }
   function mask(el, options) {
     var defaultOptions = {
       mask: null,
@@ -1963,7 +1963,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onFocus: null,
       onBlur: null
     };
-    options = _objectSpread$1Q(_objectSpread$1Q({}, defaultOptions), options);
+    options = _objectSpread$1R(_objectSpread$1R({}, defaultOptions), options);
     var tests, partialPosition, len, firstNonMaskPos, defs, androidChrome, lastRequiredNonMaskPos, oldVal, focusText, caretTimeoutId, buffer, defaultBuffer;
     var caret = function caret(first, last) {
       var range, begin, end;
@@ -2253,7 +2253,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         } else {
           caret(pos);
         }
-      }, 10);
+      }, 100);
       if (options.onFocus) {
         options.onFocus(e);
       }
@@ -2287,10 +2287,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var updateModel = function updateModel(e) {
       if (options.onChange) {
-        var val = getValue().replace(options.slotChar, '');
+        var val = getValue();
         options.onChange({
           originalEvent: e,
-          value: defaultBuffer !== val ? val : ''
+          value: defaultBuffer !== val ? val : '',
+          stopPropagation: function stopPropagation() {
+            e.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            e.preventDefault();
+          },
+          target: {
+            value: defaultBuffer !== val ? val : ''
+          }
         });
       }
     };
@@ -2361,8 +2370,8 @@ 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; }
   function mergeProps() {
     for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
       props[_key] = arguments[_key];
@@ -2375,7 +2384,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var _loop = function _loop() {
           var value = ps[key];
           if (key === 'style') {
-            merged['style'] = _objectSpread$1P(_objectSpread$1P({}, merged['style']), ps['style']);
+            merged['style'] = _objectSpread$1Q(_objectSpread$1Q({}, merged['style']), ps['style']);
           } else if (key === 'className') {
             var newClassname = [merged['className'], ps['className']].join(' ').trim();
             var isEmpty = newClassname === null || newClassname === undefined || newClassname === '';
@@ -2706,8 +2715,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.insertBefore(cloneLinkElement, linkElement.nextSibling);
   });
 
-  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 locales = {
     en: {
       startsWith: 'Starts with',
@@ -2739,6 +2748,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       choose: 'Choose',
       upload: 'Upload',
       cancel: 'Cancel',
+      completed: 'Completed',
       pending: 'Pending',
       fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
       dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
@@ -2821,14 +2831,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
   }
   function addLocale(locale, options) {
-    locales[locale] = _objectSpread$1O(_objectSpread$1O({}, locales['en']), options);
+    locales[locale] = _objectSpread$1P(_objectSpread$1P({}, locales['en']), options);
   }
   function updateLocaleOption(key, value, locale) {
     localeOptions(locale)[key] = value;
   }
   function updateLocaleOptions(options, locale) {
     var _locale = locale || PrimeReact$1.locale;
-    locales[_locale] = _objectSpread$1O(_objectSpread$1O({}, locales[_locale]), options);
+    locales[_locale] = _objectSpread$1P(_objectSpread$1P({}, locales[_locale]), options);
   }
   function localeOption(key, locale) {
     var _locale = locale || PrimeReact$1.locale;
@@ -3176,7 +3186,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setZIndex = _useState20[1];
     var _useState21 = React.useState(propsValue.ptOptions || {
         mergeSections: true,
-        mergeProps: false
+        mergeProps: true
       }),
       _useState22 = _slicedToArray(_useState21, 2),
       ptOptions = _useState22[0],
@@ -3548,8 +3558,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   /* eslint-enable */
 
-  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 useMouse = function useMouse() {
     var _React$useState = React__namespace.useState({
         x: 0,
@@ -3609,15 +3619,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       };
     }, [bindDocumentMoveEventListener, bindMouseMoveEventListener, unbindDocumentMoveEventListener, unbindMouseMoveEventListener]);
-    return _objectSpread$1N(_objectSpread$1N({
+    return _objectSpread$1O(_objectSpread$1O({
       ref: ref
     }, position), {}, {
       reset: reset
     });
   };
 
-  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; }
   function useMove(_ref) {
     var _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? 'both' : _ref$mode,
@@ -3801,7 +3811,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       };
     }, [bindMouseDownListener, bindTouchStartListener, positions, unbindMouseDownListener, unbindTouchStartListener]);
-    return _objectSpread$1M(_objectSpread$1M({
+    return _objectSpread$1N(_objectSpread$1N({
       ref: ref
     }, positions), {}, {
       active: active,
@@ -4198,8 +4208,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   };
 
-  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 CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = CSSTransitionBase.getProps(inProps);
     var context = React__namespace.useContext(PrimeReactContext);
@@ -4267,14 +4277,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         timeout: props.timeout,
         unmountOnExit: props.unmountOnExit
       };
-      var mergedProps = _objectSpread$1L(_objectSpread$1L(_objectSpread$1L({}, mutableProps), props.options || {}), immutableProps);
+      var mergedProps = _objectSpread$1M(_objectSpread$1M(_objectSpread$1M({}, mutableProps), props.options || {}), immutableProps);
       return /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, mergedProps, props.children);
     }
   });
   CSSTransition.displayName = 'CSSTransition';
 
-  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 baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\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-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
   var checkboxStyles = "\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: auto;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n";
@@ -4298,7 +4308,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$1K(_objectSpread$1K({}, props.defaultProps), ComponentBase.defaultProps);
+      var defaultProps = _objectSpread$1L(_objectSpread$1L({}, props.defaultProps), ComponentBase.defaultProps);
       var inlineStyles = {};
       var getProps = function getProps(props) {
         var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -4314,6 +4324,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
         var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
         var searchInDefaultPT = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+        // obj either is the passthrough options or has a .pt property.
+        if (obj.hasOwnProperty('pt') && obj.pt !== undefined) {
+          obj = obj.pt;
+        }
         var hostName = params.hostName && ObjectUtils.toFlatCase(params.hostName);
         var componentName = hostName || params.props && params.props.__TYPE && ObjectUtils.toFlatCase(params.props.__TYPE) || '';
         var isNestedParam = /./g.test(key) && !!params[key.split('.')[0]];
@@ -4342,8 +4356,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         };
         var globalPT = searchInDefaultPT ? isNestedParam ? _useGlobalPT(getPTClassValue, key, params) : _useDefaultPT(getPTClassValue, key, params) : undefined;
         var self = isNestedParam ? undefined : _usePT(_getPT(obj, componentName), getPTClassValue, key, params);
-        var datasetProps = !isTransition && _objectSpread$1K(_objectSpread$1K({}, 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 : {}) : _objectSpread$1K(_objectSpread$1K(_objectSpread$1K({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1K(_objectSpread$1K({}, self), Object.keys(datasetProps).length ? datasetProps : {});
+        var datasetProps = !isTransition && _objectSpread$1L(_objectSpread$1L({}, 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 : {}) : _objectSpread$1L(_objectSpread$1L(_objectSpread$1L({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1L(_objectSpread$1L({}, self), Object.keys(datasetProps).length ? datasetProps : {});
       };
       var setMetaData = function setMetaData() {
         var metadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4352,7 +4366,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$1K(_objectSpread$1K({}, metadata), params));
+          return getPTValue((props || {}).pt, key, _objectSpread$1L(_objectSpread$1L({}, metadata), params));
         };
         var ptmo = function ptmo() {
           var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4366,7 +4380,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$1K({
+          return !isUnstyled() ? getOptionValue(css && css.classes, key, _objectSpread$1L({
             props: props,
             state: state
           }, params)) : undefined;
@@ -4376,11 +4390,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
           var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
           if (when) {
-            var self = getOptionValue(css && css.inlineStyles, key, _objectSpread$1K({
+            var self = getOptionValue(css && css.inlineStyles, key, _objectSpread$1L({
               props: props,
               state: state
             }, params));
-            var base = getOptionValue(inlineStyles, key, _objectSpread$1K({
+            var base = getOptionValue(inlineStyles, key, _objectSpread$1L({
               props: props,
               state: state
             }, params));
@@ -4396,7 +4410,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           isUnstyled: isUnstyled
         };
       };
-      return _objectSpread$1K(_objectSpread$1K({
+      return _objectSpread$1L(_objectSpread$1L({
         getProps: getProps,
         getOtherProps: getOtherProps,
         setMetaData: setMetaData
@@ -4445,7 +4459,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var originalValue = fn(pt.originalValue);
       var value = fn(pt.value);
       if (originalValue === undefined && value === undefined) return undefined;else if (ObjectUtils.isString(value)) return value;else if (ObjectUtils.isString(originalValue)) return originalValue;
-      return mergeSections || !mergeSections && value ? useMergeProps ? mergeProps(originalValue, value) : _objectSpread$1K(_objectSpread$1K({}, originalValue), value) : value;
+      return mergeSections || !mergeSections && value ? useMergeProps ? mergeProps(originalValue, value) : _objectSpread$1L(_objectSpread$1L({}, originalValue), value) : value;
     }
     return fn(pt);
   };
@@ -4466,7 +4480,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return _usePT(getDefaultPT(), callback, key, params);
   };
   var useHandleStyle = function useHandleStyle(styles) {
-    var isUnstyled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
     var config = arguments.length > 2 ? arguments[2] : undefined;
     var name = config.name,
       _config$styled = config.styled,
@@ -4507,11 +4520,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     useMountEffect(function () {
       loadBaseStyle();
       loadGlobalStyle();
-      if (!isUnstyled()) {
-        loadCommonStyle();
-        !styled && load();
-      }
-      hook('useMountEffect');
+      loadCommonStyle();
+      if (!styled) load();
     });
     useUpdateEffect(function () {
       hook('useUpdateEffect');
@@ -4521,7 +4531,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     });
   };
 
-  var classes$1b = {
+  var classes$1c = {
     root: 'p-accordion p-component',
     tab: {
       root: function root(_ref) {
@@ -4565,7 +4575,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       children: undefined
     },
     css: {
-      classes: classes$1b,
+      classes: classes$1c,
       styles: styles$16
     }
   });
@@ -4655,8 +4665,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   ChevronDownIcon.displayName = 'ChevronDownIcon';
 
-  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 AccordionTab = function AccordionTab() {};
   var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var context = React__namespace.useContext(PrimeReactContext);
@@ -4679,7 +4689,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         activeIndex: activeIndexState
       }
     };
-    var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread$1J({}, metaData)),
+    var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread$1K({}, metaData)),
       ptm = _AccordionBase$setMet.ptm,
       ptmo = _AccordionBase$setMet.ptmo,
       cx = _AccordionBase$setMet.cx;
@@ -4759,7 +4769,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return null;
     }
     var createTabHeader = function createTabHeader(tab, selected, index) {
-      var style = _objectSpread$1J(_objectSpread$1J({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'headerStyle') || {});
+      var style = _objectSpread$1K(_objectSpread$1K({}, 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');
@@ -4771,7 +4781,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('tab.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$1J({}, headerIconProps), {
+      var toggleIcon = IconUtils.getJSXIcon(icon, _objectSpread$1K({}, headerIconProps), {
         props: props,
         selected: selected
       });
@@ -4802,7 +4812,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$1J(_objectSpread$1J({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'contentStyle') || {});
+      var style = _objectSpread$1K(_objectSpread$1K({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'contentStyle') || {});
       var contentId = idState + '_content_' + index;
       var ariaLabelledby = idState + '_header_' + index;
       var contentRef = /*#__PURE__*/React__namespace.createRef();
@@ -6099,7 +6109,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   WindowMinimizeIcon.displayName = 'WindowMinimizeIcon';
 
-  var classes$1a = {
+  var classes$1b = {
     root: function root(_ref) {
       var props = _ref.props;
       return classNames('p-badge p-component', _defineProperty({
@@ -6123,17 +6133,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       children: undefined
     },
     css: {
-      classes: classes$1a,
+      classes: classes$1b,
       styles: styles$15
     }
   });
 
-  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 Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var context = React__namespace.useContext(PrimeReactContext);
     var props = BadgeBase.getProps(inProps, context);
-    var _BadgeBase$setMetaDat = BadgeBase.setMetaData(_objectSpread$1I({
+    var _BadgeBase$setMetaDat = BadgeBase.setMetaData(_objectSpread$1J({
         props: props
       }, props.__parentMetadata)),
       ptm = _BadgeBase$setMetaDat.ptm,
@@ -6161,13 +6171,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   Badge.displayName = 'Badge';
 
   var styles$14 = "\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
-  var RippleBase = {
+  var classes$1a = {
+    root: 'p-ink'
+  };
+  var RippleBase = ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Ripple',
       children: undefined
     },
     css: {
-      styles: styles$14
+      styles: styles$14,
+      classes: classes$1a
     },
     getProps: function getProps(props) {
       return ObjectUtils.getMergedProps(props, RippleBase.defaultProps);
@@ -6175,15 +6189,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     getOtherProps: function getOtherProps(props) {
       return ObjectUtils.getDiffProps(props, RippleBase.defaultProps);
     }
-  };
+  });
 
-  var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function () {
+  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; }
+  var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps) {
     var inkRef = React__namespace.useRef(null);
     var targetRef = React__namespace.useRef(null);
     var context = React__namespace.useContext(PrimeReactContext);
+    var props = RippleBase.getProps(inProps, context);
+    var metaData = {
+      props: props
+    };
     useStyle(RippleBase.css.styles, {
       name: 'ripple'
     });
+    var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread$1I({}, metaData)),
+      ptm = _RippleBase$setMetaDa.ptm,
+      cx = _RippleBase$setMetaDa.cx;
     var getTarget = function getTarget() {
       return inkRef.current && inkRef.current.parentElement;
     };
@@ -6243,12 +6266,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         unbindEvents();
       }
     });
-    return context && context.ripple || PrimeReact.ripple ? /*#__PURE__*/React__namespace.createElement("span", {
+    var rootProps = mergeProps({
+      className: classNames(cx('root'))
+    }, ptm('root'));
+    return context && context.ripple || PrimeReact.ripple ? /*#__PURE__*/React__namespace.createElement("span", _extends({
       role: "presentation",
-      ref: inkRef,
-      className: "p-ink",
+      ref: inkRef
+    }, rootProps, {
       onAnimationEnd: onAnimationEnd
-    }) : null;
+    })) : null;
   }));
   Ripple.displayName = 'Ripple';
 
@@ -6307,7 +6333,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     arrow: 'p-tooltip-arrow',
     text: 'p-tooltip-text'
   };
-  var inlineStyles$l = {
+  var inlineStyles$m = {
     arrow: function arrow(_ref2) {
       var context = _ref2.context;
       return {
@@ -6354,7 +6380,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     css: {
       classes: classes$19,
       styles: styles$13,
-      inlineStyles: inlineStyles$l
+      inlineStyles: inlineStyles$m
     }
   });
 
@@ -6506,7 +6532,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (isAutoHide()) {
           elementRef.current.style.pointerEvents = 'none';
         }
-        if ((isMouseTrack(currentTargetRef.current) || position == 'mouse') && !containerSize.current) {
+        var mouseTrackCheck = isMouseTrack(currentTargetRef.current) || position === 'mouse';
+        if (mouseTrackCheck && !containerSize.current || mouseTrackCheck) {
           containerSize.current = {
             width: DomHandler.getOuterWidth(elementRef.current),
             height: DomHandler.getOuterHeight(elementRef.current)
@@ -6968,18 +6995,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     };
     var createLabel = function createLabel() {
+      var labelProps = mergeProps({
+        className: cx('label')
+      }, ptm('label'));
       if (props.label) {
-        var labelProps = mergeProps({
-          className: cx('label')
-        }, ptm('label'));
         return /*#__PURE__*/React__namespace.createElement("span", labelProps, props.label);
       }
-      return !props.children && !props.label && /*#__PURE__*/React__namespace.createElement("span", {
-        className: cx('label'),
+      return !props.children && !props.label && /*#__PURE__*/React__namespace.createElement("span", _extends({}, labelProps, {
         dangerouslySetInnerHTML: {
           __html: '&nbsp;'
         }
-      });
+      }));
     };
     var createBadge = function createBadge() {
       if (props.badge) {
@@ -9873,7 +9899,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var overlayEventListener = React__namespace.useRef(null);
     var touchUIMaskClickListener = React__namespace.useRef(null);
     var isOverlayClicked = React__namespace.useRef(false);
-    var ignoreMaskChange = React__namespace.useRef(false);
     var previousButton = React__namespace.useRef(false);
     var nextButton = React__namespace.useRef(false);
     var onChangeRef = React__namespace.useRef(null);
@@ -9954,7 +9979,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       updateValueOnInput(event, event.target.value);
       props.onInput && props.onInput(event);
     };
-    var updateValueOnInput = function updateValueOnInput(event, rawValue) {
+    var updateValueOnInput = function updateValueOnInput(event, rawValue, invalidCallback) {
       try {
         var value = parseValueFromString(rawValue);
         if (isValidSelection(value)) {
@@ -9963,8 +9988,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       } catch (err) {
         //invalid date
-        var _value = props.keepInvalid ? rawValue : null;
-        updateModel(event, _value);
+        if (invalidCallback) {
+          invalidCallback();
+        } else {
+          var _value = props.keepInvalid ? rawValue : null;
+          updateModel(event, _value);
+        }
       }
     };
     var reFocusInputField = function reFocusInputField() {
@@ -12032,11 +12061,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           slotChar: props.maskSlotChar,
           readOnly: props.readOnlyInput || props.disabled,
           onChange: function onChange(e) {
-            !ignoreMaskChange.current && updateValueOnInput(e.originalEvent, e.value);
-            ignoreMaskChange.current = false;
+            updateValueOnInput(e.originalEvent, e.value, function () {
+              return false;
+            });
           },
-          onBlur: function onBlur() {
-            ignoreMaskChange.current = true;
+          onBlur: function onBlur(e) {
+            updateValueOnInput(e, e.target.value);
           }
         }).unbindEvents;
       }
@@ -13072,7 +13102,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     }
   };
-  var inlineStyles$k = {
+  var inlineStyles$l = {
     itemsContent: function itemsContent(_ref7) {
       var height = _ref7.height;
       return {
@@ -13111,7 +13141,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     css: {
       classes: classes$$,
       styles: styles$W,
-      inlineStyles: inlineStyles$k
+      inlineStyles: inlineStyles$l
     }
   });
 
@@ -15963,7 +15993,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     transition: 'p-dialog'
   };
   var styles$Q = "\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-dialog .p-dialog-title {\n        flex-grow: 1;\n    }\n    \n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n    \n    /* Animation */\n    /* Center */\n    .p-dialog-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0 !important;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n";
-  var inlineStyles$j = {
+  var inlineStyles$k = {
     mask: function mask(_ref5) {
       var props = _ref5.props;
       return _objectSpread$1q({
@@ -16036,7 +16066,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     css: {
       classes: classes$V,
       styles: styles$Q,
-      inlineStyles: inlineStyles$j
+      inlineStyles: inlineStyles$k
     }
   });
 
@@ -17851,7 +17881,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   };
   var styles$N = "\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n";
-  var inlineStyles$i = {
+  var inlineStyles$j = {
     content: function content(_ref2) {
       var props = _ref2.props;
       return {
@@ -17882,7 +17912,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     css: {
       classes: classes$R,
       styles: styles$N,
-      inlineStyles: inlineStyles$i
+      inlineStyles: inlineStyles$j
     }
   });
 
@@ -19826,7 +19856,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     transition: 'p-connected-overlay'
   };
   var styles$K = "\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 inlineStyles$h = {
+  var inlineStyles$i = {
     wrapper: function wrapper(_ref8) {
       var props = _ref8.props;
       return {
@@ -19908,7 +19938,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     css: {
       classes: classes$O,
       styles: styles$K,
-      inlineStyles: inlineStyles$h
+      inlineStyles: inlineStyles$i
     }
   });
 
@@ -21557,7 +21587,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     transition: 'p-connected-overlay'
   };
-  var inlineStyles$g = {
+  var inlineStyles$h = {
     wrapper: {
       overflow: 'auto'
     },
@@ -21722,7 +21752,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     css: {
       styles: styles$J,
       classes: classes$N,
-      inlineStyles: inlineStyles$g
+      inlineStyles: inlineStyles$h
     }
   });
 
@@ -28211,6 +28241,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     content: 'p-divider-content'
   };
   var styles$H = "\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: \"\";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: \"\";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n";
+  var inlineStyles$g = {
+    root: function root(_ref2) {
+      var props = _ref2.props;
+      return {
+        justifyContent: props.layout === 'horizontal' ? props.align === 'center' || props.align === null ? 'center' : props.align === 'left' ? 'flex-start' : props.align === 'right' ? 'flex-end' : null : null,
+        alignItems: props.layout === 'vertical' ? props.align === 'center' || props.align === null ? 'center' : props.align === 'top' ? 'flex-start' : props.align === 'bottom' ? 'flex-end' : null : null
+      };
+    }
+  };
   var DividerBase = ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Divider',
@@ -28223,7 +28262,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     css: {
       classes: classes$L,
-      styles: styles$H
+      styles: styles$H,
+      inlineStyles: inlineStyles$g
     }
   });
 
@@ -28235,6 +28275,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }),
       ptm = _DividerBase$setMetaD.ptm,
       cx = _DividerBase$setMetaD.cx,
+      sx = _DividerBase$setMetaD.sx,
       isUnstyled = _DividerBase$setMetaD.isUnstyled;
     useHandleStyle(DividerBase.css.styles, isUnstyled, {
       name: 'divider'
@@ -28252,7 +28293,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     });
     var rootProps = mergeProps({
       ref: elementRef,
-      style: props.style,
+      style: sx('root'),
       className: cx('root', {
         horizontal: horizontal,
         vertical: vertical
@@ -29977,7 +30018,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createFiles = function createFiles() {
       var badgeOptions = {
         severity: 'warning',
-        value: 'Pending'
+        value: localeOption('pending') || 'Pending'
       };
       var content = filesState.map(function (file, index) {
         return createFile(file, index, badgeOptions);
@@ -29987,7 +30028,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createUploadedFiles = function createUploadedFiles() {
       var badgeOptions = {
         severity: 'success',
-        value: 'Completed'
+        value: localeOption('completed') || 'Completed'
       };
       var content = uploadedFilesState && uploadedFilesState.map(function (file, index) {
         return createFile(file, index, badgeOptions);
@@ -34337,7 +34378,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var selectedText = formatValue(suggestion).replace(/\s+/g, '');
       if (currentText.trim() !== selectedText) {
         var prevText = value.substring(0, triggerState.index);
-        var nextText = value.substring(triggerState.index + currentText.length);
+        var nextText = value.substring(spaceIndex > -1 ? triggerState.index : triggerState.index + currentText.length);
         inputRef.current.value = "".concat(prevText).concat(selectedText, " ").concat(nextText);
         event.target = inputRef.current;
         props.onChange && props.onChange(event);
@@ -35724,6 +35765,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
       }
       event.preventDefault();
+      event.stopPropagation();
     };
     var createFilterElement = function createFilterElement() {
       var filterIconProps = mergeProps({
@@ -36763,7 +36805,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var clearIconProps = mergeProps({
         className: cx('clearIcon'),
         onClick: function onClick(e) {
-          return updateModel(e, null, null);
+          return updateModel(e, [], []);
         }
       }, ptm('clearIcon'));
       var icon = props.clearIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, clearIconProps);
@@ -37095,10 +37137,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       role: 'checkbox',
       'aria-checked': ariaChecked
     }, ariaProps), ptm('checkbox'));
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", checkboxProps, icon), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-sr-only",
-      "aria-live": "polite"
-    }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
+    var srOnlyAriaProps = mergeProps({
+      className: 'p-sr-only p-hidden-accessible',
+      'aria-live': 'polite'
+    }, ptm('srOnlyAria'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", checkboxProps, icon), focusedState && /*#__PURE__*/React__namespace.createElement("span", srOnlyAriaProps, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
     }, props.tooltipOptions, {
@@ -37308,7 +37351,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         parent: props.metaData
       }
     }, ptm('moveBottomButton'));
-    return /*#__PURE__*/React__namespace.createElement("div", controlsProps, /*#__PURE__*/React__namespace.createElement(Button, moveUpButtonProps), /*#__PURE__*/React__namespace.createElement(Button, moveTopButtonProps), /*#__PURE__*/React__namespace.createElement(Button, moveDownButtonProps), /*#__PURE__*/React__namespace.createElement(Button, moveBottomButtonProps));
+    return /*#__PURE__*/React__namespace.createElement("div", controlsProps, /*#__PURE__*/React__namespace.createElement(Button, _extends({
+      pt: ptm('moveUpButton')
+    }, moveUpButtonProps)), /*#__PURE__*/React__namespace.createElement(Button, _extends({
+      pt: ptm('moveTopButton')
+    }, moveTopButtonProps)), /*#__PURE__*/React__namespace.createElement(Button, _extends({
+      pt: ptm('moveDownButton')
+    }, moveDownButtonProps)), /*#__PURE__*/React__namespace.createElement(Button, _extends({
+      pt: ptm('moveBottomButton')
+    }, moveBottomButtonProps)));
   });
   OrderListControls.displayName = 'OrderListControls';
 
@@ -38705,7 +38756,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   var styles$n = "\n@layer primereact {\n    .p-panelmenu .p-panelmenu-header-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        position: relative;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-panelmenu-header-link:focus {\n        z-index: 1;\n    }\n    \n    .p-panelmenu .p-submenu-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-panelmenu .p-menuitem-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n";
   var PanelMenuBase = ComponentBase.extend({
     defaultProps: {
-      __TYPE: 'Panel',
+      __TYPE: 'PanelMenu',
       id: null,
       model: null,
       style: null,
@@ -39333,7 +39384,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
       }
     };
-    var onMaskToggle = function onMaskToggle() {
+    var toggleMask = function toggleMask() {
       setUnmaskedState(function (prevUnmasked) {
         return !prevUnmasked;
       });
@@ -39440,6 +39491,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        toggleMask: toggleMask,
         focus: function focus() {
           return DomHandler.focus(inputRef.current);
         },
@@ -39485,11 +39537,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
       if (props.toggleMask) {
         var content = /*#__PURE__*/React__namespace.createElement("i", {
-          onClick: onMaskToggle
+          onClick: toggleMask
         }, " ", eyeIcon, " ");
         if (props.icon) {
           var defaultIconOptions = {
-            onClick: onMaskToggle,
+            onClick: toggleMask,
             className: className,
             element: content,
             props: props
@@ -39607,13 +39659,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     filterContainer: 'p-picklist-filter-container',
     list: 'p-picklist-list',
     listWrapper: 'p-picklist-list-wrapper',
+    listSourceWrapper: 'p-picklist-source-wrapper',
+    listTargetWrapper: 'p-picklist-target-wrapper',
+    listSource: 'p-picklist-source',
+    listTarget: 'p-picklist-target',
     item: function item(_ref) {
       var subProps = _ref.subProps;
       return classNames('p-picklist-item', {
         'p-highlight': subProps.selected
       });
     },
-    controls: 'p-picklist-buttons'
+    sourceControls: 'p-picklist-source-controls p-picklist-buttons',
+    targetControls: 'p-picklist-target-controls p-picklist-buttons'
   };
   var styles$l = "\n@layer primereact {\n    .p-picklist {\n        display: flex;\n    }\n    \n    .p-picklist-buttons {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    \n    .p-picklist-list-wrapper {\n        flex: 1 1 50%;\n    }\n    \n    .p-picklist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n    \n    .p-picklist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-picklist-filter {\n        position: relative;\n    }\n    \n    .p-picklist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-picklist-filter-input {\n        width: 100%;\n    }\n}\n";
   var PickListBase = ComponentBase.extend({
@@ -40486,7 +40543,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       list: props.source,
       selection: sourceSelection,
       onReorder: onSourceReorder,
-      className: "p-picklist-source-controls",
+      className: cx('sourceControls'),
       dataKey: props.dataKey,
       moveUpIcon: props.moveUpIcon,
       moveTopIcon: props.moveTopIcon,
@@ -40508,8 +40565,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       itemTemplate: sourceItemTemplate,
       header: props.sourceHeader,
       style: props.sourceStyle,
-      className: "p-picklist-source-wrapper",
-      listClassName: "p-picklist-source",
+      className: cx('listSourceWrapper'),
+      listClassName: cx('listSource'),
       metaKeySelection: props.metaKeySelection,
       tabIndex: props.tabIndex,
       dataKey: props.dataKey,
@@ -40552,8 +40609,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       itemTemplate: targetItemTemplate,
       header: props.targetHeader,
       style: props.targetStyle,
-      className: "p-picklist-target-wrapper",
-      listClassName: "p-picklist-target",
+      className: cx('listTargetWrapper'),
+      listClassName: cx('listWrapper'),
       metaKeySelection: props.metaKeySelection,
       tabIndex: props.tabIndex,
       dataKey: props.dataKey,
@@ -40570,7 +40627,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       list: props.target,
       selection: targetSelection,
       onReorder: onTargetReorder,
-      className: "p-picklist-target-controls",
+      className: cx('targetControls'),
       dataKey: props.dataKey,
       moveUpIcon: props.moveUpIcon,
       moveTopIcon: props.moveTopIcon,
@@ -43142,7 +43199,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         label = item.label,
         template = item.template,
         url = item.url,
-        target = item.target;
+        target = item.target,
+        _itemClassName = item.className,
+        _itemStyle = item.style;
       var contentClassName = classNames('p-speeddial-action', {
         'p-disabled': disabled
       });
@@ -43153,9 +43212,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var actionProps = mergeProps({
         href: url || '#',
         role: 'menuitem',
-        className: cx('action', {
+        className: classNames(_itemClassName, cx('action', {
           disabled: disabled
-        }),
+        })),
+        style: _itemStyle,
         target: target,
         'data-pr-tooltip': label,
         onClick: function onClick(e) {
@@ -43282,6 +43342,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'p-button-loading-label-only': props.loading && !props.icon && props.label
       }, _defineProperty(_classNames, "p-button-".concat(props.severity), props.severity), _defineProperty(_classNames, 'p-button-raised', props.raised), _defineProperty(_classNames, 'p-button-rounded', props.rounded), _defineProperty(_classNames, 'p-button-text', props.text), _defineProperty(_classNames, 'p-button-outlined', props.outlined), _defineProperty(_classNames, "p-button-".concat(size), size), _classNames));
     },
+    button: 'p-splitbutton-defaultbutton',
+    menuButton: 'p-splitbutton-menubutton',
     menu: function menu(_ref2) {
       var props = _ref2.subProps;
       return classNames('p-menu p-menu-overlay p-component', props.menuClassName);
@@ -43608,8 +43670,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       small: 'sm'
     };
     var size = sizeMapping[props.size];
-    var buttonClassName = classNames('p-splitbutton-defaultbutton', props.buttonClassName);
-    var menuButtonClassName = classNames('p-splitbutton-menubutton', props.menuButtonClassName);
     var buttonContent = props.buttonTemplate ? ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;
     var items = createItems();
     var menuId = idState + '_menu';
@@ -43634,15 +43694,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(Button, _extends({
       ref: defaultButtonRef,
       type: "button",
-      className: buttonClassName,
+      className: props.buttonClassName,
       icon: props.icon,
       loading: props.loading,
       loadingIcon: props.loadingIcon,
+      severity: props.severity,
       label: props.label,
+      raised: props.raised,
       onClick: props.onClick,
       disabled: props.disabled,
       tabIndex: props.tabIndex,
-      size: props.size
+      size: props.size,
+      outlined: props.outlined,
+      text: props.text
     }, props.buttonProps, {
       pt: ptm('button'),
       __parentMetadata: {
@@ -43651,7 +43715,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       unstyled: props.unstyled
     }), buttonContent), /*#__PURE__*/React__namespace.createElement(Button, _extends({
       type: "button",
-      className: menuButtonClassName,
+      className: props.menuButtonClassName,
       icon: dropdownIcon,
       onClick: onDropdownButtonClick,
       disabled: props.disabled,
@@ -43660,6 +43724,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       "aria-controls": overlayVisibleState ? menuId : null
     }, props.menuButtonProps, {
       size: props.size,
+      severity: props.severity,
+      outlined: props.outlined,
+      text: props.text,
+      raised: props.raised,
       pt: ptm('menuButton'),
       __parentMetadata: {
         parent: metaData
@@ -46132,7 +46200,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var events = createEvents();
     var rootProps = mergeProps({
       ref: elementRef,
-      className: cx('root')
+      className: classNames(props.className, cx('root'))
     }, TimelineBase.getOtherProps(props), ptm('root'));
     return /*#__PURE__*/React__namespace.createElement("div", rootProps, events);
   }));
@@ -51811,7 +51879,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'aria-checked': ariaChecked
     }, ariaProps), ptm('checkbox'));
     var srOnlyAriaProps = mergeProps({
-      className: 'p-sr-only',
+      className: 'p-sr-only p-hidden-accessible',
       'aria-live': 'polite'
     }, ptm('srOnlyAria'));
     var rootProps = mergeProps({