@sis-cc/dotstatsuite-visions 12.27.0 → 12.29.0

package/umd/@sis-cc/dotstatsuite-visions.js

@@ -1,5 +1,5 @@
 /*!
- * @sis-cc/dotstatsuite-visions v12.27.0 - https://visions-qa.siscc.org/#o
+ * @sis-cc/dotstatsuite-visions v12.29.0 - https://visions-qa.siscc.org/#o
  * MIT Licensed
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -269,7 +269,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
 /***/ (function(module, exports, __webpack_require__) {
 
 var getTimezoneOffsetInMilliseconds = __webpack_require__(289)
-var isDate = __webpack_require__(150)
+var isDate = __webpack_require__(151)
 
 var MILLISECONDS_IN_HOUR = 3600000
 var MILLISECONDS_IN_MINUTE = 60000
@@ -612,11 +612,11 @@ module.exports = parse
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _mui_system_createStyled__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(222);
+/* harmony import */ var _mui_system_createStyled__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(223);
 /* harmony import */ var _mui_system_createStyled__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_mui_system_createStyled__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _defaultTheme__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(79);
 /* harmony import */ var _identifier__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(40);
-/* harmony import */ var _rootShouldForwardProp__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(128);
+/* harmony import */ var _rootShouldForwardProp__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(129);
 'use client';
 
 
@@ -663,7 +663,7 @@ exports.private_safeLighten = private_safeLighten;
 exports.recomposeColor = recomposeColor;
 exports.rgbToHex = rgbToHex;
 var _formatMuiErrorMessage2 = _interopRequireDefault(__webpack_require__(42));
-var _clamp = _interopRequireDefault(__webpack_require__(157));
+var _clamp = _interopRequireDefault(__webpack_require__(158));
 /* eslint-disable @typescript-eslint/naming-convention */
 
 /**
@@ -1040,7 +1040,7 @@ var _utils = __webpack_require__(107);
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _mui_utils_capitalize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(144);
+/* harmony import */ var _mui_utils_capitalize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(145);
 
 /* harmony default export */ __webpack_exports__["a"] = (_mui_utils_capitalize__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"]);
 
@@ -1127,10 +1127,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _emotion_cache__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(85);
 /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2);
 /* harmony import */ var _emotion_weak_memoize__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(52);
-/* harmony import */ var _isolated_hnrs_dist_emotion_react_isolated_hnrs_esm_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(145);
+/* harmony import */ var _isolated_hnrs_dist_emotion_react_isolated_hnrs_esm_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(146);
 /* harmony import */ var _emotion_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(32);
-/* harmony import */ var _emotion_serialize__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(37);
-/* harmony import */ var _emotion_use_insertion_effect_with_fallbacks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(36);
+/* harmony import */ var _emotion_serialize__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(34);
+/* harmony import */ var _emotion_use_insertion_effect_with_fallbacks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(37);
 
 
 
@@ -1348,8 +1348,8 @@ var Emotion$1 = Emotion;
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _emotion_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(32);
-/* harmony import */ var _emotion_use_insertion_effect_with_fallbacks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(36);
-/* harmony import */ var _emotion_serialize__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(37);
+/* harmony import */ var _emotion_use_insertion_effect_with_fallbacks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(37);
+/* harmony import */ var _emotion_serialize__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(34);
 /* harmony import */ var _emotion_cache__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(85);
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(53);
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6__);
@@ -1664,7 +1664,7 @@ var ClassNames = /* #__PURE__ */Object(_emotion_element_d59e098f_esm_js__WEBPACK
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return resolveBreakpointValues; });
 /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var _mui_utils_deepmerge__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(73);
-/* harmony import */ var _merge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(34);
+/* harmony import */ var _merge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(36);
 
 
 
@@ -1819,94 +1819,94 @@ function resolveBreakpointValues({
 
 module.exports = {
   addDays: __webpack_require__(91),
-  addHours: __webpack_require__(159),
-  addISOYears: __webpack_require__(160),
+  addHours: __webpack_require__(160),
+  addISOYears: __webpack_require__(161),
   addMilliseconds: __webpack_require__(92),
-  addMinutes: __webpack_require__(162),
+  addMinutes: __webpack_require__(163),
   addMonths: __webpack_require__(104),
-  addQuarters: __webpack_require__(163),
-  addSeconds: __webpack_require__(164),
-  addWeeks: __webpack_require__(152),
-  addYears: __webpack_require__(165),
+  addQuarters: __webpack_require__(164),
+  addSeconds: __webpack_require__(165),
+  addWeeks: __webpack_require__(153),
+  addYears: __webpack_require__(166),
   areRangesOverlapping: __webpack_require__(290),
   closestIndexTo: __webpack_require__(291),
   closestTo: __webpack_require__(292),
   compareAsc: __webpack_require__(94),
-  compareDesc: __webpack_require__(130),
+  compareDesc: __webpack_require__(131),
   differenceInCalendarDays: __webpack_require__(103),
   differenceInCalendarISOWeeks: __webpack_require__(293),
-  differenceInCalendarISOYears: __webpack_require__(166),
-  differenceInCalendarMonths: __webpack_require__(167),
+  differenceInCalendarISOYears: __webpack_require__(167),
+  differenceInCalendarMonths: __webpack_require__(168),
   differenceInCalendarQuarters: __webpack_require__(294),
   differenceInCalendarWeeks: __webpack_require__(295),
-  differenceInCalendarYears: __webpack_require__(169),
-  differenceInDays: __webpack_require__(170),
+  differenceInCalendarYears: __webpack_require__(170),
+  differenceInDays: __webpack_require__(171),
   differenceInHours: __webpack_require__(296),
   differenceInISOYears: __webpack_require__(297),
   differenceInMilliseconds: __webpack_require__(105),
   differenceInMinutes: __webpack_require__(298),
-  differenceInMonths: __webpack_require__(131),
+  differenceInMonths: __webpack_require__(132),
   differenceInQuarters: __webpack_require__(299),
-  differenceInSeconds: __webpack_require__(132),
+  differenceInSeconds: __webpack_require__(133),
   differenceInWeeks: __webpack_require__(300),
   differenceInYears: __webpack_require__(301),
-  distanceInWords: __webpack_require__(172),
+  distanceInWords: __webpack_require__(173),
   distanceInWordsStrict: __webpack_require__(305),
   distanceInWordsToNow: __webpack_require__(306),
   eachDay: __webpack_require__(307),
-  endOfDay: __webpack_require__(134),
+  endOfDay: __webpack_require__(135),
   endOfHour: __webpack_require__(308),
   endOfISOWeek: __webpack_require__(309),
   endOfISOYear: __webpack_require__(310),
   endOfMinute: __webpack_require__(311),
-  endOfMonth: __webpack_require__(174),
+  endOfMonth: __webpack_require__(175),
   endOfQuarter: __webpack_require__(312),
   endOfSecond: __webpack_require__(313),
   endOfToday: __webpack_require__(314),
   endOfTomorrow: __webpack_require__(315),
-  endOfWeek: __webpack_require__(173),
+  endOfWeek: __webpack_require__(174),
   endOfYear: __webpack_require__(316),
   endOfYesterday: __webpack_require__(317),
   format: __webpack_require__(318),
   getDate: __webpack_require__(319),
   getDay: __webpack_require__(320),
-  getDayOfYear: __webpack_require__(175),
-  getDaysInMonth: __webpack_require__(151),
+  getDayOfYear: __webpack_require__(176),
+  getDaysInMonth: __webpack_require__(152),
   getDaysInYear: __webpack_require__(321),
   getHours: __webpack_require__(322),
-  getISODay: __webpack_require__(179),
-  getISOWeek: __webpack_require__(135),
+  getISODay: __webpack_require__(180),
+  getISOWeek: __webpack_require__(136),
   getISOWeeksInYear: __webpack_require__(323),
   getISOYear: __webpack_require__(43),
   getMilliseconds: __webpack_require__(324),
   getMinutes: __webpack_require__(325),
   getMonth: __webpack_require__(326),
   getOverlappingDaysInRanges: __webpack_require__(327),
-  getQuarter: __webpack_require__(168),
+  getQuarter: __webpack_require__(169),
   getSeconds: __webpack_require__(328),
   getTime: __webpack_require__(329),
   getYear: __webpack_require__(330),
   isAfter: __webpack_require__(331),
   isBefore: __webpack_require__(332),
-  isDate: __webpack_require__(150),
+  isDate: __webpack_require__(151),
   isEqual: __webpack_require__(333),
   isFirstDayOfMonth: __webpack_require__(334),
   isFriday: __webpack_require__(335),
   isFuture: __webpack_require__(336),
   isLastDayOfMonth: __webpack_require__(337),
-  isLeapYear: __webpack_require__(178),
+  isLeapYear: __webpack_require__(179),
   isMonday: __webpack_require__(338),
   isPast: __webpack_require__(339),
   isSameDay: __webpack_require__(340),
-  isSameHour: __webpack_require__(180),
-  isSameISOWeek: __webpack_require__(182),
-  isSameISOYear: __webpack_require__(183),
-  isSameMinute: __webpack_require__(184),
-  isSameMonth: __webpack_require__(186),
-  isSameQuarter: __webpack_require__(187),
-  isSameSecond: __webpack_require__(189),
-  isSameWeek: __webpack_require__(136),
-  isSameYear: __webpack_require__(191),
+  isSameHour: __webpack_require__(181),
+  isSameISOWeek: __webpack_require__(183),
+  isSameISOYear: __webpack_require__(184),
+  isSameMinute: __webpack_require__(185),
+  isSameMonth: __webpack_require__(187),
+  isSameQuarter: __webpack_require__(188),
+  isSameSecond: __webpack_require__(190),
+  isSameWeek: __webpack_require__(137),
+  isSameYear: __webpack_require__(192),
   isSaturday: __webpack_require__(341),
   isSunday: __webpack_require__(342),
   isThisHour: __webpack_require__(343),
@@ -1922,7 +1922,7 @@ module.exports = {
   isToday: __webpack_require__(353),
   isTomorrow: __webpack_require__(354),
   isTuesday: __webpack_require__(355),
-  isValid: __webpack_require__(177),
+  isValid: __webpack_require__(178),
   isWednesday: __webpack_require__(356),
   isWeekend: __webpack_require__(357),
   isWithinRange: __webpack_require__(358),
@@ -1931,7 +1931,7 @@ module.exports = {
   lastDayOfISOYear: __webpack_require__(361),
   lastDayOfMonth: __webpack_require__(362),
   lastDayOfQuarter: __webpack_require__(363),
-  lastDayOfWeek: __webpack_require__(192),
+  lastDayOfWeek: __webpack_require__(193),
   lastDayOfYear: __webpack_require__(364),
   max: __webpack_require__(365),
   min: __webpack_require__(366),
@@ -1942,29 +1942,29 @@ module.exports = {
   setHours: __webpack_require__(370),
   setISODay: __webpack_require__(371),
   setISOWeek: __webpack_require__(372),
-  setISOYear: __webpack_require__(161),
+  setISOYear: __webpack_require__(162),
   setMilliseconds: __webpack_require__(373),
   setMinutes: __webpack_require__(374),
-  setMonth: __webpack_require__(193),
+  setMonth: __webpack_require__(194),
   setQuarter: __webpack_require__(375),
   setSeconds: __webpack_require__(376),
   setYear: __webpack_require__(377),
   startOfDay: __webpack_require__(45),
-  startOfHour: __webpack_require__(181),
+  startOfHour: __webpack_require__(182),
   startOfISOWeek: __webpack_require__(44),
   startOfISOYear: __webpack_require__(93),
-  startOfMinute: __webpack_require__(185),
+  startOfMinute: __webpack_require__(186),
   startOfMonth: __webpack_require__(378),
-  startOfQuarter: __webpack_require__(188),
-  startOfSecond: __webpack_require__(190),
+  startOfQuarter: __webpack_require__(189),
+  startOfSecond: __webpack_require__(191),
   startOfToday: __webpack_require__(379),
   startOfTomorrow: __webpack_require__(380),
   startOfWeek: __webpack_require__(102),
-  startOfYear: __webpack_require__(176),
+  startOfYear: __webpack_require__(177),
   startOfYesterday: __webpack_require__(381),
   subDays: __webpack_require__(382),
   subHours: __webpack_require__(383),
-  subISOYears: __webpack_require__(171),
+  subISOYears: __webpack_require__(172),
   subMilliseconds: __webpack_require__(384),
   subMinutes: __webpack_require__(385),
   subMonths: __webpack_require__(386),
@@ -2165,42 +2165,6 @@ var insertStyles = function insertStyles(cache, serialized, isStringTag) {
 
 /***/ }),
 /* 33 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-"use client";
-
-var _interopRequireDefault = __webpack_require__(16);
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _createSvgIcon = _interopRequireDefault(__webpack_require__(17));
-var _jsxRuntime = __webpack_require__(3);
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), 'Close');
-
-/***/ }),
-/* 34 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _mui_utils_deepmerge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73);
-
-function merge(acc, item) {
-  if (!item) {
-    return acc;
-  }
-  return Object(_mui_utils_deepmerge__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(acc, item, {
-    clone: false // No need to clone deep, it's way faster.
-  });
-}
-/* harmony default export */ __webpack_exports__["a"] = (merge);
-
-/***/ }),
-/* 35 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2213,10 +2177,10 @@ var esm_extends = __webpack_require__(2);
 var emotion_element_d59e098f_esm = __webpack_require__(22);
 
 // EXTERNAL MODULE: ./node_modules/@emotion/serialize/dist/emotion-serialize.esm.js + 2 modules
-var emotion_serialize_esm = __webpack_require__(37);
+var emotion_serialize_esm = __webpack_require__(34);
 
 // EXTERNAL MODULE: ./node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js
-var emotion_use_insertion_effect_with_fallbacks_esm = __webpack_require__(36);
+var emotion_use_insertion_effect_with_fallbacks_esm = __webpack_require__(37);
 
 // EXTERNAL MODULE: ./node_modules/@emotion/utils/dist/emotion-utils.esm.js
 var emotion_utils_esm = __webpack_require__(32);
@@ -2480,22 +2444,46 @@ var jsx_runtime = __webpack_require__(3);
 // prepend: true moves MUI styles to the top of the <head> so they're loaded first.
 // It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
 
-let StyledEngineProvider_cache;
-if (typeof document === 'object') {
-  StyledEngineProvider_cache = Object(emotion_cache_esm["a" /* default */])({
+function getCache(injectFirst, enableCssLayer) {
+  const emotionCache = Object(emotion_cache_esm["a" /* default */])({
     key: 'css',
-    prepend: true
+    prepend: injectFirst
   });
+  if (enableCssLayer) {
+    const prevInsert = emotionCache.insert;
+    emotionCache.insert = (...args) => {
+      if (!args[1].styles.match(/^@layer\s+[^{]*$/)) {
+        // avoid nested @layer
+        args[1].styles = `@layer mui {${args[1].styles}}`;
+      }
+      return prevInsert(...args);
+    };
+  }
+  return emotionCache;
 }
+const cacheMap = new Map();
 function StyledEngineProvider(props) {
   const {
     injectFirst,
+    enableCssLayer,
     children
   } = props;
-  return injectFirst && StyledEngineProvider_cache ? /*#__PURE__*/Object(jsx_runtime["jsx"])(emotion_element_d59e098f_esm["a" /* C */], {
-    value: StyledEngineProvider_cache,
-    children: children
-  }) : children;
+  const cache = react["useMemo"](() => {
+    const cacheKey = `${injectFirst}-${enableCssLayer}`;
+    if (typeof document === 'object' && cacheMap.has(cacheKey)) {
+      return cacheMap.get(cacheKey);
+    }
+    const fresh = getCache(injectFirst, enableCssLayer);
+    cacheMap.set(cacheKey, fresh);
+    return fresh;
+  }, [injectFirst, enableCssLayer]);
+  if (injectFirst || enableCssLayer) {
+    return /*#__PURE__*/Object(jsx_runtime["jsx"])(emotion_element_d59e098f_esm["a" /* C */], {
+      value: cache,
+      children: children
+    });
+  }
+  return children;
 }
  false ? undefined : void 0;
 // CONCATENATED MODULE: ./node_modules/@mui/styled-engine/StyledEngineProvider/index.js
@@ -2503,7 +2491,7 @@ function StyledEngineProvider(props) {
 
 
 // EXTERNAL MODULE: ./node_modules/@mui/styled-engine/GlobalStyles/GlobalStyles.js
-var GlobalStyles = __webpack_require__(146);
+var GlobalStyles = __webpack_require__(147);
 
 // CONCATENATED MODULE: ./node_modules/@mui/styled-engine/GlobalStyles/index.js
 'use client';
@@ -2512,13 +2500,14 @@ var GlobalStyles = __webpack_require__(146);
 // CONCATENATED MODULE: ./node_modules/@mui/styled-engine/index.js
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return styled_engine_styled; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "internal_processStyles", function() { return internal_processStyles; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "internal_serializeStyles", function() { return internal_serializeStyles; });
 /* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "ThemeContext", function() { return emotion_react_esm["b" /* ThemeContext */]; });
 /* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "keyframes", function() { return emotion_react_esm["d" /* keyframes */]; });
 /* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "css", function() { return emotion_react_esm["c" /* css */]; });
 /* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "StyledEngineProvider", function() { return StyledEngineProvider; });
 /* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "GlobalStyles", function() { return GlobalStyles["a" /* default */]; });
 /**
- * @mui/styled-engine v5.16.14
+ * @mui/styled-engine v5.18.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -2528,6 +2517,7 @@ var GlobalStyles = __webpack_require__(146);
 
 /* eslint-disable no-underscore-dangle */
 
+
 function styled_engine_styled(tag, options) {
   const stylesFactory = styled(tag, options);
   if (false) {}
@@ -2543,35 +2533,19 @@ const internal_processStyles = (tag, processor) => {
   }
 };
 
-
-
-
-/***/ }),
-/* 36 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useInsertionEffectAlwaysWithSyncFallback; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return useInsertionEffectWithLayoutFallback; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-
-var isBrowser = typeof document !== 'undefined';
-
-var syncFallback = function syncFallback(create) {
-  return create();
-};
-
-var useInsertionEffect = react__WEBPACK_IMPORTED_MODULE_0__['useInsertion' + 'Effect'] ? react__WEBPACK_IMPORTED_MODULE_0__['useInsertion' + 'Effect'] : false;
-var useInsertionEffectAlwaysWithSyncFallback = !isBrowser ? syncFallback : useInsertionEffect || syncFallback;
-var useInsertionEffectWithLayoutFallback = useInsertionEffect || react__WEBPACK_IMPORTED_MODULE_0__["useLayoutEffect"];
+// Emotion only accepts an array, but we want to avoid allocations
+const wrapper = [];
+// eslint-disable-next-line @typescript-eslint/naming-convention
+function internal_serializeStyles(styles) {
+  wrapper[0] = styles;
+  return Object(emotion_serialize_esm["a" /* serializeStyles */])(wrapper);
+}
 
 
 
 
 /***/ }),
-/* 37 */
+/* 34 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2930,6 +2904,66 @@ function serializeStyles(args, registered, mergedProps) {
 
 
 
+/***/ }),
+/* 35 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+"use client";
+
+var _interopRequireDefault = __webpack_require__(16);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _createSvgIcon = _interopRequireDefault(__webpack_require__(17));
+var _jsxRuntime = __webpack_require__(3);
+var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), 'Close');
+
+/***/ }),
+/* 36 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _mui_utils_deepmerge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73);
+
+function merge(acc, item) {
+  if (!item) {
+    return acc;
+  }
+  return Object(_mui_utils_deepmerge__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(acc, item, {
+    clone: false // No need to clone deep, it's way faster.
+  });
+}
+/* harmony default export */ __webpack_exports__["a"] = (merge);
+
+/***/ }),
+/* 37 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useInsertionEffectAlwaysWithSyncFallback; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return useInsertionEffectWithLayoutFallback; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+
+var isBrowser = typeof document !== 'undefined';
+
+var syncFallback = function syncFallback(create) {
+  return create();
+};
+
+var useInsertionEffect = react__WEBPACK_IMPORTED_MODULE_0__['useInsertion' + 'Effect'] ? react__WEBPACK_IMPORTED_MODULE_0__['useInsertion' + 'Effect'] : false;
+var useInsertionEffectAlwaysWithSyncFallback = !isBrowser ? syncFallback : useInsertionEffect || syncFallback;
+var useInsertionEffectWithLayoutFallback = useInsertionEffect || react__WEBPACK_IMPORTED_MODULE_0__["useLayoutEffect"];
+
+
+
+
 /***/ }),
 /* 38 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -3067,7 +3101,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "unstable_createStyleFunctionSx", function() { return _styleFunctionSx__WEBPACK_IMPORTED_MODULE_0__["b"]; });
 
-/* harmony import */ var _extendSxProp__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(147);
+/* harmony import */ var _extendSxProp__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(148);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "extendSxProp", function() { return _extendSxProp__WEBPACK_IMPORTED_MODULE_1__["a"]; });
 
 /* harmony import */ var _defaultSxConfig__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57);
@@ -3084,7 +3118,7 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formatMuiErrorMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(143);
+/* harmony import */ var _formatMuiErrorMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(144);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _formatMuiErrorMessage__WEBPACK_IMPORTED_MODULE_0__["a"]; });
 
 
@@ -3223,7 +3257,7 @@ module.exports = _typeof, module.exports.__esModule = true, module.exports["defa
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _capitalize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(144);
+/* harmony import */ var _capitalize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(145);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _capitalize__WEBPACK_IMPORTED_MODULE_0__["a"]; });
 
 
@@ -3234,7 +3268,7 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _createTheme__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(201);
+/* harmony import */ var _createTheme__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(202);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _createTheme__WEBPACK_IMPORTED_MODULE_0__["a"]; });
 
 /* harmony import */ var _createBreakpoints__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(110);
@@ -3254,7 +3288,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getPath; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getStyleValue; });
-/* harmony import */ var _mui_utils_capitalize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(144);
+/* harmony import */ var _mui_utils_capitalize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(145);
 /* harmony import */ var _breakpoints__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(24);
 
 
@@ -3336,8 +3370,8 @@ function style(options) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return unstable_createStyleFunctionSx; });
-/* harmony import */ var _mui_utils_capitalize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(144);
-/* harmony import */ var _merge__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(34);
+/* harmony import */ var _mui_utils_capitalize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(145);
+/* harmony import */ var _merge__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(36);
 /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(49);
 /* harmony import */ var _breakpoints__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(24);
 /* harmony import */ var _defaultSxConfig__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(57);
@@ -3407,7 +3441,8 @@ function unstable_createStyleFunctionSx() {
     var _theme$unstable_sxCon;
     const {
       sx,
-      theme = {}
+      theme = {},
+      nested
     } = props || {};
     if (!sx) {
       return null; // Emotion & styled-components will neglect null
@@ -3448,7 +3483,8 @@ function unstable_createStyleFunctionSx() {
               if (objectsHaveSameKeys(breakpointsValues, value)) {
                 css[styleKey] = styleFunctionSx({
                   sx: value,
-                  theme
+                  theme,
+                  nested: true
                 });
               } else {
                 css = Object(_merge__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(css, breakpointsValues);
@@ -3459,6 +3495,11 @@ function unstable_createStyleFunctionSx() {
           }
         }
       });
+      if (!nested && theme.modularCssLayers) {
+        return {
+          '@layer sx': Object(_breakpoints__WEBPACK_IMPORTED_MODULE_3__[/* removeUnusedBreakpoints */ "d"])(breakpointsKeys, css)
+        };
+      }
       return Object(_breakpoints__WEBPACK_IMPORTED_MODULE_3__[/* removeUnusedBreakpoints */ "d"])(breakpointsKeys, css);
     }
     return Array.isArray(sx) ? sx.map(traverse) : traverse(sx);
@@ -3538,7 +3579,7 @@ module.exports = _classCallCheck, module.exports.__esModule = true, module.expor
 /* 55 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var toPropertyKey = __webpack_require__(194);
+var toPropertyKey = __webpack_require__(195);
 function _defineProperties(e, r) {
   for (var t = 0; t < r.length; t++) {
     var o = r[t];
@@ -3556,7 +3597,7 @@ module.exports = _createClass, module.exports.__esModule = true, module.exports[
 /* 56 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var toPropertyKey = __webpack_require__(194);
+var toPropertyKey = __webpack_require__(195);
 function _defineProperty(e, r, t) {
   return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
@@ -3580,7 +3621,7 @@ var spacing = __webpack_require__(58);
 var style = __webpack_require__(49);
 
 // EXTERNAL MODULE: ./node_modules/@mui/system/esm/merge.js
-var merge = __webpack_require__(34);
+var merge = __webpack_require__(36);
 
 // CONCATENATED MODULE: ./node_modules/@mui/system/esm/compose.js
 
@@ -4137,7 +4178,7 @@ var breakpoints = __webpack_require__(24);
 var style = __webpack_require__(49);
 
 // EXTERNAL MODULE: ./node_modules/@mui/system/esm/merge.js
-var merge = __webpack_require__(34);
+var merge = __webpack_require__(36);
 
 // CONCATENATED MODULE: ./node_modules/@mui/system/esm/memoize.js
 function memoize(fn) {
@@ -7155,7 +7196,7 @@ module.exports = differenceInCalendarDays
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
-var getDaysInMonth = __webpack_require__(151)
+var getDaysInMonth = __webpack_require__(152)
 
 /**
  * @category Month Helpers
@@ -7342,7 +7383,7 @@ var ownerDocument = __webpack_require__(29);
 var ownerWindow = __webpack_require__(74);
 
 // EXTERNAL MODULE: ./node_modules/@mui/material/utils/requirePropFactory.js + 1 modules
-var requirePropFactory = __webpack_require__(141);
+var requirePropFactory = __webpack_require__(142);
 
 // EXTERNAL MODULE: ./node_modules/@mui/utils/esm/setRef/setRef.js
 var setRef = __webpack_require__(495);
@@ -7630,6 +7671,25 @@ function applyStyles(key, styles) {
 
 "use client";
 
+var _interopRequireDefault = __webpack_require__(16);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _createSvgIcon = _interopRequireDefault(__webpack_require__(17));
+var _jsxRuntime = __webpack_require__(3);
+var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"
+}), 'Info');
+
+/***/ }),
+/* 113 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+"use client";
+
 var _interopRequireDefault = __webpack_require__(16);
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -7642,31 +7702,31 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'ExpandLess');
 
 /***/ }),
-/* 113 */
+/* 114 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "single-selection.a729a6c8.png";
 
 /***/ }),
-/* 114 */
+/* 115 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "children-selection.20d94242.png";
 
 /***/ }),
-/* 115 */
+/* 116 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "branch-selection.54dd3bc1.png";
 
 /***/ }),
-/* 116 */
+/* 117 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "level-selection.df116629.png";
 
 /***/ }),
-/* 117 */
+/* 118 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -7685,7 +7745,7 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'ArrowBack');
 
 /***/ }),
-/* 118 */
+/* 119 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -7704,7 +7764,6 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'CheckBoxOutlineBlankOutlined');
 
 /***/ }),
-/* 119 */,
 /* 120 */,
 /* 121 */,
 /* 122 */,
@@ -7713,17 +7772,18 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 /* 125 */,
 /* 126 */,
 /* 127 */,
-/* 128 */
+/* 128 */,
+/* 129 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _slotShouldForwardProp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(129);
+/* harmony import */ var _slotShouldForwardProp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(130);
 
 const rootShouldForwardProp = prop => Object(_slotShouldForwardProp__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(prop) && prop !== 'classes';
 /* harmony default export */ __webpack_exports__["a"] = (rootShouldForwardProp);
 
 /***/ }),
-/* 129 */
+/* 130 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7734,7 +7794,7 @@ function slotShouldForwardProp(prop) {
 /* harmony default export */ __webpack_exports__["a"] = (slotShouldForwardProp);
 
 /***/ }),
-/* 130 */
+/* 131 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -7791,11 +7851,11 @@ module.exports = compareDesc
 
 
 /***/ }),
-/* 131 */
+/* 132 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
-var differenceInCalendarMonths = __webpack_require__(167)
+var differenceInCalendarMonths = __webpack_require__(168)
 var compareAsc = __webpack_require__(94)
 
 /**
@@ -7835,7 +7895,7 @@ module.exports = differenceInMonths
 
 
 /***/ }),
-/* 132 */
+/* 133 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var differenceInMilliseconds = __webpack_require__(105)
@@ -7869,7 +7929,7 @@ module.exports = differenceInSeconds
 
 
 /***/ }),
-/* 133 */
+/* 134 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var buildDistanceInWordsLocale = __webpack_require__(302)
@@ -7886,7 +7946,7 @@ module.exports = {
 
 
 /***/ }),
-/* 134 */
+/* 135 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -7917,7 +7977,7 @@ module.exports = endOfDay
 
 
 /***/ }),
-/* 135 */
+/* 136 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -7957,7 +8017,7 @@ module.exports = getISOWeek
 
 
 /***/ }),
-/* 136 */
+/* 137 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var startOfWeek = __webpack_require__(102)
@@ -8004,7 +8064,7 @@ module.exports = isSameWeek
 
 
 /***/ }),
-/* 137 */
+/* 138 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var _typeof = __webpack_require__(46)["default"];
@@ -8017,7 +8077,7 @@ function _possibleConstructorReturn(t, e) {
 module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 138 */
+/* 139 */
 /***/ (function(module, exports) {
 
 function _getPrototypeOf(t) {
@@ -8028,7 +8088,7 @@ function _getPrototypeOf(t) {
 module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 139 */
+/* 140 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var setPrototypeOf = __webpack_require__(406);
@@ -8047,7 +8107,7 @@ function _inherits(t, e) {
 module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 140 */
+/* 141 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -8408,7 +8468,7 @@ function removeClassName(el
 }
 
 /***/ }),
-/* 141 */
+/* 142 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8446,7 +8506,7 @@ function requirePropFactory(componentNameInError, Component) {
 /* harmony default export */ var utils_requirePropFactory = __webpack_exports__["a"] = (requirePropFactory);
 
 /***/ }),
-/* 142 */
+/* 143 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8456,7 +8516,7 @@ function clamp(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER
 /* harmony default export */ __webpack_exports__["a"] = (clamp);
 
 /***/ }),
-/* 143 */
+/* 144 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8482,12 +8542,12 @@ function formatMuiErrorMessage(code) {
 }
 
 /***/ }),
-/* 144 */
+/* 145 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return capitalize; });
-/* harmony import */ var _mui_utils_formatMuiErrorMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(143);
+/* harmony import */ var _mui_utils_formatMuiErrorMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(144);
 
 // It should to be noted that this function isn't equivalent to `text-transform: capitalize`.
 //
@@ -8501,7 +8561,7 @@ function capitalize(string) {
 }
 
 /***/ }),
-/* 145 */
+/* 146 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8522,7 +8582,7 @@ var hoistNonReactStatics = (function (targetComponent, sourceComponent) {
 
 
 /***/ }),
-/* 146 */
+/* 147 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8554,7 +8614,7 @@ function GlobalStyles(props) {
  false ? undefined : void 0;
 
 /***/ }),
-/* 147 */
+/* 148 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8613,7 +8673,7 @@ function extendSxProp(props) {
 }
 
 /***/ }),
-/* 148 */
+/* 149 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8689,7 +8749,7 @@ function createTransitions(inputTransitions) {
 }
 
 /***/ }),
-/* 149 */
+/* 150 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -8708,7 +8768,7 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'RotateLeft');
 
 /***/ }),
-/* 150 */
+/* 151 */
 /***/ (function(module, exports) {
 
 /**
@@ -8734,7 +8794,7 @@ module.exports = isDate
 
 
 /***/ }),
-/* 151 */
+/* 152 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -8768,7 +8828,7 @@ module.exports = getDaysInMonth
 
 
 /***/ }),
-/* 152 */
+/* 153 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var addDays = __webpack_require__(91)
@@ -8799,7 +8859,7 @@ module.exports = addWeeks
 
 
 /***/ }),
-/* 153 */
+/* 154 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -8811,13 +8871,13 @@ if (true) {
 
 
 /***/ }),
-/* 154 */
+/* 155 */
 /***/ (function(module) {
 
-module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.27.0","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=18"},"files":["css","es","lib","umd"],"scripts":{"peers":"install-peers --force-run","build":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo && node scripts/doc && cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-demo","build:dev":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@hello-pangea/dnd":"^16.6.0","@react-hook/size":"^2.1.1","classnames":"^2.2.6","isemail":"^3.2.0","prop-types":"^15.7.2","ramda":"^0.27.0","react-draggable":"4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@emotion/react":"^11","@emotion/styled":"^11","@mui/icons-material":"^5","@mui/material":"^5","@mui/styles":"^5","date-fns":"^1.30.1","numeral":"^2.0.6","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","cross-env":"^7.0.3","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","install-peers-cli":"^2.2.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react-a11y":"^1.1.0","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
+module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.29.0","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=18"},"files":["css","es","lib","umd"],"scripts":{"peers":"install-peers --force-run","build":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo && node scripts/doc && cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-demo","build:dev":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@hello-pangea/dnd":"^16.6.0","@react-hook/size":"^2.1.1","classnames":"^2.2.6","isemail":"^3.2.0","prop-types":"^15.7.2","ramda":"^0.27.0","react-draggable":"4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@emotion/react":"^11","@emotion/styled":"^11","@mui/icons-material":"^5","@mui/material":"^5","@mui/styles":"^5","date-fns":"^1.30.1","numeral":"^2.0.6","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","cross-env":"^7.0.3","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","install-peers-cli":"^2.2.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react-a11y":"^1.1.0","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
 
 /***/ }),
-/* 155 */
+/* 156 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -8829,7 +8889,7 @@ if (true) {
 
 
 /***/ }),
-/* 156 */
+/* 157 */
 /***/ (function(module, exports) {
 
 function _objectWithoutPropertiesLoose(r, e) {
@@ -8844,18 +8904,18 @@ function _objectWithoutPropertiesLoose(r, e) {
 module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 157 */
+/* 158 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _clamp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(142);
+/* harmony import */ var _clamp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(143);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _clamp__WEBPACK_IMPORTED_MODULE_0__["a"]; });
 
 
 
 /***/ }),
-/* 158 */
+/* 159 */
 /***/ (function(module, exports) {
 
 // shim for using process in browser
@@ -9045,7 +9105,7 @@ process.umask = function() { return 0; };
 
 
 /***/ }),
-/* 159 */
+/* 160 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var addMilliseconds = __webpack_require__(92)
@@ -9077,11 +9137,11 @@ module.exports = addHours
 
 
 /***/ }),
-/* 160 */
+/* 161 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var getISOYear = __webpack_require__(43)
-var setISOYear = __webpack_require__(161)
+var setISOYear = __webpack_require__(162)
 
 /**
  * @category ISO Week-Numbering Year Helpers
@@ -9110,7 +9170,7 @@ module.exports = addISOYears
 
 
 /***/ }),
-/* 161 */
+/* 162 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -9152,7 +9212,7 @@ module.exports = setISOYear
 
 
 /***/ }),
-/* 162 */
+/* 163 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var addMilliseconds = __webpack_require__(92)
@@ -9184,7 +9244,7 @@ module.exports = addMinutes
 
 
 /***/ }),
-/* 163 */
+/* 164 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var addMonths = __webpack_require__(104)
@@ -9215,7 +9275,7 @@ module.exports = addQuarters
 
 
 /***/ }),
-/* 164 */
+/* 165 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var addMilliseconds = __webpack_require__(92)
@@ -9245,7 +9305,7 @@ module.exports = addSeconds
 
 
 /***/ }),
-/* 165 */
+/* 166 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var addMonths = __webpack_require__(104)
@@ -9275,7 +9335,7 @@ module.exports = addYears
 
 
 /***/ }),
-/* 166 */
+/* 167 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var getISOYear = __webpack_require__(43)
@@ -9309,7 +9369,7 @@ module.exports = differenceInCalendarISOYears
 
 
 /***/ }),
-/* 167 */
+/* 168 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -9347,7 +9407,7 @@ module.exports = differenceInCalendarMonths
 
 
 /***/ }),
-/* 168 */
+/* 169 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -9377,7 +9437,7 @@ module.exports = getQuarter
 
 
 /***/ }),
-/* 169 */
+/* 170 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -9412,7 +9472,7 @@ module.exports = differenceInCalendarYears
 
 
 /***/ }),
-/* 170 */
+/* 171 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -9457,10 +9517,10 @@ module.exports = differenceInDays
 
 
 /***/ }),
-/* 171 */
+/* 172 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var addISOYears = __webpack_require__(160)
+var addISOYears = __webpack_require__(161)
 
 /**
  * @category ISO Week-Numbering Year Helpers
@@ -9489,14 +9549,14 @@ module.exports = subISOYears
 
 
 /***/ }),
-/* 172 */
+/* 173 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var compareDesc = __webpack_require__(130)
+var compareDesc = __webpack_require__(131)
 var parse = __webpack_require__(7)
-var differenceInSeconds = __webpack_require__(132)
-var differenceInMonths = __webpack_require__(131)
-var enLocale = __webpack_require__(133)
+var differenceInSeconds = __webpack_require__(133)
+var differenceInMonths = __webpack_require__(132)
+var enLocale = __webpack_require__(134)
 
 var MINUTES_IN_DAY = 1440
 var MINUTES_IN_ALMOST_TWO_DAYS = 2520
@@ -9698,7 +9758,7 @@ module.exports = distanceInWords
 
 
 /***/ }),
-/* 173 */
+/* 174 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -9742,7 +9802,7 @@ module.exports = endOfWeek
 
 
 /***/ }),
-/* 174 */
+/* 175 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -9775,11 +9835,11 @@ module.exports = endOfMonth
 
 
 /***/ }),
-/* 175 */
+/* 176 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
-var startOfYear = __webpack_require__(176)
+var startOfYear = __webpack_require__(177)
 var differenceInCalendarDays = __webpack_require__(103)
 
 /**
@@ -9808,7 +9868,7 @@ module.exports = getDayOfYear
 
 
 /***/ }),
-/* 176 */
+/* 177 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -9841,10 +9901,10 @@ module.exports = startOfYear
 
 
 /***/ }),
-/* 177 */
+/* 178 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var isDate = __webpack_require__(150)
+var isDate = __webpack_require__(151)
 
 /**
  * @category Common Helpers
@@ -9882,7 +9942,7 @@ module.exports = isValid
 
 
 /***/ }),
-/* 178 */
+/* 179 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -9912,7 +9972,7 @@ module.exports = isLeapYear
 
 
 /***/ }),
-/* 179 */
+/* 180 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -9950,10 +10010,10 @@ module.exports = getISODay
 
 
 /***/ }),
-/* 180 */
+/* 181 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var startOfHour = __webpack_require__(181)
+var startOfHour = __webpack_require__(182)
 
 /**
  * @category Hour Helpers
@@ -9985,7 +10045,7 @@ module.exports = isSameHour
 
 
 /***/ }),
-/* 181 */
+/* 182 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -10016,10 +10076,10 @@ module.exports = startOfHour
 
 
 /***/ }),
-/* 182 */
+/* 183 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var isSameWeek = __webpack_require__(136)
+var isSameWeek = __webpack_require__(137)
 
 /**
  * @category ISO Week Helpers
@@ -10050,7 +10110,7 @@ module.exports = isSameISOWeek
 
 
 /***/ }),
-/* 183 */
+/* 184 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var startOfISOYear = __webpack_require__(93)
@@ -10087,10 +10147,10 @@ module.exports = isSameISOYear
 
 
 /***/ }),
-/* 184 */
+/* 185 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var startOfMinute = __webpack_require__(185)
+var startOfMinute = __webpack_require__(186)
 
 /**
  * @category Minute Helpers
@@ -10123,7 +10183,7 @@ module.exports = isSameMinute
 
 
 /***/ }),
-/* 185 */
+/* 186 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -10154,7 +10214,7 @@ module.exports = startOfMinute
 
 
 /***/ }),
-/* 186 */
+/* 187 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -10189,10 +10249,10 @@ module.exports = isSameMonth
 
 
 /***/ }),
-/* 187 */
+/* 188 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var startOfQuarter = __webpack_require__(188)
+var startOfQuarter = __webpack_require__(189)
 
 /**
  * @category Quarter Helpers
@@ -10224,7 +10284,7 @@ module.exports = isSameQuarter
 
 
 /***/ }),
-/* 188 */
+/* 189 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -10258,10 +10318,10 @@ module.exports = startOfQuarter
 
 
 /***/ }),
-/* 189 */
+/* 190 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var startOfSecond = __webpack_require__(190)
+var startOfSecond = __webpack_require__(191)
 
 /**
  * @category Second Helpers
@@ -10294,7 +10354,7 @@ module.exports = isSameSecond
 
 
 /***/ }),
-/* 190 */
+/* 191 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -10325,7 +10385,7 @@ module.exports = startOfSecond
 
 
 /***/ }),
-/* 191 */
+/* 192 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -10359,7 +10419,7 @@ module.exports = isSameYear
 
 
 /***/ }),
-/* 192 */
+/* 193 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
@@ -10403,11 +10463,11 @@ module.exports = lastDayOfWeek
 
 
 /***/ }),
-/* 193 */
+/* 194 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
-var getDaysInMonth = __webpack_require__(151)
+var getDaysInMonth = __webpack_require__(152)
 
 /**
  * @category Month Helpers
@@ -10445,7 +10505,7 @@ module.exports = setMonth
 
 
 /***/ }),
-/* 194 */
+/* 195 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var _typeof = __webpack_require__(46)["default"];
@@ -10457,7 +10517,7 @@ function toPropertyKey(t) {
 module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 195 */
+/* 196 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10466,7 +10526,7 @@ __webpack_require__.r(__webpack_exports__);
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ __webpack_exports__["default"] = (clsx);
 
 /***/ }),
-/* 196 */
+/* 197 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -10676,7 +10736,7 @@ var ScalingCellSizeAndPositionManager = exports["default"] = /*#__PURE__*/functi
 }();
 
 /***/ }),
-/* 197 */
+/* 198 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -10718,7 +10778,7 @@ function defaultOverscanIndicesGetter(_ref /*:: */) /*: OverscanIndices*/{
 }
 
 /***/ }),
-/* 198 */
+/* 199 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -10849,7 +10909,7 @@ function warnAboutMissingStyle(parent, renderedCell) {
 }
 
 /***/ }),
-/* 199 */
+/* 200 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -10868,7 +10928,7 @@ exports.snapToGrid = snapToGrid;
 
 var _shims = __webpack_require__(106);
 
-var _domFns = __webpack_require__(140);
+var _domFns = __webpack_require__(141);
 
 function getBoundPosition(draggable
 /*: Draggable*/
@@ -11063,7 +11123,7 @@ function findDOMNode(draggable
 }
 
 /***/ }),
-/* 200 */
+/* 201 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11082,7 +11142,7 @@ function log() {
 }
 
 /***/ }),
-/* 201 */
+/* 202 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11191,7 +11251,7 @@ function createTheme(options = {}, ...args) {
 /* harmony default export */ var createTheme_createTheme = __webpack_exports__["a"] = (createTheme);
 
 /***/ }),
-/* 202 */
+/* 203 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11210,7 +11270,7 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'LastPage');
 
 /***/ }),
-/* 203 */
+/* 204 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11229,7 +11289,7 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'FirstPage');
 
 /***/ }),
-/* 204 */
+/* 205 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11248,7 +11308,7 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'KeyboardArrowRight');
 
 /***/ }),
-/* 205 */
+/* 206 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11267,7 +11327,6 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'KeyboardArrowLeft');
 
 /***/ }),
-/* 206 */,
 /* 207 */,
 /* 208 */,
 /* 209 */,
@@ -11281,14 +11340,15 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 /* 217 */,
 /* 218 */,
 /* 219 */,
-/* 220 */
+/* 220 */,
+/* 221 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
 // EXTERNAL MODULE: ./node_modules/@mui/utils/node_modules/react-is/index.js
-var react_is = __webpack_require__(155);
+var react_is = __webpack_require__(156);
 
 // CONCATENATED MODULE: ./node_modules/@mui/utils/esm/getDisplayName/getDisplayName.js
 
@@ -11345,7 +11405,7 @@ function getDisplayName(Component) {
 
 
 /***/ }),
-/* 221 */
+/* 222 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11364,7 +11424,7 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'CheckCircleOutlineOutlined');
 
 /***/ }),
-/* 222 */
+/* 223 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11378,11 +11438,11 @@ exports.default = createStyled;
 exports.shouldForwardProp = shouldForwardProp;
 exports.systemDefaultTheme = void 0;
 var _extends2 = _interopRequireDefault(__webpack_require__(53));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(156));
-var _styledEngine = _interopRequireWildcard(__webpack_require__(35));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(157));
+var _styledEngine = _interopRequireWildcard(__webpack_require__(33));
 var _deepmerge = __webpack_require__(21);
 var _capitalize = _interopRequireDefault(__webpack_require__(47));
-var _getDisplayName = _interopRequireDefault(__webpack_require__(220));
+var _getDisplayName = _interopRequireDefault(__webpack_require__(221));
 var _createTheme = _interopRequireDefault(__webpack_require__(48));
 var _styleFunctionSx = _interopRequireDefault(__webpack_require__(41));
 const _excluded = ["ownerState"],
@@ -11408,6 +11468,13 @@ function isStringTag(tag) {
 function shouldForwardProp(prop) {
   return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
 }
+function shallowLayer(serialized, layerName) {
+  if (layerName && serialized && typeof serialized === 'object' && serialized.styles && !serialized.styles.startsWith('@layer') // only add the layer if it is not already there.
+  ) {
+    serialized.styles = `@layer ${layerName}{${String(serialized.styles)}}`;
+  }
+  return serialized;
+}
 const systemDefaultTheme = exports.systemDefaultTheme = (0, _createTheme.default)();
 const lowercaseFirstLetter = string => {
   if (!string) {
@@ -11428,7 +11495,7 @@ function defaultOverridesResolver(slot) {
   }
   return (props, styles) => styles[slot];
 }
-function processStyleArg(callableStyle, _ref) {
+function processStyleArg(callableStyle, _ref, layerName) {
   let {
       ownerState
     } = _ref,
@@ -11439,7 +11506,7 @@ function processStyleArg(callableStyle, _ref) {
   if (Array.isArray(resolvedStylesArg)) {
     return resolvedStylesArg.flatMap(resolvedStyle => processStyleArg(resolvedStyle, (0, _extends2.default)({
       ownerState
-    }, props)));
+    }, props), layerName));
   }
   if (!!resolvedStylesArg && typeof resolvedStylesArg === 'object' && Array.isArray(resolvedStylesArg.variants)) {
     const {
@@ -11464,14 +11531,15 @@ function processStyleArg(callableStyle, _ref) {
         if (!Array.isArray(result)) {
           result = [result];
         }
-        result.push(typeof variant.style === 'function' ? variant.style((0, _extends2.default)({
+        const variantStyle = typeof variant.style === 'function' ? variant.style((0, _extends2.default)({
           ownerState
-        }, props, ownerState)) : variant.style);
+        }, props, ownerState)) : variant.style;
+        result.push(layerName ? shallowLayer((0, _styledEngine.internal_serializeStyles)(variantStyle), layerName) : variantStyle);
       }
     });
     return result;
   }
-  return resolvedStylesArg;
+  return layerName ? shallowLayer((0, _styledEngine.internal_serializeStyles)(resolvedStylesArg), layerName) : resolvedStylesArg;
 }
 function createStyled(input = {}) {
   const {
@@ -11502,6 +11570,7 @@ function createStyled(input = {}) {
         overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot))
       } = inputOptions,
       options = (0, _objectWithoutPropertiesLoose2.default)(inputOptions, _excluded3);
+    const layerName = componentName && componentName.startsWith('Mui') || !!componentSlot ? 'components' : 'custom';
 
     // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
     const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver :
@@ -11533,13 +11602,16 @@ function createStyled(input = {}) {
       // component stays as a function. This condition makes sure that we do not interpolate functions
       // which are basically components used as a selectors.
       if (typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg || (0, _deepmerge.isPlainObject)(stylesArg)) {
-        return props => processStyleArg(stylesArg, (0, _extends2.default)({}, props, {
-          theme: resolveTheme({
+        return props => {
+          const theme = resolveTheme({
             theme: props.theme,
             defaultTheme,
             themeId
-          })
-        }));
+          });
+          return processStyleArg(stylesArg, (0, _extends2.default)({}, props, {
+            theme
+          }), theme.modularCssLayers ? layerName : undefined);
+        };
       }
       return stylesArg;
     };
@@ -11561,7 +11633,7 @@ function createStyled(input = {}) {
           Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => {
             resolvedStyleOverrides[slotKey] = processStyleArg(slotStyle, (0, _extends2.default)({}, props, {
               theme
-            }));
+            }), theme.modularCssLayers ? 'theme' : undefined);
           });
           return overridesResolver(props, resolvedStyleOverrides);
         });
@@ -11578,7 +11650,7 @@ function createStyled(input = {}) {
             variants: themeVariants
           }, (0, _extends2.default)({}, props, {
             theme
-          }));
+          }), theme.modularCssLayers ? 'theme' : undefined);
         });
       }
       if (!skipSx) {
@@ -11606,7 +11678,7 @@ function createStyled(input = {}) {
 }
 
 /***/ }),
-/* 223 */
+/* 224 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11625,7 +11697,7 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'ReportProblemOutlined');
 
 /***/ }),
-/* 224 */
+/* 225 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11644,7 +11716,7 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'ErrorOutline');
 
 /***/ }),
-/* 225 */
+/* 226 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11663,7 +11735,7 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'InfoOutlined');
 
 /***/ }),
-/* 226 */
+/* 227 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11682,7 +11754,7 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'NavigateBefore');
 
 /***/ }),
-/* 227 */
+/* 228 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11701,7 +11773,7 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'NavigateNext');
 
 /***/ }),
-/* 228 */
+/* 229 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11720,7 +11792,7 @@ var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _
 }), 'ArrowUpward');
 
 /***/ }),
-/* 229 */
+/* 230 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -11732,7 +11804,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(__webpack_require__(0));
-var _styledEngine = __webpack_require__(35);
+var _styledEngine = __webpack_require__(33);
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function isObjectEmpty(obj) {
@@ -11744,25 +11816,6 @@ function useTheme(defaultTheme = null) {
 }
 var _default = exports.default = useTheme;
 
-/***/ }),
-/* 230 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-"use client";
-
-var _interopRequireDefault = __webpack_require__(16);
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _createSvgIcon = _interopRequireDefault(__webpack_require__(17));
-var _jsxRuntime = __webpack_require__(3);
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"
-}), 'Info');
-
 /***/ }),
 /* 231 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -11779,8 +11832,8 @@ exports.default = void 0;
 var _createSvgIcon = _interopRequireDefault(__webpack_require__(17));
 var _jsxRuntime = __webpack_require__(3);
 var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 17h-2v-2h2zm2.07-7.75-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25"
-}), 'Help');
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"
+}), 'Error');
 
 /***/ }),
 /* 232 */
@@ -11798,8 +11851,8 @@ exports.default = void 0;
 var _createSvgIcon = _interopRequireDefault(__webpack_require__(17));
 var _jsxRuntime = __webpack_require__(3);
 var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"
-}), 'Error');
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 17h-2v-2h2zm2.07-7.75-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25"
+}), 'Help');
 
 /***/ }),
 /* 233 */
@@ -14096,7 +14149,7 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
     attachTo.clearImmediate = clearImmediate;
 }(typeof self === "undefined" ? typeof global === "undefined" ? this : global : self));
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(90), __webpack_require__(158)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(90), __webpack_require__(159)))
 
 /***/ }),
 /* 289 */
@@ -14335,7 +14388,7 @@ module.exports = differenceInCalendarISOWeeks
 /* 294 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var getQuarter = __webpack_require__(168)
+var getQuarter = __webpack_require__(169)
 var parse = __webpack_require__(7)
 
 /**
@@ -14468,9 +14521,9 @@ module.exports = differenceInHours
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
-var differenceInCalendarISOYears = __webpack_require__(166)
+var differenceInCalendarISOYears = __webpack_require__(167)
 var compareAsc = __webpack_require__(94)
-var subISOYears = __webpack_require__(171)
+var subISOYears = __webpack_require__(172)
 
 /**
  * @category ISO Week-Numbering Year Helpers
@@ -14550,7 +14603,7 @@ module.exports = differenceInMinutes
 /* 299 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var differenceInMonths = __webpack_require__(131)
+var differenceInMonths = __webpack_require__(132)
 
 /**
  * @category Quarter Helpers
@@ -14583,7 +14636,7 @@ module.exports = differenceInQuarters
 /* 300 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var differenceInDays = __webpack_require__(170)
+var differenceInDays = __webpack_require__(171)
 
 /**
  * @category Week Helpers
@@ -14617,7 +14670,7 @@ module.exports = differenceInWeeks
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
-var differenceInCalendarYears = __webpack_require__(169)
+var differenceInCalendarYears = __webpack_require__(170)
 var compareAsc = __webpack_require__(94)
 
 /**
@@ -14893,10 +14946,10 @@ module.exports = buildFormattingTokensRegExp
 /* 305 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var compareDesc = __webpack_require__(130)
+var compareDesc = __webpack_require__(131)
 var parse = __webpack_require__(7)
-var differenceInSeconds = __webpack_require__(132)
-var enLocale = __webpack_require__(133)
+var differenceInSeconds = __webpack_require__(133)
+var enLocale = __webpack_require__(134)
 
 var MINUTES_IN_DAY = 1440
 var MINUTES_IN_MONTH = 43200
@@ -15075,7 +15128,7 @@ module.exports = distanceInWordsStrict
 /* 306 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var distanceInWords = __webpack_require__(172)
+var distanceInWords = __webpack_require__(173)
 
 /**
  * @category Common Helpers
@@ -15257,7 +15310,7 @@ module.exports = endOfHour
 /* 309 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var endOfWeek = __webpack_require__(173)
+var endOfWeek = __webpack_require__(174)
 
 /**
  * @category ISO Week Helpers
@@ -15423,7 +15476,7 @@ module.exports = endOfSecond
 /* 314 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var endOfDay = __webpack_require__(134)
+var endOfDay = __webpack_require__(135)
 
 /**
  * @category Day Helpers
@@ -15549,12 +15602,12 @@ module.exports = endOfYesterday
 /* 318 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var getDayOfYear = __webpack_require__(175)
-var getISOWeek = __webpack_require__(135)
+var getDayOfYear = __webpack_require__(176)
+var getISOWeek = __webpack_require__(136)
 var getISOYear = __webpack_require__(43)
 var parse = __webpack_require__(7)
-var isValid = __webpack_require__(177)
-var enLocale = __webpack_require__(133)
+var isValid = __webpack_require__(178)
+var enLocale = __webpack_require__(134)
 
 /**
  * @category Common Helpers
@@ -15943,7 +15996,7 @@ module.exports = getDay
 /* 321 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var isLeapYear = __webpack_require__(178)
+var isLeapYear = __webpack_require__(179)
 
 /**
  * @category Year Helpers
@@ -16002,7 +16055,7 @@ module.exports = getHours
 /***/ (function(module, exports, __webpack_require__) {
 
 var startOfISOYear = __webpack_require__(93)
-var addWeeks = __webpack_require__(152)
+var addWeeks = __webpack_require__(153)
 
 var MILLISECONDS_IN_WEEK = 604800000
 
@@ -16469,8 +16522,8 @@ module.exports = isFuture
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
-var endOfDay = __webpack_require__(134)
-var endOfMonth = __webpack_require__(174)
+var endOfDay = __webpack_require__(135)
+var endOfMonth = __webpack_require__(175)
 
 /**
  * @category Month Helpers
@@ -16646,7 +16699,7 @@ module.exports = isSunday
 /* 343 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var isSameHour = __webpack_require__(180)
+var isSameHour = __webpack_require__(181)
 
 /**
  * @category Hour Helpers
@@ -16675,7 +16728,7 @@ module.exports = isThisHour
 /* 344 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var isSameISOWeek = __webpack_require__(182)
+var isSameISOWeek = __webpack_require__(183)
 
 /**
  * @category ISO Week Helpers
@@ -16705,7 +16758,7 @@ module.exports = isThisISOWeek
 /* 345 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var isSameISOYear = __webpack_require__(183)
+var isSameISOYear = __webpack_require__(184)
 
 /**
  * @category ISO Week-Numbering Year Helpers
@@ -16736,7 +16789,7 @@ module.exports = isThisISOYear
 /* 346 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var isSameMinute = __webpack_require__(184)
+var isSameMinute = __webpack_require__(185)
 
 /**
  * @category Minute Helpers
@@ -16765,7 +16818,7 @@ module.exports = isThisMinute
 /* 347 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var isSameMonth = __webpack_require__(186)
+var isSameMonth = __webpack_require__(187)
 
 /**
  * @category Month Helpers
@@ -16793,7 +16846,7 @@ module.exports = isThisMonth
 /* 348 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var isSameQuarter = __webpack_require__(187)
+var isSameQuarter = __webpack_require__(188)
 
 /**
  * @category Quarter Helpers
@@ -16821,7 +16874,7 @@ module.exports = isThisQuarter
 /* 349 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var isSameSecond = __webpack_require__(189)
+var isSameSecond = __webpack_require__(190)
 
 /**
  * @category Second Helpers
@@ -16850,7 +16903,7 @@ module.exports = isThisSecond
 /* 350 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var isSameWeek = __webpack_require__(136)
+var isSameWeek = __webpack_require__(137)
 
 /**
  * @category Week Helpers
@@ -16886,7 +16939,7 @@ module.exports = isThisWeek
 /* 351 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var isSameYear = __webpack_require__(191)
+var isSameYear = __webpack_require__(192)
 
 /**
  * @category Year Helpers
@@ -17164,7 +17217,7 @@ module.exports = isYesterday
 /* 360 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var lastDayOfWeek = __webpack_require__(192)
+var lastDayOfWeek = __webpack_require__(193)
 
 /**
  * @category ISO Week Helpers
@@ -17555,7 +17608,7 @@ module.exports = setHours
 
 var parse = __webpack_require__(7)
 var addDays = __webpack_require__(91)
-var getISODay = __webpack_require__(179)
+var getISODay = __webpack_require__(180)
 
 /**
  * @category Weekday Helpers
@@ -17591,7 +17644,7 @@ module.exports = setISODay
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
-var getISOWeek = __webpack_require__(135)
+var getISOWeek = __webpack_require__(136)
 
 /**
  * @category ISO Week Helpers
@@ -17691,7 +17744,7 @@ module.exports = setMinutes
 /***/ (function(module, exports, __webpack_require__) {
 
 var parse = __webpack_require__(7)
-var setMonth = __webpack_require__(193)
+var setMonth = __webpack_require__(194)
 
 /**
  * @category Quarter Helpers
@@ -17943,7 +17996,7 @@ module.exports = subDays
 /* 383 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var addHours = __webpack_require__(159)
+var addHours = __webpack_require__(160)
 
 /**
  * @category Hour Helpers
@@ -18003,7 +18056,7 @@ module.exports = subMilliseconds
 /* 385 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var addMinutes = __webpack_require__(162)
+var addMinutes = __webpack_require__(163)
 
 /**
  * @category Minute Helpers
@@ -18063,7 +18116,7 @@ module.exports = subMonths
 /* 387 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var addQuarters = __webpack_require__(163)
+var addQuarters = __webpack_require__(164)
 
 /**
  * @category Quarter Helpers
@@ -18093,7 +18146,7 @@ module.exports = subQuarters
 /* 388 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var addSeconds = __webpack_require__(164)
+var addSeconds = __webpack_require__(165)
 
 /**
  * @category Second Helpers
@@ -18123,7 +18176,7 @@ module.exports = subSeconds
 /* 389 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var addWeeks = __webpack_require__(152)
+var addWeeks = __webpack_require__(153)
 
 /**
  * @category Week Helpers
@@ -18153,7 +18206,7 @@ module.exports = subWeeks
 /* 390 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var addYears = __webpack_require__(165)
+var addYears = __webpack_require__(166)
 
 /**
  * @category Year Helpers
@@ -21497,7 +21550,7 @@ function callbackify(original) {
 }
 exports.callbackify = callbackify;
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(158)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(159)))
 
 /***/ }),
 /* 398 */
@@ -21629,7 +21682,7 @@ exports.useSyncExternalStore =
 
 
 var React = __webpack_require__(0),
-  shim = __webpack_require__(153);
+  shim = __webpack_require__(154);
 function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
@@ -21740,9 +21793,9 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(54));
 var _createClass2 = _interopRequireDefault(__webpack_require__(55));
-var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(137));
-var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(138));
-var _inherits2 = _interopRequireDefault(__webpack_require__(139));
+var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(138));
+var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(139));
+var _inherits2 = _interopRequireDefault(__webpack_require__(140));
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(56));
 var React = _interopRequireWildcard(__webpack_require__(0));
 var _detectElementResize = _interopRequireDefault(__webpack_require__(407));
@@ -22183,13 +22236,13 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(__webpack_require__(53));
 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(54));
 var _createClass2 = _interopRequireDefault(__webpack_require__(55));
-var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(137));
-var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(138));
-var _inherits2 = _interopRequireDefault(__webpack_require__(139));
+var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(138));
+var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(139));
+var _inherits2 = _interopRequireDefault(__webpack_require__(140));
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(56));
 var _Grid = _interopRequireWildcard(__webpack_require__(409));
 var React = _interopRequireWildcard(__webpack_require__(0));
-var _clsx = _interopRequireDefault(__webpack_require__(195));
+var _clsx = _interopRequireDefault(__webpack_require__(196));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
@@ -22534,8 +22587,8 @@ Object.defineProperty(exports, "defaultOverscanIndicesGetter", {
 });
 var _Grid = _interopRequireDefault(__webpack_require__(410));
 var _accessibilityOverscanIndicesGetter = _interopRequireDefault(__webpack_require__(420));
-var _defaultCellRangeRenderer = _interopRequireDefault(__webpack_require__(198));
-var _defaultOverscanIndicesGetter = _interopRequireDefault(__webpack_require__(197));
+var _defaultCellRangeRenderer = _interopRequireDefault(__webpack_require__(199));
+var _defaultOverscanIndicesGetter = _interopRequireDefault(__webpack_require__(198));
 
 /***/ }),
 /* 410 */
@@ -22554,18 +22607,18 @@ var _extends2 = _interopRequireDefault(__webpack_require__(53));
 var _typeof2 = _interopRequireDefault(__webpack_require__(46));
 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(54));
 var _createClass2 = _interopRequireDefault(__webpack_require__(55));
-var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(137));
-var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(138));
-var _inherits2 = _interopRequireDefault(__webpack_require__(139));
+var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(138));
+var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(139));
+var _inherits2 = _interopRequireDefault(__webpack_require__(140));
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(56));
 var React = _interopRequireWildcard(__webpack_require__(0));
-var _clsx = _interopRequireDefault(__webpack_require__(195));
+var _clsx = _interopRequireDefault(__webpack_require__(196));
 var _calculateSizeAndPositionDataAndUpdateScrollOffset = _interopRequireDefault(__webpack_require__(411));
-var _ScalingCellSizeAndPositionManager = _interopRequireDefault(__webpack_require__(196));
+var _ScalingCellSizeAndPositionManager = _interopRequireDefault(__webpack_require__(197));
 var _createCallbackMemoizer = _interopRequireDefault(__webpack_require__(415));
-var _defaultOverscanIndicesGetter = _interopRequireWildcard(__webpack_require__(197));
+var _defaultOverscanIndicesGetter = _interopRequireWildcard(__webpack_require__(198));
 var _updateScrollIndexHelper = _interopRequireDefault(__webpack_require__(416));
-var _defaultCellRangeRenderer = _interopRequireDefault(__webpack_require__(198));
+var _defaultCellRangeRenderer = _interopRequireDefault(__webpack_require__(199));
 var _scrollbarSize = _interopRequireDefault(__webpack_require__(428));
 var _reactLifecyclesCompat = __webpack_require__(417);
 var _requestAnimationTimeout = __webpack_require__(418);
@@ -24044,7 +24097,7 @@ function calculateSizeAndPositionDataAndUpdateScrollOffset(_ref /*:: */) {
 /* 412 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var objectWithoutPropertiesLoose = __webpack_require__(156);
+var objectWithoutPropertiesLoose = __webpack_require__(157);
 function _objectWithoutProperties(e, t) {
   if (null == e) return {};
   var o,
@@ -24437,7 +24490,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = updateScrollIndexHelper;
-var _ScalingCellSizeAndPositionManager = _interopRequireDefault(__webpack_require__(196));
+var _ScalingCellSizeAndPositionManager = _interopRequireDefault(__webpack_require__(197));
 /*:: import type {Alignment, CellSize} from '../types';*/
 /**
  * Helper function that determines when to update scroll offsets to ensure that a scroll-to-index remains visible.
@@ -24836,15 +24889,15 @@ var _reactDom = _interopRequireDefault(__webpack_require__(26));
 
 var _clsx2 = _interopRequireDefault(__webpack_require__(422));
 
-var _domFns = __webpack_require__(140);
+var _domFns = __webpack_require__(141);
 
-var _positionFns = __webpack_require__(199);
+var _positionFns = __webpack_require__(200);
 
 var _shims = __webpack_require__(106);
 
 var _DraggableCore = _interopRequireDefault(__webpack_require__(424));
 
-var _log = _interopRequireDefault(__webpack_require__(200));
+var _log = _interopRequireDefault(__webpack_require__(201));
 
 var _excluded = ["axis", "bounds", "children", "defaultPosition", "defaultClassName", "defaultClassNameDragging", "defaultClassNameDragged", "position", "positionOffset", "scale"];
 
@@ -25391,13 +25444,13 @@ var _propTypes = _interopRequireDefault(__webpack_require__(1));
 
 var _reactDom = _interopRequireDefault(__webpack_require__(26));
 
-var _domFns = __webpack_require__(140);
+var _domFns = __webpack_require__(141);
 
-var _positionFns = __webpack_require__(199);
+var _positionFns = __webpack_require__(200);
 
 var _shims = __webpack_require__(106);
 
-var _log = _interopRequireDefault(__webpack_require__(200));
+var _log = _interopRequireDefault(__webpack_require__(201));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -25954,7 +26007,7 @@ _defineProperty(DraggableCore, "defaultProps", {
 __webpack_require__.r(__webpack_exports__);
 
 // EXTERNAL MODULE: ./package.json
-var package_0 = __webpack_require__(154);
+var package_0 = __webpack_require__(155);
 
 // EXTERNAL MODULE: ./node_modules/react/index.js
 var react = __webpack_require__(0);
@@ -25968,10 +26021,10 @@ var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 var clsx = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js
-var formatMuiErrorMessage = __webpack_require__(143);
+var formatMuiErrorMessage = __webpack_require__(144);
 
 // EXTERNAL MODULE: ./node_modules/@mui/utils/esm/clamp/clamp.js
-var clamp = __webpack_require__(142);
+var clamp = __webpack_require__(143);
 
 // CONCATENATED MODULE: ./node_modules/@mui/system/esm/colorManipulator.js
 
@@ -30364,7 +30417,7 @@ function increment() {
 var deepmerge = __webpack_require__(73);
 
 // EXTERNAL MODULE: ./node_modules/@mui/utils/esm/capitalize/capitalize.js
-var capitalize = __webpack_require__(144);
+var capitalize = __webpack_require__(145);
 
 // CONCATENATED MODULE: ./node_modules/@mui/styles/propsToClassKey/propsToClassKey.js
 
@@ -30879,23 +30932,23 @@ const Paper_Paper = /*#__PURE__*/react["forwardRef"](function Paper(inProps, ref
  false ? undefined : void 0;
 /* harmony default export */ var material_Paper_Paper = (Paper_Paper);
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/CheckCircleOutlineOutlined.js
-var CheckCircleOutlineOutlined = __webpack_require__(221);
+var CheckCircleOutlineOutlined = __webpack_require__(222);
 var CheckCircleOutlineOutlined_default = /*#__PURE__*/__webpack_require__.n(CheckCircleOutlineOutlined);
 
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/ReportProblemOutlined.js
-var ReportProblemOutlined = __webpack_require__(223);
+var ReportProblemOutlined = __webpack_require__(224);
 var ReportProblemOutlined_default = /*#__PURE__*/__webpack_require__.n(ReportProblemOutlined);
 
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/ErrorOutline.js
-var ErrorOutline = __webpack_require__(224);
+var ErrorOutline = __webpack_require__(225);
 var ErrorOutline_default = /*#__PURE__*/__webpack_require__.n(ErrorOutline);
 
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/InfoOutlined.js
-var InfoOutlined = __webpack_require__(225);
+var InfoOutlined = __webpack_require__(226);
 var InfoOutlined_default = /*#__PURE__*/__webpack_require__.n(InfoOutlined);
 
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/Close.js
-var Close = __webpack_require__(33);
+var Close = __webpack_require__(35);
 var Close_default = /*#__PURE__*/__webpack_require__.n(Close);
 
 // EXTERNAL MODULE: ./node_modules/@mui/material/utils/useForkRef.js
@@ -33986,7 +34039,7 @@ var head_head =
 es_nth(0);
 /* harmony default export */ var es_head = (head_head);
 // EXTERNAL MODULE: ./node_modules/@mui/system/esm/styleFunctionSx/extendSxProp.js
-var extendSxProp = __webpack_require__(147);
+var extendSxProp = __webpack_require__(148);
 
 // CONCATENATED MODULE: ./node_modules/@mui/material/Typography/typographyClasses.js
 
@@ -34327,7 +34380,7 @@ Divider_Divider.muiSkipListHighlight = true;
 var esm_breakpoints = __webpack_require__(24);
 
 // EXTERNAL MODULE: ./node_modules/@mui/system/esm/createTheme/createTheme.js + 2 modules
-var createTheme = __webpack_require__(201);
+var createTheme = __webpack_require__(202);
 
 // EXTERNAL MODULE: ./node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 var emotion_element_d59e098f_esm = __webpack_require__(22);
@@ -36073,7 +36126,9 @@ const BreadcrumbCollapsed_excluded = ["slots", "slotProps"];
 
 
 
-const BreadcrumbCollapsedButton = Object(styled["a" /* default */])(material_ButtonBase_ButtonBase)(({
+const BreadcrumbCollapsedButton = Object(styled["a" /* default */])(material_ButtonBase_ButtonBase, {
+  name: 'MuiBreadcrumbCollapsed'
+})(({
   theme
 }) => Object(esm_extends["a" /* default */])({
   display: 'flex',
@@ -36305,11 +36360,11 @@ const Breadcrumbs_Breadcrumbs = /*#__PURE__*/react["forwardRef"](function Breadc
  false ? undefined : void 0;
 /* harmony default export */ var material_Breadcrumbs_Breadcrumbs = (Breadcrumbs_Breadcrumbs);
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/NavigateNext.js
-var NavigateNext = __webpack_require__(227);
+var NavigateNext = __webpack_require__(228);
 var NavigateNext_default = /*#__PURE__*/__webpack_require__.n(NavigateNext);
 
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/NavigateBefore.js
-var NavigateBefore = __webpack_require__(226);
+var NavigateBefore = __webpack_require__(227);
 var NavigateBefore_default = /*#__PURE__*/__webpack_require__.n(NavigateBefore);
 
 // EXTERNAL MODULE: ./node_modules/classnames/index.js
@@ -36424,7 +36479,7 @@ Breadcrumbs_CustomBreadcrumbs.propTypes = {
 var resolveProps = __webpack_require__(491);
 
 // EXTERNAL MODULE: ./node_modules/@mui/material/styles/rootShouldForwardProp.js
-var styles_rootShouldForwardProp = __webpack_require__(128);
+var styles_rootShouldForwardProp = __webpack_require__(129);
 
 // CONCATENATED MODULE: ./node_modules/@mui/material/Button/buttonClasses.js
 
@@ -37167,7 +37222,7 @@ var ArrowForward = __webpack_require__(95);
 var ArrowForward_default = /*#__PURE__*/__webpack_require__.n(ArrowForward);
 
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/ArrowUpward.js
-var ArrowUpward = __webpack_require__(228);
+var ArrowUpward = __webpack_require__(229);
 var ArrowUpward_default = /*#__PURE__*/__webpack_require__.n(ArrowUpward);
 
 // CONCATENATED MODULE: ./src/ChartsConfig/Title.js
@@ -38429,8 +38484,11 @@ function formControlState({
 // EXTERNAL MODULE: ./node_modules/@mui/material/utils/useEnhancedEffect.js
 var utils_useEnhancedEffect = __webpack_require__(30);
 
+// EXTERNAL MODULE: ./node_modules/@mui/styled-engine/index.js + 6 modules
+var styled_engine = __webpack_require__(33);
+
 // EXTERNAL MODULE: ./node_modules/@mui/styled-engine/GlobalStyles/GlobalStyles.js
-var GlobalStyles = __webpack_require__(146);
+var GlobalStyles = __webpack_require__(147);
 
 // CONCATENATED MODULE: ./node_modules/@mui/system/esm/GlobalStyles/GlobalStyles.js
 'use client';
@@ -38440,13 +38498,37 @@ var GlobalStyles = __webpack_require__(146);
 
 
 
+function wrapGlobalLayer(styles) {
+  const serialized = Object(styled_engine["internal_serializeStyles"])(styles);
+  if (styles !== serialized && serialized.styles) {
+    if (!serialized.styles.match(/^@layer\s+[^{]*$/)) {
+      // If the styles are not already wrapped in a layer, wrap them in a global layer.
+      serialized.styles = `@layer global{${serialized.styles}}`;
+    }
+    return serialized;
+  }
+  return styles;
+}
 function GlobalStyles_GlobalStyles({
   styles,
   themeId,
   defaultTheme = {}
 }) {
   const upperTheme = esm_useTheme(defaultTheme);
-  const globalStyles = typeof styles === 'function' ? styles(themeId ? upperTheme[themeId] || upperTheme : upperTheme) : styles;
+  const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;
+  let globalStyles = typeof styles === 'function' ? styles(resolvedTheme) : styles;
+  if (resolvedTheme.modularCssLayers) {
+    if (Array.isArray(globalStyles)) {
+      globalStyles = globalStyles.map(styleArg => {
+        if (typeof styleArg === 'function') {
+          return wrapGlobalLayer(styleArg(resolvedTheme));
+        }
+        return wrapGlobalLayer(styleArg);
+      });
+    } else {
+      globalStyles = wrapGlobalLayer(globalStyles);
+    }
+  }
   return /*#__PURE__*/Object(jsx_runtime["jsx"])(GlobalStyles["a" /* default */], {
     styles: globalStyles
   });
@@ -39404,6 +39486,7 @@ const NotchedOutline_excluded = ["children", "classes", "className", "label", "n
 
 
 const NotchedOutlineRoot = Object(styled["a" /* default */])('fieldset', {
+  name: 'MuiNotchedOutlined',
   shouldForwardProp: styles_rootShouldForwardProp["a" /* default */]
 })({
   textAlign: 'left',
@@ -39422,6 +39505,7 @@ const NotchedOutlineRoot = Object(styled["a" /* default */])('fieldset', {
   minWidth: '0%'
 });
 const NotchedOutlineLegend = Object(styled["a" /* default */])('legend', {
+  name: 'MuiNotchedOutlined',
   shouldForwardProp: styles_rootShouldForwardProp["a" /* default */]
 })(({
   ownerState,
@@ -43309,7 +43393,7 @@ const NativeSelectInput_NativeSelectInput = /*#__PURE__*/react["forwardRef"](fun
  false ? undefined : void 0;
 /* harmony default export */ var NativeSelect_NativeSelectInput = (NativeSelectInput_NativeSelectInput);
 // EXTERNAL MODULE: ./node_modules/@mui/material/styles/slotShouldForwardProp.js
-var styles_slotShouldForwardProp = __webpack_require__(129);
+var styles_slotShouldForwardProp = __webpack_require__(130);
 
 // EXTERNAL MODULE: ./node_modules/@mui/material/utils/useControlled.js + 1 modules
 var useControlled = __webpack_require__(27);
@@ -44806,7 +44890,7 @@ var Done = __webpack_require__(28);
 var Done_default = /*#__PURE__*/__webpack_require__.n(Done);
 
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/RotateLeft.js
-var RotateLeft = __webpack_require__(149);
+var RotateLeft = __webpack_require__(150);
 var RotateLeft_default = /*#__PURE__*/__webpack_require__.n(RotateLeft);
 
 // CONCATENATED MODULE: ./src/ChartsConfig/Input.js
@@ -45307,7 +45391,9 @@ const SwitchBase_useUtilityClasses = ownerState => {
   };
   return Object(composeClasses["a" /* default */])(slots, getSwitchBaseUtilityClass, classes);
 };
-const SwitchBaseRoot = Object(styled["a" /* default */])(material_ButtonBase_ButtonBase)(({
+const SwitchBaseRoot = Object(styled["a" /* default */])(material_ButtonBase_ButtonBase, {
+  name: 'MuiSwitchBase'
+})(({
   ownerState
 }) => Object(esm_extends["a" /* default */])({
   padding: 9,
@@ -45318,6 +45404,7 @@ const SwitchBaseRoot = Object(styled["a" /* default */])(material_ButtonBase_But
   marginRight: ownerState.size === 'small' ? -3 : -12
 }));
 const SwitchBaseInput = Object(styled["a" /* default */])('input', {
+  name: 'MuiSwitchBase',
   shouldForwardProp: styles_rootShouldForwardProp["a" /* default */]
 })({
   cursor: 'inherit',
@@ -45607,9 +45694,6 @@ const Checkbox_Checkbox = /*#__PURE__*/react["forwardRef"](function Checkbox(inP
 });
  false ? undefined : void 0;
 /* harmony default export */ var material_Checkbox_Checkbox = (Checkbox_Checkbox);
-// EXTERNAL MODULE: ./node_modules/@mui/styled-engine/index.js + 6 modules
-var styled_engine = __webpack_require__(35);
-
 // EXTERNAL MODULE: ./node_modules/@mui/system/esm/styleFunctionSx/styleFunctionSx.js
 var styleFunctionSx = __webpack_require__(50);
 
@@ -45643,6 +45727,13 @@ function isStringTag(tag) {
 function shouldForwardProp(prop) {
   return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
 }
+function shallowLayer(serialized, layerName) {
+  if (layerName && serialized && typeof serialized === 'object' && serialized.styles && !serialized.styles.startsWith('@layer') // only add the layer if it is not already there.
+  ) {
+    serialized.styles = `@layer ${layerName}{${String(serialized.styles)}}`;
+  }
+  return serialized;
+}
 const createStyled_systemDefaultTheme = Object(createTheme["a" /* default */])();
 const lowercaseFirstLetter = string => {
   if (!string) {
@@ -45663,7 +45754,7 @@ function defaultOverridesResolver(slot) {
   }
   return (props, styles) => styles[slot];
 }
-function processStyleArg(callableStyle, _ref) {
+function processStyleArg(callableStyle, _ref, layerName) {
   let {
       ownerState
     } = _ref,
@@ -45674,7 +45765,7 @@ function processStyleArg(callableStyle, _ref) {
   if (Array.isArray(resolvedStylesArg)) {
     return resolvedStylesArg.flatMap(resolvedStyle => processStyleArg(resolvedStyle, Object(esm_extends["a" /* default */])({
       ownerState
-    }, props)));
+    }, props), layerName));
   }
   if (!!resolvedStylesArg && typeof resolvedStylesArg === 'object' && Array.isArray(resolvedStylesArg.variants)) {
     const {
@@ -45699,14 +45790,15 @@ function processStyleArg(callableStyle, _ref) {
         if (!Array.isArray(result)) {
           result = [result];
         }
-        result.push(typeof variant.style === 'function' ? variant.style(Object(esm_extends["a" /* default */])({
+        const variantStyle = typeof variant.style === 'function' ? variant.style(Object(esm_extends["a" /* default */])({
           ownerState
-        }, props, ownerState)) : variant.style);
+        }, props, ownerState)) : variant.style;
+        result.push(layerName ? shallowLayer(Object(styled_engine["internal_serializeStyles"])(variantStyle), layerName) : variantStyle);
       }
     });
     return result;
   }
-  return resolvedStylesArg;
+  return layerName ? shallowLayer(Object(styled_engine["internal_serializeStyles"])(resolvedStylesArg), layerName) : resolvedStylesArg;
 }
 function createStyled(input = {}) {
   const {
@@ -45737,6 +45829,7 @@ function createStyled(input = {}) {
         overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot))
       } = inputOptions,
       options = Object(objectWithoutPropertiesLoose["a" /* default */])(inputOptions, createStyled_excluded3);
+    const layerName = componentName && componentName.startsWith('Mui') || !!componentSlot ? 'components' : 'custom';
 
     // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
     const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver :
@@ -45768,13 +45861,16 @@ function createStyled(input = {}) {
       // component stays as a function. This condition makes sure that we do not interpolate functions
       // which are basically components used as a selectors.
       if (typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg || Object(deepmerge["b" /* isPlainObject */])(stylesArg)) {
-        return props => processStyleArg(stylesArg, Object(esm_extends["a" /* default */])({}, props, {
-          theme: resolveTheme({
+        return props => {
+          const theme = resolveTheme({
             theme: props.theme,
             defaultTheme,
             themeId
-          })
-        }));
+          });
+          return processStyleArg(stylesArg, Object(esm_extends["a" /* default */])({}, props, {
+            theme
+          }), theme.modularCssLayers ? layerName : undefined);
+        };
       }
       return stylesArg;
     };
@@ -45796,7 +45892,7 @@ function createStyled(input = {}) {
           Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => {
             resolvedStyleOverrides[slotKey] = processStyleArg(slotStyle, Object(esm_extends["a" /* default */])({}, props, {
               theme
-            }));
+            }), theme.modularCssLayers ? 'theme' : undefined);
           });
           return overridesResolver(props, resolvedStyleOverrides);
         });
@@ -45813,7 +45909,7 @@ function createStyled(input = {}) {
             variants: themeVariants
           }, Object(esm_extends["a" /* default */])({}, props, {
             theme
-          }));
+          }), theme.modularCssLayers ? 'theme' : undefined);
         });
       }
       if (!skipSx) {
@@ -48088,7 +48184,7 @@ var Cross_extends = Object.assign || function (target) { for (var i = 1; i < arg
   );
 });
 // EXTERNAL MODULE: ./node_modules/@mui/system/useThemeWithoutDefault.js
-var system_useThemeWithoutDefault = __webpack_require__(229);
+var system_useThemeWithoutDefault = __webpack_require__(230);
 var useThemeWithoutDefault_default = /*#__PURE__*/__webpack_require__.n(system_useThemeWithoutDefault);
 
 // CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
@@ -52023,7 +52119,7 @@ function useMediaQuery(queryInput, options = {}) {
   return match;
 }
 // EXTERNAL MODULE: ./node_modules/@mui/material/styles/createTransitions.js
-var createTransitions = __webpack_require__(148);
+var createTransitions = __webpack_require__(149);
 
 // CONCATENATED MODULE: ./node_modules/@mui/material/Collapse/collapseClasses.js
 
@@ -53372,6 +53468,10 @@ const CircularProgress_CircularProgress = /*#__PURE__*/react["forwardRef"](funct
 });
  false ? undefined : void 0;
 /* harmony default export */ var material_CircularProgress_CircularProgress = (CircularProgress_CircularProgress);
+// EXTERNAL MODULE: ./node_modules/@mui/icons-material/Info.js
+var Info = __webpack_require__(112);
+var Info_default = /*#__PURE__*/__webpack_require__.n(Info);
+
 // CONCATENATED MODULE: ./src/CollapsibleTree/Collapse.js
 var Collapse_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
@@ -53471,6 +53571,59 @@ Collapse_CollapseComponent.propTypes = {
 };
 
 /* harmony default export */ var CollapsibleTree_Collapse = (Collapse_CollapseComponent);
+// EXTERNAL MODULE: ./node_modules/@mui/icons-material/Error.js
+var icons_material_Error = __webpack_require__(231);
+var Error_default = /*#__PURE__*/__webpack_require__.n(icons_material_Error);
+
+// CONCATENATED MODULE: ./src/NoData/NoData.js
+
+
+
+
+
+
+var NoData_useStyles = makeStyles(function () {
+  return {
+    root: {
+      display: 'flex',
+      flexDirection: 'column',
+      width: '100%',
+      height: '100%',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  };
+});
+
+var NO_RESULT_MESSAGE_ID = 'noResultMessage';
+
+var NoData_NoData = function NoData(_ref) {
+  var icon = _ref.icon,
+      message = _ref.message;
+
+  var classes = NoData_useStyles();
+  return react_default.a.createElement(
+    'div',
+    { className: classes.root },
+    react_default.a.createElement(
+      material_Typography_Typography,
+      { variant: 'subtitle1', noWrap: true, align: 'center' },
+      icon || react_default.a.createElement(Error_default.a, { color: 'primary', fontSize: 'large' })
+    ),
+    react_default.a.createElement(
+      material_Typography_Typography,
+      { variant: 'subtitle1', noWrap: true, align: 'center', tabIndex: '0', id: NO_RESULT_MESSAGE_ID },
+      message
+    )
+  );
+};
+
+NoData_NoData.propTypes = {
+  icon: prop_types_default.a.element,
+  message: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element])
+};
+
+/* harmony default export */ var src_NoData_NoData = (NoData_NoData);
 // CONCATENATED MODULE: ./src/CollapsibleTree/CollapsibleTree.js
 var CollapsibleTree_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
@@ -53492,6 +53645,8 @@ function CollapsibleTree_objectWithoutProperties(obj, keys) { var target = {}; f
 
 
 
+
+
 var CollapsibleTree_useStyles = makeStyles(function (theme) {
   return {
     container: {
@@ -53600,6 +53755,10 @@ var CollapsibleTree_CollapsibleTree = function CollapsibleTree(_ref) {
         )
       )
     ),
+    es_isEmpty(data) && react_default.a.createElement(src_NoData_NoData, {
+      message: es_prop('noData', labels) || 'no data',
+      icon: react_default.a.createElement(Info_default.a, { color: 'primary', fontSize: 'large' })
+    }),
     es_map(function (_ref3) {
       var id = _ref3.id,
           label = _ref3.label,
@@ -53684,7 +53843,8 @@ CollapsibleTree_CollapsibleTree.propTypes = {
   labels: prop_types_default.a.shape({
     collapseAll: prop_types_default.a.string,
     expandAll: prop_types_default.a.string,
-    noValue: prop_types_default.a.string
+    noValue: prop_types_default.a.string,
+    noData: prop_types_default.a.string
   }),
   testId: prop_types_default.a.string,
   valueHandler: prop_types_default.a.func,
@@ -54141,16 +54301,21 @@ const RadioGroup_RadioGroup = /*#__PURE__*/react["forwardRef"](function RadioGro
 
 
 const RadioButtonIconRoot = Object(styled["a" /* default */])('span', {
+  name: 'MuiRadioButtonIcon',
   shouldForwardProp: styles_rootShouldForwardProp["a" /* default */]
 })({
   position: 'relative',
   display: 'flex'
 });
-const RadioButtonIconBackground = Object(styled["a" /* default */])(RadioButtonUnchecked)({
+const RadioButtonIconBackground = Object(styled["a" /* default */])(RadioButtonUnchecked, {
+  name: 'MuiRadioButtonIcon'
+})({
   // Scale applied to prevent dot misalignment in Safari
   transform: 'scale(1)'
 });
-const RadioButtonIconDot = Object(styled["a" /* default */])(RadioButtonChecked)(({
+const RadioButtonIconDot = Object(styled["a" /* default */])(RadioButtonChecked, {
+  name: 'MuiRadioButtonIcon'
+})(({
   theme,
   ownerState
 }) => Object(esm_extends["a" /* default */])({
@@ -56041,7 +56206,7 @@ var ExpandMore = __webpack_require__(82);
 var ExpandMore_default = /*#__PURE__*/__webpack_require__.n(ExpandMore);
 
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/ExpandLess.js
-var ExpandLess = __webpack_require__(112);
+var ExpandLess = __webpack_require__(113);
 var ExpandLess_default = /*#__PURE__*/__webpack_require__.n(ExpandLess);
 
 // CONCATENATED MODULE: ./src/Dataflow/Dataflow.js
@@ -56655,10 +56820,6 @@ var T = function () {
 };
 
 /* harmony default export */ var es_T = (T);
-// EXTERNAL MODULE: ./node_modules/@mui/icons-material/Info.js
-var Info = __webpack_require__(230);
-var Info_default = /*#__PURE__*/__webpack_require__.n(Info);
-
 // CONCATENATED MODULE: ./src/theme.js
 var theme_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
@@ -57108,6 +57269,7 @@ DataHeader_Title_Title.propTypes = {
 var TooltipHeader_TooltipHeader = function TooltipHeader(_ref) {
   var children = _ref.children,
       classes = _ref.classes,
+      HTMLRenderer = _ref.HTMLRenderer,
       _ref$content = _ref.content,
       content = _ref$content === undefined ? [] : _ref$content;
 
@@ -57125,7 +57287,7 @@ var TooltipHeader_TooltipHeader = function TooltipHeader(_ref) {
         'li',
         { key: label + '-' + index },
         react_default.a.createElement(DataHeader_Title, { header: header }),
-        label,
+        es_is(Function, HTMLRenderer) ? react_default.a.createElement(HTMLRenderer, { html: label }) : label,
         es_not(es_isEmpty(sub)) && react_default.a.createElement(
           'ul',
           { className: classes.subContent },
@@ -57134,7 +57296,7 @@ var TooltipHeader_TooltipHeader = function TooltipHeader(_ref) {
             return react_default.a.createElement(
               'li',
               { key: label + '-' + index },
-              label
+              es_is(Function, HTMLRenderer) ? react_default.a.createElement(HTMLRenderer, { html: label }) : label
             );
           }, sub)
         )
@@ -57171,7 +57333,8 @@ TooltipHeader_TooltipHeader.propTypes = {
     sub: prop_types_default.a.arrayOf(prop_types_default.a.shape({
       label: prop_types_default.a.string
     }))
-  }))
+  })),
+  HTMLRenderer: prop_types_default.a.func
 };
 
 /* harmony default export */ var DataHeader_TooltipHeader = (TooltipHeader_TooltipHeader);
@@ -57184,7 +57347,8 @@ TooltipHeader_TooltipHeader.propTypes = {
 
 var Flags_Flags = function Flags(_ref) {
   var classes = _ref.classes,
-      content = _ref.content;
+      content = _ref.content,
+      HTMLRenderer = _ref.HTMLRenderer;
 
   var codes = pipe(es_pluck('code'), es_filter(es_identity))(content);
   var hasCodes = !es_isEmpty(codes);
@@ -57194,7 +57358,7 @@ var Flags_Flags = function Flags(_ref) {
   })(codes);
   return react_default.a.createElement(
     TooltipHeader_TooltipHeader,
-    { classes: classes, content: content },
+    { classes: classes, content: content, HTMLRenderer: HTMLRenderer },
     react_default.a.createElement(
       'sup',
       { className: classes.svgWrapper },
@@ -57206,6 +57370,7 @@ var Flags_Flags = function Flags(_ref) {
 
 Flags_Flags.propTypes = {
   classes: prop_types_default.a.object,
+  HTMLRenderer: prop_types_default.a.func,
   content: prop_types_default.a.arrayOf(prop_types_default.a.shape({
     header: prop_types_default.a.string,
     label: prop_types_default.a.string,
@@ -57477,6 +57642,8 @@ var utils_getReducedContent = function getReducedContent(_ref) {
 // CONCATENATED MODULE: ./src/DataHeader/DataHeader.js
 var DataHeader_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
+function DataHeader_objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
 
 
 
@@ -57566,20 +57733,31 @@ var DataHeader_useStyles = makeStyles(function (theme) {
     }
   };
 });
+var DataHeader_BasicHTMLRenderer = function BasicHTMLRenderer(_ref) {
+  var html = _ref.html,
+      rest = DataHeader_objectWithoutProperties(_ref, ['html']);
 
-var DataHeader_DataHeader = function DataHeader(_ref) {
+  return react_default.a.createElement('span', DataHeader_extends({ dangerouslySetInnerHTML: { __html: html } }, rest));
+};
+
+DataHeader_BasicHTMLRenderer.propTypes = {
+  html: prop_types_default.a.string
+};
+var DataHeader_DataHeader = function DataHeader(_ref2) {
   var _cx;
 
-  var children = _ref.children,
-      title = _ref.title,
-      _ref$subtitle = _ref.subtitle,
-      subtitle = _ref$subtitle === undefined ? [] : _ref$subtitle,
-      combinations = _ref.combinations,
-      disclaimer = _ref.disclaimer,
-      sideProps = _ref.sideProps,
-      SideIcon = _ref.SideIcon,
-      _ref$isSticky = _ref.isSticky,
-      isSticky = _ref$isSticky === undefined ? false : _ref$isSticky;
+  var children = _ref2.children,
+      title = _ref2.title,
+      _ref2$subtitle = _ref2.subtitle,
+      subtitle = _ref2$subtitle === undefined ? [] : _ref2$subtitle,
+      combinations = _ref2.combinations,
+      disclaimer = _ref2.disclaimer,
+      sideProps = _ref2.sideProps,
+      SideIcon = _ref2.SideIcon,
+      _ref2$isSticky = _ref2.isSticky,
+      isSticky = _ref2$isSticky === undefined ? false : _ref2$isSticky,
+      _ref2$HTMLRenderer = _ref2.HTMLRenderer,
+      HTMLRenderer = _ref2$HTMLRenderer === undefined ? DataHeader_BasicHTMLRenderer : _ref2$HTMLRenderer;
 
   var target = react_default.a.useRef(null);
 
@@ -57634,7 +57812,11 @@ var DataHeader_DataHeader = function DataHeader(_ref) {
           { className: classes.sideIconContainer },
           react_default.a.createElement(SideIcon, { sideProps: sideProps })
         ),
-        react_default.a.createElement(DataHeader_Flags, { classes: classes, content: es_propOr([], 'flags', title) })
+        react_default.a.createElement(DataHeader_Flags, {
+          classes: classes,
+          HTMLRenderer: HTMLRenderer,
+          content: es_propOr([], 'flags', title)
+        })
       ),
       isWidthUp(T4_BREAKPOINTS.xs3) && subtitle && es_not(es_isEmpty(subtitle)) && react_default.a.createElement(
         'div',
@@ -57655,7 +57837,11 @@ var DataHeader_DataHeader = function DataHeader(_ref) {
               { variant: 'inherit' },
               sub.label
             ),
-            es_not(es_isEmpty(es_propOr([], 'flags', sub))) && react_default.a.createElement(DataHeader_Flags, { classes: classes, content: es_prop('flags', sub) }),
+            es_not(es_isEmpty(es_propOr([], 'flags', sub))) && react_default.a.createElement(DataHeader_Flags, {
+              classes: classes,
+              HTMLRenderer: HTMLRenderer,
+              content: es_prop('flags', sub)
+            }),
             es_lt(index + 1, subtitleLength) && react_default.a.createElement(
               'svg',
               { width: '24', height: '8' },
@@ -57682,7 +57868,11 @@ var DataHeader_DataHeader = function DataHeader(_ref) {
               { variant: 'inherit' },
               comb.label
             ),
-            es_not(es_isEmpty(es_propOr([], 'flags', comb))) && react_default.a.createElement(DataHeader_Flags, { classes: classes, content: es_prop('flags', comb) }),
+            es_not(es_isEmpty(es_propOr([], 'flags', comb))) && react_default.a.createElement(DataHeader_Flags, {
+              classes: classes,
+              HTMLRenderer: HTMLRenderer,
+              content: es_prop('flags', comb)
+            }),
             es_lt(index + 1, combinationsLength) && react_default.a.createElement(
               'svg',
               { width: '24', height: '8' },
@@ -57706,7 +57896,7 @@ var DataHeader_DataHeader = function DataHeader(_ref) {
       { className: classes.children },
       es_not(es_isEmpty(reducedContent)) && react_default.a.createElement(
         DataHeader_TooltipHeader,
-        { classes: classes, content: reducedContent },
+        { classes: classes, content: reducedContent, HTMLRenderer: HTMLRenderer },
         react_default.a.createElement(Info_default.a, { className: classes.infoIcon })
       ),
       children
@@ -57744,7 +57934,8 @@ DataHeader_DataHeader.propTypes = {
   SideIcon: prop_types_default.a.func,
   disclaimer: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element]),
   children: prop_types_default.a.node,
-  isSticky: prop_types_default.a.bool
+  isSticky: prop_types_default.a.bool,
+  HTMLRenderer: prop_types_default.a.func
 };
 
 /* harmony default export */ var src_DataHeader_DataHeader = (DataHeader_DataHeader);
@@ -58329,6 +58520,42 @@ var uniq =
 /*#__PURE__*/
 es_uniqBy(es_identity);
 /* harmony default export */ var es_uniq = (uniq);
+// CONCATENATED MODULE: ./node_modules/ramda/es/zipObj.js
+
+/**
+ * Creates a new object out of a list of keys and a list of values.
+ * Key/value pairing is truncated to the length of the shorter of the two lists.
+ * Note: `zipObj` is equivalent to `pipe(zip, fromPairs)`.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.3.0
+ * @category List
+ * @sig [String] -> [*] -> {String: *}
+ * @param {Array} keys The array that will be properties on the output object.
+ * @param {Array} values The list of values on the output object.
+ * @return {Object} The object made by pairing up same-indexed elements of `keys` and `values`.
+ * @example
+ *
+ *      R.zipObj(['a', 'b', 'c'], [1, 2, 3]); //=> {a: 1, b: 2, c: 3}
+ */
+
+var zipObj =
+/*#__PURE__*/
+_curry2(function zipObj(keys, values) {
+  var idx = 0;
+  var len = Math.min(keys.length, values.length);
+  var out = {};
+
+  while (idx < len) {
+    out[keys[idx]] = values[idx];
+    idx += 1;
+  }
+
+  return out;
+});
+
+/* harmony default export */ var es_zipObj = (zipObj);
 // CONCATENATED MODULE: ./node_modules/@mui/system/esm/createBox.js
 'use client';
 
@@ -58989,19 +59216,19 @@ var EmojiObjects = __webpack_require__(83);
 var EmojiObjects_default = /*#__PURE__*/__webpack_require__.n(EmojiObjects);
 
 // EXTERNAL MODULE: ./src/AdvancedFilterDialog/images/single-selection.png
-var single_selection = __webpack_require__(113);
+var single_selection = __webpack_require__(114);
 var single_selection_default = /*#__PURE__*/__webpack_require__.n(single_selection);
 
 // EXTERNAL MODULE: ./src/AdvancedFilterDialog/images/children-selection.png
-var children_selection = __webpack_require__(114);
+var children_selection = __webpack_require__(115);
 var children_selection_default = /*#__PURE__*/__webpack_require__.n(children_selection);
 
 // EXTERNAL MODULE: ./src/AdvancedFilterDialog/images/branch-selection.png
-var branch_selection = __webpack_require__(115);
+var branch_selection = __webpack_require__(116);
 var branch_selection_default = /*#__PURE__*/__webpack_require__.n(branch_selection);
 
 // EXTERNAL MODULE: ./src/AdvancedFilterDialog/images/level-selection.png
-var level_selection = __webpack_require__(116);
+var level_selection = __webpack_require__(117);
 var level_selection_default = /*#__PURE__*/__webpack_require__.n(level_selection);
 
 // CONCATENATED MODULE: ./src/DynamicDrawer/SelectionModesMobile.js
@@ -60784,7 +61011,7 @@ const Tab_Tab = /*#__PURE__*/react["forwardRef"](function Tab(inProps, ref) {
  false ? undefined : void 0;
 /* harmony default export */ var material_Tab_Tab = (Tab_Tab);
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/ArrowBack.js
-var ArrowBack = __webpack_require__(117);
+var ArrowBack = __webpack_require__(118);
 var ArrowBack_default = /*#__PURE__*/__webpack_require__.n(ArrowBack);
 
 // CONCATENATED MODULE: ./src/DynamicDrawer/DynamicDrawer.js
@@ -60977,9 +61204,9 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
       open = _useState[0],
       setOpen = _useState[1];
 
-  var _useState2 = Object(react["useState"])({}),
-      filter = _useState2[0],
-      setFilter = _useState2[1];
+  var _useState2 = Object(react["useState"])(null),
+      selectedId = _useState2[0],
+      setSelectedId = _useState2[1];
 
   var _useState3 = Object(react["useState"])({}),
       selection = _useState3[0],
@@ -61032,9 +61259,12 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
       rest = DynamicDrawer_objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'onClosePanel', 'isNarrow', 'labels', 'disableAccessor', 'isApplyHiddenNarrow', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
 
   var handleChange = function handleChange(e, item) {
-    setSelection(DynamicDrawer_extends({}, allSelection[item.id]));
+    var filterSelection = pipe(es_propOr([], item.id), function (arr) {
+      return es_zipObj(arr, arr);
+    })(allSelection);
+    setSelection(DynamicDrawer_extends({}, filterSelection));
     handleChangePanel(item.id, selection, allSelection);
-    setFilter(item);
+    setSelectedId(item.id);
     setOpen(true);
   };
   var handleSubmit = function handleSubmit() {
@@ -61042,17 +61272,24 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
     setAllSelection({});
     setSelection({});
     setOpen(false);
-    setFilter({});
+    setSelectedId(null);
     onClosePanel();
   };
   var handleClose = function handleClose() {
     setOpen(false);
     setAllSelection({});
     setSelection({});
-    setFilter({});
+    setSelectedId(null);
     onClosePanel();
   };
 
+  var filter = Object(react["useMemo"])(function () {
+    if (!selectedId) return {};
+    return es_find(function (item) {
+      return item.id === selectedId;
+    })(list);
+  }, [selectedId, list]);
+
   var isHidden = open && isNarrow;
   var isNotHiddenButton = (!es_isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
   Object(react["useEffect"])(function () {
@@ -61117,7 +61354,7 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
           component: function component(props) {
             return DynamicDrawer_PaperComponent(DynamicDrawer_extends({
               label: labelRenderer(item),
-              selected: filter.id === item.id,
+              selected: selectedId === item.id,
               tag: es_isNil(item.tag) ? react_default.a.createElement(
                 Chip,
                 { items: item.values, tagValueLabel: tagValueLabel },
@@ -61177,8 +61414,8 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
         styles: styles
       },
       es_equals(filter.id, periodPanel) ? children : react_default.a.createElement(DynamicDrawer_AdvancedSelection, DynamicDrawer_extends({
-        id: filter.id,
-        items: filter.values,
+        id: selectedId,
+        items: filter.values || [],
         isOpen: open,
         labelRenderer: labelRenderer,
         disableAccessor: disableAccessor ? pipe(es_prop('isEnabled'), es_not) : undefined,
@@ -62565,7 +62802,7 @@ _curry2(function lte(a, b) {
 
 /* harmony default export */ var es_lte = (lte);
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/Help.js
-var Help = __webpack_require__(231);
+var Help = __webpack_require__(232);
 var Help_default = /*#__PURE__*/__webpack_require__.n(Help);
 
 // CONCATENATED MODULE: ./src/InputNumber/InputNumber.js
@@ -62977,59 +63214,6 @@ Logo_Logo.propTypes = {
  */
 
 
-// EXTERNAL MODULE: ./node_modules/@mui/icons-material/Error.js
-var icons_material_Error = __webpack_require__(232);
-var Error_default = /*#__PURE__*/__webpack_require__.n(icons_material_Error);
-
-// CONCATENATED MODULE: ./src/NoData/NoData.js
-
-
-
-
-
-
-var NoData_useStyles = makeStyles(function () {
-  return {
-    root: {
-      display: 'flex',
-      flexDirection: 'column',
-      width: '100%',
-      height: '100%',
-      justifyContent: 'center',
-      alignItems: 'center'
-    }
-  };
-});
-
-var NO_RESULT_MESSAGE_ID = 'noResultMessage';
-
-var NoData_NoData = function NoData(_ref) {
-  var icon = _ref.icon,
-      message = _ref.message;
-
-  var classes = NoData_useStyles();
-  return react_default.a.createElement(
-    'div',
-    { className: classes.root },
-    react_default.a.createElement(
-      material_Typography_Typography,
-      { variant: 'subtitle1', noWrap: true, align: 'center' },
-      icon || react_default.a.createElement(Error_default.a, { color: 'primary', fontSize: 'large' })
-    ),
-    react_default.a.createElement(
-      material_Typography_Typography,
-      { variant: 'subtitle1', noWrap: true, align: 'center', tabIndex: '0', id: NO_RESULT_MESSAGE_ID },
-      message
-    )
-  );
-};
-
-NoData_NoData.propTypes = {
-  icon: prop_types_default.a.element,
-  message: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element])
-};
-
-/* harmony default export */ var src_NoData_NoData = (NoData_NoData);
 // CONCATENATED MODULE: ./src/NoData/index.js
 /**
  * NoData component is a basic placeholder to use when there is nothing to display.
@@ -63239,19 +63423,19 @@ _curry2(function match(rx, str) {
 
 /* harmony default export */ var es_match = (match_match);
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/KeyboardArrowLeft.js
-var icons_material_KeyboardArrowLeft = __webpack_require__(205);
+var icons_material_KeyboardArrowLeft = __webpack_require__(206);
 var KeyboardArrowLeft_default = /*#__PURE__*/__webpack_require__.n(icons_material_KeyboardArrowLeft);
 
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/KeyboardArrowRight.js
-var icons_material_KeyboardArrowRight = __webpack_require__(204);
+var icons_material_KeyboardArrowRight = __webpack_require__(205);
 var KeyboardArrowRight_default = /*#__PURE__*/__webpack_require__.n(icons_material_KeyboardArrowRight);
 
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/FirstPage.js
-var FirstPage = __webpack_require__(203);
+var FirstPage = __webpack_require__(204);
 var FirstPage_default = /*#__PURE__*/__webpack_require__.n(FirstPage);
 
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/LastPage.js
-var LastPage = __webpack_require__(202);
+var LastPage = __webpack_require__(203);
 var LastPage_default = /*#__PURE__*/__webpack_require__.n(LastPage);
 
 // CONCATENATED MODULE: ./src/Pagination/Pagination.js
@@ -68361,7 +68545,7 @@ var Undo = __webpack_require__(243);
 var Undo_default = /*#__PURE__*/__webpack_require__.n(Undo);
 
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/CheckBoxOutlineBlankOutlined.js
-var CheckBoxOutlineBlankOutlined = __webpack_require__(118);
+var CheckBoxOutlineBlankOutlined = __webpack_require__(119);
 var CheckBoxOutlineBlankOutlined_default = /*#__PURE__*/__webpack_require__.n(CheckBoxOutlineBlankOutlined);
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
@@ -69093,7 +69277,7 @@ function applyMiddleware() {
 
 
 // EXTERNAL MODULE: ./node_modules/use-sync-external-store/shim/index.js
-var shim = __webpack_require__(153);
+var shim = __webpack_require__(154);
 
 // EXTERNAL MODULE: ./node_modules/use-sync-external-store/shim/with-selector.js
 var with_selector = __webpack_require__(237);
@@ -83490,7 +83674,7 @@ var esm_extends = __webpack_require__(2);
 var objectWithoutPropertiesLoose = __webpack_require__(4);
 
 // EXTERNAL MODULE: ./node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js
-var formatMuiErrorMessage = __webpack_require__(143);
+var formatMuiErrorMessage = __webpack_require__(144);
 
 // EXTERNAL MODULE: ./node_modules/@mui/utils/esm/deepmerge/deepmerge.js
 var deepmerge = __webpack_require__(73);
@@ -83502,7 +83686,7 @@ var defaultSxConfig = __webpack_require__(57);
 var styleFunctionSx = __webpack_require__(50);
 
 // EXTERNAL MODULE: ./node_modules/@mui/system/esm/createTheme/createTheme.js + 2 modules
-var createTheme = __webpack_require__(201);
+var createTheme = __webpack_require__(202);
 
 // CONCATENATED MODULE: ./node_modules/@mui/material/styles/createMixins.js
 
@@ -84035,7 +84219,7 @@ function createShadow(...px) {
 const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
 /* harmony default export */ var styles_shadows = (shadows);
 // EXTERNAL MODULE: ./node_modules/@mui/material/styles/createTransitions.js
-var createTransitions = __webpack_require__(148);
+var createTransitions = __webpack_require__(149);
 
 // CONCATENATED MODULE: ./node_modules/@mui/material/styles/zIndex.js
 // We need to centralize the zIndex definitions as they work