primereact 10.0.5 → 10.0.6

package/primereact.all.cjs.js

@@ -1923,8 +1923,8 @@ var ObjectUtils = /*#__PURE__*/function () {
   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);
@@ -1942,7 +1942,7 @@ var IconUtils = /*#__PURE__*/function () {
           className: className
         }));
         if (iconType !== 'string') {
-          var defaultContentOptions = _objectSpread$1R({
+          var defaultContentOptions = _objectSpread$1S({
             iconProps: iconProps,
             element: content
           }, options);
@@ -1955,8 +1955,8 @@ var IconUtils = /*#__PURE__*/function () {
   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,
@@ -1969,7 +1969,7 @@ function mask(el, options) {
     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;
@@ -2259,7 +2259,7 @@ function mask(el, options) {
       } else {
         caret(pos);
       }
-    }, 10);
+    }, 100);
     if (options.onFocus) {
       options.onFocus(e);
     }
@@ -2293,10 +2293,19 @@ function mask(el, options) {
   };
   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 : ''
+        }
       });
     }
   };
@@ -2367,8 +2376,8 @@ function mask(el, options) {
   };
 }
 
-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];
@@ -2381,7 +2390,7 @@ function mergeProps() {
       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 === '';
@@ -2712,8 +2721,8 @@ _defineProperty(PrimeReact$1, "changeTheme", function (currentTheme, newTheme, l
   (_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',
@@ -2745,6 +2754,7 @@ var locales = {
     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'],
@@ -2827,14 +2837,14 @@ function locale(locale) {
   };
 }
 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;
@@ -3182,7 +3192,7 @@ var PrimeReactProvider = function PrimeReactProvider(props) {
     setZIndex = _useState20[1];
   var _useState21 = React.useState(propsValue.ptOptions || {
       mergeSections: true,
-      mergeProps: false
+      mergeProps: true
     }),
     _useState22 = _slicedToArray(_useState21, 2),
     ptOptions = _useState22[0],
@@ -3554,8 +3564,8 @@ var useMountEffect = function useMountEffect(fn) {
 };
 /* 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,
@@ -3615,15 +3625,15 @@ var useMouse = function useMouse() {
       }
     };
   }, [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,
@@ -3807,7 +3817,7 @@ function useMove(_ref) {
       }
     };
   }, [bindMouseDownListener, bindTouchStartListener, positions, unbindMouseDownListener, unbindTouchStartListener]);
-  return _objectSpread$1M(_objectSpread$1M({
+  return _objectSpread$1N(_objectSpread$1N({
     ref: ref
   }, positions), {}, {
     active: active,
@@ -4204,8 +4214,8 @@ var CSSTransitionBase = {
   }
 };
 
-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);
@@ -4273,14 +4283,14 @@ var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps,
       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";
@@ -4304,7 +4314,7 @@ var ComponentBase = {
   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] : {};
@@ -4320,6 +4330,10 @@ var ComponentBase = {
       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]];
@@ -4348,8 +4362,8 @@ var ComponentBase = {
       };
       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] : {};
@@ -4358,7 +4372,7 @@ var ComponentBase = {
       var ptm = function ptm() {
         var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
         var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        return getPTValue((props || {}).pt, key, _objectSpread$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] : {};
@@ -4372,7 +4386,7 @@ var ComponentBase = {
       var cx = function cx() {
         var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
         var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        return !isUnstyled() ? getOptionValue(css && css.classes, key, _objectSpread$1K({
+        return !isUnstyled() ? getOptionValue(css && css.classes, key, _objectSpread$1L({
           props: props,
           state: state
         }, params)) : undefined;
@@ -4382,11 +4396,11 @@ var ComponentBase = {
         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));
@@ -4402,7 +4416,7 @@ var ComponentBase = {
         isUnstyled: isUnstyled
       };
     };
-    return _objectSpread$1K(_objectSpread$1K({
+    return _objectSpread$1L(_objectSpread$1L({
       getProps: getProps,
       getOtherProps: getOtherProps,
       setMetaData: setMetaData
@@ -4451,7 +4465,7 @@ var _usePT = function _usePT(pt, callback, key, params) {
     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);
 };
@@ -4472,7 +4486,6 @@ var _useDefaultPT = function _useDefaultPT(callback, key, params) {
   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,
@@ -4513,11 +4526,8 @@ var useHandleStyle = function useHandleStyle(styles) {
   useMountEffect(function () {
     loadBaseStyle();
     loadGlobalStyle();
-    if (!isUnstyled()) {
-      loadCommonStyle();
-      !styled && load();
-    }
-    hook('useMountEffect');
+    loadCommonStyle();
+    if (!styled) load();
   });
   useUpdateEffect(function () {
     hook('useUpdateEffect');
@@ -4527,7 +4537,7 @@ var useHandleStyle = function useHandleStyle(styles) {
   });
 };
 
-var classes$1b = {
+var classes$1c = {
   root: 'p-accordion p-component',
   tab: {
     root: function root(_ref) {
@@ -4571,7 +4581,7 @@ var AccordionBase = ComponentBase.extend({
     children: undefined
   },
   css: {
-    classes: classes$1b,
+    classes: classes$1c,
     styles: styles$16
   }
 });
@@ -4661,8 +4671,8 @@ var ChevronDownIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
 }));
 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);
@@ -4685,7 +4695,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       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;
@@ -4765,7 +4775,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     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');
@@ -4777,7 +4787,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       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
     });
@@ -4808,7 +4818,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     return /*#__PURE__*/React__namespace.createElement("div", headerProps, /*#__PURE__*/React__namespace.createElement("a", headerActionProps, toggleIcon, header));
   };
   var createTabContent = function createTabContent(tab, selected, index) {
-    var style = _objectSpread$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();
@@ -6105,7 +6115,7 @@ var WindowMinimizeIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
 }));
 WindowMinimizeIcon.displayName = 'WindowMinimizeIcon';
 
-var classes$1a = {
+var classes$1b = {
   root: function root(_ref) {
     var props = _ref.props;
     return classNames('p-badge p-component', _defineProperty({
@@ -6129,17 +6139,17 @@ var BadgeBase = ComponentBase.extend({
     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,
@@ -6167,13 +6177,17 @@ var Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
 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);
@@ -6181,15 +6195,24 @@ var RippleBase = {
   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;
   };
@@ -6249,12 +6272,15 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       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';
 
@@ -6313,7 +6339,7 @@ var classes$19 = {
   arrow: 'p-tooltip-arrow',
   text: 'p-tooltip-text'
 };
-var inlineStyles$l = {
+var inlineStyles$m = {
   arrow: function arrow(_ref2) {
     var context = _ref2.context;
     return {
@@ -6360,7 +6386,7 @@ var TooltipBase = ComponentBase.extend({
   css: {
     classes: classes$19,
     styles: styles$13,
-    inlineStyles: inlineStyles$l
+    inlineStyles: inlineStyles$m
   }
 });
 
@@ -6512,7 +6538,8 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       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)
@@ -6974,18 +7001,17 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     });
   };
   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) {
@@ -9879,7 +9905,6 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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);
@@ -9960,7 +9985,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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)) {
@@ -9969,8 +9994,12 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
     } 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() {
@@ -12038,11 +12067,12 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         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;
     }
@@ -13078,7 +13108,7 @@ var classes$$ = {
     });
   }
 };
-var inlineStyles$k = {
+var inlineStyles$l = {
   itemsContent: function itemsContent(_ref7) {
     var height = _ref7.height;
     return {
@@ -13117,7 +13147,7 @@ var CarouselBase = ComponentBase.extend({
   css: {
     classes: classes$$,
     styles: styles$W,
-    inlineStyles: inlineStyles$k
+    inlineStyles: inlineStyles$l
   }
 });
 
@@ -15969,7 +15999,7 @@ var classes$V = {
   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({
@@ -16042,7 +16072,7 @@ var DialogBase = ComponentBase.extend({
   css: {
     classes: classes$V,
     styles: styles$Q,
-    inlineStyles: inlineStyles$j
+    inlineStyles: inlineStyles$k
   }
 });
 
@@ -17857,7 +17887,7 @@ var classes$R = {
   }
 };
 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 {
@@ -17888,7 +17918,7 @@ var DataScrollerBase = ComponentBase.extend({
   css: {
     classes: classes$R,
     styles: styles$N,
-    inlineStyles: inlineStyles$i
+    inlineStyles: inlineStyles$j
   }
 });
 
@@ -19832,7 +19862,7 @@ var classes$O = {
   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 {
@@ -19914,7 +19944,7 @@ var DropdownBase = ComponentBase.extend({
   css: {
     classes: classes$O,
     styles: styles$K,
-    inlineStyles: inlineStyles$h
+    inlineStyles: inlineStyles$i
   }
 });
 
@@ -21563,7 +21593,7 @@ var classes$N = {
   },
   transition: 'p-connected-overlay'
 };
-var inlineStyles$g = {
+var inlineStyles$h = {
   wrapper: {
     overflow: 'auto'
   },
@@ -21728,7 +21758,7 @@ var DataTableBase = ComponentBase.extend({
   css: {
     styles: styles$J,
     classes: classes$N,
-    inlineStyles: inlineStyles$g
+    inlineStyles: inlineStyles$h
   }
 });
 
@@ -28217,6 +28247,15 @@ var classes$L = {
   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',
@@ -28229,7 +28268,8 @@ var DividerBase = ComponentBase.extend({
   },
   css: {
     classes: classes$L,
-    styles: styles$H
+    styles: styles$H,
+    inlineStyles: inlineStyles$g
   }
 });
 
@@ -28241,6 +28281,7 @@ var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     }),
     ptm = _DividerBase$setMetaD.ptm,
     cx = _DividerBase$setMetaD.cx,
+    sx = _DividerBase$setMetaD.sx,
     isUnstyled = _DividerBase$setMetaD.isUnstyled;
   useHandleStyle(DividerBase.css.styles, isUnstyled, {
     name: 'divider'
@@ -28258,7 +28299,7 @@ var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   });
   var rootProps = mergeProps({
     ref: elementRef,
-    style: props.style,
+    style: sx('root'),
     className: cx('root', {
       horizontal: horizontal,
       vertical: vertical
@@ -29983,7 +30024,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   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);
@@ -29993,7 +30034,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   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);
@@ -34343,7 +34384,7 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     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);
@@ -35730,6 +35771,7 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
       });
     }
     event.preventDefault();
+    event.stopPropagation();
   };
   var createFilterElement = function createFilterElement() {
     var filterIconProps = mergeProps({
@@ -36769,7 +36811,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     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);
@@ -37101,10 +37143,11 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
     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, {
@@ -37314,7 +37357,15 @@ var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
       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';
 
@@ -38711,7 +38762,7 @@ var classes$q = {
 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,
@@ -39339,7 +39390,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       });
     }
   };
-  var onMaskToggle = function onMaskToggle() {
+  var toggleMask = function toggleMask() {
     setUnmaskedState(function (prevUnmasked) {
       return !prevUnmasked;
     });
@@ -39446,6 +39497,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
+      toggleMask: toggleMask,
       focus: function focus() {
         return DomHandler.focus(inputRef.current);
       },
@@ -39491,11 +39543,11 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     });
     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
@@ -39613,13 +39665,18 @@ var classes$o = {
   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({
@@ -40492,7 +40549,7 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     list: props.source,
     selection: sourceSelection,
     onReorder: onSourceReorder,
-    className: "p-picklist-source-controls",
+    className: cx('sourceControls'),
     dataKey: props.dataKey,
     moveUpIcon: props.moveUpIcon,
     moveTopIcon: props.moveTopIcon,
@@ -40514,8 +40571,8 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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,
@@ -40558,8 +40615,8 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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,
@@ -40576,7 +40633,7 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     list: props.target,
     selection: targetSelection,
     onReorder: onTargetReorder,
-    className: "p-picklist-target-controls",
+    className: cx('targetControls'),
     dataKey: props.dataKey,
     moveUpIcon: props.moveUpIcon,
     moveTopIcon: props.moveTopIcon,
@@ -43148,7 +43205,9 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       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
     });
@@ -43159,9 +43218,10 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     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) {
@@ -43288,6 +43348,8 @@ var classes$d = {
       '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);
@@ -43614,8 +43676,6 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     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';
@@ -43640,15 +43700,19 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   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: {
@@ -43657,7 +43721,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     unstyled: props.unstyled
   }), buttonContent), /*#__PURE__*/React__namespace.createElement(Button, _extends({
     type: "button",
-    className: menuButtonClassName,
+    className: props.menuButtonClassName,
     icon: dropdownIcon,
     onClick: onDropdownButtonClick,
     disabled: props.disabled,
@@ -43666,6 +43730,10 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     "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
@@ -46138,7 +46206,7 @@ var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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);
 }));
@@ -51817,7 +51885,7 @@ var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
     '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({