primereact 10.6.2 → 10.6.4

package/core/core.js

@@ -3141,16 +3141,28 @@ this.primereact.api = (function (exports, utils, React) {
       };
     }
     function addLocale(locale, options) {
+      if (locale.includes('__proto__') || locale.includes('prototype')) {
+        throw new Error('Unsafe locale detected');
+      }
       locales[locale] = _objectSpread(_objectSpread({}, locales.en), options);
     }
     function updateLocaleOption(key, value, locale) {
+      if (key.includes('__proto__') || key.includes('prototype')) {
+        throw new Error('Unsafe key detected');
+      }
       localeOptions(locale)[key] = value;
     }
     function updateLocaleOptions(options, locale) {
+      if (locale.includes('__proto__') || locale.includes('prototype')) {
+        throw new Error('Unsafe locale detected');
+      }
       var _locale = locale || PrimeReact$1.locale;
       locales[_locale] = _objectSpread(_objectSpread({}, locales[_locale]), options);
     }
     function localeOption(key, locale) {
+      if (key.includes('__proto__') || key.includes('prototype')) {
+        throw new Error('Unsafe key detected');
+      }
       var _locale = locale || PrimeReact$1.locale;
       try {
         return localeOptions(_locale)[key];
@@ -3172,6 +3184,9 @@ this.primereact.api = (function (exports, utils, React) {
      * @returns the ARIA label with replaced values
      */
     function ariaLabel(ariaKey, options) {
+      if (ariaKey.includes('__proto__') || ariaKey.includes('prototype')) {
+        throw new Error('Unsafe ariaKey detected');
+      }
       var _locale = PrimeReact$1.locale;
       try {
         var _ariaLabel = localeOptions(_locale).aria[ariaKey];
@@ -3189,6 +3204,9 @@ this.primereact.api = (function (exports, utils, React) {
     }
     function localeOptions(locale) {
       var _locale = locale || PrimeReact$1.locale;
+      if (_locale.includes('__proto__') || _locale.includes('prototype')) {
+        throw new Error('Unsafe locale detected');
+      }
       return locales[_locale];
     }
 
@@ -3202,6 +3220,7 @@ this.primereact.api = (function (exports, utils, React) {
     });
 
     var PrimeIcons = Object.freeze({
+      ADDRESS_BOOK: 'pi pi-address-book',
       ALIGN_CENTER: 'pi pi-align-center',
       ALIGN_JUSTIFY: 'pi pi-align-justify',
       ALIGN_LEFT: 'pi pi-align-left',
@@ -3221,49 +3240,60 @@ this.primereact.api = (function (exports, utils, React) {
       ARROW_CIRCLE_LEFT: 'pi pi-arrow-circle-left',
       ARROW_CIRCLE_RIGHT: 'pi pi-arrow-circle-right',
       ARROW_CIRCLE_UP: 'pi pi-arrow-circle-up',
-      ARROW_DOWN: 'pi pi-arrow-down',
+      ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: 'pi pi-arrow-down-left-and-arrow-up-right-to-center',
       ARROW_DOWN_LEFT: 'pi pi-arrow-down-left',
       ARROW_DOWN_RIGHT: 'pi pi-arrow-down-right',
+      ARROW_DOWN: 'pi pi-arrow-down',
       ARROW_LEFT: 'pi pi-arrow-left',
-      ARROW_RIGHT: 'pi pi-arrow-right',
       ARROW_RIGHT_ARROW_LEFT: 'pi pi-arrow-right-arrow-left',
-      ARROW_UP: 'pi pi-arrow-up',
+      ARROW_RIGHT: 'pi pi-arrow-right',
       ARROW_UP_LEFT: 'pi pi-arrow-up-left',
+      ARROW_UP_RIGHT_AND_ARROW_DOWN_LEFT_FROM_CENTER: 'pi pi-arrow-up-right-and-arrow-down-left-from-center',
       ARROW_UP_RIGHT: 'pi pi-arrow-up-right',
+      ARROW_UP: 'pi pi-arrow-up',
       ARROWS_ALT: 'pi pi-arrows-alt',
       ARROWS_H: 'pi pi-arrows-h',
       ARROWS_V: 'pi pi-arrows-v',
+      ASTERISK: 'pi pi-asterisk',
       AT: 'pi pi-at',
       BACKWARD: 'pi pi-backward',
       BAN: 'pi pi-ban',
+      BARCODE: 'pi pi-barcode',
       BARS: 'pi pi-bars',
+      BELL_SLASH: 'pi pi-bell-slash',
       BELL: 'pi pi-bell',
       BITCOIN: 'pi pi-bitcoin',
       BOLT: 'pi pi-bolt',
       BOOK: 'pi pi-book',
-      BOOKMARK: 'pi pi-bookmark',
       BOOKMARK_FILL: 'pi pi-bookmark-fill',
+      BOOKMARK: 'pi pi-bookmark',
       BOX: 'pi pi-box',
       BRIEFCASE: 'pi pi-briefcase',
+      BUILDING_COLUMNS: 'pi pi-building-columns',
       BUILDING: 'pi pi-building',
+      BULLSEYE: 'pi pi-bullseye',
       CALCULATOR: 'pi pi-calculator',
-      CALENDAR: 'pi pi-calendar',
+      CALENDAR_CLOCK: 'pi pi-calendar-clock',
       CALENDAR_MINUS: 'pi pi-calendar-minus',
       CALENDAR_PLUS: 'pi pi-calendar-plus',
       CALENDAR_TIMES: 'pi pi-calendar-times',
+      CALENDAR: 'pi pi-calendar',
       CAMERA: 'pi pi-camera',
       CAR: 'pi pi-car',
       CARET_DOWN: 'pi pi-caret-down',
       CARET_LEFT: 'pi pi-caret-left',
       CARET_RIGHT: 'pi pi-caret-right',
       CARET_UP: 'pi pi-caret-up',
+      CART_ARROW_DOWN: 'pi pi-cart-arrow-down',
+      CART_MINUS: 'pi pi-cart-minus',
       CART_PLUS: 'pi pi-cart-plus',
       CHART_BAR: 'pi pi-chart-bar',
       CHART_LINE: 'pi pi-chart-line',
       CHART_PIE: 'pi pi-chart-pie',
-      CHECK: 'pi pi-check',
+      CHART_SCATTER: 'pi pi-chart-scatter',
       CHECK_CIRCLE: 'pi pi-check-circle',
       CHECK_SQUARE: 'pi pi-check-square',
+      CHECK: 'pi pi-check',
       CHEVRON_CIRCLE_DOWN: 'pi pi-chevron-circle-down',
       CHEVRON_CIRCLE_LEFT: 'pi pi-chevron-circle-left',
       CHEVRON_CIRCLE_RIGHT: 'pi pi-chevron-circle-right',
@@ -3272,15 +3302,16 @@ this.primereact.api = (function (exports, utils, React) {
       CHEVRON_LEFT: 'pi pi-chevron-left',
       CHEVRON_RIGHT: 'pi pi-chevron-right',
       CHEVRON_UP: 'pi pi-chevron-up',
-      CIRCLE: 'pi pi-circle',
       CIRCLE_FILL: 'pi pi-circle-fill',
       CIRCLE_OFF: 'pi pi-circle-off',
       CIRCLE_ON: 'pi pi-circle-on',
+      CIRCLE: 'pi pi-circle',
+      CLIPBOARD: 'pi pi-clipboard',
       CLOCK: 'pi pi-clock',
       CLONE: 'pi pi-clone',
-      CLOUD: 'pi pi-cloud',
       CLOUD_DOWNLOAD: 'pi pi-cloud-download',
       CLOUD_UPLOAD: 'pi pi-cloud-upload',
+      CLOUD: 'pi pi-cloud',
       CODE: 'pi pi-code',
       COG: 'pi pi-cog',
       COMMENT: 'pi pi-comment',
@@ -3288,11 +3319,12 @@ this.primereact.api = (function (exports, utils, React) {
       COMPASS: 'pi pi-compass',
       COPY: 'pi pi-copy',
       CREDIT_CARD: 'pi pi-credit-card',
+      CROWN: 'pi pi-crown',
       DATABASE: 'pi pi-database',
       DELETE_LEFT: 'pi pi-delete-left',
       DESKTOP: 'pi pi-desktop',
-      DIRECTIONS: 'pi pi-directions',
       DIRECTIONS_ALT: 'pi pi-directions-alt',
+      DIRECTIONS: 'pi pi-directions',
       DISCORD: 'pi pi-discord',
       DOLLAR: 'pi pi-dollar',
       DOWNLOAD: 'pi pi-download',
@@ -3300,39 +3332,51 @@ this.primereact.api = (function (exports, utils, React) {
       ELLIPSIS_H: 'pi pi-ellipsis-h',
       ELLIPSIS_V: 'pi pi-ellipsis-v',
       ENVELOPE: 'pi pi-envelope',
+      EQUALS: 'pi pi-equals',
       ERASER: 'pi pi-eraser',
+      ETHEREUM: 'pi pi-ethereum',
       EURO: 'pi pi-euro',
       EXCLAMATION_CIRCLE: 'pi pi-exclamation-circle',
       EXCLAMATION_TRIANGLE: 'pi pi-exclamation-triangle',
+      EXPAND: 'pi pi-expand',
       EXTERNAL_LINK: 'pi pi-external-link',
-      EYE: 'pi pi-eye',
       EYE_SLASH: 'pi pi-eye-slash',
+      EYE: 'pi pi-eye',
+      FACE_SMILE: 'pi pi-face-smile',
       FACEBOOK: 'pi pi-facebook',
       FAST_BACKWARD: 'pi pi-fast-backward',
       FAST_FORWARD: 'pi pi-fast-forward',
-      FILE: 'pi pi-file',
+      FILE_ARROW_UP: 'pi pi-file-arrow-up',
+      FILE_CHECK: 'pi pi-file-check',
       FILE_EDIT: 'pi pi-file-edit',
       FILE_EXCEL: 'pi pi-file-excel',
       FILE_EXPORT: 'pi pi-file-export',
       FILE_IMPORT: 'pi pi-file-import',
       FILE_O: 'pi pi-file-o',
       FILE_PDF: 'pi pi-file-pdf',
+      FILE_PLUS: 'pi pi-file-plus',
       FILE_WORD: 'pi pi-file-word',
-      FILTER: 'pi pi-filter',
+      FILE: 'pi pi-file',
       FILTER_FILL: 'pi pi-filter-fill',
       FILTER_SLASH: 'pi pi-filter-slash',
-      FLAG: 'pi pi-flag',
+      FILTER: 'pi pi-filter',
       FLAG_FILL: 'pi pi-flag-fill',
-      FOLDER: 'pi pi-folder',
+      FLAG: 'pi pi-flag',
       FOLDER_OPEN: 'pi pi-folder-open',
+      FOLDER_PLUS: 'pi pi-folder-plus',
+      FOLDER: 'pi pi-folder',
       FORWARD: 'pi pi-forward',
+      GAUGE: 'pi pi-gauge',
       GIFT: 'pi pi-gift',
       GITHUB: 'pi pi-github',
       GLOBE: 'pi pi-globe',
       GOOGLE: 'pi pi-google',
+      GRADUATION_CAP: 'pi pi-graduation-cap',
+      HAMMER: 'pi pi-hammer',
       HASHTAG: 'pi pi-hashtag',
-      HEART: 'pi pi-heart',
+      HEADPHONES: 'pi pi-headphones',
       HEART_FILL: 'pi pi-heart-fill',
+      HEART: 'pi pi-heart',
       HISTORY: 'pi pi-history',
       HOME: 'pi pi-home',
       HOURGLASS: 'pi pi-hourglass',
@@ -3340,55 +3384,68 @@ this.primereact.api = (function (exports, utils, React) {
       IMAGE: 'pi pi-image',
       IMAGES: 'pi pi-images',
       INBOX: 'pi pi-inbox',
-      INFO: 'pi pi-info',
+      INDIAN_RUPEE: 'pi pi-indian-rupee',
       INFO_CIRCLE: 'pi pi-info-circle',
+      INFO: 'pi pi-info',
       INSTAGRAM: 'pi pi-instagram',
       KEY: 'pi pi-key',
       LANGUAGE: 'pi pi-language',
+      LIGHTBULB: 'pi pi-lightbulb',
       LINK: 'pi pi-link',
       LINKEDIN: 'pi pi-linkedin',
+      LIST_CHECK: 'pi pi-list-check',
       LIST: 'pi pi-list',
-      LOCK: 'pi pi-lock',
       LOCK_OPEN: 'pi pi-lock-open',
-      MAP: 'pi pi-map',
+      LOCK: 'pi pi-lock',
       MAP_MARKER: 'pi pi-map-marker',
+      MAP: 'pi pi-map',
+      MARS: 'pi pi-mars',
       MEGAPHONE: 'pi pi-megaphone',
+      MICROCHIP_AI: 'pi pi-microchip-ai',
+      MICROCHIP: 'pi pi-microchip',
       MICROPHONE: 'pi pi-microphone',
       MICROSOFT: 'pi pi-microsoft',
-      MINUS: 'pi pi-minus',
       MINUS_CIRCLE: 'pi pi-minus-circle',
+      MINUS: 'pi pi-minus',
       MOBILE: 'pi pi-mobile',
       MONEY_BILL: 'pi pi-money-bill',
       MOON: 'pi pi-moon',
+      OBJECTS_COLUMN: 'pi pi-objects-column',
       PALETTE: 'pi pi-palette',
       PAPERCLIP: 'pi pi-paperclip',
+      PAUSE_CIRCLE: 'pi pi-pause-circle',
       PAUSE: 'pi pi-pause',
       PAYPAL: 'pi pi-paypal',
+      PEN_TO_SQUARE: 'pi pi-pen-to-square',
       PENCIL: 'pi pi-pencil',
       PERCENTAGE: 'pi pi-percentage',
       PHONE: 'pi pi-phone',
+      PINTEREST: 'pi pi-pinterest',
+      PLAY_CIRCLE: 'pi pi-play-circle',
       PLAY: 'pi pi-play',
-      PLUS: 'pi pi-plus',
       PLUS_CIRCLE: 'pi pi-plus-circle',
+      PLUS: 'pi pi-plus',
       POUND: 'pi pi-pound',
       POWER_OFF: 'pi pi-power-off',
       PRIME: 'pi pi-prime',
       PRINT: 'pi pi-print',
       QRCODE: 'pi pi-qrcode',
-      QUESTION: 'pi pi-question',
       QUESTION_CIRCLE: 'pi pi-question-circle',
+      QUESTION: 'pi pi-question',
+      RECEIPT: 'pi pi-receipt',
       REDDIT: 'pi pi-reddit',
       REFRESH: 'pi pi-refresh',
       REPLAY: 'pi pi-replay',
       REPLY: 'pi pi-reply',
       SAVE: 'pi pi-save',
-      SEARCH: 'pi pi-search',
       SEARCH_MINUS: 'pi pi-search-minus',
       SEARCH_PLUS: 'pi pi-search-plus',
+      SEARCH: 'pi pi-search',
       SEND: 'pi pi-send',
       SERVER: 'pi pi-server',
       SHARE_ALT: 'pi pi-share-alt',
       SHIELD: 'pi pi-shield',
+      SHOP: 'pi pi-shop',
       SHOPPING_BAG: 'pi pi-shopping-bag',
       SHOPPING_CART: 'pi pi-shopping-cart',
       SIGN_IN: 'pi pi-sign-in',
@@ -3397,32 +3454,38 @@ this.primereact.api = (function (exports, utils, React) {
       SLACK: 'pi pi-slack',
       SLIDERS_H: 'pi pi-sliders-h',
       SLIDERS_V: 'pi pi-sliders-v',
-      SORT: 'pi pi-sort',
-      SORT_ALPHA_DOWN: 'pi pi-sort-alpha-down',
       SORT_ALPHA_DOWN_ALT: 'pi pi-sort-alpha-down-alt',
-      SORT_ALPHA_UP: 'pi pi-sort-alpha-up',
+      SORT_ALPHA_DOWN: 'pi pi-sort-alpha-down',
       SORT_ALPHA_UP_ALT: 'pi pi-sort-alpha-up-alt',
-      SORT_ALT: 'pi pi-sort-alt',
+      SORT_ALPHA_UP: 'pi pi-sort-alpha-up',
       SORT_ALT_SLASH: 'pi pi-sort-alt-slash',
-      SORT_AMOUNT_DOWN: 'pi pi-sort-amount-down',
+      SORT_ALT: 'pi pi-sort-alt',
       SORT_AMOUNT_DOWN_ALT: 'pi pi-sort-amount-down-alt',
-      SORT_AMOUNT_UP: 'pi pi-sort-amount-up',
+      SORT_AMOUNT_DOWN: 'pi pi-sort-amount-down',
       SORT_AMOUNT_UP_ALT: 'pi pi-sort-amount-up-alt',
+      SORT_AMOUNT_UP: 'pi pi-sort-amount-up',
+      SORT_DOWN_FILL: 'pi pi-sort-down-fill',
       SORT_DOWN: 'pi pi-sort-down',
-      SORT_NUMERIC_DOWN: 'pi pi-sort-numeric-down',
       SORT_NUMERIC_DOWN_ALT: 'pi pi-sort-numeric-down-alt',
-      SORT_NUMERIC_UP: 'pi pi-sort-numeric-up',
+      SORT_NUMERIC_DOWN: 'pi pi-sort-numeric-down',
       SORT_NUMERIC_UP_ALT: 'pi pi-sort-numeric-up-alt',
+      SORT_NUMERIC_UP: 'pi pi-sort-numeric-up',
+      SORT_UP_FILL: 'pi pi-sort-up-fill',
       SORT_UP: 'pi pi-sort-up',
+      SORT: 'pi pi-sort',
+      SPARKLES: 'pi pi-sparkles',
+      SPINNER_DOTTED: 'pi pi-spinner-dotted',
       SPINNER: 'pi pi-spinner',
-      STAR: 'pi pi-star',
       STAR_FILL: 'pi pi-star-fill',
-      STEP_BACKWARD: 'pi pi-step-backward',
+      STAR_HALF_FILL: 'pi pi-star-half-fill',
+      STAR_HALF: 'pi pi-star-half',
+      STAR: 'pi pi-star',
       STEP_BACKWARD_ALT: 'pi pi-step-backward-alt',
-      STEP_FORWARD: 'pi pi-step-forward',
+      STEP_BACKWARD: 'pi pi-step-backward',
       STEP_FORWARD_ALT: 'pi pi-step-forward-alt',
-      STOP: 'pi pi-stop',
+      STEP_FORWARD: 'pi pi-step-forward',
       STOP_CIRCLE: 'pi pi-stop-circle',
+      STOP: 'pi pi-stop',
       STOPWATCH: 'pi pi-stopwatch',
       SUN: 'pi pi-sun',
       SYNC: 'pi pi-sync',
@@ -3432,24 +3495,30 @@ this.primereact.api = (function (exports, utils, React) {
       TAGS: 'pi pi-tags',
       TELEGRAM: 'pi pi-telegram',
       TH_LARGE: 'pi pi-th-large',
-      THUMBS_DOWN: 'pi pi-thumbs-down',
       THUMBS_DOWN_FILL: 'pi pi-thumbs-down-fill',
-      THUMBS_UP: 'pi pi-thumbs-up',
+      THUMBS_DOWN: 'pi pi-thumbs-down',
       THUMBS_UP_FILL: 'pi pi-thumbs-up-fill',
+      THUMBS_UP: 'pi pi-thumbs-up',
+      THUMBTACK: 'pi pi-thumbtack',
       TICKET: 'pi pi-ticket',
-      TIMES: 'pi pi-times',
+      TIKTOK: 'pi pi-tiktok',
       TIMES_CIRCLE: 'pi pi-times-circle',
+      TIMES: 'pi pi-times',
       TRASH: 'pi pi-trash',
+      TROPHY: 'pi pi-trophy',
       TRUCK: 'pi pi-truck',
+      TURKISH_LIRA: 'pi pi-turkish-lira',
+      TWITCH: 'pi pi-twitch',
       TWITTER: 'pi pi-twitter',
       UNDO: 'pi pi-undo',
       UNLOCK: 'pi pi-unlock',
       UPLOAD: 'pi pi-upload',
-      USER: 'pi pi-user',
       USER_EDIT: 'pi pi-user-edit',
       USER_MINUS: 'pi pi-user-minus',
       USER_PLUS: 'pi pi-user-plus',
+      USER: 'pi pi-user',
       USERS: 'pi pi-users',
+      VENUS: 'pi pi-venus',
       VERIFIED: 'pi pi-verified',
       VIDEO: 'pi pi-video',
       VIMEO: 'pi pi-vimeo',
@@ -3457,6 +3526,8 @@ this.primereact.api = (function (exports, utils, React) {
       VOLUME_OFF: 'pi pi-volume-off',
       VOLUME_UP: 'pi pi-volume-up',
       WALLET: 'pi pi-wallet',
+      WAREHOUSE: 'pi pi-warehouse',
+      WAVE_PULSE: 'pi pi-wave-pulse',
       WHATSAPP: 'pi pi-whatsapp',
       WIFI: 'pi pi-wifi',
       WINDOW_MAXIMIZE: 'pi pi-window-maximize',
@@ -3784,7 +3855,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(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 baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    padding: 0;\n    margin: -1px;\n    position: absolute;\n    height: 1px;\n    width: 1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
   var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
   var inputTextStyles = "\n.p-inputtext {\n    margin: 0;\n}\n\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -0.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n    top: -0.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
   var iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g,\n.p-disabled svg.p-icon {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
@@ -6043,7 +6114,9 @@ this.primereact.keyfilter = (function (exports, utils) {
       if (key === null || key === undefined) {
         return;
       }
-      var isPrintableKey = key.length === 1;
+
+      // some AZERTY keys come in with 2 chars like ´ç if Dead key is pressed first
+      var isPrintableKey = key.length <= 2;
       if (!isPrintableKey) {
         return;
       }
@@ -10923,12 +10996,13 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
     icon: 'p-checkbox-icon',
     root: function root(_ref) {
       var props = _ref.props,
-        checked = _ref.checked;
+        checked = _ref.checked,
+        context = _ref.context;
       return utils.classNames('p-checkbox p-component', {
         'p-highlight': checked,
         'p-disabled': props.disabled,
         'p-invalid': props.invalid,
-        'p-variant-filled': props.variant === 'filled'
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
       });
     }
   };
@@ -10945,6 +11019,7 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
       inputId: null,
       inputRef: null,
       invalid: false,
+      variant: null,
       name: null,
       onChange: null,
       onContextMenu: null,
@@ -11062,7 +11137,8 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
     var rootProps = mergeProps({
       id: props.id,
       className: utils.classNames(props.className, cx('root', {
-        checked: checked
+        checked: checked,
+        context: context
       })),
       style: props.style,
       'data-p-highlight': checked,
@@ -11532,12 +11608,14 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
   var classes = {
     root: function root(_ref) {
       var props = _ref.props,
-        isFilled = _ref.isFilled;
+        isFilled = _ref.isFilled,
+        context = _ref.context;
       return utils.classNames('p-inputtext p-component', {
         'p-disabled': props.disabled,
         'p-filled': isFilled,
-        'p-invalid': props.invalid
-      }, props.className);
+        'p-invalid': props.invalid,
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+      });
     }
   };
   var InputTextBase = componentbase.ComponentBase.extend({
@@ -11547,6 +11625,7 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
       children: undefined,
       className: null,
       invalid: false,
+      variant: null,
       keyfilter: null,
       onBeforeInput: null,
       onInput: null,
@@ -11619,9 +11698,10 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
     }, [props.value, props.defaultValue]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var rootProps = mergeProps({
-      className: cx('root', {
+      className: utils.classNames(props.className, cx('root', {
+        context: context,
         isFilled: isFilled
-      }),
+      })),
       onBeforeInput: onBeforeInput,
       onInput: onInput,
       onKeyDown: onKeyDown,
@@ -11815,16 +11895,23 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         'p-invalid': props.invalid
       });
     },
+    input: function input(_ref2) {
+      var props = _ref2.props,
+        context = _ref2.context;
+      return utils.classNames('p-inputnumber-input', {
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+      });
+    },
     buttonGroup: 'p-inputnumber-button-group',
-    incrementButton: function incrementButton(_ref2) {
-      var props = _ref2.props;
+    incrementButton: function incrementButton(_ref3) {
+      var props = _ref3.props;
       return utils.classNames('p-inputnumber-button p-inputnumber-button-up p-button p-button-icon-only p-component', {
         'p-disabled': props.disabled
       });
     },
     incrementIcon: 'p-button-icon',
-    decrementButton: function decrementButton(_ref3) {
-      var props = _ref3.props;
+    decrementButton: function decrementButton(_ref4) {
+      var props = _ref4.props;
       return utils.classNames('p-inputnumber-button p-inputnumber-button-down p-button p-button-icon-only p-component', {
         'p-disabled': props.disabled
       });
@@ -11856,6 +11943,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       inputRef: null,
       inputStyle: null,
       invalid: false,
+      variant: null,
       locale: undefined,
       localeMatcher: undefined,
       max: null,
@@ -12167,14 +12255,53 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
       if (isSpecialChar.current) {
         event.target.value = lastValue.current;
+        isSpecialChar.current = false;
+      }
+      if (utils.DomHandler.isAndroid()) {
+        return;
+      }
+
+      // #6324 Chrome is allowing accent-dead characters through...
+      var inputType = event.nativeEvent.inputType;
+      var data = event.nativeEvent.data;
+      if (inputType === 'insertText' && /\D/.test(data)) {
+        event.target.value = lastValue.current;
+      }
+    };
+    var onInputAndroidKey = function onInputAndroidKey(event) {
+      if (!utils.DomHandler.isAndroid() || props.disabled || props.readOnly) {
+        return;
+      }
+      if (props.onKeyUp) {
+        props.onKeyUp(event);
+
+        // do not continue if the user defined event wants to prevent
+        if (event.defaultPrevented) {
+          return;
+        }
+      }
+      var code = event.which || event.keyCode;
+      if (code !== 13) {
+        // to submit a form
+        event.preventDefault();
+      }
+      var _char = String.fromCharCode(code);
+      var _isDecimalSign = isDecimalSign(_char);
+      var _isMinusSign = isMinusSign(_char);
+      if (48 <= code && code <= 57 || _isMinusSign || _isDecimalSign) {
+        insert(event, _char, {
+          isDecimalSign: _isDecimalSign,
+          isMinusSign: _isMinusSign
+        });
+      } else {
+        updateValue(event, event.target.value, null, 'delete-single');
       }
-      isSpecialChar.current = false;
     };
     var onInputKeyDown = function onInputKeyDown(event) {
       if (props.disabled || props.readOnly) {
         return;
       }
-      if (event.shiftKey || event.altKey || event.ctrlKey || event.metaKey) {
+      if (event.altKey || event.ctrlKey || event.metaKey) {
         isSpecialChar.current = true;
         return;
       }
@@ -12187,6 +12314,11 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         }
       }
       lastValue.current = event.target.value;
+
+      // Android is handled specially in onInputAndroidKey
+      if (utils.DomHandler.isAndroid()) {
+        return;
+      }
       var selectionStart = event.target.selectionStart;
       var selectionEnd = event.target.selectionEnd;
       var inputValue = event.target.value;
@@ -12323,11 +12455,11 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
           break;
         default:
           event.preventDefault();
-          var _char = event.key;
-          var _isDecimalSign = isDecimalSign(_char);
-          var _isMinusSign = isMinusSign(_char);
-          if ((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(_char) >= 0 && Number(_char) <= 9 || _isMinusSign || _isDecimalSign) {
-            insert(event, _char, {
+          var _char2 = event.key;
+          var _isDecimalSign = isDecimalSign(_char2);
+          var _isMinusSign = isMinusSign(_char2);
+          if ((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(_char2) >= 0 && Number(_char2) <= 9 || _isMinusSign || _isDecimalSign) {
+            insert(event, _char2, {
               isDecimalSign: _isDecimalSign,
               isMinusSign: _isMinusSign
             });
@@ -12351,8 +12483,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var allowMinusSign = function allowMinusSign() {
       return utils.ObjectUtils.isEmpty(props.min) || props.min < 0;
     };
-    var isMinusSign = function isMinusSign(_char2) {
-      if (_minusSign.current.test(_char2) || _char2 === '-') {
+    var isMinusSign = function isMinusSign(_char3) {
+      if (_minusSign.current.test(_char3) || _char3 === '-') {
         _minusSign.current.lastIndex = 0;
         return true;
       }
@@ -12364,8 +12496,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
       return val;
     };
-    var isDecimalSign = function isDecimalSign(_char3) {
-      if (_decimal.current.test(_char3) || isFloat(_char3)) {
+    var isDecimalSign = function isDecimalSign(_char4) {
+      if (_decimal.current.test(_char4) || isFloat(_char4)) {
         _decimal.current.lastIndex = 0;
         return true;
       }
@@ -12510,16 +12642,16 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       var prefixLength = (prefixChar.current || '').length;
       inputValue = inputValue.replace(_prefix.current, '');
       selectionStart = selectionStart - prefixLength;
-      var _char4 = inputValue.charAt(selectionStart);
-      if (isNumeralChar(_char4)) {
+      var _char5 = inputValue.charAt(selectionStart);
+      if (isNumeralChar(_char5)) {
         return selectionStart + prefixLength;
       }
 
       //left
       var i = selectionStart - 1;
       while (i >= 0) {
-        _char4 = inputValue.charAt(i);
-        if (isNumeralChar(_char4)) {
+        _char5 = inputValue.charAt(i);
+        if (isNumeralChar(_char5)) {
           index = i + prefixLength;
           break;
         } else {
@@ -12531,8 +12663,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       } else {
         i = selectionStart;
         while (i < valueLength) {
-          _char4 = inputValue.charAt(i);
-          if (isNumeralChar(_char4)) {
+          _char5 = inputValue.charAt(i);
+          if (isNumeralChar(_char5)) {
             index = i + prefixLength;
             break;
           } else {
@@ -12551,8 +12683,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var onInputClick = function onInputClick() {
       initCursor();
     };
-    var isNumeralChar = function isNumeralChar(_char5) {
-      if (_char5.length === 1 && (_numeral.current.test(_char5) || _decimal.current.test(_char5) || _group.current.test(_char5) || _minusSign.current.test(_char5))) {
+    var isNumeralChar = function isNumeralChar(_char6) {
+      if (_char6.length === 1 && (_numeral.current.test(_char6) || _decimal.current.test(_char6) || _group.current.test(_char6) || _minusSign.current.test(_char6))) {
         resetRegex();
         return true;
       }
@@ -12814,7 +12946,9 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
     }, [props.disabled]);
     var createInputElement = function createInputElement() {
-      var className = utils.classNames('p-inputnumber-input', props.inputClassName);
+      var className = utils.classNames(props.inputClassName, cx('input', {
+        context: context
+      }));
       var valueToRender = formattedValue(props.value);
       return /*#__PURE__*/React__namespace.createElement(inputtext.InputText, _extends({
         ref: inputRef,
@@ -12836,6 +12970,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         name: props.name,
         autoFocus: props.autoFocus,
         onKeyDown: onInputKeyDown,
+        onKeyPress: onInputAndroidKey,
         onInput: onInput,
         onClick: onInputClick,
         onPointerDown: onInputPointerDown,
@@ -13345,7 +13480,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
     };
     var remove = function remove(messageInfo) {
       // allow removal by ID or by message equality
-      var removeMessage = messageInfo._pId ? messageInfo.message : messageInfo;
+      var removeMessage = messageInfo._pId ? messageInfo._pId : messageInfo.message || messageInfo;
       setMessagesState(function (prev) {
         return prev.filter(function (msg) {
           return msg._pId !== messageInfo._pId && !utils.ObjectUtils.deepEquals(msg.message, removeMessage);
@@ -13776,11 +13911,13 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     root: function root(_ref) {
       var props = _ref.props,
         focusedState = _ref.focusedState,
-        overlayVisibleState = _ref.overlayVisibleState;
+        overlayVisibleState = _ref.overlayVisibleState,
+        context = _ref.context;
       return utils.classNames('p-dropdown p-component p-inputwrapper', {
         'p-disabled': props.disabled,
         'p-invalid': props.invalid,
         'p-focus': focusedState,
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled',
         'p-dropdown-clearable': props.showClear && !props.disabled,
         'p-inputwrapper-filled': utils.ObjectUtils.isNotEmpty(props.value),
         'p-inputwrapper-focus': focusedState || overlayVisibleState
@@ -13814,25 +13951,31 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         'p-dropdown-clearable-filter': !!clearIcon
       });
     },
-    filterInput: 'p-dropdown-filter p-inputtext p-component',
-    list: function list(_ref5) {
-      var virtualScrollerOptions = _ref5.virtualScrollerOptions;
+    filterInput: function filterInput(_ref5) {
+      var props = _ref5.props,
+        context = _ref5.context;
+      return utils.classNames('p-dropdown-filter p-inputtext p-component', {
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+      });
+    },
+    list: function list(_ref6) {
+      var virtualScrollerOptions = _ref6.virtualScrollerOptions;
       return virtualScrollerOptions ? 'p-dropdown-items' : 'p-dropdown-items';
     },
-    panel: function panel(_ref6) {
-      var context = _ref6.context;
+    panel: function panel(_ref7) {
+      var context = _ref7.context;
       return utils.classNames('p-dropdown-panel p-component', {
         'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
         'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       });
     },
-    item: function item(_ref7) {
-      var selected = _ref7.selected,
-        disabled = _ref7.disabled,
-        label = _ref7.label,
-        index = _ref7.index,
-        focusedOptionIndex = _ref7.focusedOptionIndex,
-        highlightOnSelect = _ref7.highlightOnSelect;
+    item: function item(_ref8) {
+      var selected = _ref8.selected,
+        disabled = _ref8.disabled,
+        label = _ref8.label,
+        index = _ref8.index,
+        focusedOptionIndex = _ref8.focusedOptionIndex,
+        highlightOnSelect = _ref8.highlightOnSelect;
       return utils.classNames('p-dropdown-item', {
         'p-highlight': selected && highlightOnSelect,
         'p-disabled': disabled,
@@ -13850,14 +13993,14 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
   };
   var styles = "\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 = {
-    wrapper: function wrapper(_ref8) {
-      var props = _ref8.props;
+    wrapper: function wrapper(_ref9) {
+      var props = _ref9.props;
       return {
         maxHeight: props.scrollHeight || 'auto'
       };
     },
-    panel: function panel(_ref9) {
-      var props = _ref9.props;
+    panel: function panel(_ref10) {
+      var props = _ref10.props;
       props.panelStyle;
     }
   };
@@ -13884,7 +14027,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       filterBy: null,
       filterClearIcon: null,
       filterIcon: null,
-      filterInputAutoFocus: true,
+      filterInputAutoFocus: false,
       filterLocale: undefined,
       filterMatchMode: 'contains',
       filterPlaceholder: null,
@@ -13894,6 +14037,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       inputId: null,
       inputRef: null,
       invalid: false,
+      variant: null,
       itemTemplate: null,
       loading: false,
       loadingIcon: null,
@@ -14095,31 +14239,6 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         props === null || props === void 0 || (_props$changeFocusedO = props.changeFocusedOptionIndex) === null || _props$changeFocusedO === void 0 || _props$changeFocusedO.call(props, event, index);
       }
     };
-    var createGroupChildren = function createGroupChildren(optionGroup, style) {
-      var groupChildren = props.getOptionGroupChildren(optionGroup);
-      return groupChildren.map(function (option, j) {
-        var optionLabel = props.getOptionLabel(option);
-        var optionKey = j + '_' + props.getOptionRenderKey(option);
-        var disabled = props.isOptionDisabled(option);
-        return /*#__PURE__*/React__namespace.createElement(DropdownItem, {
-          key: optionKey,
-          index: j,
-          focusedOptionIndex: props.focusedOptionIndex,
-          label: optionLabel,
-          option: option,
-          style: style,
-          template: props.itemTemplate,
-          selected: props.isSelected(option),
-          highlightOnSelect: props.highlightOnSelect,
-          disabled: disabled,
-          onClick: props.onOptionClick,
-          onMouseMove: changeFocusedItemOnHover,
-          ptm: ptm,
-          cx: cx,
-          checkmark: props.checkmark
-        });
-      });
-    };
     var createEmptyMessage = function createEmptyMessage(emptyMessage, isFilter) {
       var message = utils.ObjectUtils.getJSXElement(emptyMessage, props) || PrimeReact.localeOption(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
       var emptyMessageProps = mergeProps({
@@ -14133,10 +14252,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
       };
       style = _objectSpread$1(_objectSpread$1({}, style), option.style);
-      if (props.optionGroupLabel) {
+      if (option.group && props.optionGroupLabel) {
         var optionGroupLabel = props.optionGroupLabel;
         var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
-        var groupChildrenContent = createGroupChildren(option, style);
         var key = index + '_' + props.getOptionGroupRenderKey(option);
         var itemGroupProps = mergeProps({
           className: cx('itemGroup', {
@@ -14148,12 +14266,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         var itemGroupLabelProps = mergeProps({
           className: cx('itemGroupLabel')
         }, getPTOptions('itemGroupLabel'));
-        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+        return /*#__PURE__*/React__namespace.createElement("li", _extends({
           key: key
-        }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, groupContent)), groupChildrenContent);
+        }, itemGroupProps), /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, groupContent));
       }
+      var optionKey = props.getOptionRenderKey(option) + '_' + index;
       var optionLabel = props.getOptionLabel(option);
-      var optionKey = index + '_' + props.getOptionRenderKey(option);
       var disabled = props.isOptionDisabled(option);
       return /*#__PURE__*/React__namespace.createElement(DropdownItem, {
         key: optionKey,
@@ -14220,7 +14338,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           ref: filterInputRef,
           type: 'text',
           autoComplete: 'off',
-          className: cx('filterInput'),
+          className: cx('filterInput', {
+            context: context
+          }),
           placeholder: props.filterPlaceholder,
           onKeyDown: props.onFilterInputKeyDown,
           onChange: function onChange(e) {
@@ -14408,7 +14528,24 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
       bindOverlayListener = _useOverlayListener2[0],
       unbindOverlayListener = _useOverlayListener2[1];
+    var flatOptions = function flatOptions(options) {
+      return (options || []).reduce(function (result, option, index) {
+        result.push({
+          optionGroup: option,
+          group: true,
+          index: index,
+          code: option.code,
+          label: option.label
+        });
+        var optionGroupChildren = getOptionGroupChildren(option);
+        optionGroupChildren && optionGroupChildren.forEach(function (o) {
+          return result.push(o);
+        });
+        return result;
+      }, []);
+    };
     var getVisibleOptions = function getVisibleOptions() {
+      var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
       if (hasFilter && !isLazy) {
         var filterValue = filterState.trim().toLocaleLowerCase(props.filterLocale);
         var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
@@ -14429,11 +14566,11 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           } finally {
             _iterator.f();
           }
-          return filteredGroups;
+          return flatOptions(filteredGroups);
         }
-        return PrimeReact.FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+        return PrimeReact.FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
       }
-      return props.options;
+      return options;
     };
     var onFirstHiddenFocus = function onFirstHiddenFocus(event) {
       var focusableEl = event.relatedTarget === focusInputRef.current ? utils.DomHandler.getFirstFocusableElement(overlayRef.current, ':not([data-p-hidden-focusable="true"])') : focusInputRef.current;
@@ -14962,12 +15099,20 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       utils.DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo);
     };
     var scrollInView = function scrollInView() {
-      var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
-      if (highlightItem && highlightItem.scrollIntoView) {
-        highlightItem.scrollIntoView({
+      var focusedItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-focused="true"]');
+      if (focusedItem && focusedItem.scrollIntoView) {
+        focusedItem.scrollIntoView({
           block: 'nearest',
           inline: 'nearest'
         });
+      } else {
+        var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
+        if (highlightItem && highlightItem.scrollIntoView) {
+          highlightItem.scrollIntoView({
+            block: 'nearest',
+            inline: 'nearest'
+          });
+        }
       }
     };
     var updateEditableLabel = function updateEditableLabel(option) {
@@ -14981,10 +15126,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       }
     };
     var getOptionLabel = function getOptionLabel(option) {
-      return props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option && option.label !== undefined ? option.label : option;
+      return props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option;
     };
     var getOptionValue = function getOptionValue(option) {
-      return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option && option.value !== undefined ? option.value : option;
+      return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option;
     };
     var getOptionRenderKey = function getOptionRenderKey(option) {
       return props.dataKey ? utils.ObjectUtils.resolveFieldData(option, props.dataKey) : getOptionLabel(option);
@@ -15060,10 +15205,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       alignOverlay();
     });
     hooks.useUpdateEffect(function () {
-      if (overlayVisibleState && props.value) {
+      if (overlayVisibleState && (props.value || focusedOptionIndex >= 0)) {
         scrollInView();
       }
-    }, [overlayVisibleState, props.value]);
+    }, [overlayVisibleState, props.value, focusedOptionIndex]);
     hooks.useUpdateEffect(function () {
       if (overlayVisibleState && filterState && props.filter) {
         alignOverlay();
@@ -15167,11 +15312,20 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       }, ptm('input'));
       return /*#__PURE__*/React__namespace.createElement("span", inputProps, content);
     };
+    var onClearIconKeyDown = function onClearIconKeyDown(event) {
+      if (event.key === 'Enter' || event.code === 'Space') {
+        clear(event);
+        event.preventDefault();
+      }
+    };
     var createClearIcon = function createClearIcon() {
       if (props.value != null && props.showClear && !props.disabled) {
         var clearIconProps = mergeProps({
           className: cx('clearIcon'),
-          onPointerUp: clear
+          onPointerUp: clear,
+          tabIndex: props.tabIndex || '0',
+          onKeyDown: onClearIconKeyDown,
+          'aria-label': PrimeReact.localeOption('clear')
         }, ptm('clearIcon'));
         var icon = props.clearIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, clearIconProps);
         return utils.IconUtils.getJSXIcon(icon, _objectSpread({}, clearIconProps), {
@@ -15234,6 +15388,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       id: props.id,
       ref: elementRef,
       className: utils.classNames(props.className, cx('root', {
+        context: context,
         focusedState: focusedState,
         overlayVisibleState: overlayVisibleState
       })),
@@ -15319,7 +15474,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
 })({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.spinner, primereact.icons.times, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.icons.search, primereact.portal, primereact.virtualscroller, primereact.ripple, primereact.icons.check, primereact.iconbase);
 
 this.primereact = this.primereact || {};
-this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, times, windowmaximize, windowminimize, portal, ripple, utils) {
+this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, utils, times, windowmaximize, windowminimize, portal, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15342,6 +15497,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     return Object.freeze(n);
   }
 
+  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
@@ -15472,6 +15628,117 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var styles$1 = '';
+  var FocusTrapBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'FocusTrap',
+      children: undefined
+    },
+    css: {
+      styles: styles$1
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, FocusTrapBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, FocusTrapBase.defaultProps);
+    }
+  });
+
+  function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var FocusTrap = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
+    var targetRef = React__default["default"].useRef(null);
+    var firstFocusableElementRef = React__default["default"].useRef(null);
+    var lastFocusableElementRef = React__default["default"].useRef(null);
+    var context = React__default["default"].useContext(PrimeReact.PrimeReactContext);
+    var props = FocusTrapBase.getProps(inProps, context);
+    var metaData = {
+      props: props
+    };
+    hooks.useStyle(FocusTrapBase.css.styles, {
+      name: 'focustrap'
+    });
+    var _FocusTrapBase$setMet = FocusTrapBase.setMetaData(_objectSpread$2({}, metaData));
+      _FocusTrapBase$setMet.ptm;
+    React__default["default"].useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getInk: function getInk() {
+          return firstFocusableElementRef.current;
+        },
+        getTarget: function getTarget() {
+          return targetRef.current;
+        }
+      };
+    });
+    hooks.useMountEffect(function () {
+      if (!props.disabled) {
+        targetRef.current = getTarget();
+        setAutoFocus(targetRef.current);
+      }
+    });
+    var getTarget = function getTarget() {
+      return firstFocusableElementRef.current && firstFocusableElementRef.current.parentElement;
+    };
+    var setAutoFocus = function setAutoFocus(target) {
+      var _ref = props || {},
+        _ref$autoFocusSelecto = _ref.autoFocusSelector,
+        autoFocusSelector = _ref$autoFocusSelecto === void 0 ? '' : _ref$autoFocusSelecto,
+        _ref$firstFocusableSe = _ref.firstFocusableSelector,
+        firstFocusableSelector = _ref$firstFocusableSe === void 0 ? '' : _ref$firstFocusableSe,
+        _ref$autoFocus = _ref.autoFocus,
+        autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus;
+      var focusableElement = utils.DomHandler.getFirstFocusableElement(target, "[autofocus]".concat(getComputedSelector(autoFocusSelector)));
+      autoFocus && !focusableElement && (focusableElement = utils.DomHandler.getFirstFocusableElement(target, getComputedSelector(firstFocusableSelector)));
+      utils.DomHandler.focus(focusableElement);
+    };
+    var getComputedSelector = function getComputedSelector(selector) {
+      return ":not(.p-hidden-focusable):not([data-p-hidden-focusable=\"true\"])".concat(selector !== null && selector !== void 0 ? selector : '');
+    };
+    var onFirstHiddenElementFocus = function onFirstHiddenElementFocus(event) {
+      var _targetRef$current;
+      var currentTarget = event.currentTarget,
+        relatedTarget = event.relatedTarget;
+      var focusableElement = relatedTarget === currentTarget.$_pfocustrap_lasthiddenfocusableelement || !((_targetRef$current = targetRef.current) !== null && _targetRef$current !== void 0 && _targetRef$current.contains(relatedTarget)) ? utils.DomHandler.getFirstFocusableElement(currentTarget.parentElement, getComputedSelector(currentTarget.$_pfocustrap_focusableselector)) : currentTarget.$_pfocustrap_lasthiddenfocusableelement;
+      utils.DomHandler.focus(focusableElement);
+    };
+    var onLastHiddenElementFocus = function onLastHiddenElementFocus(event) {
+      var _targetRef$current2;
+      var currentTarget = event.currentTarget,
+        relatedTarget = event.relatedTarget;
+      var focusableElement = relatedTarget === currentTarget.$_pfocustrap_firsthiddenfocusableelement || !((_targetRef$current2 = targetRef.current) !== null && _targetRef$current2 !== void 0 && _targetRef$current2.contains(relatedTarget)) ? utils.DomHandler.getLastFocusableElement(currentTarget.parentElement, getComputedSelector(currentTarget.$_pfocustrap_focusableselector)) : currentTarget.$_pfocustrap_firsthiddenfocusableelement;
+      utils.DomHandler.focus(focusableElement);
+    };
+    var createHiddenFocusableElements = function createHiddenFocusableElements() {
+      var _ref2 = props || {},
+        _ref2$tabIndex = _ref2.tabIndex,
+        tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex;
+      var createFocusableElement = function createFocusableElement(onFocus, section) {
+        return /*#__PURE__*/React__default["default"].createElement("span", {
+          ref: section === 'firstfocusableelement' ? firstFocusableElementRef : lastFocusableElementRef,
+          className: 'p-hidden-accessible p-hidden-focusable',
+          tabIndex: tabIndex,
+          role: 'presentation',
+          "aria-hidden": true,
+          "data-p-hidden-accessible": true,
+          "data-p-hidden-focusable": true,
+          onFocus: onFocus,
+          "data-pc-section": section
+        });
+      };
+      var firstFocusableElement = createFocusableElement(onFirstHiddenElementFocus, 'firstfocusableelement');
+      var lastFocusableElement = createFocusableElement(onLastHiddenElementFocus, 'lastfocusableelement');
+      if (firstFocusableElement.ref.current && lastFocusableElement.ref.current) {
+        firstFocusableElement.ref.current.$_pfocustrap_lasthiddenfocusableelement = lastFocusableElement.ref.current;
+        lastFocusableElement.ref.current.$_pfocustrap_firsthiddenfocusableelement = firstFocusableElement.ref.current;
+      }
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, firstFocusableElement, props.children, lastFocusableElement);
+    };
+    return createHiddenFocusableElements();
+  }));
+  var FocusTrap$1 = FocusTrap;
+
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var classes = {
@@ -15511,7 +15778,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       var props = _ref5.props,
         maximized = _ref5.maximized,
         context = _ref5.context;
-      return utils.classNames('p-dialog p-component', props.className, {
+      return utils.classNames('p-dialog p-component', {
         'p-dialog-rtl': props.rtl,
         'p-dialog-maximized': maximized,
         'p-dialog-default': !maximized,
@@ -15666,15 +15933,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
     });
     var _useEventListener = hooks.useEventListener({
-        type: 'keydown',
-        listener: function listener(event) {
-          return onKeyDown(event);
-        }
-      }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindDocumentKeyDownListener = _useEventListener2[0],
-      unbindDocumentKeyDownListener = _useEventListener2[1];
-    var _useEventListener3 = hooks.useEventListener({
         type: 'mousemove',
         target: function target() {
           return window.document;
@@ -15683,10 +15941,10 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           return onResize(event);
         }
       }),
-      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
-      bindDocumentResizeListener = _useEventListener4[0],
-      unbindDocumentResizeListener = _useEventListener4[1];
-    var _useEventListener5 = hooks.useEventListener({
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindDocumentResizeListener = _useEventListener2[0],
+      unbindDocumentResizeListener = _useEventListener2[1];
+    var _useEventListener3 = hooks.useEventListener({
         type: 'mouseup',
         target: function target() {
           return window.document;
@@ -15695,10 +15953,10 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           return onResizeEnd(event);
         }
       }),
-      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
-      bindDocumentResizeEndListener = _useEventListener6[0],
-      unbindDocumentResizEndListener = _useEventListener6[1];
-    var _useEventListener7 = hooks.useEventListener({
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindDocumentResizeEndListener = _useEventListener4[0],
+      unbindDocumentResizEndListener = _useEventListener4[1];
+    var _useEventListener5 = hooks.useEventListener({
         type: 'mousemove',
         target: function target() {
           return window.document;
@@ -15707,10 +15965,10 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           return onDrag(event);
         }
       }),
-      _useEventListener8 = _slicedToArray(_useEventListener7, 2),
-      bindDocumentDragListener = _useEventListener8[0],
-      unbindDocumentDragListener = _useEventListener8[1];
-    var _useEventListener9 = hooks.useEventListener({
+      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
+      bindDocumentDragListener = _useEventListener6[0],
+      unbindDocumentDragListener = _useEventListener6[1];
+    var _useEventListener7 = hooks.useEventListener({
         type: 'mouseup',
         target: function target() {
           return window.document;
@@ -15719,9 +15977,9 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           return onDragEnd(event);
         }
       }),
-      _useEventListener10 = _slicedToArray(_useEventListener9, 2),
-      bindDocumentDragEndListener = _useEventListener10[0],
-      unbindDocumentDragEndListener = _useEventListener10[1];
+      _useEventListener8 = _slicedToArray(_useEventListener7, 2),
+      bindDocumentDragEndListener = _useEventListener8[0],
+      unbindDocumentDragEndListener = _useEventListener8[1];
     var onClose = function onClose(event) {
       props.onHide();
       event.preventDefault();
@@ -15757,41 +16015,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       }
       event.preventDefault();
     };
-    var onKeyDown = function onKeyDown(event) {
-      var currentTarget = event.currentTarget;
-      if (!currentTarget || !currentTarget.primeDialogParams) {
-        return;
-      }
-      var params = currentTarget.primeDialogParams;
-      var paramLength = params.length;
-      var dialogId = params[paramLength - 1] ? params[paramLength - 1].id : undefined;
-      if (dialogId !== idState) {
-        return;
-      }
-      var dialog = document.getElementById(dialogId);
-      if (event.key === 'Tab') {
-        event.preventDefault();
-        var focusableElements = utils.DomHandler.getFocusableElements(dialog);
-        if (focusableElements && focusableElements.length > 0) {
-          if (!document.activeElement) {
-            focusableElements[0].focus();
-          } else {
-            var focusedIndex = focusableElements.indexOf(document.activeElement);
-            if (event.shiftKey) {
-              if (focusedIndex === -1 || focusedIndex === 0) {
-                focusableElements[focusableElements.length - 1].focus();
-              } else {
-                focusableElements[focusedIndex - 1].focus();
-              }
-            } else if (focusedIndex === -1 || focusedIndex === focusableElements.length - 1) {
-              focusableElements[0].focus();
-            } else {
-              focusableElements[focusedIndex + 1].focus();
-            }
-          }
-        }
-      }
-    };
     var onDragStart = function onDragStart(event) {
       if (utils.DomHandler.hasClass(event.target, 'p-dialog-header-icon') || utils.DomHandler.hasClass(event.target.parentElement, 'p-dialog-header-icon')) {
         return;
@@ -15918,6 +16141,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       }
     };
     var onExited = function onExited() {
+      props.onHide && props.onHide();
       dragging.current = false;
       utils.ZIndexUtils.clear(maskRef.current);
       setMaskVisibleState(false);
@@ -15985,14 +16209,12 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         bindDocumentResizeListener();
         bindDocumentResizeEndListener();
       }
-      bindDocumentKeyDownListener();
     };
     var unbindGlobalListeners = function unbindGlobalListeners() {
       unbindDocumentDragListener();
       unbindDocumentDragEndListener();
       unbindDocumentResizeListener();
       unbindDocumentResizEndListener();
-      unbindDocumentKeyDownListener();
     };
     var createStyle = function createStyle() {
       styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
@@ -16171,11 +16393,8 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       }
       return null;
     };
-    var createTemplateElement = function createTemplateElement(_ref) {
+    var createTemplateElement = function createTemplateElement() {
       var _props$children;
-      var maskProps = _ref.maskProps,
-        rootProps = _ref.rootProps,
-        transitionProps = _ref.transitionProps;
       var messageProps = {
         header: props.header,
         content: props.message,
@@ -16189,21 +16408,14 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         hide: onClose,
         message: messageProps
       };
-      return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
-        nodeRef: dialogRef
-      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, utils.ObjectUtils.getJSXElement(inProps.content, templateElementProps))));
+      return utils.ObjectUtils.getJSXElement(inProps.content, templateElementProps);
     };
-    var createElement = function createElement(_ref2) {
-      var maskProps = _ref2.maskProps,
-        rootProps = _ref2.rootProps,
-        transitionProps = _ref2.transitionProps;
+    var createElement = function createElement() {
       var header = createHeader();
       var content = createContent();
       var footer = createFooter();
       var resizer = createResizer();
-      return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
-        nodeRef: dialogRef
-      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, header, content, footer, resizer)));
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, header, content, footer, resizer);
     };
     var createDialog = function createDialog() {
       var headerId = idState + '_header';
@@ -16221,11 +16433,11 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       var rootProps = mergeProps({
         ref: dialogRef,
         id: idState,
-        className: cx('root', {
+        className: utils.classNames(props.className, cx('root', {
           props: props,
           maximized: maximized,
           context: context
-        }),
+        })),
         style: props.style,
         onClick: props.onClick,
         role: 'dialog',
@@ -16245,25 +16457,19 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         onExiting: onExiting,
         onExited: onExited
       }, ptm('transition'));
+      var contentElement = null;
       if (inProps !== null && inProps !== void 0 && inProps.content) {
-        var templateElement = createTemplateElement({
-          maskProps: maskProps,
-          rootProps: rootProps,
-          transitionProps: transitionProps
-        });
-        return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
-          element: templateElement,
-          appendTo: props.appendTo,
-          visible: true
-        });
+        contentElement = createTemplateElement();
+      } else {
+        contentElement = createElement();
       }
-      var element = createElement({
-        maskProps: maskProps,
-        rootProps: rootProps,
-        transitionProps: transitionProps
-      });
+      var rootElement = /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
+        nodeRef: dialogRef
+      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(FocusTrap$1, {
+        autoFocus: true
+      }, contentElement))));
       return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
-        element: element,
+        element: rootElement,
         appendTo: props.appendTo,
         visible: true
       });
@@ -16278,7 +16484,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.icons.windowmaximize, primereact.icons.windowminimize, primereact.portal, primereact.ripple, primereact.utils);
+})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.utils, primereact.icons.times, primereact.icons.windowmaximize, primereact.icons.windowminimize, primereact.portal, primereact.ripple);
 
 this.primereact = this.primereact || {};
 this.primereact.paginator = (function (exports, React, api, componentbase, hooks, utils, angledoubleleft, ripple, inputnumber, angledoubleright, angleright, angleleft, dropdown) {
@@ -16882,6 +17088,9 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
    * @returns the ARIA label with replaced values
    */
   function ariaLabel(ariaKey, options) {
+    if (ariaKey.includes('__proto__') || ariaKey.includes('prototype')) {
+      throw new Error('Unsafe ariaKey detected');
+    }
     var _locale = PrimeReact.locale;
     try {
       var _ariaLabel = localeOptions(_locale).aria[ariaKey];
@@ -16899,6 +17108,9 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
   }
   function localeOptions(locale) {
     var _locale = locale || PrimeReact.locale;
+    if (_locale.includes('__proto__') || _locale.includes('prototype')) {
+      throw new Error('Unsafe locale detected');
+    }
     return locales[_locale];
   }
 
@@ -17723,6 +17935,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
     nodeIcon: 'p-treenode-icon',
     label: 'p-treenode-label',
     subgroup: 'p-treenode-children',
+    checkIcon: 'p-checkbox-icon',
     emptyMessage: 'p-treenode p-tree-empty-message',
     droppoint: 'p-treenode-droppoint',
     header: 'p-tree-header',
@@ -17794,12 +18007,13 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
     icon: 'p-checkbox-icon',
     root: function root(_ref) {
       var props = _ref.props,
-        checked = _ref.checked;
+        checked = _ref.checked,
+        context = _ref.context;
       return utils.classNames('p-checkbox p-component', {
         'p-highlight': checked,
         'p-disabled': props.disabled,
         'p-invalid': props.invalid,
-        'p-variant-filled': props.variant === 'filled'
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
       });
     }
   };
@@ -17816,6 +18030,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       inputId: null,
       inputRef: null,
       invalid: false,
+      variant: null,
       name: null,
       onChange: null,
       onContextMenu: null,
@@ -17933,7 +18148,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
     var rootProps = mergeProps({
       id: props.id,
       className: utils.classNames(props.className, cx('root', {
-        checked: checked
+        checked: checked,
+        context: context
       })),
       style: props.style,
       'data-p-highlight': checked,
@@ -18568,8 +18784,11 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         var _props$isUnstyled;
         var checked = isChecked();
         var partialChecked = isPartialChecked();
-        var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, null) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, null) : null;
-        var checkboxIcon = utils.IconUtils.getJSXIcon(icon, {}, props);
+        var checkboxIconProps = mergeProps({
+          className: cx('checkIcon')
+        });
+        var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkboxIconProps) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, checkboxIconProps) : null;
+        var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, checkboxIconProps), props);
         var checkboxProps = mergeProps({
           className: cx('nodeCheckbox', {
             partialChecked: partialChecked