mdts 0.16.0 → 0.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/frontend/bundle.js +13 -13
  2. package/package.json +3 -2
package/dist/frontend/bundle.js CHANGED
@@ -862,7 +862,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
862
862
  (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
863
863
 
864
864
  "use strict";
865
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_icons_material_GitHub__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/icons-material/GitHub */ \"./node_modules/@mui/icons-material/esm/GitHub.js\");\n/* harmony import */ var _mui_icons_material_Settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/icons-material/Settings */ \"./node_modules/@mui/icons-material/esm/Settings.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/AppBar/AppBar.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Toolbar/Toolbar.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Tooltip/Tooltip.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/IconButton/IconButton.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Link/Link.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Logo */ \"./src/components/Logo.tsx\");\n\n\n\n\n\nconst AppHeader = ({\n handleFileSelect,\n onSettingsClick\n}) => {\n const handleFileSelectClick = (0,react__WEBPACK_IMPORTED_MODULE_8__.useCallback)(() => {\n handleFileSelect('');\n }, [handleFileSelect]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n position: \"static\",\n elevation: 0,\n sx: {\n bgcolor: 'background.paper',\n color: 'text.primary',\n borderBottom: '1px solid ',\n borderColor: 'divider'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n sx: {\n flexGrow: 1\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n title: \"Top page\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n disableRipple: true,\n onClick: handleFileSelectClick,\n color: \"inherit\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(\"div\", {\n style: {\n height: '56px',\n marginTop: '-8px',\n marginLeft: '-16px'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_Logo__WEBPACK_IMPORTED_MODULE_9__[\"default\"], null))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n title: \"Settings\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n sx: {\n mr: 2\n },\n onClick: onSettingsClick,\n color: \"inherit\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_icons_material_Settings__WEBPACK_IMPORTED_MODULE_1__[\"default\"], null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n title: \"GitHub Repository\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n color: \"inherit\",\n href: \"https://github.com/unhappychoice/mdts\",\n target: \"_blank\",\n rel: \"noopener\",\n sx: {\n mr: 2\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_icons_material_GitHub__WEBPACK_IMPORTED_MODULE_0__[\"default\"], null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n sx: {\n fontSize: '0.9rem',\n pt: '2px',\n fontFamily: 'monospace'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n title: \"Changelog\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n href: \"https://github.com/unhappychoice/mdts/blob/main/CHANGELOG.md\",\n target: \"_blank\",\n rel: \"noopener\"\n }, \"v\", \"0.16.0\")))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AppHeader);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/AppHeader.tsx?\n}");
865
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_icons_material_GitHub__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/icons-material/GitHub */ \"./node_modules/@mui/icons-material/esm/GitHub.js\");\n/* harmony import */ var _mui_icons_material_Settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/icons-material/Settings */ \"./node_modules/@mui/icons-material/esm/Settings.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/AppBar/AppBar.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Toolbar/Toolbar.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Tooltip/Tooltip.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/IconButton/IconButton.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Link/Link.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Logo */ \"./src/components/Logo.tsx\");\n\n\n\n\n\nconst AppHeader = ({\n handleFileSelect,\n onSettingsClick\n}) => {\n const handleFileSelectClick = (0,react__WEBPACK_IMPORTED_MODULE_8__.useCallback)(() => {\n handleFileSelect('');\n }, [handleFileSelect]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n position: \"static\",\n elevation: 0,\n sx: {\n bgcolor: 'background.paper',\n color: 'text.primary',\n borderBottom: '1px solid ',\n borderColor: 'divider'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n sx: {\n flexGrow: 1\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n title: \"Top page\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n disableRipple: true,\n onClick: handleFileSelectClick,\n color: \"inherit\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(\"div\", {\n style: {\n height: '56px',\n marginTop: '-8px',\n marginLeft: '-16px'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_Logo__WEBPACK_IMPORTED_MODULE_9__[\"default\"], null))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n title: \"Settings\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n sx: {\n mr: 2\n },\n onClick: onSettingsClick,\n color: \"inherit\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_icons_material_Settings__WEBPACK_IMPORTED_MODULE_1__[\"default\"], null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n title: \"GitHub Repository\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n color: \"inherit\",\n href: \"https://github.com/unhappychoice/mdts\",\n target: \"_blank\",\n rel: \"noopener\",\n sx: {\n mr: 2\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_icons_material_GitHub__WEBPACK_IMPORTED_MODULE_0__[\"default\"], null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n sx: {\n fontSize: '0.9rem',\n pt: '2px',\n fontFamily: 'monospace'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n title: \"Changelog\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n href: \"https://github.com/unhappychoice/mdts/blob/main/CHANGELOG.md\",\n target: \"_blank\",\n rel: \"noopener\"\n }, \"v\", \"0.16.1\")))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AppHeader);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/AppHeader.tsx?\n}");
866
866
 
867
867
  /***/ },
868
868
 
@@ -884,7 +884,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
884
884
  (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
885
885
 
886
886
  "use strict";
887
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _DirectoryContent_DirectoryContent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DirectoryContent/DirectoryContent */ \"./src/components/Content/DirectoryContent/DirectoryContent.tsx\");\n/* harmony import */ var _MarkdownContent_MarkdownContent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MarkdownContent/MarkdownContent */ \"./src/components/Content/MarkdownContent/MarkdownContent.tsx\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _store_slices_contentSlice__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../store/slices/contentSlice */ \"./src/store/slices/contentSlice.ts\");\n\n\n\n\n\n\nconst Content = ({\n onFileSelect,\n onDirectorySelect,\n scrollToId\n}) => {\n const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n const {\n currentPath,\n isDirectory\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.history);\n const {\n contentMode\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.appSetting);\n const {\n scrollPosition,\n loading\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.content);\n const scrollableRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n const scrollableElement = scrollableRef.current;\n return () => {\n if (scrollableElement) {\n dispatch((0,_store_slices_contentSlice__WEBPACK_IMPORTED_MODULE_5__.setScrollPosition)(scrollableElement.scrollTop));\n }\n };\n }, [dispatch]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n if (!loading && scrollableRef.current) {\n scrollableRef.current.scrollTop = scrollPosition;\n }\n }, [loading, scrollPosition]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n sx: {\n display: 'flex',\n height: 'calc(100vh - 64px)',\n flexGrow: 1,\n justifyContent: 'center',\n ...(contentMode === 'full' && {\n bgcolor: 'background.paper'\n })\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n ref: scrollableRef,\n className: \"custom-scrollbar\",\n sx: {\n overflowY: 'scroll',\n width: '100%'\n }\n }, currentPath && isDirectory ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DirectoryContent_DirectoryContent__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n onFileSelect: onFileSelect,\n onDirectorySelect: onDirectorySelect\n }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MarkdownContent_MarkdownContent__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n onDirectorySelect: onDirectorySelect,\n scrollToId: scrollToId\n })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Content);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/Content/Content.tsx?\n}");
887
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _DirectoryContent_DirectoryContent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DirectoryContent/DirectoryContent */ \"./src/components/Content/DirectoryContent/DirectoryContent.tsx\");\n/* harmony import */ var _MarkdownContent_MarkdownContent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MarkdownContent/MarkdownContent */ \"./src/components/Content/MarkdownContent/MarkdownContent.tsx\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _store_slices_contentSlice__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../store/slices/contentSlice */ \"./src/store/slices/contentSlice.ts\");\n\n\n\n\n\n\nconst Content = ({\n onFileSelect,\n onDirectorySelect,\n scrollToId\n}) => {\n const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n const {\n currentPath,\n isDirectory\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.history);\n const {\n contentMode\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.appSetting);\n const {\n scrollPosition,\n loading\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.content);\n const scrollableRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n const scrollableElement = scrollableRef.current;\n return () => {\n if (scrollableElement) {\n dispatch((0,_store_slices_contentSlice__WEBPACK_IMPORTED_MODULE_5__.setScrollPosition)(scrollableElement.scrollTop));\n }\n };\n }, [dispatch]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n if (!loading && scrollableRef.current) {\n scrollableRef.current.scrollTop = scrollPosition;\n }\n }, [loading, scrollPosition]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n sx: {\n display: 'flex',\n height: 'calc(100vh - 64px)',\n flexGrow: 1,\n minWidth: 0,\n justifyContent: 'center',\n ...(contentMode === 'full' && {\n bgcolor: 'background.paper'\n })\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n ref: scrollableRef,\n className: \"custom-scrollbar\",\n sx: {\n overflowY: 'scroll',\n width: '100%'\n }\n }, currentPath && isDirectory ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DirectoryContent_DirectoryContent__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n onFileSelect: onFileSelect,\n onDirectorySelect: onDirectorySelect\n }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MarkdownContent_MarkdownContent__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n onDirectorySelect: onDirectorySelect,\n scrollToId: scrollToId\n })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Content);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/Content/Content.tsx?\n}");
888
888
 
889
889
  /***/ },
890
890
 
@@ -917,7 +917,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
917
917
  (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
918
918
 
919
919
  "use strict";
920
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_icons_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/icons-material */ \"./node_modules/@mui/icons-material/esm/ArticleOutlined.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Typography/Typography.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Chip/Chip.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _hooks_useFrontmatter__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/useFrontmatter */ \"./src/hooks/useFrontmatter.ts\");\n/* harmony import */ var _hooks_useViewMode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../hooks/useViewMode */ \"./src/hooks/useViewMode.ts\");\n/* harmony import */ var _store_slices_contentSlice__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../store/slices/contentSlice */ \"./src/store/slices/contentSlice.ts\");\n/* harmony import */ var _ErrorView__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../ErrorView */ \"./src/components/ErrorView.tsx\");\n/* harmony import */ var _BreadCrumb__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../BreadCrumb */ \"./src/components/Content/BreadCrumb.tsx\");\n/* harmony import */ var _MarkdownContentTabs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./MarkdownContentTabs */ \"./src/components/Content/MarkdownContent/MarkdownContentTabs.tsx\");\n/* harmony import */ var _MarkdownContentView__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./MarkdownContentView */ \"./src/components/Content/MarkdownContent/MarkdownContentView.tsx\");\n\n\n\n\n\n\n\n\n\n\n\nconst MarkdownContent = ({\n scrollToId,\n onDirectorySelect\n}) => {\n const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useDispatch)();\n const {\n currentPath\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.history);\n const {\n contentMode\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.appSetting);\n const {\n content,\n loading: contentLoading,\n error\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.content);\n const {\n loading: fileTreeLoading\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.fileTree);\n const {\n fontFamily\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.config);\n const {\n frontmatter,\n markdownContent\n } = (0,_hooks_useFrontmatter__WEBPACK_IMPORTED_MODULE_6__.useFrontmatter)(content);\n const viewMode = (0,_hooks_useViewMode__WEBPACK_IMPORTED_MODULE_7__.useViewMode)();\n const loading = contentLoading || fileTreeLoading;\n (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {\n dispatch((0,_store_slices_contentSlice__WEBPACK_IMPORTED_MODULE_8__.fetchContent)(currentPath));\n }, [dispatch, currentPath]);\n (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {\n if (scrollToId) {\n const element = document.getElementById(scrollToId);\n if (element) {\n element.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n }\n }, [scrollToId, content]);\n const displayFileName = frontmatter.title ? String(frontmatter.title) : currentPath ? currentPath.split('/').pop() : loading ? '' : '🎉 Welcome to mdts!';\n const hasFrontmatter = Object.keys(frontmatter).length > 0;\n if (error) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_ErrorView__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n error: error\n });\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n width: '100%',\n minHeight: 'calc(100vh - 64px)',\n m: 0,\n p: 4,\n bgcolor: 'background.paper',\n ...(contentMode === 'compact' && {\n width: '800px',\n margin: '0 auto',\n borderRight: '1px solid',\n borderLeft: '1px solid',\n borderColor: 'divider'\n })\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_BreadCrumb__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n onDirectorySelect: onDirectorySelect\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n display: 'flex',\n alignItems: 'center',\n mb: 4\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_icons_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n sx: {\n mr: 2\n },\n fontSize: \"large\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n variant: \"h4\",\n gutterBottom: true,\n sx: {\n mb: 0\n }\n }, displayFileName)), frontmatter.tags && Array.isArray(frontmatter.tags) && frontmatter.tags.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n display: 'flex',\n gap: 1,\n mb: 2\n }\n }, frontmatter.tags.map(tag => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n key: tag,\n label: tag,\n size: \"small\"\n }))), frontmatter.categories && Array.isArray(frontmatter.categories) && frontmatter.categories.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n display: 'flex',\n gap: 1,\n mb: 2\n }\n }, frontmatter.categories.map(category => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n key: category,\n label: category,\n size: \"small\"\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_MarkdownContentTabs__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n viewMode: viewMode,\n hasFrontmatter: hasFrontmatter\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n fontFamily: fontFamily\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_MarkdownContentView__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n loading: loading,\n viewMode: viewMode,\n content: content,\n frontmatter: frontmatter,\n markdownContent: markdownContent\n })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MarkdownContent);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/Content/MarkdownContent/MarkdownContent.tsx?\n}");
920
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_icons_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/icons-material */ \"./node_modules/@mui/icons-material/esm/ArticleOutlined.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Typography/Typography.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Chip/Chip.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _hooks_useFrontmatter__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/useFrontmatter */ \"./src/hooks/useFrontmatter.ts\");\n/* harmony import */ var _hooks_useViewMode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../hooks/useViewMode */ \"./src/hooks/useViewMode.ts\");\n/* harmony import */ var _store_slices_contentSlice__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../store/slices/contentSlice */ \"./src/store/slices/contentSlice.ts\");\n/* harmony import */ var _ErrorView__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../ErrorView */ \"./src/components/ErrorView.tsx\");\n/* harmony import */ var _BreadCrumb__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../BreadCrumb */ \"./src/components/Content/BreadCrumb.tsx\");\n/* harmony import */ var _MarkdownContentTabs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./MarkdownContentTabs */ \"./src/components/Content/MarkdownContent/MarkdownContentTabs.tsx\");\n/* harmony import */ var _MarkdownContentView__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./MarkdownContentView */ \"./src/components/Content/MarkdownContent/MarkdownContentView.tsx\");\n\n\n\n\n\n\n\n\n\n\n\nconst MarkdownContent = ({\n scrollToId,\n onDirectorySelect\n}) => {\n const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useDispatch)();\n const {\n currentPath\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.history);\n const {\n contentMode\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.appSetting);\n const {\n content,\n loading: contentLoading,\n error\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.content);\n const {\n loading: fileTreeLoading\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.fileTree);\n const {\n fontFamily\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.config);\n const {\n frontmatter,\n markdownContent\n } = (0,_hooks_useFrontmatter__WEBPACK_IMPORTED_MODULE_6__.useFrontmatter)(content);\n const viewMode = (0,_hooks_useViewMode__WEBPACK_IMPORTED_MODULE_7__.useViewMode)();\n const loading = contentLoading || fileTreeLoading;\n (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {\n dispatch((0,_store_slices_contentSlice__WEBPACK_IMPORTED_MODULE_8__.fetchContent)(currentPath));\n }, [dispatch, currentPath]);\n (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {\n if (scrollToId) {\n const element = document.getElementById(scrollToId);\n if (element) {\n element.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n }\n }, [scrollToId, content]);\n const displayFileName = frontmatter.title ? String(frontmatter.title) : currentPath ? currentPath.split('/').pop() : loading ? '' : '🎉 Welcome to mdts!';\n const hasFrontmatter = Object.keys(frontmatter).length > 0;\n if (error) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_ErrorView__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n error: error\n });\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n width: '100%',\n minWidth: 0,\n minHeight: 'calc(100vh - 64px)',\n m: 0,\n p: 4,\n bgcolor: 'background.paper',\n ...(contentMode === 'compact' && {\n width: '800px',\n margin: '0 auto',\n borderRight: '1px solid',\n borderLeft: '1px solid',\n borderColor: 'divider'\n })\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_BreadCrumb__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n onDirectorySelect: onDirectorySelect\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n display: 'flex',\n alignItems: 'center',\n mb: 4\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_icons_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n sx: {\n mr: 2\n },\n fontSize: \"large\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n variant: \"h4\",\n gutterBottom: true,\n sx: {\n mb: 0\n }\n }, displayFileName)), frontmatter.tags && Array.isArray(frontmatter.tags) && frontmatter.tags.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n display: 'flex',\n gap: 1,\n mb: 2\n }\n }, frontmatter.tags.map(tag => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n key: tag,\n label: tag,\n size: \"small\"\n }))), frontmatter.categories && Array.isArray(frontmatter.categories) && frontmatter.categories.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n display: 'flex',\n gap: 1,\n mb: 2\n }\n }, frontmatter.categories.map(category => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n key: category,\n label: category,\n size: \"small\"\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_MarkdownContentTabs__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n viewMode: viewMode,\n hasFrontmatter: hasFrontmatter\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n fontFamily: fontFamily\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_MarkdownContentView__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n loading: loading,\n viewMode: viewMode,\n content: content,\n frontmatter: frontmatter,\n markdownContent: markdownContent\n })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MarkdownContent);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/Content/MarkdownContent/MarkdownContent.tsx?\n}");
921
921
 
922
922
  /***/ },
923
923
 
@@ -4514,7 +4514,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
4514
4514
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
4515
4515
 
4516
4516
  "use strict";
4517
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.mjs\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/styled.js\");\n/* harmony import */ var _utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/memoTheme.js */ \"./node_modules/@mui/material/esm/utils/memoTheme.js\");\n/* harmony import */ var _DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../DefaultPropsProvider/index.js */ \"./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js\");\n/* harmony import */ var _utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/capitalize.js */ \"./node_modules/@mui/material/esm/utils/capitalize.js\");\n/* harmony import */ var _utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils/createSimplePaletteValueFilter.js */ \"./node_modules/@mui/material/esm/utils/createSimplePaletteValueFilter.js\");\n/* harmony import */ var _Paper_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../Paper/index.js */ \"./node_modules/@mui/material/esm/Paper/Paper.js\");\n/* harmony import */ var _appBarClasses_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./appBarClasses.js */ \"./node_modules/@mui/material/esm/AppBar/appBarClasses.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst useUtilityClasses = ownerState => {\n const {\n color,\n position,\n classes\n } = ownerState;\n const slots = {\n root: ['root', `color${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`, `position${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(position)}`]\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(slots, _appBarClasses_js__WEBPACK_IMPORTED_MODULE_10__.getAppBarUtilityClass, classes);\n};\n\n// var2 is the fallback.\n// Ex. var1: 'var(--a)', var2: 'var(--b)'; return: 'var(--a, var(--b))'\nconst joinVars = (var1, var2) => var1 ? `${var1?.replace(')', '')}, ${var2})` : var2;\nconst AppBarRoot = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(_Paper_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n name: 'MuiAppBar',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.root, styles[`position${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(ownerState.position)}`], styles[`color${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(ownerState.color)}`]];\n }\n})((0,_utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(({\n theme\n}) => ({\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n boxSizing: 'border-box',\n // Prevent padding issue with the Modal and fixed positioned AppBar.\n flexShrink: 0,\n variants: [{\n props: {\n position: 'fixed'\n },\n style: {\n position: 'fixed',\n zIndex: (theme.vars || theme).zIndex.appBar,\n top: 0,\n left: 'auto',\n right: 0,\n '@media print': {\n // Prevent the app bar to be visible on each printed page.\n position: 'absolute'\n }\n }\n }, {\n props: {\n position: 'absolute'\n },\n style: {\n position: 'absolute',\n zIndex: (theme.vars || theme).zIndex.appBar,\n top: 0,\n left: 'auto',\n right: 0\n }\n }, {\n props: {\n position: 'sticky'\n },\n style: {\n position: 'sticky',\n zIndex: (theme.vars || theme).zIndex.appBar,\n top: 0,\n left: 'auto',\n right: 0\n }\n }, {\n props: {\n position: 'static'\n },\n style: {\n position: 'static'\n }\n }, {\n props: {\n position: 'relative'\n },\n style: {\n position: 'relative'\n }\n }, {\n props: {\n color: 'inherit'\n },\n style: {\n '--AppBar-color': 'inherit',\n color: 'var(--AppBar-color)'\n }\n }, {\n props: {\n color: 'default'\n },\n style: {\n '--AppBar-background': theme.vars ? theme.vars.palette.AppBar.defaultBg : theme.palette.grey[100],\n '--AppBar-color': theme.vars ? theme.vars.palette.text.primary : theme.palette.getContrastText(theme.palette.grey[100]),\n ...theme.applyStyles('dark', {\n '--AppBar-background': theme.vars ? theme.vars.palette.AppBar.defaultBg : theme.palette.grey[900],\n '--AppBar-color': theme.vars ? theme.vars.palette.text.primary : theme.palette.getContrastText(theme.palette.grey[900])\n })\n }\n }, ...Object.entries(theme.palette).filter((0,_utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(['contrastText'])).map(([color]) => ({\n props: {\n color\n },\n style: {\n '--AppBar-background': (theme.vars ?? theme).palette[color].main,\n '--AppBar-color': (theme.vars ?? theme).palette[color].contrastText\n }\n })), {\n props: props => props.enableColorOnDark === true && !['inherit', 'transparent'].includes(props.color),\n style: {\n backgroundColor: 'var(--AppBar-background)',\n color: 'var(--AppBar-color)'\n }\n }, {\n props: props => props.enableColorOnDark === false && !['inherit', 'transparent'].includes(props.color),\n style: {\n backgroundColor: 'var(--AppBar-background)',\n color: 'var(--AppBar-color)',\n ...theme.applyStyles('dark', {\n backgroundColor: theme.vars ? joinVars(theme.vars.palette.AppBar.darkBg, 'var(--AppBar-background)') : null,\n color: theme.vars ? joinVars(theme.vars.palette.AppBar.darkColor, 'var(--AppBar-color)') : null\n })\n }\n }, {\n props: {\n color: 'transparent'\n },\n style: {\n '--AppBar-background': 'transparent',\n '--AppBar-color': 'inherit',\n backgroundColor: 'var(--AppBar-background)',\n color: 'var(--AppBar-color)',\n ...theme.applyStyles('dark', {\n backgroundImage: 'none'\n })\n }\n }]\n})));\nconst AppBar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function AppBar(inProps, ref) {\n const props = (0,_DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_6__.useDefaultProps)({\n props: inProps,\n name: 'MuiAppBar'\n });\n const {\n className,\n color = 'primary',\n enableColorOnDark = false,\n position = 'fixed',\n ...other\n } = props;\n const ownerState = {\n ...props,\n color,\n position,\n enableColorOnDark\n };\n const classes = useUtilityClasses(ownerState);\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(AppBarRoot, {\n square: true,\n component: \"header\",\n ownerState: ownerState,\n elevation: 4,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(classes.root, className, position === 'fixed' && 'mui-fixed'),\n ref: ref,\n ...other\n });\n});\n true ? AppBar.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * The content of the component.\n */\n children: prop_types__WEBPACK_IMPORTED_MODULE_1__.node,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * @ignore\n */\n className: prop_types__WEBPACK_IMPORTED_MODULE_1__.string,\n /**\n * The color of the component.\n * It supports both default and custom theme colors, which can be added as shown in the\n * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n * @default 'primary'\n */\n color: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['default', 'inherit', 'primary', 'secondary', 'transparent', 'error', 'info', 'success', 'warning']), prop_types__WEBPACK_IMPORTED_MODULE_1__.string]),\n /**\n * Shadow depth, corresponds to `dp` in the spec.\n * It accepts values between 0 and 24 inclusive.\n * @default 4\n */\n elevation: prop_types__WEBPACK_IMPORTED_MODULE_1__.number,\n /**\n * If true, the `color` prop is applied in dark mode.\n * @default false\n */\n enableColorOnDark: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The positioning type. The behavior of the different options is described\n * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position).\n * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.\n * @default 'fixed'\n */\n position: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['absolute', 'fixed', 'relative', 'static', 'sticky']),\n /**\n * If `false`, rounded corners are enabled.\n * @default true\n */\n square: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object, prop_types__WEBPACK_IMPORTED_MODULE_1__.bool])), prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object])\n} : 0;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AppBar);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/AppBar/AppBar.js?\n}");
4517
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.mjs\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/styled.js\");\n/* harmony import */ var _utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/memoTheme.js */ \"./node_modules/@mui/material/esm/utils/memoTheme.js\");\n/* harmony import */ var _DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../DefaultPropsProvider/index.js */ \"./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js\");\n/* harmony import */ var _utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/capitalize.js */ \"./node_modules/@mui/material/esm/utils/capitalize.js\");\n/* harmony import */ var _utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils/createSimplePaletteValueFilter.js */ \"./node_modules/@mui/material/esm/utils/createSimplePaletteValueFilter.js\");\n/* harmony import */ var _Paper_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../Paper/index.js */ \"./node_modules/@mui/material/esm/Paper/Paper.js\");\n/* harmony import */ var _appBarClasses_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./appBarClasses.js */ \"./node_modules/@mui/material/esm/AppBar/appBarClasses.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst useUtilityClasses = ownerState => {\n const {\n color,\n position,\n classes\n } = ownerState;\n const slots = {\n root: ['root', `color${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`, `position${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(position)}`]\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(slots, _appBarClasses_js__WEBPACK_IMPORTED_MODULE_10__.getAppBarUtilityClass, classes);\n};\n\n// var2 is the fallback.\n// Ex. var1: 'var(--a)', var2: 'var(--b)'; return: 'var(--a, var(--b))'\nconst joinVars = (var1, var2) => var1 ? `${var1.replace(')', '')}, ${var2})` : var2;\nconst AppBarRoot = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(_Paper_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n name: 'MuiAppBar',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.root, styles[`position${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(ownerState.position)}`], styles[`color${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(ownerState.color)}`]];\n }\n})((0,_utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(({\n theme\n}) => ({\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n boxSizing: 'border-box',\n // Prevent padding issue with the Modal and fixed positioned AppBar.\n flexShrink: 0,\n variants: [{\n props: {\n position: 'fixed'\n },\n style: {\n position: 'fixed',\n zIndex: (theme.vars || theme).zIndex.appBar,\n top: 0,\n left: 'auto',\n right: 0,\n '@media print': {\n // Prevent the app bar to be visible on each printed page.\n position: 'absolute'\n }\n }\n }, {\n props: {\n position: 'absolute'\n },\n style: {\n position: 'absolute',\n zIndex: (theme.vars || theme).zIndex.appBar,\n top: 0,\n left: 'auto',\n right: 0\n }\n }, {\n props: {\n position: 'sticky'\n },\n style: {\n position: 'sticky',\n zIndex: (theme.vars || theme).zIndex.appBar,\n top: 0,\n left: 'auto',\n right: 0\n }\n }, {\n props: {\n position: 'static'\n },\n style: {\n position: 'static'\n }\n }, {\n props: {\n position: 'relative'\n },\n style: {\n position: 'relative'\n }\n }, {\n props: {\n color: 'inherit'\n },\n style: {\n '--AppBar-color': 'inherit',\n color: 'var(--AppBar-color)'\n }\n }, {\n props: {\n color: 'default'\n },\n style: {\n '--AppBar-background': theme.vars ? theme.vars.palette.AppBar.defaultBg : theme.palette.grey[100],\n '--AppBar-color': theme.vars ? theme.vars.palette.text.primary : theme.palette.getContrastText(theme.palette.grey[100]),\n ...theme.applyStyles('dark', {\n '--AppBar-background': theme.vars ? theme.vars.palette.AppBar.defaultBg : theme.palette.grey[900],\n '--AppBar-color': theme.vars ? theme.vars.palette.text.primary : theme.palette.getContrastText(theme.palette.grey[900])\n })\n }\n }, ...Object.entries(theme.palette).filter((0,_utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(['contrastText'])).map(([color]) => ({\n props: {\n color\n },\n style: {\n '--AppBar-background': (theme.vars ?? theme).palette[color].main,\n '--AppBar-color': (theme.vars ?? theme).palette[color].contrastText\n }\n })), {\n props: props => props.enableColorOnDark === true && !['inherit', 'transparent'].includes(props.color),\n style: {\n backgroundColor: 'var(--AppBar-background)',\n color: 'var(--AppBar-color)'\n }\n }, {\n props: props => props.enableColorOnDark === false && !['inherit', 'transparent'].includes(props.color),\n style: {\n backgroundColor: 'var(--AppBar-background)',\n color: 'var(--AppBar-color)',\n ...theme.applyStyles('dark', {\n backgroundColor: theme.vars ? joinVars(theme.vars.palette.AppBar.darkBg, 'var(--AppBar-background)') : null,\n color: theme.vars ? joinVars(theme.vars.palette.AppBar.darkColor, 'var(--AppBar-color)') : null\n })\n }\n }, {\n props: {\n color: 'transparent'\n },\n style: {\n '--AppBar-background': 'transparent',\n '--AppBar-color': 'inherit',\n backgroundColor: 'var(--AppBar-background)',\n color: 'var(--AppBar-color)',\n ...theme.applyStyles('dark', {\n backgroundImage: 'none'\n })\n }\n }]\n})));\nconst AppBar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function AppBar(inProps, ref) {\n const props = (0,_DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_6__.useDefaultProps)({\n props: inProps,\n name: 'MuiAppBar'\n });\n const {\n className,\n color = 'primary',\n enableColorOnDark = false,\n position = 'fixed',\n ...other\n } = props;\n const ownerState = {\n ...props,\n color,\n position,\n enableColorOnDark\n };\n const classes = useUtilityClasses(ownerState);\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(AppBarRoot, {\n square: true,\n component: \"header\",\n ownerState: ownerState,\n elevation: 4,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(classes.root, className, position === 'fixed' && 'mui-fixed'),\n ref: ref,\n ...other\n });\n});\n true ? AppBar.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * The content of the component.\n */\n children: prop_types__WEBPACK_IMPORTED_MODULE_1__.node,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * @ignore\n */\n className: prop_types__WEBPACK_IMPORTED_MODULE_1__.string,\n /**\n * The color of the component.\n * It supports both default and custom theme colors, which can be added as shown in the\n * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n * @default 'primary'\n */\n color: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['default', 'inherit', 'primary', 'secondary', 'transparent', 'error', 'info', 'success', 'warning']), prop_types__WEBPACK_IMPORTED_MODULE_1__.string]),\n /**\n * Shadow depth, corresponds to `dp` in the spec.\n * It accepts values between 0 and 24 inclusive.\n * @default 4\n */\n elevation: prop_types__WEBPACK_IMPORTED_MODULE_1__.number,\n /**\n * If true, the `color` prop is applied in dark mode.\n * @default false\n */\n enableColorOnDark: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The positioning type. The behavior of the different options is described\n * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position).\n * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.\n * @default 'fixed'\n */\n position: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['absolute', 'fixed', 'relative', 'static', 'sticky']),\n /**\n * If `false`, rounded corners are enabled.\n * @default true\n */\n square: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object, prop_types__WEBPACK_IMPORTED_MODULE_1__.bool])), prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object])\n} : 0;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AppBar);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/AppBar/AppBar.js?\n}");
4518
4518
 
4519
4519
  /***/ },
4520
4520
 
@@ -4734,7 +4734,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
4734
4734
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
4735
4735
 
4736
4736
  "use strict";
4737
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.mjs\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _internal_svg_icons_Cancel_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../internal/svg-icons/Cancel.js */ \"./node_modules/@mui/material/esm/internal/svg-icons/Cancel.js\");\n/* harmony import */ var _utils_useForkRef_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/useForkRef.js */ \"./node_modules/@mui/material/esm/utils/useForkRef.js\");\n/* harmony import */ var _utils_unsupportedProp_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/unsupportedProp.js */ \"./node_modules/@mui/material/esm/utils/unsupportedProp.js\");\n/* harmony import */ var _utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/capitalize.js */ \"./node_modules/@mui/material/esm/utils/capitalize.js\");\n/* harmony import */ var _ButtonBase_index_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../ButtonBase/index.js */ \"./node_modules/@mui/material/esm/ButtonBase/ButtonBase.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/styled.js\");\n/* harmony import */ var _utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/memoTheme.js */ \"./node_modules/@mui/material/esm/utils/memoTheme.js\");\n/* harmony import */ var _utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/createSimplePaletteValueFilter.js */ \"./node_modules/@mui/material/esm/utils/createSimplePaletteValueFilter.js\");\n/* harmony import */ var _DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../DefaultPropsProvider/index.js */ \"./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js\");\n/* harmony import */ var _chipClasses_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./chipClasses.js */ \"./node_modules/@mui/material/esm/Chip/chipClasses.js\");\n/* harmony import */ var _utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utils/useSlot.js */ \"./node_modules/@mui/material/esm/utils/useSlot.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n disabled,\n size,\n color,\n iconColor,\n onDelete,\n clickable,\n variant\n } = ownerState;\n const slots = {\n root: ['root', variant, disabled && 'disabled', `size${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`, `color${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`, clickable && 'clickable', clickable && `clickableColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`, onDelete && 'deletable', onDelete && `deletableColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`, `${variant}${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`],\n label: ['label', `label${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`],\n avatar: ['avatar', `avatar${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`, `avatarColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`],\n icon: ['icon', `icon${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`, `iconColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(iconColor)}`],\n deleteIcon: ['deleteIcon', `deleteIcon${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`, `deleteIconColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`, `deleteIcon${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(variant)}Color${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`]\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(slots, _chipClasses_js__WEBPACK_IMPORTED_MODULE_13__.getChipUtilityClass, classes);\n};\nconst ChipRoot = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('div', {\n name: 'MuiChip',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n const {\n color,\n iconColor,\n clickable,\n onDelete,\n size,\n variant\n } = ownerState;\n return [{\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatar}`]: styles.avatar\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatar}`]: styles[`avatar${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`]\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatar}`]: styles[`avatarColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`]\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: styles.icon\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: styles[`icon${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`]\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: styles[`iconColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(iconColor)}`]\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: styles.deleteIcon\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: styles[`deleteIcon${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`]\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: styles[`deleteIconColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`]\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: styles[`deleteIcon${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(variant)}Color${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`]\n }, styles.root, styles[`size${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`], styles[`color${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`], clickable && styles.clickable, clickable && color !== 'default' && styles[`clickableColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`], onDelete && styles.deletable, onDelete && color !== 'default' && styles[`deletableColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`], styles[variant], styles[`${variant}${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`]];\n }\n})((0,_utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(({\n theme\n}) => {\n const textColor = theme.palette.mode === 'light' ? theme.palette.grey[700] : theme.palette.grey[300];\n return {\n maxWidth: '100%',\n fontFamily: theme.typography.fontFamily,\n fontSize: theme.typography.pxToRem(13),\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: 32,\n lineHeight: 1.5,\n color: (theme.vars || theme).palette.text.primary,\n backgroundColor: (theme.vars || theme).palette.action.selected,\n borderRadius: 32 / 2,\n whiteSpace: 'nowrap',\n transition: theme.transitions.create(['background-color', 'box-shadow']),\n // reset cursor explicitly in case ButtonBase is used\n cursor: 'unset',\n // We disable the focus ring for mouse, touch and keyboard users.\n outline: 0,\n textDecoration: 'none',\n border: 0,\n // Remove `button` border\n padding: 0,\n // Remove `button` padding\n verticalAlign: 'middle',\n boxSizing: 'border-box',\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].disabled}`]: {\n opacity: (theme.vars || theme).palette.action.disabledOpacity,\n pointerEvents: 'none'\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatar}`]: {\n marginLeft: 5,\n marginRight: -6,\n width: 24,\n height: 24,\n color: theme.vars ? theme.vars.palette.Chip.defaultAvatarColor : textColor,\n fontSize: theme.typography.pxToRem(12)\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatarColorPrimary}`]: {\n color: (theme.vars || theme).palette.primary.contrastText,\n backgroundColor: (theme.vars || theme).palette.primary.dark\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatarColorSecondary}`]: {\n color: (theme.vars || theme).palette.secondary.contrastText,\n backgroundColor: (theme.vars || theme).palette.secondary.dark\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatarSmall}`]: {\n marginLeft: 4,\n marginRight: -4,\n width: 18,\n height: 18,\n fontSize: theme.typography.pxToRem(10)\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: {\n marginLeft: 5,\n marginRight: -6\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: {\n WebkitTapHighlightColor: 'transparent',\n color: theme.alpha((theme.vars || theme).palette.text.primary, 0.26),\n fontSize: 22,\n cursor: 'pointer',\n margin: '0 5px 0 -6px',\n '&:hover': {\n color: theme.alpha((theme.vars || theme).palette.text.primary, 0.4)\n }\n },\n variants: [{\n props: {\n size: 'small'\n },\n style: {\n height: 24,\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: {\n fontSize: 18,\n marginLeft: 4,\n marginRight: -4\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: {\n fontSize: 16,\n marginRight: 4,\n marginLeft: -4\n }\n }\n }, ...Object.entries(theme.palette).filter((0,_utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(['contrastText'])).map(([color]) => {\n return {\n props: {\n color\n },\n style: {\n backgroundColor: (theme.vars || theme).palette[color].main,\n color: (theme.vars || theme).palette[color].contrastText,\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: {\n color: theme.alpha((theme.vars || theme).palette[color].contrastText, 0.7),\n '&:hover, &:active': {\n color: (theme.vars || theme).palette[color].contrastText\n }\n }\n }\n };\n }), {\n props: props => props.iconColor === props.color,\n style: {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: {\n color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor\n }\n }\n }, {\n props: props => props.iconColor === props.color && props.color !== 'default',\n style: {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: {\n color: 'inherit'\n }\n }\n }, {\n props: {\n onDelete: true\n },\n style: {\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].focusVisible}`]: {\n backgroundColor: theme.alpha((theme.vars || theme).palette.action.selected, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.focusOpacity}`)\n }\n }\n }, ...Object.entries(theme.palette).filter((0,_utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(['dark'])).map(([color]) => {\n return {\n props: {\n color,\n onDelete: true\n },\n style: {\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].focusVisible}`]: {\n background: (theme.vars || theme).palette[color].dark\n }\n }\n };\n }), {\n props: {\n clickable: true\n },\n style: {\n userSelect: 'none',\n WebkitTapHighlightColor: 'transparent',\n cursor: 'pointer',\n '&:hover': {\n backgroundColor: theme.alpha((theme.vars || theme).palette.action.selected, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.hoverOpacity}`)\n },\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].focusVisible}`]: {\n backgroundColor: theme.alpha((theme.vars || theme).palette.action.selected, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.focusOpacity}`)\n },\n '&:active': {\n boxShadow: (theme.vars || theme).shadows[1]\n }\n }\n }, ...Object.entries(theme.palette).filter((0,_utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(['dark'])).map(([color]) => ({\n props: {\n color,\n clickable: true\n },\n style: {\n [`&:hover, &.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].focusVisible}`]: {\n backgroundColor: (theme.vars || theme).palette[color].dark\n }\n }\n })), {\n props: {\n variant: 'outlined'\n },\n style: {\n backgroundColor: 'transparent',\n border: theme.vars ? `1px solid ${theme.vars.palette.Chip.defaultBorder}` : `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700]}`,\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].clickable}:hover`]: {\n backgroundColor: (theme.vars || theme).palette.action.hover\n },\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].focusVisible}`]: {\n backgroundColor: (theme.vars || theme).palette.action.focus\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatar}`]: {\n marginLeft: 4\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatarSmall}`]: {\n marginLeft: 2\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: {\n marginLeft: 4\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].iconSmall}`]: {\n marginLeft: 2\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: {\n marginRight: 5\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIconSmall}`]: {\n marginRight: 3\n }\n }\n }, ...Object.entries(theme.palette).filter((0,_utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"])()) // no need to check for mainChannel as it's calculated from main\n .map(([color]) => ({\n props: {\n variant: 'outlined',\n color\n },\n style: {\n color: (theme.vars || theme).palette[color].main,\n border: `1px solid ${theme.alpha((theme.vars || theme).palette[color].main, 0.7)}`,\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].clickable}:hover`]: {\n backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity)\n },\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].focusVisible}`]: {\n backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.focusOpacity)\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: {\n color: theme.alpha((theme.vars || theme).palette[color].main, 0.7),\n '&:hover, &:active': {\n color: (theme.vars || theme).palette[color].main\n }\n }\n }\n }))]\n };\n}));\nconst ChipLabel = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('span', {\n name: 'MuiChip',\n slot: 'Label',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n const {\n size\n } = ownerState;\n return [styles.label, styles[`label${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`]];\n }\n})({\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n paddingLeft: 12,\n paddingRight: 12,\n whiteSpace: 'nowrap',\n variants: [{\n props: {\n variant: 'outlined'\n },\n style: {\n paddingLeft: 11,\n paddingRight: 11\n }\n }, {\n props: {\n size: 'small'\n },\n style: {\n paddingLeft: 8,\n paddingRight: 8\n }\n }, {\n props: {\n size: 'small',\n variant: 'outlined'\n },\n style: {\n paddingLeft: 7,\n paddingRight: 7\n }\n }]\n});\nfunction isDeleteKeyboardEvent(keyboardEvent) {\n return keyboardEvent.key === 'Backspace' || keyboardEvent.key === 'Delete';\n}\n\n/**\n * Chips represent complex entities in small blocks, such as a contact.\n */\nconst Chip = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Chip(inProps, ref) {\n const props = (0,_DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_12__.useDefaultProps)({\n props: inProps,\n name: 'MuiChip'\n });\n const {\n avatar: avatarProp,\n className,\n clickable: clickableProp,\n color = 'default',\n component: ComponentProp,\n deleteIcon: deleteIconProp,\n disabled = false,\n icon: iconProp,\n label,\n onClick,\n onDelete,\n onKeyDown,\n onKeyUp,\n size = 'medium',\n variant = 'filled',\n tabIndex,\n skipFocusWhenDisabled = false,\n // TODO v6: Rename to `focusableWhenDisabled`.\n slots = {},\n slotProps = {},\n ...other\n } = props;\n const chipRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const handleRef = (0,_utils_useForkRef_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(chipRef, ref);\n const handleDeleteIconClick = event => {\n // Stop the event from bubbling up to the `Chip`\n event.stopPropagation();\n if (onDelete) {\n onDelete(event);\n }\n };\n const handleKeyDown = event => {\n // Ignore events from children of `Chip`.\n if (event.currentTarget === event.target && isDeleteKeyboardEvent(event)) {\n // Will be handled in keyUp, otherwise some browsers\n // might init navigation\n event.preventDefault();\n }\n if (onKeyDown) {\n onKeyDown(event);\n }\n };\n const handleKeyUp = event => {\n // Ignore events from children of `Chip`.\n if (event.currentTarget === event.target) {\n if (onDelete && isDeleteKeyboardEvent(event)) {\n onDelete(event);\n }\n }\n if (onKeyUp) {\n onKeyUp(event);\n }\n };\n const clickable = clickableProp !== false && onClick ? true : clickableProp;\n const component = clickable || onDelete ? _ButtonBase_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"] : ComponentProp || 'div';\n const ownerState = {\n ...props,\n component,\n disabled,\n size,\n color,\n iconColor: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(iconProp) ? iconProp.props.color || color : color,\n onDelete: !!onDelete,\n clickable,\n variant\n };\n const classes = useUtilityClasses(ownerState);\n const moreProps = component === _ButtonBase_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"] ? {\n component: ComponentProp || 'div',\n focusVisibleClassName: classes.focusVisible,\n ...(onDelete && {\n disableRipple: true\n })\n } : {};\n let deleteIcon = null;\n if (onDelete) {\n deleteIcon = deleteIconProp && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(deleteIconProp) ? (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(deleteIconProp, {\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(deleteIconProp.props.className, classes.deleteIcon),\n onClick: handleDeleteIconClick\n })) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_internal_svg_icons_Cancel_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n className: classes.deleteIcon,\n onClick: handleDeleteIconClick\n });\n }\n let avatar = null;\n if (avatarProp && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(avatarProp)) {\n avatar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(avatarProp, {\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(classes.avatar, avatarProp.props.className)\n });\n }\n let icon = null;\n if (iconProp && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(iconProp)) {\n icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(iconProp, {\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(classes.icon, iconProp.props.className)\n });\n }\n if (true) {\n if (avatar && icon) {\n console.error('MUI: The Chip component can not handle the avatar ' + 'and the icon prop at the same time. Pick one.');\n }\n }\n const externalForwardedProps = {\n slots,\n slotProps\n };\n const [RootSlot, rootProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])('root', {\n elementType: ChipRoot,\n externalForwardedProps: {\n ...externalForwardedProps,\n ...other\n },\n ownerState,\n // The `component` prop is preserved because `Chip` relies on it for internal logic. If `shouldForwardComponentProp` were `false`, `useSlot` would remove the `component` prop, potentially breaking the component's behavior.\n shouldForwardComponentProp: true,\n ref: handleRef,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(classes.root, className),\n additionalProps: {\n disabled: clickable && disabled ? true : undefined,\n tabIndex: skipFocusWhenDisabled && disabled ? -1 : tabIndex,\n ...moreProps\n },\n getSlotProps: handlers => ({\n ...handlers,\n onClick: event => {\n handlers.onClick?.(event);\n onClick?.(event);\n },\n onKeyDown: event => {\n handlers.onKeyDown?.(event);\n handleKeyDown(event);\n },\n onKeyUp: event => {\n handlers.onKeyUp?.(event);\n handleKeyUp(event);\n }\n })\n });\n const [LabelSlot, labelProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])('label', {\n elementType: ChipLabel,\n externalForwardedProps,\n ownerState,\n className: classes.label\n });\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(RootSlot, {\n as: component,\n ...rootProps,\n children: [avatar || icon, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(LabelSlot, {\n ...labelProps,\n children: label\n }), deleteIcon]\n });\n});\n true ? Chip.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * The Avatar element to display.\n */\n avatar: prop_types__WEBPACK_IMPORTED_MODULE_1__.element,\n /**\n * This prop isn't supported.\n * Use the `component` prop if you need to change the children structure.\n */\n children: _utils_unsupportedProp_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n /**\n * Override or extend the styles applied to the component.\n */\n classes: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * @ignore\n */\n className: prop_types__WEBPACK_IMPORTED_MODULE_1__.string,\n /**\n * If `true`, the chip will appear clickable, and will raise when pressed,\n * even if the onClick prop is not defined.\n * If `false`, the chip will not appear clickable, even if onClick prop is defined.\n * This can be used, for example,\n * along with the component prop to indicate an anchor Chip is clickable.\n * Note: this controls the UI and does not affect the onClick event.\n */\n clickable: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The color of the component.\n * It supports both default and custom theme colors, which can be added as shown in the\n * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n * @default 'default'\n */\n color: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), prop_types__WEBPACK_IMPORTED_MODULE_1__.string]),\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n /**\n * Override the default delete icon element. Shown only if `onDelete` is set.\n */\n deleteIcon: prop_types__WEBPACK_IMPORTED_MODULE_1__.element,\n /**\n * If `true`, the component is disabled.\n * @default false\n */\n disabled: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * Icon element.\n */\n icon: prop_types__WEBPACK_IMPORTED_MODULE_1__.element,\n /**\n * The content of the component.\n */\n label: prop_types__WEBPACK_IMPORTED_MODULE_1__.node,\n /**\n * @ignore\n */\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * Callback fired when the delete icon is clicked.\n * If set, the delete icon will be shown.\n */\n onDelete: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * @ignore\n */\n onKeyDown: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * @ignore\n */\n onKeyUp: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * The size of the component.\n * @default 'medium'\n */\n size: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['medium', 'small']), prop_types__WEBPACK_IMPORTED_MODULE_1__.string]),\n /**\n * If `true`, allows the disabled chip to escape focus.\n * If `false`, allows the disabled chip to receive focus.\n * @default false\n */\n skipFocusWhenDisabled: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The props used for each slot inside.\n * @default {}\n */\n slotProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n label: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n root: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object])\n }),\n /**\n * The components used for each slot inside.\n * @default {}\n */\n slots: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n label: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n root: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType\n }),\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object, prop_types__WEBPACK_IMPORTED_MODULE_1__.bool])), prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n /**\n * @ignore\n */\n tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_1__.number,\n /**\n * The variant to use.\n * @default 'filled'\n */\n variant: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['filled', 'outlined']), prop_types__WEBPACK_IMPORTED_MODULE_1__.string])\n} : 0;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Chip);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/Chip/Chip.js?\n}");
4737
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.mjs\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _internal_svg_icons_Cancel_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../internal/svg-icons/Cancel.js */ \"./node_modules/@mui/material/esm/internal/svg-icons/Cancel.js\");\n/* harmony import */ var _utils_useForkRef_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/useForkRef.js */ \"./node_modules/@mui/material/esm/utils/useForkRef.js\");\n/* harmony import */ var _utils_unsupportedProp_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/unsupportedProp.js */ \"./node_modules/@mui/material/esm/utils/unsupportedProp.js\");\n/* harmony import */ var _utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/capitalize.js */ \"./node_modules/@mui/material/esm/utils/capitalize.js\");\n/* harmony import */ var _ButtonBase_index_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../ButtonBase/index.js */ \"./node_modules/@mui/material/esm/ButtonBase/ButtonBase.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/styled.js\");\n/* harmony import */ var _utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/memoTheme.js */ \"./node_modules/@mui/material/esm/utils/memoTheme.js\");\n/* harmony import */ var _utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/createSimplePaletteValueFilter.js */ \"./node_modules/@mui/material/esm/utils/createSimplePaletteValueFilter.js\");\n/* harmony import */ var _DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../DefaultPropsProvider/index.js */ \"./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js\");\n/* harmony import */ var _chipClasses_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./chipClasses.js */ \"./node_modules/@mui/material/esm/Chip/chipClasses.js\");\n/* harmony import */ var _utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utils/useSlot.js */ \"./node_modules/@mui/material/esm/utils/useSlot.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n disabled,\n size,\n color,\n iconColor,\n onDelete,\n clickable,\n variant\n } = ownerState;\n const slots = {\n root: ['root', variant, disabled && 'disabled', `size${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`, `color${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`, clickable && 'clickable', clickable && `clickableColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`, onDelete && 'deletable', onDelete && `deletableColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`, `${variant}${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`],\n label: ['label', `label${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`],\n avatar: ['avatar', `avatar${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`, `avatarColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`],\n icon: ['icon', `icon${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`, `iconColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(iconColor)}`],\n deleteIcon: ['deleteIcon', `deleteIcon${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`, `deleteIconColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`, `deleteIcon${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(variant)}Color${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`]\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(slots, _chipClasses_js__WEBPACK_IMPORTED_MODULE_13__.getChipUtilityClass, classes);\n};\nconst ChipRoot = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('div', {\n name: 'MuiChip',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n const {\n color,\n iconColor,\n clickable,\n onDelete,\n size,\n variant\n } = ownerState;\n return [{\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatar}`]: styles.avatar\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatar}`]: styles[`avatar${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`]\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatar}`]: styles[`avatarColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`]\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: styles.icon\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: styles[`icon${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`]\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: styles[`iconColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(iconColor)}`]\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: styles.deleteIcon\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: styles[`deleteIcon${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`]\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: styles[`deleteIconColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`]\n }, {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: styles[`deleteIcon${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(variant)}Color${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`]\n }, styles.root, styles[`size${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`], styles[`color${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`], clickable && styles.clickable, clickable && color !== 'default' && styles[`clickableColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`], onDelete && styles.deletable, onDelete && color !== 'default' && styles[`deletableColor${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`], styles[variant], styles[`${variant}${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(color)}`]];\n }\n})((0,_utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(({\n theme\n}) => {\n const textColor = theme.palette.mode === 'light' ? theme.palette.grey[700] : theme.palette.grey[300];\n return {\n maxWidth: '100%',\n fontFamily: theme.typography.fontFamily,\n fontSize: theme.typography.pxToRem(13),\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: 32,\n lineHeight: 1.5,\n color: (theme.vars || theme).palette.text.primary,\n backgroundColor: (theme.vars || theme).palette.action.selected,\n borderRadius: 32 / 2,\n whiteSpace: 'nowrap',\n transition: theme.transitions.create(['background-color', 'box-shadow']),\n // reset cursor explicitly in case ButtonBase is used\n cursor: 'unset',\n // We disable the focus ring for mouse, touch and keyboard users.\n outline: 0,\n textDecoration: 'none',\n border: 0,\n // Remove `button` border\n padding: 0,\n // Remove `button` padding\n verticalAlign: 'middle',\n boxSizing: 'border-box',\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].disabled}`]: {\n opacity: (theme.vars || theme).palette.action.disabledOpacity,\n pointerEvents: 'none'\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatar}`]: {\n marginLeft: 5,\n marginRight: -6,\n width: 24,\n height: 24,\n color: theme.vars ? theme.vars.palette.Chip.defaultAvatarColor : textColor,\n fontSize: theme.typography.pxToRem(12)\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatarColorPrimary}`]: {\n color: (theme.vars || theme).palette.primary.contrastText,\n backgroundColor: (theme.vars || theme).palette.primary.dark\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatarColorSecondary}`]: {\n color: (theme.vars || theme).palette.secondary.contrastText,\n backgroundColor: (theme.vars || theme).palette.secondary.dark\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatarSmall}`]: {\n marginLeft: 4,\n marginRight: -4,\n width: 18,\n height: 18,\n fontSize: theme.typography.pxToRem(10)\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: {\n marginLeft: 5,\n marginRight: -6\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: {\n WebkitTapHighlightColor: 'transparent',\n color: theme.alpha((theme.vars || theme).palette.text.primary, 0.26),\n fontSize: 22,\n cursor: 'pointer',\n margin: '0 5px 0 -6px',\n '&:hover': {\n color: theme.alpha((theme.vars || theme).palette.text.primary, 0.4)\n }\n },\n variants: [{\n props: {\n size: 'small'\n },\n style: {\n height: 24,\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: {\n fontSize: 18,\n marginLeft: 4,\n marginRight: -4\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: {\n fontSize: 16,\n marginRight: 4,\n marginLeft: -4\n }\n }\n }, ...Object.entries(theme.palette).filter((0,_utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(['contrastText'])).map(([color]) => {\n return {\n props: {\n color\n },\n style: {\n backgroundColor: (theme.vars || theme).palette[color].main,\n color: (theme.vars || theme).palette[color].contrastText,\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: {\n color: theme.alpha((theme.vars || theme).palette[color].contrastText, 0.7),\n '&:hover, &:active': {\n color: (theme.vars || theme).palette[color].contrastText\n }\n }\n }\n };\n }), {\n props: props => props.iconColor === props.color,\n style: {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: {\n color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor\n }\n }\n }, {\n props: props => props.iconColor === props.color && props.color !== 'default',\n style: {\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: {\n color: 'inherit'\n }\n }\n }, {\n props: {\n onDelete: true\n },\n style: {\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].focusVisible}`]: {\n backgroundColor: theme.alpha((theme.vars || theme).palette.action.selected, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.focusOpacity}`)\n }\n }\n }, ...Object.entries(theme.palette).filter((0,_utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(['dark'])).map(([color]) => {\n return {\n props: {\n color,\n onDelete: true\n },\n style: {\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].focusVisible}`]: {\n background: (theme.vars || theme).palette[color].dark\n }\n }\n };\n }), {\n props: {\n clickable: true\n },\n style: {\n userSelect: 'none',\n WebkitTapHighlightColor: 'transparent',\n cursor: 'pointer',\n '&:hover': {\n backgroundColor: theme.alpha((theme.vars || theme).palette.action.selected, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.hoverOpacity}`)\n },\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].focusVisible}`]: {\n backgroundColor: theme.alpha((theme.vars || theme).palette.action.selected, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.focusOpacity}`)\n },\n '&:active': {\n boxShadow: (theme.vars || theme).shadows[1]\n }\n }\n }, ...Object.entries(theme.palette).filter((0,_utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(['dark'])).map(([color]) => ({\n props: {\n color,\n clickable: true\n },\n style: {\n [`&:hover, &.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].focusVisible}`]: {\n backgroundColor: (theme.vars || theme).palette[color].dark\n }\n }\n })), {\n props: {\n variant: 'outlined'\n },\n style: {\n backgroundColor: 'transparent',\n border: theme.vars ? `1px solid ${theme.vars.palette.Chip.defaultBorder}` : `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700]}`,\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].clickable}:hover`]: {\n backgroundColor: (theme.vars || theme).palette.action.hover\n },\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].focusVisible}`]: {\n backgroundColor: (theme.vars || theme).palette.action.focus\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatar}`]: {\n marginLeft: 4\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].avatarSmall}`]: {\n marginLeft: 2\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].icon}`]: {\n marginLeft: 4\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].iconSmall}`]: {\n marginLeft: 2\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: {\n marginRight: 5\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIconSmall}`]: {\n marginRight: 3\n }\n }\n }, ...Object.entries(theme.palette).filter((0,_utils_createSimplePaletteValueFilter_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"])()) // no need to check for mainChannel as it's calculated from main\n .map(([color]) => ({\n props: {\n variant: 'outlined',\n color\n },\n style: {\n color: (theme.vars || theme).palette[color].main,\n border: `1px solid ${theme.alpha((theme.vars || theme).palette[color].main, 0.7)}`,\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].clickable}:hover`]: {\n backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity)\n },\n [`&.${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].focusVisible}`]: {\n backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.focusOpacity)\n },\n [`& .${_chipClasses_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].deleteIcon}`]: {\n color: theme.alpha((theme.vars || theme).palette[color].main, 0.7),\n '&:hover, &:active': {\n color: (theme.vars || theme).palette[color].main\n }\n }\n }\n }))]\n };\n}));\nconst ChipLabel = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('span', {\n name: 'MuiChip',\n slot: 'Label',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n const {\n size\n } = ownerState;\n return [styles.label, styles[`label${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(size)}`]];\n }\n})({\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n paddingLeft: 12,\n paddingRight: 12,\n whiteSpace: 'nowrap',\n variants: [{\n props: {\n variant: 'outlined'\n },\n style: {\n paddingLeft: 11,\n paddingRight: 11\n }\n }, {\n props: {\n size: 'small'\n },\n style: {\n paddingLeft: 8,\n paddingRight: 8\n }\n }, {\n props: {\n size: 'small',\n variant: 'outlined'\n },\n style: {\n paddingLeft: 7,\n paddingRight: 7\n }\n }]\n});\nfunction isDeleteKeyboardEvent(keyboardEvent) {\n return keyboardEvent.key === 'Backspace' || keyboardEvent.key === 'Delete';\n}\n\n/**\n * Chips represent complex entities in small blocks, such as a contact.\n */\nconst Chip = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Chip(inProps, ref) {\n const props = (0,_DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_12__.useDefaultProps)({\n props: inProps,\n name: 'MuiChip'\n });\n const {\n avatar: avatarProp,\n className,\n clickable: clickableProp,\n color = 'default',\n component: ComponentProp,\n deleteIcon: deleteIconProp,\n disabled = false,\n icon: iconProp,\n label,\n onClick,\n onDelete,\n onKeyDown,\n onKeyUp,\n size = 'medium',\n variant = 'filled',\n tabIndex,\n skipFocusWhenDisabled = false,\n // TODO v6: Rename to `focusableWhenDisabled`.\n slots = {},\n slotProps = {},\n ...other\n } = props;\n const chipRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const handleRef = (0,_utils_useForkRef_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(chipRef, ref);\n const handleDeleteIconClick = event => {\n // Stop the event from bubbling up to the `Chip`\n event.stopPropagation();\n onDelete(event);\n };\n const handleKeyDown = event => {\n // Ignore events from children of `Chip`.\n if (event.currentTarget === event.target && isDeleteKeyboardEvent(event)) {\n // Will be handled in keyUp, otherwise some browsers\n // might init navigation\n event.preventDefault();\n }\n if (onKeyDown) {\n onKeyDown(event);\n }\n };\n const handleKeyUp = event => {\n // Ignore events from children of `Chip`.\n if (event.currentTarget === event.target) {\n if (onDelete && isDeleteKeyboardEvent(event)) {\n onDelete(event);\n }\n }\n if (onKeyUp) {\n onKeyUp(event);\n }\n };\n const clickable = clickableProp !== false && onClick ? true : clickableProp;\n const component = clickable || onDelete ? _ButtonBase_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"] : ComponentProp || 'div';\n const ownerState = {\n ...props,\n component,\n disabled,\n size,\n color,\n iconColor: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(iconProp) ? iconProp.props.color || color : color,\n onDelete: !!onDelete,\n clickable,\n variant\n };\n const classes = useUtilityClasses(ownerState);\n const moreProps = component === _ButtonBase_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"] ? {\n component: ComponentProp || 'div',\n focusVisibleClassName: classes.focusVisible,\n ...(onDelete && {\n disableRipple: true\n })\n } : {};\n let deleteIcon = null;\n if (onDelete) {\n deleteIcon = deleteIconProp && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(deleteIconProp) ? (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(deleteIconProp, {\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(deleteIconProp.props.className, classes.deleteIcon),\n onClick: handleDeleteIconClick\n })) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_internal_svg_icons_Cancel_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n className: classes.deleteIcon,\n onClick: handleDeleteIconClick\n });\n }\n let avatar = null;\n if (avatarProp && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(avatarProp)) {\n avatar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(avatarProp, {\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(classes.avatar, avatarProp.props.className)\n });\n }\n let icon = null;\n if (iconProp && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(iconProp)) {\n icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(iconProp, {\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(classes.icon, iconProp.props.className)\n });\n }\n if (true) {\n if (avatar && icon) {\n console.error('MUI: The Chip component can not handle the avatar ' + 'and the icon prop at the same time. Pick one.');\n }\n }\n const externalForwardedProps = {\n slots,\n slotProps\n };\n const [RootSlot, rootProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])('root', {\n elementType: ChipRoot,\n externalForwardedProps: {\n ...externalForwardedProps,\n ...other\n },\n ownerState,\n // The `component` prop is preserved because `Chip` relies on it for internal logic. If `shouldForwardComponentProp` were `false`, `useSlot` would remove the `component` prop, potentially breaking the component's behavior.\n shouldForwardComponentProp: true,\n ref: handleRef,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(classes.root, className),\n additionalProps: {\n disabled: clickable && disabled ? true : undefined,\n tabIndex: skipFocusWhenDisabled && disabled ? -1 : tabIndex,\n ...moreProps\n },\n getSlotProps: handlers => ({\n ...handlers,\n onClick: event => {\n handlers.onClick?.(event);\n onClick?.(event);\n },\n onKeyDown: event => {\n handlers.onKeyDown?.(event);\n handleKeyDown(event);\n },\n onKeyUp: event => {\n handlers.onKeyUp?.(event);\n handleKeyUp(event);\n }\n })\n });\n const [LabelSlot, labelProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])('label', {\n elementType: ChipLabel,\n externalForwardedProps,\n ownerState,\n className: classes.label\n });\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(RootSlot, {\n as: component,\n ...rootProps,\n children: [avatar || icon, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(LabelSlot, {\n ...labelProps,\n children: label\n }), deleteIcon]\n });\n});\n true ? Chip.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * The Avatar element to display.\n */\n avatar: prop_types__WEBPACK_IMPORTED_MODULE_1__.element,\n /**\n * This prop isn't supported.\n * Use the `component` prop if you need to change the children structure.\n */\n children: _utils_unsupportedProp_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n /**\n * Override or extend the styles applied to the component.\n */\n classes: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * @ignore\n */\n className: prop_types__WEBPACK_IMPORTED_MODULE_1__.string,\n /**\n * If `true`, the chip will appear clickable, and will raise when pressed,\n * even if the onClick prop is not defined.\n * If `false`, the chip will not appear clickable, even if onClick prop is defined.\n * This can be used, for example,\n * along with the component prop to indicate an anchor Chip is clickable.\n * Note: this controls the UI and does not affect the onClick event.\n */\n clickable: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The color of the component.\n * It supports both default and custom theme colors, which can be added as shown in the\n * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n * @default 'default'\n */\n color: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), prop_types__WEBPACK_IMPORTED_MODULE_1__.string]),\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n /**\n * Override the default delete icon element. Shown only if `onDelete` is set.\n */\n deleteIcon: prop_types__WEBPACK_IMPORTED_MODULE_1__.element,\n /**\n * If `true`, the component is disabled.\n * @default false\n */\n disabled: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * Icon element.\n */\n icon: prop_types__WEBPACK_IMPORTED_MODULE_1__.element,\n /**\n * The content of the component.\n */\n label: prop_types__WEBPACK_IMPORTED_MODULE_1__.node,\n /**\n * @ignore\n */\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * Callback fired when the delete icon is clicked.\n * If set, the delete icon will be shown.\n */\n onDelete: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * @ignore\n */\n onKeyDown: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * @ignore\n */\n onKeyUp: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * The size of the component.\n * @default 'medium'\n */\n size: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['medium', 'small']), prop_types__WEBPACK_IMPORTED_MODULE_1__.string]),\n /**\n * If `true`, allows the disabled chip to escape focus.\n * If `false`, allows the disabled chip to receive focus.\n * @default false\n */\n skipFocusWhenDisabled: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The props used for each slot inside.\n * @default {}\n */\n slotProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n label: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n root: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object])\n }),\n /**\n * The components used for each slot inside.\n * @default {}\n */\n slots: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n label: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n root: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType\n }),\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object, prop_types__WEBPACK_IMPORTED_MODULE_1__.bool])), prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n /**\n * @ignore\n */\n tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_1__.number,\n /**\n * The variant to use.\n * @default 'filled'\n */\n variant: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['filled', 'outlined']), prop_types__WEBPACK_IMPORTED_MODULE_1__.string])\n} : 0;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Chip);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/Chip/Chip.js?\n}");
4738
4738
 
4739
4739
  /***/ },
4740
4740
 
@@ -4778,7 +4778,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
4778
4778
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
4779
4779
 
4780
4780
  "use strict";
4781
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.mjs\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var react_transition_group__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-transition-group */ \"./node_modules/react-transition-group/esm/Transition.js\");\n/* harmony import */ var _mui_utils_useTimeout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/utils/useTimeout */ \"./node_modules/@mui/utils/esm/useTimeout/useTimeout.js\");\n/* harmony import */ var _mui_utils_elementTypeAcceptingRef__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils/elementTypeAcceptingRef */ \"./node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/useTheme.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/styled.js\");\n/* harmony import */ var _utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils/memoTheme.js */ \"./node_modules/@mui/material/esm/utils/memoTheme.js\");\n/* harmony import */ var _DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../DefaultPropsProvider/index.js */ \"./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js\");\n/* harmony import */ var _styles_createTransitions_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../styles/createTransitions.js */ \"./node_modules/@mui/material/esm/styles/createTransitions.js\");\n/* harmony import */ var _transitions_utils_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../transitions/utils.js */ \"./node_modules/@mui/material/esm/transitions/utils.js\");\n/* harmony import */ var _utils_index_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../utils/index.js */ \"./node_modules/@mui/material/esm/utils/useForkRef.js\");\n/* harmony import */ var _utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utils/useSlot.js */ \"./node_modules/@mui/material/esm/utils/useSlot.js\");\n/* harmony import */ var _collapseClasses_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./collapseClasses.js */ \"./node_modules/@mui/material/esm/Collapse/collapseClasses.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst useUtilityClasses = ownerState => {\n const {\n orientation,\n classes\n } = ownerState;\n const slots = {\n root: ['root', `${orientation}`],\n entered: ['entered'],\n hidden: ['hidden'],\n wrapper: ['wrapper', `${orientation}`],\n wrapperInner: ['wrapperInner', `${orientation}`]\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(slots, _collapseClasses_js__WEBPACK_IMPORTED_MODULE_15__.getCollapseUtilityClass, classes);\n};\nconst CollapseRoot = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"])('div', {\n name: 'MuiCollapse',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.root, styles[ownerState.orientation], ownerState.state === 'entered' && styles.entered, ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && styles.hidden];\n }\n})((0,_utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])(({\n theme\n}) => ({\n height: 0,\n overflow: 'hidden',\n transition: theme.transitions.create('height'),\n variants: [{\n props: {\n orientation: 'horizontal'\n },\n style: {\n height: 'auto',\n width: 0,\n transition: theme.transitions.create('width')\n }\n }, {\n props: {\n state: 'entered'\n },\n style: {\n height: 'auto',\n overflow: 'visible'\n }\n }, {\n props: {\n state: 'entered',\n orientation: 'horizontal'\n },\n style: {\n width: 'auto'\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px',\n style: {\n visibility: 'hidden'\n }\n }]\n})));\nconst CollapseWrapper = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"])('div', {\n name: 'MuiCollapse',\n slot: 'Wrapper'\n})({\n // Hack to get children with a negative margin to not falsify the height computation.\n display: 'flex',\n width: '100%',\n variants: [{\n props: {\n orientation: 'horizontal'\n },\n style: {\n width: 'auto',\n height: '100%'\n }\n }]\n});\nconst CollapseWrapperInner = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"])('div', {\n name: 'MuiCollapse',\n slot: 'WrapperInner'\n})({\n width: '100%',\n variants: [{\n props: {\n orientation: 'horizontal'\n },\n style: {\n width: 'auto',\n height: '100%'\n }\n }]\n});\n\n/**\n * The Collapse transition is used by the\n * [Vertical Stepper](/material-ui/react-stepper/#vertical-stepper) StepContent component.\n * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.\n */\nconst Collapse = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Collapse(inProps, ref) {\n const props = (0,_DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_10__.useDefaultProps)({\n props: inProps,\n name: 'MuiCollapse'\n });\n const {\n addEndListener,\n children,\n className,\n collapsedSize: collapsedSizeProp = '0px',\n component,\n easing,\n in: inProp,\n onEnter,\n onEntered,\n onEntering,\n onExit,\n onExited,\n onExiting,\n orientation = 'vertical',\n slots = {},\n slotProps = {},\n style,\n timeout = _styles_createTransitions_js__WEBPACK_IMPORTED_MODULE_11__.duration.standard,\n // eslint-disable-next-line react/prop-types\n TransitionComponent = react_transition_group__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n ...other\n } = props;\n const ownerState = {\n ...props,\n orientation,\n collapsedSize: collapsedSizeProp\n };\n const classes = useUtilityClasses(ownerState);\n const theme = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])();\n const timer = (0,_mui_utils_useTimeout__WEBPACK_IMPORTED_MODULE_4__[\"default\"])();\n const wrapperRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const autoTransitionDuration = react__WEBPACK_IMPORTED_MODULE_0__.useRef();\n const collapsedSize = typeof collapsedSizeProp === 'number' ? `${collapsedSizeProp}px` : collapsedSizeProp;\n const isHorizontal = orientation === 'horizontal';\n const size = isHorizontal ? 'width' : 'height';\n const nodeRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const handleRef = (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"])(ref, nodeRef);\n const normalizedTransitionCallback = callback => maybeIsAppearing => {\n if (callback) {\n const node = nodeRef.current;\n\n // onEnterXxx and onExitXxx callbacks have a different arguments.length value.\n if (maybeIsAppearing === undefined) {\n callback(node);\n } else {\n callback(node, maybeIsAppearing);\n }\n }\n };\n const getWrapperSize = () => wrapperRef.current ? wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'] : 0;\n const handleEnter = normalizedTransitionCallback((node, isAppearing) => {\n if (wrapperRef.current && isHorizontal) {\n // Set absolute position to get the size of collapsed content\n wrapperRef.current.style.position = 'absolute';\n }\n node.style[size] = collapsedSize;\n if (onEnter) {\n onEnter(node, isAppearing);\n }\n });\n const handleEntering = normalizedTransitionCallback((node, isAppearing) => {\n const wrapperSize = getWrapperSize();\n if (wrapperRef.current && isHorizontal) {\n // After the size is read reset the position back to default\n wrapperRef.current.style.position = '';\n }\n const {\n duration: transitionDuration,\n easing: transitionTimingFunction\n } = (0,_transitions_utils_js__WEBPACK_IMPORTED_MODULE_12__.getTransitionProps)({\n style,\n timeout,\n easing\n }, {\n mode: 'enter'\n });\n if (timeout === 'auto') {\n const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);\n node.style.transitionDuration = `${duration2}ms`;\n autoTransitionDuration.current = duration2;\n } else {\n node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : `${transitionDuration}ms`;\n }\n node.style[size] = `${wrapperSize}px`;\n node.style.transitionTimingFunction = transitionTimingFunction;\n if (onEntering) {\n onEntering(node, isAppearing);\n }\n });\n const handleEntered = normalizedTransitionCallback((node, isAppearing) => {\n node.style[size] = 'auto';\n if (onEntered) {\n onEntered(node, isAppearing);\n }\n });\n const handleExit = normalizedTransitionCallback(node => {\n node.style[size] = `${getWrapperSize()}px`;\n if (onExit) {\n onExit(node);\n }\n });\n const handleExited = normalizedTransitionCallback(onExited);\n const handleExiting = normalizedTransitionCallback(node => {\n const wrapperSize = getWrapperSize();\n const {\n duration: transitionDuration,\n easing: transitionTimingFunction\n } = (0,_transitions_utils_js__WEBPACK_IMPORTED_MODULE_12__.getTransitionProps)({\n style,\n timeout,\n easing\n }, {\n mode: 'exit'\n });\n if (timeout === 'auto') {\n // TODO: rename getAutoHeightDuration to something more generic (width support)\n // Actually it just calculates animation duration based on size\n const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);\n node.style.transitionDuration = `${duration2}ms`;\n autoTransitionDuration.current = duration2;\n } else {\n node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : `${transitionDuration}ms`;\n }\n node.style[size] = collapsedSize;\n node.style.transitionTimingFunction = transitionTimingFunction;\n if (onExiting) {\n onExiting(node);\n }\n });\n const handleAddEndListener = next => {\n if (timeout === 'auto') {\n timer.start(autoTransitionDuration.current || 0, next);\n }\n if (addEndListener) {\n // Old call signature before `react-transition-group` implemented `nodeRef`\n addEndListener(nodeRef.current, next);\n }\n };\n const externalForwardedProps = {\n slots,\n slotProps,\n component\n };\n const [RootSlot, rootSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])('root', {\n ref: handleRef,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(classes.root, className),\n elementType: CollapseRoot,\n externalForwardedProps,\n ownerState,\n additionalProps: {\n style: {\n [isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize,\n ...style\n }\n }\n });\n const [WrapperSlot, wrapperSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])('wrapper', {\n ref: wrapperRef,\n className: classes.wrapper,\n elementType: CollapseWrapper,\n externalForwardedProps,\n ownerState\n });\n const [WrapperInnerSlot, wrapperInnerSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])('wrapperInner', {\n className: classes.wrapperInner,\n elementType: CollapseWrapperInner,\n externalForwardedProps,\n ownerState\n });\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(TransitionComponent, {\n in: inProp,\n onEnter: handleEnter,\n onEntered: handleEntered,\n onEntering: handleEntering,\n onExit: handleExit,\n onExited: handleExited,\n onExiting: handleExiting,\n addEndListener: handleAddEndListener,\n nodeRef: nodeRef,\n timeout: timeout === 'auto' ? null : timeout,\n ...other,\n children: (state, {\n ownerState: incomingOwnerState,\n ...restChildProps\n }) => {\n const stateOwnerState = {\n ...ownerState,\n state\n };\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(RootSlot, {\n ...rootSlotProps,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(rootSlotProps.className, {\n 'entered': classes.entered,\n 'exited': !inProp && collapsedSize === '0px' && classes.hidden\n }[state]),\n ownerState: stateOwnerState,\n ...restChildProps,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(WrapperSlot, {\n ...wrapperSlotProps,\n ownerState: stateOwnerState,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(WrapperInnerSlot, {\n ...wrapperInnerSlotProps,\n ownerState: stateOwnerState,\n children: children\n })\n })\n });\n }\n });\n});\n true ? Collapse.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * Add a custom transition end trigger. Called with the transitioning DOM\n * node and a done callback. Allows for more fine grained transition end\n * logic. Note: Timeouts are still used as a fallback if provided.\n */\n addEndListener: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * The content node to be collapsed.\n */\n children: prop_types__WEBPACK_IMPORTED_MODULE_2__.node,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: prop_types__WEBPACK_IMPORTED_MODULE_2__.object,\n /**\n * @ignore\n */\n className: prop_types__WEBPACK_IMPORTED_MODULE_2__.string,\n /**\n * The width (horizontal) or height (vertical) of the container when collapsed.\n * @default '0px'\n */\n collapsedSize: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.number, prop_types__WEBPACK_IMPORTED_MODULE_2__.string]),\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: _mui_utils_elementTypeAcceptingRef__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n /**\n * The transition timing function.\n * You may specify a single easing or a object containing enter and exit values.\n */\n easing: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.shape({\n enter: prop_types__WEBPACK_IMPORTED_MODULE_2__.string,\n exit: prop_types__WEBPACK_IMPORTED_MODULE_2__.string\n }), prop_types__WEBPACK_IMPORTED_MODULE_2__.string]),\n /**\n * If `true`, the component will transition in.\n */\n in: prop_types__WEBPACK_IMPORTED_MODULE_2__.bool,\n /**\n * @ignore\n */\n onEnter: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * @ignore\n */\n onEntered: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * @ignore\n */\n onEntering: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * @ignore\n */\n onExit: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * @ignore\n */\n onExited: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * @ignore\n */\n onExiting: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * The transition orientation.\n * @default 'vertical'\n */\n orientation: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['horizontal', 'vertical']),\n /**\n * The props used for each slot inside.\n * @default {}\n */\n slotProps: prop_types__WEBPACK_IMPORTED_MODULE_2__.shape({\n root: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n wrapper: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n wrapperInner: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object])\n }),\n /**\n * The components used for each slot inside.\n * @default {}\n */\n slots: prop_types__WEBPACK_IMPORTED_MODULE_2__.shape({\n root: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n wrapper: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n wrapperInner: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType\n }),\n /**\n * @ignore\n */\n style: prop_types__WEBPACK_IMPORTED_MODULE_2__.object,\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object, prop_types__WEBPACK_IMPORTED_MODULE_2__.bool])), prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n /**\n * The duration for the transition, in milliseconds.\n * You may specify a single timeout for all transitions, or individually with an object.\n *\n * Set to 'auto' to automatically calculate transition time based on height.\n * @default duration.standard\n */\n timeout: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['auto']), prop_types__WEBPACK_IMPORTED_MODULE_2__.number, prop_types__WEBPACK_IMPORTED_MODULE_2__.shape({\n appear: prop_types__WEBPACK_IMPORTED_MODULE_2__.number,\n enter: prop_types__WEBPACK_IMPORTED_MODULE_2__.number,\n exit: prop_types__WEBPACK_IMPORTED_MODULE_2__.number\n })])\n} : 0;\nif (Collapse) {\n Collapse.muiSupportAuto = true;\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Collapse);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/Collapse/Collapse.js?\n}");
4781
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.mjs\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var react_transition_group__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-transition-group */ \"./node_modules/react-transition-group/esm/Transition.js\");\n/* harmony import */ var _mui_utils_useTimeout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/utils/useTimeout */ \"./node_modules/@mui/utils/esm/useTimeout/useTimeout.js\");\n/* harmony import */ var _mui_utils_elementTypeAcceptingRef__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils/elementTypeAcceptingRef */ \"./node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/useTheme.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/styled.js\");\n/* harmony import */ var _utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils/memoTheme.js */ \"./node_modules/@mui/material/esm/utils/memoTheme.js\");\n/* harmony import */ var _DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../DefaultPropsProvider/index.js */ \"./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js\");\n/* harmony import */ var _styles_createTransitions_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../styles/createTransitions.js */ \"./node_modules/@mui/material/esm/styles/createTransitions.js\");\n/* harmony import */ var _transitions_utils_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../transitions/utils.js */ \"./node_modules/@mui/material/esm/transitions/utils.js\");\n/* harmony import */ var _utils_index_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../utils/index.js */ \"./node_modules/@mui/material/esm/utils/useForkRef.js\");\n/* harmony import */ var _utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utils/useSlot.js */ \"./node_modules/@mui/material/esm/utils/useSlot.js\");\n/* harmony import */ var _collapseClasses_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./collapseClasses.js */ \"./node_modules/@mui/material/esm/Collapse/collapseClasses.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst useUtilityClasses = ownerState => {\n const {\n orientation,\n classes\n } = ownerState;\n const slots = {\n root: ['root', orientation],\n entered: ['entered'],\n hidden: ['hidden'],\n wrapper: ['wrapper', orientation],\n wrapperInner: ['wrapperInner', orientation]\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(slots, _collapseClasses_js__WEBPACK_IMPORTED_MODULE_15__.getCollapseUtilityClass, classes);\n};\nconst CollapseRoot = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"])('div', {\n name: 'MuiCollapse',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.root, styles[ownerState.orientation], ownerState.state === 'entered' && styles.entered, ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && styles.hidden];\n }\n})((0,_utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])(({\n theme\n}) => ({\n height: 0,\n overflow: 'hidden',\n transition: theme.transitions.create('height'),\n variants: [{\n props: {\n orientation: 'horizontal'\n },\n style: {\n height: 'auto',\n width: 0,\n transition: theme.transitions.create('width')\n }\n }, {\n props: {\n state: 'entered'\n },\n style: {\n height: 'auto',\n overflow: 'visible'\n }\n }, {\n props: {\n state: 'entered',\n orientation: 'horizontal'\n },\n style: {\n width: 'auto'\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px',\n style: {\n visibility: 'hidden'\n }\n }]\n})));\nconst CollapseWrapper = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"])('div', {\n name: 'MuiCollapse',\n slot: 'Wrapper'\n})({\n // Hack to get children with a negative margin to not falsify the height computation.\n display: 'flex',\n width: '100%',\n variants: [{\n props: {\n orientation: 'horizontal'\n },\n style: {\n width: 'auto',\n height: '100%'\n }\n }]\n});\nconst CollapseWrapperInner = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"])('div', {\n name: 'MuiCollapse',\n slot: 'WrapperInner'\n})({\n width: '100%',\n variants: [{\n props: {\n orientation: 'horizontal'\n },\n style: {\n width: 'auto',\n height: '100%'\n }\n }]\n});\n\n/**\n * The Collapse transition is used by the\n * [Vertical Stepper](/material-ui/react-stepper/#vertical-stepper) StepContent component.\n * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.\n */\nconst Collapse = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Collapse(inProps, ref) {\n const props = (0,_DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_10__.useDefaultProps)({\n props: inProps,\n name: 'MuiCollapse'\n });\n const {\n addEndListener,\n children,\n className,\n collapsedSize: collapsedSizeProp = '0px',\n component,\n easing,\n in: inProp,\n onEnter,\n onEntered,\n onEntering,\n onExit,\n onExited,\n onExiting,\n orientation = 'vertical',\n slots = {},\n slotProps = {},\n style,\n timeout = _styles_createTransitions_js__WEBPACK_IMPORTED_MODULE_11__.duration.standard,\n // eslint-disable-next-line react/prop-types\n TransitionComponent = react_transition_group__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n ...other\n } = props;\n const ownerState = {\n ...props,\n orientation,\n collapsedSize: collapsedSizeProp\n };\n const classes = useUtilityClasses(ownerState);\n const theme = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])();\n const timer = (0,_mui_utils_useTimeout__WEBPACK_IMPORTED_MODULE_4__[\"default\"])();\n const wrapperRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const autoTransitionDuration = react__WEBPACK_IMPORTED_MODULE_0__.useRef();\n const collapsedSize = typeof collapsedSizeProp === 'number' ? `${collapsedSizeProp}px` : collapsedSizeProp;\n const isHorizontal = orientation === 'horizontal';\n const size = isHorizontal ? 'width' : 'height';\n const nodeRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const handleRef = (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"])(ref, nodeRef);\n const normalizedTransitionCallback = callback => maybeIsAppearing => {\n if (callback) {\n const node = nodeRef.current;\n\n // onEnterXxx and onExitXxx callbacks have a different arguments.length value.\n if (maybeIsAppearing === undefined) {\n callback(node);\n } else {\n callback(node, maybeIsAppearing);\n }\n }\n };\n const getWrapperSize = () => wrapperRef.current ? wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'] : 0;\n const handleEnter = normalizedTransitionCallback((node, isAppearing) => {\n if (wrapperRef.current && isHorizontal) {\n // Set absolute position to get the size of collapsed content\n wrapperRef.current.style.position = 'absolute';\n }\n node.style[size] = collapsedSize;\n if (onEnter) {\n onEnter(node, isAppearing);\n }\n });\n const handleEntering = normalizedTransitionCallback((node, isAppearing) => {\n const wrapperSize = getWrapperSize();\n if (wrapperRef.current && isHorizontal) {\n // After the size is read reset the position back to default\n wrapperRef.current.style.position = '';\n }\n const {\n duration: transitionDuration,\n easing: transitionTimingFunction\n } = (0,_transitions_utils_js__WEBPACK_IMPORTED_MODULE_12__.getTransitionProps)({\n style,\n timeout,\n easing\n }, {\n mode: 'enter'\n });\n if (timeout === 'auto') {\n const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);\n node.style.transitionDuration = `${duration2}ms`;\n autoTransitionDuration.current = duration2;\n } else {\n node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : `${transitionDuration}ms`;\n }\n node.style[size] = `${wrapperSize}px`;\n node.style.transitionTimingFunction = transitionTimingFunction;\n if (onEntering) {\n onEntering(node, isAppearing);\n }\n });\n const handleEntered = normalizedTransitionCallback((node, isAppearing) => {\n node.style[size] = 'auto';\n if (onEntered) {\n onEntered(node, isAppearing);\n }\n });\n const handleExit = normalizedTransitionCallback(node => {\n node.style[size] = `${getWrapperSize()}px`;\n if (onExit) {\n onExit(node);\n }\n });\n const handleExited = normalizedTransitionCallback(onExited);\n const handleExiting = normalizedTransitionCallback(node => {\n const wrapperSize = getWrapperSize();\n const {\n duration: transitionDuration,\n easing: transitionTimingFunction\n } = (0,_transitions_utils_js__WEBPACK_IMPORTED_MODULE_12__.getTransitionProps)({\n style,\n timeout,\n easing\n }, {\n mode: 'exit'\n });\n if (timeout === 'auto') {\n // TODO: rename getAutoHeightDuration to something more generic (width support)\n // Actually it just calculates animation duration based on size\n const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);\n node.style.transitionDuration = `${duration2}ms`;\n autoTransitionDuration.current = duration2;\n } else {\n node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : `${transitionDuration}ms`;\n }\n node.style[size] = collapsedSize;\n node.style.transitionTimingFunction = transitionTimingFunction;\n if (onExiting) {\n onExiting(node);\n }\n });\n const handleAddEndListener = next => {\n if (timeout === 'auto') {\n timer.start(autoTransitionDuration.current || 0, next);\n }\n if (addEndListener) {\n // Old call signature before `react-transition-group` implemented `nodeRef`\n addEndListener(nodeRef.current, next);\n }\n };\n const externalForwardedProps = {\n slots,\n slotProps,\n component\n };\n const [RootSlot, rootSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])('root', {\n ref: handleRef,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(classes.root, className),\n elementType: CollapseRoot,\n externalForwardedProps,\n ownerState,\n additionalProps: {\n style: {\n [isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize,\n ...style\n }\n }\n });\n const [WrapperSlot, wrapperSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])('wrapper', {\n ref: wrapperRef,\n className: classes.wrapper,\n elementType: CollapseWrapper,\n externalForwardedProps,\n ownerState\n });\n const [WrapperInnerSlot, wrapperInnerSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])('wrapperInner', {\n className: classes.wrapperInner,\n elementType: CollapseWrapperInner,\n externalForwardedProps,\n ownerState\n });\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(TransitionComponent, {\n in: inProp,\n onEnter: handleEnter,\n onEntered: handleEntered,\n onEntering: handleEntering,\n onExit: handleExit,\n onExited: handleExited,\n onExiting: handleExiting,\n addEndListener: handleAddEndListener,\n nodeRef: nodeRef,\n timeout: timeout === 'auto' ? null : timeout,\n ...other,\n children: (state, {\n ownerState: incomingOwnerState,\n ...restChildProps\n }) => {\n const stateOwnerState = {\n ...ownerState,\n state\n };\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(RootSlot, {\n ...rootSlotProps,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(rootSlotProps.className, {\n 'entered': classes.entered,\n 'exited': !inProp && collapsedSize === '0px' && classes.hidden\n }[state]),\n ownerState: stateOwnerState,\n ...restChildProps,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(WrapperSlot, {\n ...wrapperSlotProps,\n ownerState: stateOwnerState,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(WrapperInnerSlot, {\n ...wrapperInnerSlotProps,\n ownerState: stateOwnerState,\n children: children\n })\n })\n });\n }\n });\n});\n true ? Collapse.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * Add a custom transition end trigger. Called with the transitioning DOM\n * node and a done callback. Allows for more fine grained transition end\n * logic. Note: Timeouts are still used as a fallback if provided.\n */\n addEndListener: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * The content node to be collapsed.\n */\n children: prop_types__WEBPACK_IMPORTED_MODULE_2__.node,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: prop_types__WEBPACK_IMPORTED_MODULE_2__.object,\n /**\n * @ignore\n */\n className: prop_types__WEBPACK_IMPORTED_MODULE_2__.string,\n /**\n * The width (horizontal) or height (vertical) of the container when collapsed.\n * @default '0px'\n */\n collapsedSize: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.number, prop_types__WEBPACK_IMPORTED_MODULE_2__.string]),\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: _mui_utils_elementTypeAcceptingRef__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n /**\n * The transition timing function.\n * You may specify a single easing or a object containing enter and exit values.\n */\n easing: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.shape({\n enter: prop_types__WEBPACK_IMPORTED_MODULE_2__.string,\n exit: prop_types__WEBPACK_IMPORTED_MODULE_2__.string\n }), prop_types__WEBPACK_IMPORTED_MODULE_2__.string]),\n /**\n * If `true`, the component will transition in.\n */\n in: prop_types__WEBPACK_IMPORTED_MODULE_2__.bool,\n /**\n * @ignore\n */\n onEnter: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * @ignore\n */\n onEntered: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * @ignore\n */\n onEntering: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * @ignore\n */\n onExit: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * @ignore\n */\n onExited: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * @ignore\n */\n onExiting: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * The transition orientation.\n * @default 'vertical'\n */\n orientation: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['horizontal', 'vertical']),\n /**\n * The props used for each slot inside.\n * @default {}\n */\n slotProps: prop_types__WEBPACK_IMPORTED_MODULE_2__.shape({\n root: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n wrapper: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n wrapperInner: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object])\n }),\n /**\n * The components used for each slot inside.\n * @default {}\n */\n slots: prop_types__WEBPACK_IMPORTED_MODULE_2__.shape({\n root: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n wrapper: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n wrapperInner: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType\n }),\n /**\n * @ignore\n */\n style: prop_types__WEBPACK_IMPORTED_MODULE_2__.object,\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object, prop_types__WEBPACK_IMPORTED_MODULE_2__.bool])), prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n /**\n * The duration for the transition, in milliseconds.\n * You may specify a single timeout for all transitions, or individually with an object.\n *\n * Set to 'auto' to automatically calculate transition time based on height.\n * @default duration.standard\n */\n timeout: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['auto']), prop_types__WEBPACK_IMPORTED_MODULE_2__.number, prop_types__WEBPACK_IMPORTED_MODULE_2__.shape({\n appear: prop_types__WEBPACK_IMPORTED_MODULE_2__.number,\n enter: prop_types__WEBPACK_IMPORTED_MODULE_2__.number,\n exit: prop_types__WEBPACK_IMPORTED_MODULE_2__.number\n })])\n} : 0;\nif (Collapse) {\n Collapse.muiSupportAuto = true;\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Collapse);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/Collapse/Collapse.js?\n}");
4782
4782
 
4783
4783
  /***/ },
4784
4784
 
@@ -5614,7 +5614,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
5614
5614
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
5615
5615
 
5616
5616
  "use strict";
5617
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ PopoverPaper: () => (/* binding */ PopoverPaper),\n/* harmony export */ PopoverRoot: () => (/* binding */ PopoverRoot),\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */ getOffsetLeft: () => (/* binding */ getOffsetLeft),\n/* harmony export */ getOffsetTop: () => (/* binding */ getOffsetTop)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.mjs\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _mui_utils_HTMLElementType__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/utils/HTMLElementType */ \"./node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js\");\n/* harmony import */ var _mui_utils_refType__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils/refType */ \"./node_modules/@mui/utils/esm/refType/refType.js\");\n/* harmony import */ var _mui_utils_elementTypeAcceptingRef__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/utils/elementTypeAcceptingRef */ \"./node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js\");\n/* harmony import */ var _mui_utils_integerPropType__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/utils/integerPropType */ \"./node_modules/@mui/utils/esm/integerPropType/integerPropType.js\");\n/* harmony import */ var _mui_utils_chainPropTypes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/utils/chainPropTypes */ \"./node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js\");\n/* harmony import */ var _mui_utils_isHostComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/utils/isHostComponent */ \"./node_modules/@mui/utils/esm/isHostComponent/isHostComponent.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/styled.js\");\n/* harmony import */ var _DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../DefaultPropsProvider/index.js */ \"./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js\");\n/* harmony import */ var _utils_debounce_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../utils/debounce.js */ \"./node_modules/@mui/material/esm/utils/debounce.js\");\n/* harmony import */ var _utils_ownerDocument_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../utils/ownerDocument.js */ \"./node_modules/@mui/material/esm/utils/ownerDocument.js\");\n/* harmony import */ var _utils_ownerWindow_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utils/ownerWindow.js */ \"./node_modules/@mui/material/esm/utils/ownerWindow.js\");\n/* harmony import */ var _Grow_index_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../Grow/index.js */ \"./node_modules/@mui/material/esm/Grow/Grow.js\");\n/* harmony import */ var _Modal_index_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../Modal/index.js */ \"./node_modules/@mui/material/esm/Modal/Modal.js\");\n/* harmony import */ var _Paper_index_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../Paper/index.js */ \"./node_modules/@mui/material/esm/Paper/Paper.js\");\n/* harmony import */ var _popoverClasses_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./popoverClasses.js */ \"./node_modules/@mui/material/esm/Popover/popoverClasses.js\");\n/* harmony import */ var _utils_useSlot_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../utils/useSlot.js */ \"./node_modules/@mui/material/esm/utils/useSlot.js\");\n/* harmony import */ var _utils_index_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../utils/index.js */ \"./node_modules/@mui/material/esm/utils/mergeSlotProps.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction getOffsetTop(rect, vertical) {\n let offset = 0;\n if (typeof vertical === 'number') {\n offset = vertical;\n } else if (vertical === 'center') {\n offset = rect.height / 2;\n } else if (vertical === 'bottom') {\n offset = rect.height;\n }\n return offset;\n}\nfunction getOffsetLeft(rect, horizontal) {\n let offset = 0;\n if (typeof horizontal === 'number') {\n offset = horizontal;\n } else if (horizontal === 'center') {\n offset = rect.width / 2;\n } else if (horizontal === 'right') {\n offset = rect.width;\n }\n return offset;\n}\nfunction getTransformOriginValue(transformOrigin) {\n return [transformOrigin.horizontal, transformOrigin.vertical].map(n => typeof n === 'number' ? `${n}px` : n).join(' ');\n}\nfunction resolveAnchorEl(anchorEl) {\n return typeof anchorEl === 'function' ? anchorEl() : anchorEl;\n}\nconst useUtilityClasses = ownerState => {\n const {\n classes\n } = ownerState;\n const slots = {\n root: ['root'],\n paper: ['paper']\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(slots, _popoverClasses_js__WEBPACK_IMPORTED_MODULE_18__.getPopoverUtilityClass, classes);\n};\nconst PopoverRoot = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(_Modal_index_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n name: 'MuiPopover',\n slot: 'Root'\n})({});\nconst PopoverPaper = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(_Paper_index_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n name: 'MuiPopover',\n slot: 'Paper'\n})({\n position: 'absolute',\n overflowY: 'auto',\n overflowX: 'hidden',\n // So we see the popover when it's empty.\n // It's most likely on issue on userland.\n minWidth: 16,\n minHeight: 16,\n maxWidth: 'calc(100% - 32px)',\n maxHeight: 'calc(100% - 32px)',\n // We disable the focus ring for mouse, touch and keyboard users.\n outline: 0\n});\nconst Popover = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Popover(inProps, ref) {\n const props = (0,_DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_11__.useDefaultProps)({\n props: inProps,\n name: 'MuiPopover'\n });\n const {\n action,\n anchorEl,\n anchorOrigin = {\n vertical: 'top',\n horizontal: 'left'\n },\n anchorPosition,\n anchorReference = 'anchorEl',\n children,\n className,\n container: containerProp,\n elevation = 8,\n marginThreshold = 16,\n open,\n PaperProps: PaperPropsProp = {},\n // TODO: remove in v7\n slots = {},\n slotProps = {},\n transformOrigin = {\n vertical: 'top',\n horizontal: 'left'\n },\n TransitionComponent,\n // TODO: remove in v7\n transitionDuration: transitionDurationProp = 'auto',\n TransitionProps = {},\n // TODO: remove in v7\n disableScrollLock = false,\n ...other\n } = props;\n const paperRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef();\n const ownerState = {\n ...props,\n anchorOrigin,\n anchorReference,\n elevation,\n marginThreshold,\n transformOrigin,\n TransitionComponent,\n transitionDuration: transitionDurationProp,\n TransitionProps\n };\n const classes = useUtilityClasses(ownerState);\n\n // Returns the top/left offset of the position\n // to attach to on the anchor element (or body if none is provided)\n const getAnchorOffset = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(() => {\n if (anchorReference === 'anchorPosition') {\n if (true) {\n if (!anchorPosition) {\n console.error('MUI: You need to provide a `anchorPosition` prop when using ' + '<Popover anchorReference=\"anchorPosition\" />.');\n }\n }\n return anchorPosition;\n }\n const resolvedAnchorEl = resolveAnchorEl(anchorEl);\n\n // If an anchor element wasn't provided, just use the parent body element of this Popover\n const anchorElement = resolvedAnchorEl && resolvedAnchorEl.nodeType === 1 ? resolvedAnchorEl : (0,_utils_ownerDocument_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"])(paperRef.current).body;\n const anchorRect = anchorElement.getBoundingClientRect();\n if (true) {\n const box = anchorElement.getBoundingClientRect();\n if ( true && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {\n console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', \"Make sure the element is present in the document or that it's not display none.\"].join('\\n'));\n }\n }\n return {\n top: anchorRect.top + getOffsetTop(anchorRect, anchorOrigin.vertical),\n left: anchorRect.left + getOffsetLeft(anchorRect, anchorOrigin.horizontal)\n };\n }, [anchorEl, anchorOrigin.horizontal, anchorOrigin.vertical, anchorPosition, anchorReference]);\n\n // Returns the base transform origin using the element\n const getTransformOrigin = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(elemRect => {\n return {\n vertical: getOffsetTop(elemRect, transformOrigin.vertical),\n horizontal: getOffsetLeft(elemRect, transformOrigin.horizontal)\n };\n }, [transformOrigin.horizontal, transformOrigin.vertical]);\n const getPositioningStyle = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(element => {\n const elemRect = {\n width: element.offsetWidth,\n height: element.offsetHeight\n };\n\n // Get the transform origin point on the element itself\n const elemTransformOrigin = getTransformOrigin(elemRect);\n if (anchorReference === 'none') {\n return {\n top: null,\n left: null,\n transformOrigin: getTransformOriginValue(elemTransformOrigin)\n };\n }\n\n // Get the offset of the anchoring element\n const anchorOffset = getAnchorOffset();\n\n // Calculate element positioning\n let top = anchorOffset.top - elemTransformOrigin.vertical;\n let left = anchorOffset.left - elemTransformOrigin.horizontal;\n const bottom = top + elemRect.height;\n const right = left + elemRect.width;\n\n // Use the parent window of the anchorEl if provided\n const containerWindow = (0,_utils_ownerWindow_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(resolveAnchorEl(anchorEl));\n\n // Window thresholds taking required margin into account\n const heightThreshold = containerWindow.innerHeight - marginThreshold;\n const widthThreshold = containerWindow.innerWidth - marginThreshold;\n\n // Check if the vertical axis needs shifting\n if (marginThreshold !== null && top < marginThreshold) {\n const diff = top - marginThreshold;\n top -= diff;\n elemTransformOrigin.vertical += diff;\n } else if (marginThreshold !== null && bottom > heightThreshold) {\n const diff = bottom - heightThreshold;\n top -= diff;\n elemTransformOrigin.vertical += diff;\n }\n if (true) {\n if (elemRect.height > heightThreshold && elemRect.height && heightThreshold) {\n console.error(['MUI: The popover component is too tall.', `Some part of it can not be seen on the screen (${elemRect.height - heightThreshold}px).`, 'Please consider adding a `max-height` to improve the user-experience.'].join('\\n'));\n }\n }\n\n // Check if the horizontal axis needs shifting\n if (marginThreshold !== null && left < marginThreshold) {\n const diff = left - marginThreshold;\n left -= diff;\n elemTransformOrigin.horizontal += diff;\n } else if (right > widthThreshold) {\n const diff = right - widthThreshold;\n left -= diff;\n elemTransformOrigin.horizontal += diff;\n }\n return {\n top: `${Math.round(top)}px`,\n left: `${Math.round(left)}px`,\n transformOrigin: getTransformOriginValue(elemTransformOrigin)\n };\n }, [anchorEl, anchorReference, getAnchorOffset, getTransformOrigin, marginThreshold]);\n const [isPositioned, setIsPositioned] = react__WEBPACK_IMPORTED_MODULE_0__.useState(open);\n const setPositioningStyles = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(() => {\n const element = paperRef.current;\n if (!element) {\n return;\n }\n const positioning = getPositioningStyle(element);\n if (positioning.top !== null) {\n element.style.setProperty('top', positioning.top);\n }\n if (positioning.left !== null) {\n element.style.left = positioning.left;\n }\n element.style.transformOrigin = positioning.transformOrigin;\n setIsPositioned(true);\n }, [getPositioningStyle]);\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n if (disableScrollLock) {\n window.addEventListener('scroll', setPositioningStyles);\n }\n return () => window.removeEventListener('scroll', setPositioningStyles);\n }, [anchorEl, disableScrollLock, setPositioningStyles]);\n const handleEntering = () => {\n setPositioningStyles();\n };\n const handleExited = () => {\n setIsPositioned(false);\n };\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n if (open) {\n setPositioningStyles();\n }\n });\n react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle(action, () => open ? {\n updatePosition: () => {\n setPositioningStyles();\n }\n } : null, [open, setPositioningStyles]);\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n if (!open) {\n return undefined;\n }\n const handleResize = (0,_utils_debounce_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"])(() => {\n setPositioningStyles();\n });\n const containerWindow = (0,_utils_ownerWindow_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(resolveAnchorEl(anchorEl));\n containerWindow.addEventListener('resize', handleResize);\n return () => {\n handleResize.clear();\n containerWindow.removeEventListener('resize', handleResize);\n };\n }, [anchorEl, open, setPositioningStyles]);\n let transitionDuration = transitionDurationProp;\n const externalForwardedProps = {\n slots: {\n transition: TransitionComponent,\n ...slots\n },\n slotProps: {\n transition: TransitionProps,\n paper: PaperPropsProp,\n ...slotProps\n }\n };\n const [TransitionSlot, transitionSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"])('transition', {\n elementType: _Grow_index_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n externalForwardedProps,\n ownerState,\n getSlotProps: handlers => ({\n ...handlers,\n onEntering: (element, isAppearing) => {\n handlers.onEntering?.(element, isAppearing);\n handleEntering();\n },\n onExited: element => {\n handlers.onExited?.(element);\n handleExited();\n }\n }),\n additionalProps: {\n appear: true,\n in: open\n }\n });\n if (transitionDurationProp === 'auto' && !TransitionSlot.muiSupportAuto) {\n transitionDuration = undefined;\n }\n\n // If the container prop is provided, use that\n // If the anchorEl prop is provided, use its parent body element as the container\n // If neither are provided let the Modal take care of choosing the container\n const container = containerProp || (anchorEl ? (0,_utils_ownerDocument_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"])(resolveAnchorEl(anchorEl)).body : undefined);\n const [RootSlot, {\n slots: rootSlotsProp,\n slotProps: rootSlotPropsProp,\n ...rootProps\n }] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"])('root', {\n ref,\n elementType: PopoverRoot,\n externalForwardedProps: {\n ...externalForwardedProps,\n ...other\n },\n shouldForwardComponentProp: true,\n additionalProps: {\n slots: {\n backdrop: slots.backdrop\n },\n slotProps: {\n backdrop: (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_20__[\"default\"])(typeof slotProps.backdrop === 'function' ? slotProps.backdrop(ownerState) : slotProps.backdrop, {\n invisible: true\n })\n },\n container,\n open\n },\n ownerState,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(classes.root, className)\n });\n const [PaperSlot, paperProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"])('paper', {\n ref: paperRef,\n className: classes.paper,\n elementType: PopoverPaper,\n externalForwardedProps,\n shouldForwardComponentProp: true,\n additionalProps: {\n elevation,\n style: isPositioned ? undefined : {\n opacity: 0\n }\n },\n ownerState\n });\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(RootSlot, {\n ...rootProps,\n ...(!(0,_mui_utils_isHostComponent__WEBPACK_IMPORTED_MODULE_9__[\"default\"])(RootSlot) && {\n slots: rootSlotsProp,\n slotProps: rootSlotPropsProp,\n disableScrollLock\n }),\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(TransitionSlot, {\n ...transitionSlotProps,\n timeout: transitionDuration,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(PaperSlot, {\n ...paperProps,\n children: children\n })\n })\n });\n});\n true ? Popover.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * A ref for imperative actions.\n * It currently only supports updatePosition() action.\n */\n action: _mui_utils_refType__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n /**\n * An HTML element, [PopoverVirtualElement](https://mui.com/material-ui/react-popover/#virtual-element),\n * or a function that returns either.\n * It's used to set the position of the popover.\n */\n anchorEl: (0,_mui_utils_chainPropTypes__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([_mui_utils_HTMLElementType__WEBPACK_IMPORTED_MODULE_4__[\"default\"], prop_types__WEBPACK_IMPORTED_MODULE_1__.func]), props => {\n if (props.open && (!props.anchorReference || props.anchorReference === 'anchorEl')) {\n const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);\n if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) {\n const box = resolvedAnchorEl.getBoundingClientRect();\n if ( true && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {\n return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', \"Make sure the element is present in the document or that it's not display none.\"].join('\\n'));\n }\n } else {\n return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', `It should be an Element or PopoverVirtualElement instance but it's \\`${resolvedAnchorEl}\\` instead.`].join('\\n'));\n }\n }\n return null;\n }),\n /**\n * This is the point on the anchor where the popover's\n * `anchorEl` will attach to. This is not used when the\n * anchorReference is 'anchorPosition'.\n *\n * Options:\n * vertical: [top, center, bottom];\n * horizontal: [left, center, right].\n * @default {\n * vertical: 'top',\n * horizontal: 'left',\n * }\n */\n anchorOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n horizontal: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['center', 'left', 'right']), prop_types__WEBPACK_IMPORTED_MODULE_1__.number]).isRequired,\n vertical: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['bottom', 'center', 'top']), prop_types__WEBPACK_IMPORTED_MODULE_1__.number]).isRequired\n }),\n /**\n * This is the position that may be used to set the position of the popover.\n * The coordinates are relative to the application's client area.\n */\n anchorPosition: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n left: prop_types__WEBPACK_IMPORTED_MODULE_1__.number.isRequired,\n top: prop_types__WEBPACK_IMPORTED_MODULE_1__.number.isRequired\n }),\n /**\n * This determines which anchor prop to refer to when setting\n * the position of the popover.\n * @default 'anchorEl'\n */\n anchorReference: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['anchorEl', 'anchorPosition', 'none']),\n /**\n * A backdrop component. This prop enables custom backdrop rendering.\n * @deprecated Use `slots.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n * @default styled(Backdrop, {\n * name: 'MuiModal',\n * slot: 'Backdrop',\n * overridesResolver: (props, styles) => {\n * return styles.backdrop;\n * },\n * })({\n * zIndex: -1,\n * })\n */\n BackdropComponent: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n /**\n * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.\n * @deprecated Use `slotProps.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n */\n BackdropProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * The content of the component.\n */\n children: prop_types__WEBPACK_IMPORTED_MODULE_1__.node,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * @ignore\n */\n className: prop_types__WEBPACK_IMPORTED_MODULE_1__.string,\n /**\n * An HTML element, component instance, or function that returns either.\n * The `container` will passed to the Modal component.\n *\n * By default, it uses the body of the anchorEl's top-level document object,\n * so it's simply `document.body` most of the time.\n */\n container: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([_mui_utils_HTMLElementType__WEBPACK_IMPORTED_MODULE_4__[\"default\"], prop_types__WEBPACK_IMPORTED_MODULE_1__.func]),\n /**\n * Disable the scroll lock behavior.\n * @default false\n */\n disableScrollLock: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The elevation of the popover.\n * @default 8\n */\n elevation: _mui_utils_integerPropType__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n /**\n * Specifies how close to the edge of the window the popover can appear.\n * If null, the popover will not be constrained by the window.\n * @default 16\n */\n marginThreshold: prop_types__WEBPACK_IMPORTED_MODULE_1__.number,\n /**\n * Callback fired when the component requests to be closed.\n * The `reason` parameter can optionally be used to control the response to `onClose`.\n */\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * If `true`, the component is shown.\n */\n open: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool.isRequired,\n /**\n * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.\n *\n * This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.\n * @deprecated Use `slotProps.paper` instead.\n *\n * @default {}\n */\n PaperProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n component: _mui_utils_elementTypeAcceptingRef__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n }),\n /**\n * The props used for each slot inside.\n * @default {}\n */\n slotProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n backdrop: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n paper: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n root: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n transition: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object])\n }),\n /**\n * The components used for each slot inside.\n * @default {}\n */\n slots: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n backdrop: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n paper: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n root: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n transition: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType\n }),\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object, prop_types__WEBPACK_IMPORTED_MODULE_1__.bool])), prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n /**\n * This is the point on the popover which\n * will attach to the anchor's origin.\n *\n * Options:\n * vertical: [top, center, bottom, x(px)];\n * horizontal: [left, center, right, x(px)].\n * @default {\n * vertical: 'top',\n * horizontal: 'left',\n * }\n */\n transformOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n horizontal: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['center', 'left', 'right']), prop_types__WEBPACK_IMPORTED_MODULE_1__.number]).isRequired,\n vertical: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['bottom', 'center', 'top']), prop_types__WEBPACK_IMPORTED_MODULE_1__.number]).isRequired\n }),\n /**\n * The component used for the transition.\n * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.\n * @deprecated use the `slots.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n * @default Grow\n */\n TransitionComponent: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n /**\n * Set to 'auto' to automatically calculate transition time based on height.\n * @default 'auto'\n */\n transitionDuration: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['auto']), prop_types__WEBPACK_IMPORTED_MODULE_1__.number, prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n appear: prop_types__WEBPACK_IMPORTED_MODULE_1__.number,\n enter: prop_types__WEBPACK_IMPORTED_MODULE_1__.number,\n exit: prop_types__WEBPACK_IMPORTED_MODULE_1__.number\n })]),\n /**\n * Props applied to the transition element.\n * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.\n * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n * @default {}\n */\n TransitionProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.object\n} : 0;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Popover);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/Popover/Popover.js?\n}");
5617
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ PopoverPaper: () => (/* binding */ PopoverPaper),\n/* harmony export */ PopoverRoot: () => (/* binding */ PopoverRoot),\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */ getOffsetLeft: () => (/* binding */ getOffsetLeft),\n/* harmony export */ getOffsetTop: () => (/* binding */ getOffsetTop)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.mjs\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _mui_utils_HTMLElementType__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/utils/HTMLElementType */ \"./node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js\");\n/* harmony import */ var _mui_utils_refType__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils/refType */ \"./node_modules/@mui/utils/esm/refType/refType.js\");\n/* harmony import */ var _mui_utils_elementTypeAcceptingRef__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/utils/elementTypeAcceptingRef */ \"./node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js\");\n/* harmony import */ var _mui_utils_integerPropType__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/utils/integerPropType */ \"./node_modules/@mui/utils/esm/integerPropType/integerPropType.js\");\n/* harmony import */ var _mui_utils_chainPropTypes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/utils/chainPropTypes */ \"./node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js\");\n/* harmony import */ var _mui_utils_isHostComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/utils/isHostComponent */ \"./node_modules/@mui/utils/esm/isHostComponent/isHostComponent.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/styled.js\");\n/* harmony import */ var _DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../DefaultPropsProvider/index.js */ \"./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js\");\n/* harmony import */ var _utils_debounce_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../utils/debounce.js */ \"./node_modules/@mui/material/esm/utils/debounce.js\");\n/* harmony import */ var _utils_ownerDocument_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../utils/ownerDocument.js */ \"./node_modules/@mui/material/esm/utils/ownerDocument.js\");\n/* harmony import */ var _utils_ownerWindow_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utils/ownerWindow.js */ \"./node_modules/@mui/material/esm/utils/ownerWindow.js\");\n/* harmony import */ var _Grow_index_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../Grow/index.js */ \"./node_modules/@mui/material/esm/Grow/Grow.js\");\n/* harmony import */ var _Modal_index_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../Modal/index.js */ \"./node_modules/@mui/material/esm/Modal/Modal.js\");\n/* harmony import */ var _Paper_index_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../Paper/index.js */ \"./node_modules/@mui/material/esm/Paper/Paper.js\");\n/* harmony import */ var _popoverClasses_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./popoverClasses.js */ \"./node_modules/@mui/material/esm/Popover/popoverClasses.js\");\n/* harmony import */ var _utils_useSlot_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../utils/useSlot.js */ \"./node_modules/@mui/material/esm/utils/useSlot.js\");\n/* harmony import */ var _utils_index_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../utils/index.js */ \"./node_modules/@mui/material/esm/utils/mergeSlotProps.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction getOffsetTop(rect, vertical) {\n let offset = 0;\n if (typeof vertical === 'number') {\n offset = vertical;\n } else if (vertical === 'center') {\n offset = rect.height / 2;\n } else if (vertical === 'bottom') {\n offset = rect.height;\n }\n return offset;\n}\nfunction getOffsetLeft(rect, horizontal) {\n let offset = 0;\n if (typeof horizontal === 'number') {\n offset = horizontal;\n } else if (horizontal === 'center') {\n offset = rect.width / 2;\n } else if (horizontal === 'right') {\n offset = rect.width;\n }\n return offset;\n}\nfunction getTransformOriginValue(transformOrigin) {\n return [transformOrigin.horizontal, transformOrigin.vertical].map(n => typeof n === 'number' ? `${n}px` : n).join(' ');\n}\nfunction resolveAnchorEl(anchorEl) {\n return typeof anchorEl === 'function' ? anchorEl() : anchorEl;\n}\nconst useUtilityClasses = ownerState => {\n const {\n classes\n } = ownerState;\n const slots = {\n root: ['root'],\n paper: ['paper']\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(slots, _popoverClasses_js__WEBPACK_IMPORTED_MODULE_18__.getPopoverUtilityClass, classes);\n};\nconst PopoverRoot = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(_Modal_index_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n name: 'MuiPopover',\n slot: 'Root'\n})({});\nconst PopoverPaper = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(_Paper_index_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n name: 'MuiPopover',\n slot: 'Paper'\n})({\n position: 'absolute',\n overflowY: 'auto',\n overflowX: 'hidden',\n // So we see the popover when it's empty.\n // It's most likely on issue on userland.\n minWidth: 16,\n minHeight: 16,\n maxWidth: 'calc(100% - 32px)',\n maxHeight: 'calc(100% - 32px)',\n // We disable the focus ring for mouse, touch and keyboard users.\n outline: 0\n});\nconst Popover = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Popover(inProps, ref) {\n const props = (0,_DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_11__.useDefaultProps)({\n props: inProps,\n name: 'MuiPopover'\n });\n const {\n action,\n anchorEl,\n anchorOrigin = {\n vertical: 'top',\n horizontal: 'left'\n },\n anchorPosition,\n anchorReference = 'anchorEl',\n children,\n className,\n container: containerProp,\n elevation = 8,\n marginThreshold = 16,\n open,\n PaperProps: PaperPropsProp = {},\n // TODO: remove in v7\n slots = {},\n slotProps = {},\n transformOrigin = {\n vertical: 'top',\n horizontal: 'left'\n },\n TransitionComponent,\n // TODO: remove in v7\n transitionDuration: transitionDurationProp = 'auto',\n TransitionProps = {},\n // TODO: remove in v7\n disableScrollLock = false,\n ...other\n } = props;\n const paperRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef();\n const ownerState = {\n ...props,\n anchorOrigin,\n anchorReference,\n elevation,\n marginThreshold,\n transformOrigin,\n TransitionComponent,\n transitionDuration: transitionDurationProp,\n TransitionProps\n };\n const classes = useUtilityClasses(ownerState);\n\n // Returns the top/left offset of the position\n // to attach to on the anchor element (or body if none is provided)\n const getAnchorOffset = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(() => {\n if (anchorReference === 'anchorPosition') {\n if (true) {\n if (!anchorPosition) {\n console.error('MUI: You need to provide a `anchorPosition` prop when using ' + '<Popover anchorReference=\"anchorPosition\" />.');\n }\n }\n return anchorPosition;\n }\n const resolvedAnchorEl = resolveAnchorEl(anchorEl);\n\n // If an anchor element wasn't provided, just use the parent body element of this Popover\n const anchorElement = resolvedAnchorEl && resolvedAnchorEl.nodeType === 1 ? resolvedAnchorEl : (0,_utils_ownerDocument_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"])(paperRef.current).body;\n const anchorRect = anchorElement.getBoundingClientRect();\n if (true) {\n const box = anchorElement.getBoundingClientRect();\n if (!globalThis.MUI_TEST_ENV && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {\n console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', \"Make sure the element is present in the document or that it's not display none.\"].join('\\n'));\n }\n }\n return {\n top: anchorRect.top + getOffsetTop(anchorRect, anchorOrigin.vertical),\n left: anchorRect.left + getOffsetLeft(anchorRect, anchorOrigin.horizontal)\n };\n }, [anchorEl, anchorOrigin.horizontal, anchorOrigin.vertical, anchorPosition, anchorReference]);\n\n // Returns the base transform origin using the element\n const getTransformOrigin = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(elemRect => {\n return {\n vertical: getOffsetTop(elemRect, transformOrigin.vertical),\n horizontal: getOffsetLeft(elemRect, transformOrigin.horizontal)\n };\n }, [transformOrigin.horizontal, transformOrigin.vertical]);\n const getPositioningStyle = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(element => {\n const elemRect = {\n width: element.offsetWidth,\n height: element.offsetHeight\n };\n\n // Get the transform origin point on the element itself\n const elemTransformOrigin = getTransformOrigin(elemRect);\n if (anchorReference === 'none') {\n return {\n top: null,\n left: null,\n transformOrigin: getTransformOriginValue(elemTransformOrigin)\n };\n }\n\n // Get the offset of the anchoring element\n const anchorOffset = getAnchorOffset();\n\n // Calculate element positioning\n let top = anchorOffset.top - elemTransformOrigin.vertical;\n let left = anchorOffset.left - elemTransformOrigin.horizontal;\n const bottom = top + elemRect.height;\n const right = left + elemRect.width;\n\n // Use the parent window of the anchorEl if provided\n const containerWindow = (0,_utils_ownerWindow_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(resolveAnchorEl(anchorEl));\n\n // Window thresholds taking required margin into account\n const heightThreshold = containerWindow.innerHeight - marginThreshold;\n const widthThreshold = containerWindow.innerWidth - marginThreshold;\n\n // Check if the vertical axis needs shifting\n if (marginThreshold !== null && top < marginThreshold) {\n const diff = top - marginThreshold;\n top -= diff;\n elemTransformOrigin.vertical += diff;\n } else if (marginThreshold !== null && bottom > heightThreshold) {\n const diff = bottom - heightThreshold;\n top -= diff;\n elemTransformOrigin.vertical += diff;\n }\n if (true) {\n if (elemRect.height > heightThreshold && elemRect.height && heightThreshold) {\n console.error(['MUI: The popover component is too tall.', `Some part of it can not be seen on the screen (${elemRect.height - heightThreshold}px).`, 'Please consider adding a `max-height` to improve the user-experience.'].join('\\n'));\n }\n }\n\n // Check if the horizontal axis needs shifting\n if (marginThreshold !== null && left < marginThreshold) {\n const diff = left - marginThreshold;\n left -= diff;\n elemTransformOrigin.horizontal += diff;\n } else if (right > widthThreshold) {\n const diff = right - widthThreshold;\n left -= diff;\n elemTransformOrigin.horizontal += diff;\n }\n return {\n top: `${Math.round(top)}px`,\n left: `${Math.round(left)}px`,\n transformOrigin: getTransformOriginValue(elemTransformOrigin)\n };\n }, [anchorEl, anchorReference, getAnchorOffset, getTransformOrigin, marginThreshold]);\n const [isPositioned, setIsPositioned] = react__WEBPACK_IMPORTED_MODULE_0__.useState(open);\n const setPositioningStyles = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(() => {\n const element = paperRef.current;\n if (!element) {\n return;\n }\n const positioning = getPositioningStyle(element);\n if (positioning.top !== null) {\n element.style.setProperty('top', positioning.top);\n }\n if (positioning.left !== null) {\n element.style.left = positioning.left;\n }\n element.style.transformOrigin = positioning.transformOrigin;\n setIsPositioned(true);\n }, [getPositioningStyle]);\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n if (disableScrollLock) {\n window.addEventListener('scroll', setPositioningStyles);\n }\n return () => window.removeEventListener('scroll', setPositioningStyles);\n }, [anchorEl, disableScrollLock, setPositioningStyles]);\n const handleEntering = () => {\n setPositioningStyles();\n };\n const handleExited = () => {\n setIsPositioned(false);\n };\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n if (open) {\n setPositioningStyles();\n }\n });\n react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle(action, () => open ? {\n updatePosition: () => {\n setPositioningStyles();\n }\n } : null, [open, setPositioningStyles]);\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n if (!open) {\n return undefined;\n }\n const handleResize = (0,_utils_debounce_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"])(() => {\n setPositioningStyles();\n });\n const containerWindow = (0,_utils_ownerWindow_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(resolveAnchorEl(anchorEl));\n containerWindow.addEventListener('resize', handleResize);\n return () => {\n handleResize.clear();\n containerWindow.removeEventListener('resize', handleResize);\n };\n }, [anchorEl, open, setPositioningStyles]);\n let transitionDuration = transitionDurationProp;\n const externalForwardedProps = {\n slots: {\n transition: TransitionComponent,\n ...slots\n },\n slotProps: {\n transition: TransitionProps,\n paper: PaperPropsProp,\n ...slotProps\n }\n };\n const [TransitionSlot, transitionSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"])('transition', {\n elementType: _Grow_index_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n externalForwardedProps,\n ownerState,\n getSlotProps: handlers => ({\n ...handlers,\n onEntering: (element, isAppearing) => {\n handlers.onEntering?.(element, isAppearing);\n handleEntering();\n },\n onExited: element => {\n handlers.onExited?.(element);\n handleExited();\n }\n }),\n additionalProps: {\n appear: true,\n in: open\n }\n });\n if (transitionDurationProp === 'auto' && !TransitionSlot.muiSupportAuto) {\n transitionDuration = undefined;\n }\n\n // If the container prop is provided, use that\n // If the anchorEl prop is provided, use its parent body element as the container\n // If neither are provided let the Modal take care of choosing the container\n const container = containerProp || (anchorEl ? (0,_utils_ownerDocument_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"])(resolveAnchorEl(anchorEl)).body : undefined);\n const [RootSlot, {\n slots: rootSlotsProp,\n slotProps: rootSlotPropsProp,\n ...rootProps\n }] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"])('root', {\n ref,\n elementType: PopoverRoot,\n externalForwardedProps: {\n ...externalForwardedProps,\n ...other\n },\n shouldForwardComponentProp: true,\n additionalProps: {\n slots: {\n backdrop: slots.backdrop\n },\n slotProps: {\n backdrop: (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_20__[\"default\"])(typeof slotProps.backdrop === 'function' ? slotProps.backdrop(ownerState) : slotProps.backdrop, {\n invisible: true\n })\n },\n container,\n open\n },\n ownerState,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(classes.root, className)\n });\n const [PaperSlot, paperProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"])('paper', {\n ref: paperRef,\n className: classes.paper,\n elementType: PopoverPaper,\n externalForwardedProps,\n shouldForwardComponentProp: true,\n additionalProps: {\n elevation,\n style: isPositioned ? undefined : {\n opacity: 0\n }\n },\n ownerState\n });\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(RootSlot, {\n ...rootProps,\n ...(!(0,_mui_utils_isHostComponent__WEBPACK_IMPORTED_MODULE_9__[\"default\"])(RootSlot) && {\n slots: rootSlotsProp,\n slotProps: rootSlotPropsProp,\n disableScrollLock\n }),\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(TransitionSlot, {\n ...transitionSlotProps,\n timeout: transitionDuration,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(PaperSlot, {\n ...paperProps,\n children: children\n })\n })\n });\n});\n true ? Popover.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * A ref for imperative actions.\n * It currently only supports updatePosition() action.\n */\n action: _mui_utils_refType__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n /**\n * An HTML element, [PopoverVirtualElement](https://mui.com/material-ui/react-popover/#virtual-element),\n * or a function that returns either.\n * It's used to set the position of the popover.\n */\n anchorEl: (0,_mui_utils_chainPropTypes__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([_mui_utils_HTMLElementType__WEBPACK_IMPORTED_MODULE_4__[\"default\"], prop_types__WEBPACK_IMPORTED_MODULE_1__.func]), props => {\n if (props.open && (!props.anchorReference || props.anchorReference === 'anchorEl')) {\n const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);\n if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) {\n const box = resolvedAnchorEl.getBoundingClientRect();\n if ( true && !globalThis.MUI_TEST_ENV && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {\n return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', \"Make sure the element is present in the document or that it's not display none.\"].join('\\n'));\n }\n } else {\n return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', `It should be an Element or PopoverVirtualElement instance but it's \\`${resolvedAnchorEl}\\` instead.`].join('\\n'));\n }\n }\n return null;\n }),\n /**\n * This is the point on the anchor where the popover's\n * `anchorEl` will attach to. This is not used when the\n * anchorReference is 'anchorPosition'.\n *\n * Options:\n * vertical: [top, center, bottom];\n * horizontal: [left, center, right].\n * @default {\n * vertical: 'top',\n * horizontal: 'left',\n * }\n */\n anchorOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n horizontal: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['center', 'left', 'right']), prop_types__WEBPACK_IMPORTED_MODULE_1__.number]).isRequired,\n vertical: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['bottom', 'center', 'top']), prop_types__WEBPACK_IMPORTED_MODULE_1__.number]).isRequired\n }),\n /**\n * This is the position that may be used to set the position of the popover.\n * The coordinates are relative to the application's client area.\n */\n anchorPosition: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n left: prop_types__WEBPACK_IMPORTED_MODULE_1__.number.isRequired,\n top: prop_types__WEBPACK_IMPORTED_MODULE_1__.number.isRequired\n }),\n /**\n * This determines which anchor prop to refer to when setting\n * the position of the popover.\n * @default 'anchorEl'\n */\n anchorReference: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['anchorEl', 'anchorPosition', 'none']),\n /**\n * A backdrop component. This prop enables custom backdrop rendering.\n * @deprecated Use `slots.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n * @default styled(Backdrop, {\n * name: 'MuiModal',\n * slot: 'Backdrop',\n * overridesResolver: (props, styles) => {\n * return styles.backdrop;\n * },\n * })({\n * zIndex: -1,\n * })\n */\n BackdropComponent: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n /**\n * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.\n * @deprecated Use `slotProps.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n */\n BackdropProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * The content of the component.\n */\n children: prop_types__WEBPACK_IMPORTED_MODULE_1__.node,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * @ignore\n */\n className: prop_types__WEBPACK_IMPORTED_MODULE_1__.string,\n /**\n * An HTML element, component instance, or function that returns either.\n * The `container` will passed to the Modal component.\n *\n * By default, it uses the body of the anchorEl's top-level document object,\n * so it's simply `document.body` most of the time.\n */\n container: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([_mui_utils_HTMLElementType__WEBPACK_IMPORTED_MODULE_4__[\"default\"], prop_types__WEBPACK_IMPORTED_MODULE_1__.func]),\n /**\n * Disable the scroll lock behavior.\n * @default false\n */\n disableScrollLock: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The elevation of the popover.\n * @default 8\n */\n elevation: _mui_utils_integerPropType__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n /**\n * Specifies how close to the edge of the window the popover can appear.\n * If null, the popover will not be constrained by the window.\n * @default 16\n */\n marginThreshold: prop_types__WEBPACK_IMPORTED_MODULE_1__.number,\n /**\n * Callback fired when the component requests to be closed.\n * The `reason` parameter can optionally be used to control the response to `onClose`.\n */\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * If `true`, the component is shown.\n */\n open: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool.isRequired,\n /**\n * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.\n *\n * This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.\n * @deprecated Use `slotProps.paper` instead.\n *\n * @default {}\n */\n PaperProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n component: _mui_utils_elementTypeAcceptingRef__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n }),\n /**\n * The props used for each slot inside.\n * @default {}\n */\n slotProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n backdrop: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n paper: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n root: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n transition: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object])\n }),\n /**\n * The components used for each slot inside.\n * @default {}\n */\n slots: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n backdrop: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n paper: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n root: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n transition: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType\n }),\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object, prop_types__WEBPACK_IMPORTED_MODULE_1__.bool])), prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n /**\n * This is the point on the popover which\n * will attach to the anchor's origin.\n *\n * Options:\n * vertical: [top, center, bottom, x(px)];\n * horizontal: [left, center, right, x(px)].\n * @default {\n * vertical: 'top',\n * horizontal: 'left',\n * }\n */\n transformOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n horizontal: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['center', 'left', 'right']), prop_types__WEBPACK_IMPORTED_MODULE_1__.number]).isRequired,\n vertical: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['bottom', 'center', 'top']), prop_types__WEBPACK_IMPORTED_MODULE_1__.number]).isRequired\n }),\n /**\n * The component used for the transition.\n * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.\n * @deprecated use the `slots.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n * @default Grow\n */\n TransitionComponent: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n /**\n * Set to 'auto' to automatically calculate transition time based on height.\n * @default 'auto'\n */\n transitionDuration: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['auto']), prop_types__WEBPACK_IMPORTED_MODULE_1__.number, prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n appear: prop_types__WEBPACK_IMPORTED_MODULE_1__.number,\n enter: prop_types__WEBPACK_IMPORTED_MODULE_1__.number,\n exit: prop_types__WEBPACK_IMPORTED_MODULE_1__.number\n })]),\n /**\n * Props applied to the transition element.\n * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.\n * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n * @default {}\n */\n TransitionProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.object\n} : 0;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Popover);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/Popover/Popover.js?\n}");
5618
5618
 
5619
5619
  /***/ },
5620
5620
 
@@ -5636,7 +5636,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
5636
5636
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
5637
5637
 
5638
5638
  "use strict";
5639
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var _mui_utils_ownerDocument__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/utils/ownerDocument */ \"./node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js\");\n/* harmony import */ var _mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/utils/useEnhancedEffect */ \"./node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js\");\n/* harmony import */ var _mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils/useForkRef */ \"./node_modules/@mui/utils/esm/useForkRef/useForkRef.js\");\n/* harmony import */ var _mui_utils_chainPropTypes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/utils/chainPropTypes */ \"./node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js\");\n/* harmony import */ var _mui_utils_HTMLElementType__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils/HTMLElementType */ \"./node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js\");\n/* harmony import */ var _mui_utils_refType__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/utils/refType */ \"./node_modules/@mui/utils/esm/refType/refType.js\");\n/* harmony import */ var _popperjs_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @popperjs/core */ \"./node_modules/@popperjs/core/lib/popper.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _mui_utils_useSlotProps__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @mui/utils/useSlotProps */ \"./node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js\");\n/* harmony import */ var _Portal_index_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../Portal/index.js */ \"./node_modules/@mui/material/esm/Portal/Portal.js\");\n/* harmony import */ var _popperClasses_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./popperClasses.js */ \"./node_modules/@mui/material/esm/Popper/popperClasses.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction flipPlacement(placement, direction) {\n if (direction === 'ltr') {\n return placement;\n }\n switch (placement) {\n case 'bottom-end':\n return 'bottom-start';\n case 'bottom-start':\n return 'bottom-end';\n case 'top-end':\n return 'top-start';\n case 'top-start':\n return 'top-end';\n default:\n return placement;\n }\n}\nfunction resolveAnchorEl(anchorEl) {\n return typeof anchorEl === 'function' ? anchorEl() : anchorEl;\n}\nfunction isHTMLElement(element) {\n return element.nodeType !== undefined;\n}\nfunction isVirtualElement(element) {\n return !isHTMLElement(element);\n}\nconst useUtilityClasses = ownerState => {\n const {\n classes\n } = ownerState;\n const slots = {\n root: ['root']\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_9__[\"default\"])(slots, _popperClasses_js__WEBPACK_IMPORTED_MODULE_12__.getPopperUtilityClass, classes);\n};\nconst defaultPopperOptions = {};\nconst PopperTooltip = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function PopperTooltip(props, forwardedRef) {\n const {\n anchorEl,\n children,\n direction,\n disablePortal,\n modifiers,\n open,\n placement: initialPlacement,\n popperOptions,\n popperRef: popperRefProp,\n slotProps = {},\n slots = {},\n TransitionProps,\n // @ts-ignore internal logic\n ownerState: ownerStateProp,\n // prevent from spreading to DOM, it can come from the parent component e.g. Select.\n ...other\n } = props;\n const tooltipRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const ownRef = (0,_mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(tooltipRef, forwardedRef);\n const popperRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const handlePopperRef = (0,_mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(popperRef, popperRefProp);\n const handlePopperRefRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(handlePopperRef);\n (0,_mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(() => {\n handlePopperRefRef.current = handlePopperRef;\n }, [handlePopperRef]);\n react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle(popperRefProp, () => popperRef.current, []);\n const rtlPlacement = flipPlacement(initialPlacement, direction);\n /**\n * placement initialized from prop but can change during lifetime if modifiers.flip.\n * modifiers.flip is essentially a flip for controlled/uncontrolled behavior\n */\n const [placement, setPlacement] = react__WEBPACK_IMPORTED_MODULE_0__.useState(rtlPlacement);\n const [resolvedAnchorElement, setResolvedAnchorElement] = react__WEBPACK_IMPORTED_MODULE_0__.useState(resolveAnchorEl(anchorEl));\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n if (popperRef.current) {\n popperRef.current.forceUpdate();\n }\n });\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n if (anchorEl) {\n setResolvedAnchorElement(resolveAnchorEl(anchorEl));\n }\n }, [anchorEl]);\n (0,_mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(() => {\n if (!resolvedAnchorElement || !open) {\n return undefined;\n }\n const handlePopperUpdate = data => {\n setPlacement(data.placement);\n };\n if (true) {\n if (resolvedAnchorElement && isHTMLElement(resolvedAnchorElement) && resolvedAnchorElement.nodeType === 1) {\n const box = resolvedAnchorElement.getBoundingClientRect();\n if ( true && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {\n console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', \"Make sure the element is present in the document or that it's not display none.\"].join('\\n'));\n }\n }\n }\n let popperModifiers = [{\n name: 'preventOverflow',\n options: {\n altBoundary: disablePortal\n }\n }, {\n name: 'flip',\n options: {\n altBoundary: disablePortal\n }\n }, {\n name: 'onUpdate',\n enabled: true,\n phase: 'afterWrite',\n fn: ({\n state\n }) => {\n handlePopperUpdate(state);\n }\n }];\n if (modifiers != null) {\n popperModifiers = popperModifiers.concat(modifiers);\n }\n if (popperOptions && popperOptions.modifiers != null) {\n popperModifiers = popperModifiers.concat(popperOptions.modifiers);\n }\n const popper = (0,_popperjs_core__WEBPACK_IMPORTED_MODULE_7__.createPopper)(resolvedAnchorElement, tooltipRef.current, {\n placement: rtlPlacement,\n ...popperOptions,\n modifiers: popperModifiers\n });\n handlePopperRefRef.current(popper);\n return () => {\n popper.destroy();\n handlePopperRefRef.current(null);\n };\n }, [resolvedAnchorElement, disablePortal, modifiers, open, popperOptions, rtlPlacement]);\n const childProps = {\n placement: placement\n };\n if (TransitionProps !== null) {\n childProps.TransitionProps = TransitionProps;\n }\n const classes = useUtilityClasses(props);\n const Root = slots.root ?? 'div';\n const rootProps = (0,_mui_utils_useSlotProps__WEBPACK_IMPORTED_MODULE_10__[\"default\"])({\n elementType: Root,\n externalSlotProps: slotProps.root,\n externalForwardedProps: other,\n additionalProps: {\n role: 'tooltip',\n ref: ownRef\n },\n ownerState: props,\n className: classes.root\n });\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(Root, {\n ...rootProps,\n children: typeof children === 'function' ? children(childProps) : children\n });\n});\n\n/**\n * @ignore - internal component.\n */\nconst Popper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Popper(props, forwardedRef) {\n const {\n anchorEl,\n children,\n container: containerProp,\n direction = 'ltr',\n disablePortal = false,\n keepMounted = false,\n modifiers,\n open,\n placement = 'bottom',\n popperOptions = defaultPopperOptions,\n popperRef,\n style,\n transition = false,\n slotProps = {},\n slots = {},\n ...other\n } = props;\n const [exited, setExited] = react__WEBPACK_IMPORTED_MODULE_0__.useState(true);\n const handleEnter = () => {\n setExited(false);\n };\n const handleExited = () => {\n setExited(true);\n };\n if (!keepMounted && !open && (!transition || exited)) {\n return null;\n }\n\n // If the container prop is provided, use that\n // If the anchorEl prop is provided, use its parent body element as the container\n // If neither are provided let the Modal take care of choosing the container\n let container;\n if (containerProp) {\n container = containerProp;\n } else if (anchorEl) {\n const resolvedAnchorEl = resolveAnchorEl(anchorEl);\n container = resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) ? (0,_mui_utils_ownerDocument__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(resolvedAnchorEl).body : (0,_mui_utils_ownerDocument__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(null).body;\n }\n const display = !open && keepMounted && (!transition || exited) ? 'none' : undefined;\n const transitionProps = transition ? {\n in: open,\n onEnter: handleEnter,\n onExited: handleExited\n } : undefined;\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_Portal_index_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n disablePortal: disablePortal,\n container: container,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PopperTooltip, {\n anchorEl: anchorEl,\n direction: direction,\n disablePortal: disablePortal,\n modifiers: modifiers,\n ref: forwardedRef,\n open: transition ? !exited : open,\n placement: placement,\n popperOptions: popperOptions,\n popperRef: popperRef,\n slotProps: slotProps,\n slots: slots,\n ...other,\n style: {\n // Prevents scroll issue, waiting for Popper.js to add this style once initiated.\n position: 'fixed',\n // Fix Popper.js display issue\n top: 0,\n left: 0,\n display,\n ...style\n },\n TransitionProps: transitionProps,\n children: children\n })\n });\n});\n true ? Popper.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),\n * or a function that returns either.\n * It's used to set the position of the popper.\n * The return value will passed as the reference object of the Popper instance.\n */\n anchorEl: (0,_mui_utils_chainPropTypes__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOfType([_mui_utils_HTMLElementType__WEBPACK_IMPORTED_MODULE_5__[\"default\"], prop_types__WEBPACK_IMPORTED_MODULE_8__.object, prop_types__WEBPACK_IMPORTED_MODULE_8__.func]), props => {\n if (props.open) {\n const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);\n if (resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) && resolvedAnchorEl.nodeType === 1) {\n const box = resolvedAnchorEl.getBoundingClientRect();\n if ( true && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {\n return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', \"Make sure the element is present in the document or that it's not display none.\"].join('\\n'));\n }\n } else if (!resolvedAnchorEl || typeof resolvedAnchorEl.getBoundingClientRect !== 'function' || isVirtualElement(resolvedAnchorEl) && resolvedAnchorEl.contextElement != null && resolvedAnchorEl.contextElement.nodeType !== 1) {\n return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'It should be an HTML element instance or a virtualElement ', '(https://popper.js.org/docs/v2/virtual-elements/).'].join('\\n'));\n }\n }\n return null;\n }),\n /**\n * Popper render function or node.\n */\n children: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8__.node, prop_types__WEBPACK_IMPORTED_MODULE_8__.func]),\n /**\n * An HTML element or function that returns one.\n * The `container` will have the portal children appended to it.\n *\n * You can also provide a callback, which is called in a React layout effect.\n * This lets you set the container from a ref, and also makes server-side rendering possible.\n *\n * By default, it uses the body of the top-level document object,\n * so it's simply `document.body` most of the time.\n */\n container: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOfType([_mui_utils_HTMLElementType__WEBPACK_IMPORTED_MODULE_5__[\"default\"], prop_types__WEBPACK_IMPORTED_MODULE_8__.func]),\n /**\n * Direction of the text.\n * @default 'ltr'\n */\n direction: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOf(['ltr', 'rtl']),\n /**\n * The `children` will be under the DOM hierarchy of the parent component.\n * @default false\n */\n disablePortal: prop_types__WEBPACK_IMPORTED_MODULE_8__.bool,\n /**\n * Always keep the children in the DOM.\n * This prop can be useful in SEO situation or\n * when you want to maximize the responsiveness of the Popper.\n * @default false\n */\n keepMounted: prop_types__WEBPACK_IMPORTED_MODULE_8__.bool,\n /**\n * Popper.js is based on a \"plugin-like\" architecture,\n * most of its features are fully encapsulated \"modifiers\".\n *\n * A modifier is a function that is called each time Popper.js needs to\n * compute the position of the popper.\n * For this reason, modifiers should be very performant to avoid bottlenecks.\n * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).\n */\n modifiers: prop_types__WEBPACK_IMPORTED_MODULE_8__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_8__.shape({\n data: prop_types__WEBPACK_IMPORTED_MODULE_8__.object,\n effect: prop_types__WEBPACK_IMPORTED_MODULE_8__.func,\n enabled: prop_types__WEBPACK_IMPORTED_MODULE_8__.bool,\n fn: prop_types__WEBPACK_IMPORTED_MODULE_8__.func,\n name: prop_types__WEBPACK_IMPORTED_MODULE_8__.any,\n options: prop_types__WEBPACK_IMPORTED_MODULE_8__.object,\n phase: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),\n requires: prop_types__WEBPACK_IMPORTED_MODULE_8__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_8__.string),\n requiresIfExists: prop_types__WEBPACK_IMPORTED_MODULE_8__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_8__.string)\n })),\n /**\n * If `true`, the component is shown.\n */\n open: prop_types__WEBPACK_IMPORTED_MODULE_8__.bool.isRequired,\n /**\n * Popper placement.\n * @default 'bottom'\n */\n placement: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),\n /**\n * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.\n * @default {}\n */\n popperOptions: prop_types__WEBPACK_IMPORTED_MODULE_8__.shape({\n modifiers: prop_types__WEBPACK_IMPORTED_MODULE_8__.array,\n onFirstUpdate: prop_types__WEBPACK_IMPORTED_MODULE_8__.func,\n placement: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),\n strategy: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOf(['absolute', 'fixed'])\n }),\n /**\n * A ref that points to the used popper instance.\n */\n popperRef: _mui_utils_refType__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n /**\n * The props used for each slot inside the Popper.\n * @default {}\n */\n slotProps: prop_types__WEBPACK_IMPORTED_MODULE_8__.shape({\n root: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8__.func, prop_types__WEBPACK_IMPORTED_MODULE_8__.object])\n }),\n /**\n * The components used for each slot inside the Popper.\n * Either a string to use a HTML element or a component.\n * @default {}\n */\n slots: prop_types__WEBPACK_IMPORTED_MODULE_8__.shape({\n root: prop_types__WEBPACK_IMPORTED_MODULE_8__.elementType\n }),\n /**\n * Help supporting a react-transition-group/Transition component.\n * @default false\n */\n transition: prop_types__WEBPACK_IMPORTED_MODULE_8__.bool\n} : 0;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Popper);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/Popper/BasePopper.js?\n}");
5639
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var _mui_utils_ownerDocument__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/utils/ownerDocument */ \"./node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js\");\n/* harmony import */ var _mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/utils/useEnhancedEffect */ \"./node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js\");\n/* harmony import */ var _mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils/useForkRef */ \"./node_modules/@mui/utils/esm/useForkRef/useForkRef.js\");\n/* harmony import */ var _mui_utils_chainPropTypes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/utils/chainPropTypes */ \"./node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js\");\n/* harmony import */ var _mui_utils_HTMLElementType__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils/HTMLElementType */ \"./node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js\");\n/* harmony import */ var _mui_utils_refType__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/utils/refType */ \"./node_modules/@mui/utils/esm/refType/refType.js\");\n/* harmony import */ var _popperjs_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @popperjs/core */ \"./node_modules/@popperjs/core/lib/popper.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _mui_utils_useSlotProps__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @mui/utils/useSlotProps */ \"./node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js\");\n/* harmony import */ var _Portal_index_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../Portal/index.js */ \"./node_modules/@mui/material/esm/Portal/Portal.js\");\n/* harmony import */ var _popperClasses_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./popperClasses.js */ \"./node_modules/@mui/material/esm/Popper/popperClasses.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction flipPlacement(placement, direction) {\n if (direction === 'ltr') {\n return placement;\n }\n switch (placement) {\n case 'bottom-end':\n return 'bottom-start';\n case 'bottom-start':\n return 'bottom-end';\n case 'top-end':\n return 'top-start';\n case 'top-start':\n return 'top-end';\n default:\n return placement;\n }\n}\nfunction resolveAnchorEl(anchorEl) {\n return typeof anchorEl === 'function' ? anchorEl() : anchorEl;\n}\nfunction isHTMLElement(element) {\n return element.nodeType !== undefined;\n}\nfunction isVirtualElement(element) {\n return !isHTMLElement(element);\n}\nconst useUtilityClasses = ownerState => {\n const {\n classes\n } = ownerState;\n const slots = {\n root: ['root']\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_9__[\"default\"])(slots, _popperClasses_js__WEBPACK_IMPORTED_MODULE_12__.getPopperUtilityClass, classes);\n};\nconst defaultPopperOptions = {};\nconst PopperTooltip = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function PopperTooltip(props, forwardedRef) {\n const {\n anchorEl,\n children,\n direction,\n disablePortal,\n modifiers,\n open,\n placement: initialPlacement,\n popperOptions,\n popperRef: popperRefProp,\n slotProps = {},\n slots = {},\n TransitionProps,\n // @ts-ignore internal logic\n ownerState: ownerStateProp,\n // prevent from spreading to DOM, it can come from the parent component e.g. Select.\n ...other\n } = props;\n const tooltipRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const ownRef = (0,_mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(tooltipRef, forwardedRef);\n const popperRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const handlePopperRef = (0,_mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(popperRef, popperRefProp);\n const handlePopperRefRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(handlePopperRef);\n (0,_mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(() => {\n handlePopperRefRef.current = handlePopperRef;\n }, [handlePopperRef]);\n react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle(popperRefProp, () => popperRef.current, []);\n const rtlPlacement = flipPlacement(initialPlacement, direction);\n /**\n * placement initialized from prop but can change during lifetime if modifiers.flip.\n * modifiers.flip is essentially a flip for controlled/uncontrolled behavior\n */\n const [placement, setPlacement] = react__WEBPACK_IMPORTED_MODULE_0__.useState(rtlPlacement);\n const [resolvedAnchorElement, setResolvedAnchorElement] = react__WEBPACK_IMPORTED_MODULE_0__.useState(resolveAnchorEl(anchorEl));\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n if (popperRef.current) {\n popperRef.current.forceUpdate();\n }\n });\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n if (anchorEl) {\n setResolvedAnchorElement(resolveAnchorEl(anchorEl));\n }\n }, [anchorEl]);\n (0,_mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(() => {\n if (!resolvedAnchorElement || !open) {\n return undefined;\n }\n const handlePopperUpdate = data => {\n setPlacement(data.placement);\n };\n if (true) {\n if (resolvedAnchorElement && isHTMLElement(resolvedAnchorElement) && resolvedAnchorElement.nodeType === 1) {\n const box = resolvedAnchorElement.getBoundingClientRect();\n if (!globalThis.MUI_TEST_ENV && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {\n console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', \"Make sure the element is present in the document or that it's not display none.\"].join('\\n'));\n }\n }\n }\n let popperModifiers = [{\n name: 'preventOverflow',\n options: {\n altBoundary: disablePortal\n }\n }, {\n name: 'flip',\n options: {\n altBoundary: disablePortal\n }\n }, {\n name: 'onUpdate',\n enabled: true,\n phase: 'afterWrite',\n fn: ({\n state\n }) => {\n handlePopperUpdate(state);\n }\n }];\n if (modifiers != null) {\n popperModifiers = popperModifiers.concat(modifiers);\n }\n if (popperOptions && popperOptions.modifiers != null) {\n popperModifiers = popperModifiers.concat(popperOptions.modifiers);\n }\n const popper = (0,_popperjs_core__WEBPACK_IMPORTED_MODULE_7__.createPopper)(resolvedAnchorElement, tooltipRef.current, {\n placement: rtlPlacement,\n ...popperOptions,\n modifiers: popperModifiers\n });\n handlePopperRefRef.current(popper);\n return () => {\n popper.destroy();\n handlePopperRefRef.current(null);\n };\n }, [resolvedAnchorElement, disablePortal, modifiers, open, popperOptions, rtlPlacement]);\n const childProps = {\n placement: placement\n };\n if (TransitionProps !== null) {\n childProps.TransitionProps = TransitionProps;\n }\n const classes = useUtilityClasses(props);\n const Root = slots.root ?? 'div';\n const rootProps = (0,_mui_utils_useSlotProps__WEBPACK_IMPORTED_MODULE_10__[\"default\"])({\n elementType: Root,\n externalSlotProps: slotProps.root,\n externalForwardedProps: other,\n additionalProps: {\n role: 'tooltip',\n ref: ownRef\n },\n ownerState: props,\n className: classes.root\n });\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(Root, {\n ...rootProps,\n children: typeof children === 'function' ? children(childProps) : children\n });\n});\n\n/**\n * @ignore - internal component.\n */\nconst Popper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Popper(props, forwardedRef) {\n const {\n anchorEl,\n children,\n container: containerProp,\n direction = 'ltr',\n disablePortal = false,\n keepMounted = false,\n modifiers,\n open,\n placement = 'bottom',\n popperOptions = defaultPopperOptions,\n popperRef,\n style,\n transition = false,\n slotProps = {},\n slots = {},\n ...other\n } = props;\n const [exited, setExited] = react__WEBPACK_IMPORTED_MODULE_0__.useState(true);\n const handleEnter = () => {\n setExited(false);\n };\n const handleExited = () => {\n setExited(true);\n };\n if (!keepMounted && !open && (!transition || exited)) {\n return null;\n }\n\n // If the container prop is provided, use that\n // If the anchorEl prop is provided, use its parent body element as the container\n // If neither are provided let the Modal take care of choosing the container\n let container;\n if (containerProp) {\n container = containerProp;\n } else if (anchorEl) {\n const resolvedAnchorEl = resolveAnchorEl(anchorEl);\n container = resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) ? (0,_mui_utils_ownerDocument__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(resolvedAnchorEl).body : (0,_mui_utils_ownerDocument__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(null).body;\n }\n const display = !open && keepMounted && (!transition || exited) ? 'none' : undefined;\n const transitionProps = transition ? {\n in: open,\n onEnter: handleEnter,\n onExited: handleExited\n } : undefined;\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_Portal_index_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n disablePortal: disablePortal,\n container: container,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PopperTooltip, {\n anchorEl: anchorEl,\n direction: direction,\n disablePortal: disablePortal,\n modifiers: modifiers,\n ref: forwardedRef,\n open: transition ? !exited : open,\n placement: placement,\n popperOptions: popperOptions,\n popperRef: popperRef,\n slotProps: slotProps,\n slots: slots,\n ...other,\n style: {\n // Prevents scroll issue, waiting for Popper.js to add this style once initiated.\n position: 'fixed',\n // Fix Popper.js display issue\n top: 0,\n left: 0,\n display,\n ...style\n },\n TransitionProps: transitionProps,\n children: children\n })\n });\n});\n true ? Popper.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),\n * or a function that returns either.\n * It's used to set the position of the popper.\n * The return value will passed as the reference object of the Popper instance.\n */\n anchorEl: (0,_mui_utils_chainPropTypes__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOfType([_mui_utils_HTMLElementType__WEBPACK_IMPORTED_MODULE_5__[\"default\"], prop_types__WEBPACK_IMPORTED_MODULE_8__.object, prop_types__WEBPACK_IMPORTED_MODULE_8__.func]), props => {\n if (props.open) {\n const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);\n if (resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) && resolvedAnchorEl.nodeType === 1) {\n const box = resolvedAnchorEl.getBoundingClientRect();\n if ( true && !globalThis.MUI_TEST_ENV && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {\n return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', \"Make sure the element is present in the document or that it's not display none.\"].join('\\n'));\n }\n } else if (!resolvedAnchorEl || typeof resolvedAnchorEl.getBoundingClientRect !== 'function' || isVirtualElement(resolvedAnchorEl) && resolvedAnchorEl.contextElement != null && resolvedAnchorEl.contextElement.nodeType !== 1) {\n return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'It should be an HTML element instance or a virtualElement ', '(https://popper.js.org/docs/v2/virtual-elements/).'].join('\\n'));\n }\n }\n return null;\n }),\n /**\n * Popper render function or node.\n */\n children: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8__.node, prop_types__WEBPACK_IMPORTED_MODULE_8__.func]),\n /**\n * An HTML element or function that returns one.\n * The `container` will have the portal children appended to it.\n *\n * You can also provide a callback, which is called in a React layout effect.\n * This lets you set the container from a ref, and also makes server-side rendering possible.\n *\n * By default, it uses the body of the top-level document object,\n * so it's simply `document.body` most of the time.\n */\n container: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOfType([_mui_utils_HTMLElementType__WEBPACK_IMPORTED_MODULE_5__[\"default\"], prop_types__WEBPACK_IMPORTED_MODULE_8__.func]),\n /**\n * Direction of the text.\n * @default 'ltr'\n */\n direction: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOf(['ltr', 'rtl']),\n /**\n * The `children` will be under the DOM hierarchy of the parent component.\n * @default false\n */\n disablePortal: prop_types__WEBPACK_IMPORTED_MODULE_8__.bool,\n /**\n * Always keep the children in the DOM.\n * This prop can be useful in SEO situation or\n * when you want to maximize the responsiveness of the Popper.\n * @default false\n */\n keepMounted: prop_types__WEBPACK_IMPORTED_MODULE_8__.bool,\n /**\n * Popper.js is based on a \"plugin-like\" architecture,\n * most of its features are fully encapsulated \"modifiers\".\n *\n * A modifier is a function that is called each time Popper.js needs to\n * compute the position of the popper.\n * For this reason, modifiers should be very performant to avoid bottlenecks.\n * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).\n */\n modifiers: prop_types__WEBPACK_IMPORTED_MODULE_8__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_8__.shape({\n data: prop_types__WEBPACK_IMPORTED_MODULE_8__.object,\n effect: prop_types__WEBPACK_IMPORTED_MODULE_8__.func,\n enabled: prop_types__WEBPACK_IMPORTED_MODULE_8__.bool,\n fn: prop_types__WEBPACK_IMPORTED_MODULE_8__.func,\n name: prop_types__WEBPACK_IMPORTED_MODULE_8__.any,\n options: prop_types__WEBPACK_IMPORTED_MODULE_8__.object,\n phase: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),\n requires: prop_types__WEBPACK_IMPORTED_MODULE_8__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_8__.string),\n requiresIfExists: prop_types__WEBPACK_IMPORTED_MODULE_8__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_8__.string)\n })),\n /**\n * If `true`, the component is shown.\n */\n open: prop_types__WEBPACK_IMPORTED_MODULE_8__.bool.isRequired,\n /**\n * Popper placement.\n * @default 'bottom'\n */\n placement: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),\n /**\n * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.\n * @default {}\n */\n popperOptions: prop_types__WEBPACK_IMPORTED_MODULE_8__.shape({\n modifiers: prop_types__WEBPACK_IMPORTED_MODULE_8__.array,\n onFirstUpdate: prop_types__WEBPACK_IMPORTED_MODULE_8__.func,\n placement: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),\n strategy: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOf(['absolute', 'fixed'])\n }),\n /**\n * A ref that points to the used popper instance.\n */\n popperRef: _mui_utils_refType__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n /**\n * The props used for each slot inside the Popper.\n * @default {}\n */\n slotProps: prop_types__WEBPACK_IMPORTED_MODULE_8__.shape({\n root: prop_types__WEBPACK_IMPORTED_MODULE_8__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8__.func, prop_types__WEBPACK_IMPORTED_MODULE_8__.object])\n }),\n /**\n * The components used for each slot inside the Popper.\n * Either a string to use a HTML element or a component.\n * @default {}\n */\n slots: prop_types__WEBPACK_IMPORTED_MODULE_8__.shape({\n root: prop_types__WEBPACK_IMPORTED_MODULE_8__.elementType\n }),\n /**\n * Help supporting a react-transition-group/Transition component.\n * @default false\n */\n transition: prop_types__WEBPACK_IMPORTED_MODULE_8__.bool\n} : 0;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Popper);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/Popper/BasePopper.js?\n}");
5640
5640
 
5641
5641
  /***/ },
5642
5642
 
@@ -5933,7 +5933,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
5933
5933
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
5934
5934
 
5935
5935
  "use strict";
5936
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_is__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-is */ \"./node_modules/react-is/cjs/react-is.development.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.mjs\");\n/* harmony import */ var _mui_utils_refType__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/utils/refType */ \"./node_modules/@mui/utils/esm/refType/refType.js\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _mui_system_RtlProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/system/RtlProvider */ \"./node_modules/@mui/system/esm/RtlProvider/index.js\");\n/* harmony import */ var _mui_utils_useSlotProps__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/utils/useSlotProps */ \"./node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/useTheme.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/styled.js\");\n/* harmony import */ var _utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/memoTheme.js */ \"./node_modules/@mui/material/esm/utils/memoTheme.js\");\n/* harmony import */ var _DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../DefaultPropsProvider/index.js */ \"./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js\");\n/* harmony import */ var _utils_debounce_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../utils/debounce.js */ \"./node_modules/@mui/material/esm/utils/debounce.js\");\n/* harmony import */ var _internal_animate_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../internal/animate.js */ \"./node_modules/@mui/material/esm/internal/animate.js\");\n/* harmony import */ var _ScrollbarSize_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./ScrollbarSize.js */ \"./node_modules/@mui/material/esm/Tabs/ScrollbarSize.js\");\n/* harmony import */ var _TabScrollButton_index_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../TabScrollButton/index.js */ \"./node_modules/@mui/material/esm/TabScrollButton/TabScrollButton.js\");\n/* harmony import */ var _utils_useEventCallback_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../utils/useEventCallback.js */ \"./node_modules/@mui/material/esm/utils/useEventCallback.js\");\n/* harmony import */ var _tabsClasses_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./tabsClasses.js */ \"./node_modules/@mui/material/esm/Tabs/tabsClasses.js\");\n/* harmony import */ var _utils_ownerDocument_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../utils/ownerDocument.js */ \"./node_modules/@mui/material/esm/utils/ownerDocument.js\");\n/* harmony import */ var _utils_ownerWindow_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../utils/ownerWindow.js */ \"./node_modules/@mui/material/esm/utils/ownerWindow.js\");\n/* harmony import */ var _utils_getActiveElement_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../utils/getActiveElement.js */ \"./node_modules/@mui/material/esm/utils/getActiveElement.js\");\n/* harmony import */ var _utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../utils/useSlot.js */ \"./node_modules/@mui/material/esm/utils/useSlot.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst nextItem = (list, item) => {\n if (list === item) {\n return list.firstChild;\n }\n if (item && item.nextElementSibling) {\n return item.nextElementSibling;\n }\n return list.firstChild;\n};\nconst previousItem = (list, item) => {\n if (list === item) {\n return list.lastChild;\n }\n if (item && item.previousElementSibling) {\n return item.previousElementSibling;\n }\n return list.lastChild;\n};\nconst moveFocus = (list, currentFocus, traversalFunction) => {\n let wrappedOnce = false;\n let nextFocus = traversalFunction(list, currentFocus);\n while (nextFocus) {\n // Prevent infinite loop.\n if (nextFocus === list.firstChild) {\n if (wrappedOnce) {\n return;\n }\n wrappedOnce = true;\n }\n\n // Same logic as useAutocomplete.js\n const nextFocusDisabled = nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';\n if (!nextFocus.hasAttribute('tabindex') || nextFocusDisabled) {\n // Move to the next element.\n nextFocus = traversalFunction(list, nextFocus);\n } else {\n nextFocus.focus();\n return;\n }\n }\n};\nconst useUtilityClasses = ownerState => {\n const {\n vertical,\n fixed,\n hideScrollbar,\n scrollableX,\n scrollableY,\n centered,\n scrollButtonsHideMobile,\n classes\n } = ownerState;\n const slots = {\n root: ['root', vertical && 'vertical'],\n scroller: ['scroller', fixed && 'fixed', hideScrollbar && 'hideScrollbar', scrollableX && 'scrollableX', scrollableY && 'scrollableY'],\n list: ['list', 'flexContainer', vertical && 'flexContainerVertical', vertical && 'vertical', centered && 'centered'],\n indicator: ['indicator'],\n scrollButtons: ['scrollButtons', scrollButtonsHideMobile && 'scrollButtonsHideMobile'],\n scrollableX: [scrollableX && 'scrollableX'],\n hideScrollbar: [hideScrollbar && 'hideScrollbar']\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(slots, _tabsClasses_js__WEBPACK_IMPORTED_MODULE_17__.getTabsUtilityClass, classes);\n};\nconst TabsRoot = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('div', {\n name: 'MuiTabs',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [{\n [`& .${_tabsClasses_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"].scrollButtons}`]: styles.scrollButtons\n }, {\n [`& .${_tabsClasses_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"].scrollButtons}`]: ownerState.scrollButtonsHideMobile && styles.scrollButtonsHideMobile\n }, styles.root, ownerState.vertical && styles.vertical];\n }\n})((0,_utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(({\n theme\n}) => ({\n overflow: 'hidden',\n minHeight: 48,\n // Add iOS momentum scrolling for iOS < 13.0\n WebkitOverflowScrolling: 'touch',\n display: 'flex',\n variants: [{\n props: ({\n ownerState\n }) => ownerState.vertical,\n style: {\n flexDirection: 'column'\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.scrollButtonsHideMobile,\n style: {\n [`& .${_tabsClasses_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"].scrollButtons}`]: {\n [theme.breakpoints.down('sm')]: {\n display: 'none'\n }\n }\n }\n }]\n})));\nconst TabsScroller = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('div', {\n name: 'MuiTabs',\n slot: 'Scroller',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.scroller, ownerState.fixed && styles.fixed, ownerState.hideScrollbar && styles.hideScrollbar, ownerState.scrollableX && styles.scrollableX, ownerState.scrollableY && styles.scrollableY];\n }\n})({\n position: 'relative',\n display: 'inline-block',\n flex: '1 1 auto',\n whiteSpace: 'nowrap',\n variants: [{\n props: ({\n ownerState\n }) => ownerState.fixed,\n style: {\n overflowX: 'hidden',\n width: '100%'\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.hideScrollbar,\n style: {\n // Hide dimensionless scrollbar on macOS\n scrollbarWidth: 'none',\n // Firefox\n '&::-webkit-scrollbar': {\n display: 'none' // Safari + Chrome\n }\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.scrollableX,\n style: {\n overflowX: 'auto',\n overflowY: 'hidden'\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.scrollableY,\n style: {\n overflowY: 'auto',\n overflowX: 'hidden'\n }\n }]\n});\nconst List = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('div', {\n name: 'MuiTabs',\n slot: 'List',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.list, styles.flexContainer, ownerState.vertical && styles.flexContainerVertical, ownerState.centered && styles.centered];\n }\n})({\n display: 'flex',\n variants: [{\n props: ({\n ownerState\n }) => ownerState.vertical,\n style: {\n flexDirection: 'column'\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.centered,\n style: {\n justifyContent: 'center'\n }\n }]\n});\nconst TabsIndicator = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('span', {\n name: 'MuiTabs',\n slot: 'Indicator'\n})((0,_utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(({\n theme\n}) => ({\n position: 'absolute',\n height: 2,\n bottom: 0,\n width: '100%',\n transition: theme.transitions.create(),\n variants: [{\n props: {\n indicatorColor: 'primary'\n },\n style: {\n backgroundColor: (theme.vars || theme).palette.primary.main\n }\n }, {\n props: {\n indicatorColor: 'secondary'\n },\n style: {\n backgroundColor: (theme.vars || theme).palette.secondary.main\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.vertical,\n style: {\n height: '100%',\n width: 2,\n right: 0\n }\n }]\n})));\nconst TabsScrollbarSize = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])(_ScrollbarSize_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])({\n overflowX: 'auto',\n overflowY: 'hidden',\n // Hide dimensionless scrollbar on macOS\n scrollbarWidth: 'none',\n // Firefox\n '&::-webkit-scrollbar': {\n display: 'none' // Safari + Chrome\n }\n});\nconst defaultIndicatorStyle = {};\nlet warnedOnceTabPresent = false;\nconst Tabs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Tabs(inProps, ref) {\n const props = (0,_DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_11__.useDefaultProps)({\n props: inProps,\n name: 'MuiTabs'\n });\n const theme = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"])();\n const isRtl = (0,_mui_system_RtlProvider__WEBPACK_IMPORTED_MODULE_6__.useRtl)();\n const {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n action,\n centered = false,\n children: childrenProp,\n className,\n component = 'div',\n allowScrollButtonsMobile = false,\n indicatorColor = 'primary',\n onChange,\n orientation = 'horizontal',\n ScrollButtonComponent,\n // TODO: remove in v7 (deprecated in v6)\n scrollButtons = 'auto',\n selectionFollowsFocus,\n slots = {},\n slotProps = {},\n TabIndicatorProps = {},\n // TODO: remove in v7 (deprecated in v6)\n TabScrollButtonProps = {},\n // TODO: remove in v7 (deprecated in v6)\n textColor = 'primary',\n value,\n variant = 'standard',\n visibleScrollbar = false,\n ...other\n } = props;\n const scrollable = variant === 'scrollable';\n const vertical = orientation === 'vertical';\n const scrollStart = vertical ? 'scrollTop' : 'scrollLeft';\n const start = vertical ? 'top' : 'left';\n const end = vertical ? 'bottom' : 'right';\n const clientSize = vertical ? 'clientHeight' : 'clientWidth';\n const size = vertical ? 'height' : 'width';\n const ownerState = {\n ...props,\n component,\n allowScrollButtonsMobile,\n indicatorColor,\n orientation,\n vertical,\n scrollButtons,\n textColor,\n variant,\n visibleScrollbar,\n fixed: !scrollable,\n hideScrollbar: scrollable && !visibleScrollbar,\n scrollableX: scrollable && !vertical,\n scrollableY: scrollable && vertical,\n centered: centered && !scrollable,\n scrollButtonsHideMobile: !allowScrollButtonsMobile\n };\n const classes = useUtilityClasses(ownerState);\n const startScrollButtonIconProps = (0,_mui_utils_useSlotProps__WEBPACK_IMPORTED_MODULE_7__[\"default\"])({\n elementType: slots.StartScrollButtonIcon,\n externalSlotProps: slotProps.startScrollButtonIcon,\n ownerState\n });\n const endScrollButtonIconProps = (0,_mui_utils_useSlotProps__WEBPACK_IMPORTED_MODULE_7__[\"default\"])({\n elementType: slots.EndScrollButtonIcon,\n externalSlotProps: slotProps.endScrollButtonIcon,\n ownerState\n });\n if (true) {\n if (centered && scrollable) {\n console.error('MUI: You can not use the `centered={true}` and `variant=\"scrollable\"` properties ' + 'at the same time on a `Tabs` component.');\n }\n }\n const [mounted, setMounted] = react__WEBPACK_IMPORTED_MODULE_0__.useState(false);\n const [indicatorStyle, setIndicatorStyle] = react__WEBPACK_IMPORTED_MODULE_0__.useState(defaultIndicatorStyle);\n const [displayStartScroll, setDisplayStartScroll] = react__WEBPACK_IMPORTED_MODULE_0__.useState(false);\n const [displayEndScroll, setDisplayEndScroll] = react__WEBPACK_IMPORTED_MODULE_0__.useState(false);\n const [updateScrollObserver, setUpdateScrollObserver] = react__WEBPACK_IMPORTED_MODULE_0__.useState(false);\n const [scrollerStyle, setScrollerStyle] = react__WEBPACK_IMPORTED_MODULE_0__.useState({\n overflow: 'hidden',\n scrollbarWidth: 0\n });\n const valueToIndex = new Map();\n const tabsRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const tabListRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const externalForwardedProps = {\n slots,\n slotProps: {\n indicator: TabIndicatorProps,\n scrollButtons: TabScrollButtonProps,\n ...slotProps\n }\n };\n const getTabsMeta = () => {\n const tabsNode = tabsRef.current;\n let tabsMeta;\n if (tabsNode) {\n const rect = tabsNode.getBoundingClientRect();\n // create a new object with ClientRect class props + scrollLeft\n tabsMeta = {\n clientWidth: tabsNode.clientWidth,\n scrollLeft: tabsNode.scrollLeft,\n scrollTop: tabsNode.scrollTop,\n scrollWidth: tabsNode.scrollWidth,\n top: rect.top,\n bottom: rect.bottom,\n left: rect.left,\n right: rect.right\n };\n }\n let tabMeta;\n if (tabsNode && value !== false) {\n const children = tabListRef.current.children;\n if (children.length > 0) {\n const tab = children[valueToIndex.get(value)];\n if (true) {\n if (!tab) {\n console.error([`MUI: The \\`value\\` provided to the Tabs component is invalid.`, `None of the Tabs' children match with \"${value}\".`, valueToIndex.keys ? `You can provide one of the following values: ${Array.from(valueToIndex.keys()).join(', ')}.` : null].join('\\n'));\n }\n }\n tabMeta = tab ? tab.getBoundingClientRect() : null;\n if (true) {\n if ( true && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0 &&\n // if the whole Tabs component is hidden, don't warn\n tabsMeta.clientWidth !== 0) {\n tabsMeta = null;\n console.error(['MUI: The `value` provided to the Tabs component is invalid.', `The Tab with this \\`value\\` (\"${value}\") is not part of the document layout.`, \"Make sure the tab item is present in the document or that it's not `display: none`.\"].join('\\n'));\n warnedOnceTabPresent = true;\n }\n }\n }\n }\n return {\n tabsMeta,\n tabMeta\n };\n };\n const updateIndicatorState = (0,_utils_useEventCallback_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"])(() => {\n const {\n tabsMeta,\n tabMeta\n } = getTabsMeta();\n let startValue = 0;\n let startIndicator;\n if (vertical) {\n startIndicator = 'top';\n if (tabMeta && tabsMeta) {\n startValue = tabMeta.top - tabsMeta.top + tabsMeta.scrollTop;\n }\n } else {\n startIndicator = isRtl ? 'right' : 'left';\n if (tabMeta && tabsMeta) {\n startValue = (isRtl ? -1 : 1) * (tabMeta[startIndicator] - tabsMeta[startIndicator] + tabsMeta.scrollLeft);\n }\n }\n const newIndicatorStyle = {\n [startIndicator]: startValue,\n // May be wrong until the font is loaded.\n [size]: tabMeta ? tabMeta[size] : 0\n };\n if (typeof indicatorStyle[startIndicator] !== 'number' || typeof indicatorStyle[size] !== 'number') {\n setIndicatorStyle(newIndicatorStyle);\n } else {\n const dStart = Math.abs(indicatorStyle[startIndicator] - newIndicatorStyle[startIndicator]);\n const dSize = Math.abs(indicatorStyle[size] - newIndicatorStyle[size]);\n if (dStart >= 1 || dSize >= 1) {\n setIndicatorStyle(newIndicatorStyle);\n }\n }\n });\n const scroll = (scrollValue, {\n animation = true\n } = {}) => {\n if (animation) {\n (0,_internal_animate_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"])(scrollStart, tabsRef.current, scrollValue, {\n duration: theme.transitions.duration.standard\n });\n } else {\n tabsRef.current[scrollStart] = scrollValue;\n }\n };\n const moveTabsScroll = delta => {\n let scrollValue = tabsRef.current[scrollStart];\n if (vertical) {\n scrollValue += delta;\n } else {\n scrollValue += delta * (isRtl ? -1 : 1);\n }\n scroll(scrollValue);\n };\n const getScrollSize = () => {\n const containerSize = tabsRef.current[clientSize];\n let totalSize = 0;\n const children = Array.from(tabListRef.current.children);\n for (let i = 0; i < children.length; i += 1) {\n const tab = children[i];\n if (totalSize + tab[clientSize] > containerSize) {\n // If the first item is longer than the container size, then only scroll\n // by the container size.\n if (i === 0) {\n totalSize = containerSize;\n }\n break;\n }\n totalSize += tab[clientSize];\n }\n return totalSize;\n };\n const handleStartScrollClick = () => {\n moveTabsScroll(-1 * getScrollSize());\n };\n const handleEndScrollClick = () => {\n moveTabsScroll(getScrollSize());\n };\n const [ScrollbarSlot, {\n onChange: scrollbarOnChange,\n ...scrollbarSlotProps\n }] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"])('scrollbar', {\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(classes.scrollableX, classes.hideScrollbar),\n elementType: TabsScrollbarSize,\n shouldForwardComponentProp: true,\n externalForwardedProps,\n ownerState\n });\n\n // TODO Remove <ScrollbarSize /> as browser support for hiding the scrollbar\n // with CSS improves.\n const handleScrollbarSizeChange = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(scrollbarWidth => {\n scrollbarOnChange?.(scrollbarWidth);\n setScrollerStyle({\n overflow: null,\n scrollbarWidth\n });\n }, [scrollbarOnChange]);\n const [ScrollButtonsSlot, scrollButtonSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"])('scrollButtons', {\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(classes.scrollButtons, TabScrollButtonProps.className),\n elementType: _TabScrollButton_index_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n externalForwardedProps,\n ownerState,\n additionalProps: {\n orientation,\n slots: {\n StartScrollButtonIcon: slots.startScrollButtonIcon || slots.StartScrollButtonIcon,\n EndScrollButtonIcon: slots.endScrollButtonIcon || slots.EndScrollButtonIcon\n },\n slotProps: {\n startScrollButtonIcon: startScrollButtonIconProps,\n endScrollButtonIcon: endScrollButtonIconProps\n }\n }\n });\n const getConditionalElements = () => {\n const conditionalElements = {};\n conditionalElements.scrollbarSizeListener = scrollable ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(ScrollbarSlot, {\n ...scrollbarSlotProps,\n onChange: handleScrollbarSizeChange\n }) : null;\n const scrollButtonsActive = displayStartScroll || displayEndScroll;\n const showScrollButtons = scrollable && (scrollButtons === 'auto' && scrollButtonsActive || scrollButtons === true);\n conditionalElements.scrollButtonStart = showScrollButtons ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(ScrollButtonsSlot, {\n direction: isRtl ? 'right' : 'left',\n onClick: handleStartScrollClick,\n disabled: !displayStartScroll,\n ...scrollButtonSlotProps\n }) : null;\n conditionalElements.scrollButtonEnd = showScrollButtons ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(ScrollButtonsSlot, {\n direction: isRtl ? 'left' : 'right',\n onClick: handleEndScrollClick,\n disabled: !displayEndScroll,\n ...scrollButtonSlotProps\n }) : null;\n return conditionalElements;\n };\n const scrollSelectedIntoView = (0,_utils_useEventCallback_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"])(animation => {\n const {\n tabsMeta,\n tabMeta\n } = getTabsMeta();\n if (!tabMeta || !tabsMeta) {\n return;\n }\n if (tabMeta[start] < tabsMeta[start]) {\n // left side of button is out of view\n const nextScrollStart = tabsMeta[scrollStart] + (tabMeta[start] - tabsMeta[start]);\n scroll(nextScrollStart, {\n animation\n });\n } else if (tabMeta[end] > tabsMeta[end]) {\n // right side of button is out of view\n const nextScrollStart = tabsMeta[scrollStart] + (tabMeta[end] - tabsMeta[end]);\n scroll(nextScrollStart, {\n animation\n });\n }\n });\n const updateScrollButtonState = (0,_utils_useEventCallback_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"])(() => {\n if (scrollable && scrollButtons !== false) {\n setUpdateScrollObserver(!updateScrollObserver);\n }\n });\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n const handleResize = (0,_utils_debounce_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"])(() => {\n // If the Tabs component is replaced by Suspense with a fallback, the last\n // ResizeObserver's handler that runs because of the change in the layout is trying to\n // access a dom node that is no longer there (as the fallback component is being shown instead).\n // See https://github.com/mui/material-ui/issues/33276\n // TODO: Add tests that will ensure the component is not failing when\n // replaced by Suspense with a fallback, once React is updated to version 18\n if (tabsRef.current) {\n updateIndicatorState();\n }\n });\n let resizeObserver;\n\n /**\n * @type {MutationCallback}\n */\n const handleMutation = records => {\n records.forEach(record => {\n record.removedNodes.forEach(item => {\n resizeObserver?.unobserve(item);\n });\n record.addedNodes.forEach(item => {\n resizeObserver?.observe(item);\n });\n });\n handleResize();\n updateScrollButtonState();\n };\n const win = (0,_utils_ownerWindow_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"])(tabsRef.current);\n win.addEventListener('resize', handleResize);\n let mutationObserver;\n if (typeof ResizeObserver !== 'undefined') {\n resizeObserver = new ResizeObserver(handleResize);\n Array.from(tabListRef.current.children).forEach(child => {\n resizeObserver.observe(child);\n });\n }\n if (typeof MutationObserver !== 'undefined') {\n mutationObserver = new MutationObserver(handleMutation);\n mutationObserver.observe(tabListRef.current, {\n childList: true\n });\n }\n return () => {\n handleResize.clear();\n win.removeEventListener('resize', handleResize);\n mutationObserver?.disconnect();\n resizeObserver?.disconnect();\n };\n }, [updateIndicatorState, updateScrollButtonState]);\n\n /**\n * Toggle visibility of start and end scroll buttons\n * Using IntersectionObserver on first and last Tabs.\n */\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n const tabListChildren = Array.from(tabListRef.current.children);\n const length = tabListChildren.length;\n if (typeof IntersectionObserver !== 'undefined' && length > 0 && scrollable && scrollButtons !== false) {\n const firstTab = tabListChildren[0];\n const lastTab = tabListChildren[length - 1];\n const observerOptions = {\n root: tabsRef.current,\n threshold: 0.99\n };\n const handleScrollButtonStart = entries => {\n setDisplayStartScroll(!entries[0].isIntersecting);\n };\n const firstObserver = new IntersectionObserver(handleScrollButtonStart, observerOptions);\n firstObserver.observe(firstTab);\n const handleScrollButtonEnd = entries => {\n setDisplayEndScroll(!entries[0].isIntersecting);\n };\n const lastObserver = new IntersectionObserver(handleScrollButtonEnd, observerOptions);\n lastObserver.observe(lastTab);\n return () => {\n firstObserver.disconnect();\n lastObserver.disconnect();\n };\n }\n return undefined;\n }, [scrollable, scrollButtons, updateScrollObserver, childrenProp?.length]);\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n setMounted(true);\n }, []);\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n updateIndicatorState();\n });\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n // Don't animate on the first render.\n scrollSelectedIntoView(defaultIndicatorStyle !== indicatorStyle);\n }, [scrollSelectedIntoView, indicatorStyle]);\n react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle(action, () => ({\n updateIndicator: updateIndicatorState,\n updateScrollButtons: updateScrollButtonState\n }), [updateIndicatorState, updateScrollButtonState]);\n const [IndicatorSlot, indicatorSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"])('indicator', {\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(classes.indicator, TabIndicatorProps.className),\n elementType: TabsIndicator,\n externalForwardedProps,\n ownerState,\n additionalProps: {\n style: indicatorStyle\n }\n });\n const indicator = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(IndicatorSlot, {\n ...indicatorSlotProps\n });\n let childIndex = 0;\n const children = react__WEBPACK_IMPORTED_MODULE_0__.Children.map(childrenProp, child => {\n if (! /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(child)) {\n return null;\n }\n if (true) {\n if ((0,react_is__WEBPACK_IMPORTED_MODULE_1__.isFragment)(child)) {\n console.error([\"MUI: The Tabs component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n }\n }\n const childValue = child.props.value === undefined ? childIndex : child.props.value;\n valueToIndex.set(childValue, childIndex);\n const selected = childValue === value;\n childIndex += 1;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(child, {\n fullWidth: variant === 'fullWidth',\n indicator: selected && !mounted && indicator,\n selected,\n selectionFollowsFocus,\n onChange,\n textColor,\n value: childValue,\n ...(childIndex === 1 && value === false && !child.props.tabIndex ? {\n tabIndex: 0\n } : {})\n });\n });\n const handleKeyDown = event => {\n // Check if a modifier key (Alt, Shift, Ctrl, Meta) is pressed\n if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {\n return;\n }\n const list = tabListRef.current;\n const currentFocus = (0,_utils_getActiveElement_js__WEBPACK_IMPORTED_MODULE_20__[\"default\"])((0,_utils_ownerDocument_js__WEBPACK_IMPORTED_MODULE_18__[\"default\"])(list));\n // Keyboard navigation assumes that [role=\"tab\"] are siblings\n // though we might warn in the future about nested, interactive elements\n // as a a11y violation\n const role = currentFocus?.getAttribute('role');\n if (role !== 'tab') {\n return;\n }\n let previousItemKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n let nextItemKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n if (orientation === 'horizontal' && isRtl) {\n // swap previousItemKey with nextItemKey\n previousItemKey = 'ArrowRight';\n nextItemKey = 'ArrowLeft';\n }\n switch (event.key) {\n case previousItemKey:\n event.preventDefault();\n moveFocus(list, currentFocus, previousItem);\n break;\n case nextItemKey:\n event.preventDefault();\n moveFocus(list, currentFocus, nextItem);\n break;\n case 'Home':\n event.preventDefault();\n moveFocus(list, null, nextItem);\n break;\n case 'End':\n event.preventDefault();\n moveFocus(list, null, previousItem);\n break;\n default:\n break;\n }\n };\n const conditionalElements = getConditionalElements();\n const [RootSlot, rootSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"])('root', {\n ref,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(classes.root, className),\n elementType: TabsRoot,\n externalForwardedProps: {\n ...externalForwardedProps,\n ...other,\n component\n },\n ownerState\n });\n const [ScrollerSlot, scrollerSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"])('scroller', {\n ref: tabsRef,\n className: classes.scroller,\n elementType: TabsScroller,\n externalForwardedProps,\n ownerState,\n additionalProps: {\n style: {\n overflow: scrollerStyle.overflow,\n [vertical ? `margin${isRtl ? 'Left' : 'Right'}` : 'marginBottom']: visibleScrollbar ? undefined : -scrollerStyle.scrollbarWidth\n }\n }\n });\n const [ListSlot, listSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"])('list', {\n ref: tabListRef,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(classes.list, classes.flexContainer),\n elementType: List,\n externalForwardedProps,\n ownerState,\n getSlotProps: handlers => ({\n ...handlers,\n onKeyDown: event => {\n handleKeyDown(event);\n handlers.onKeyDown?.(event);\n }\n })\n });\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(RootSlot, {\n ...rootSlotProps,\n children: [conditionalElements.scrollButtonStart, conditionalElements.scrollbarSizeListener, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(ScrollerSlot, {\n ...scrollerSlotProps,\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(ListSlot, {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-orientation\": orientation === 'vertical' ? 'vertical' : null,\n role: \"tablist\",\n ...listSlotProps,\n children: children\n }), mounted && indicator]\n }), conditionalElements.scrollButtonEnd]\n });\n});\n true ? Tabs.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * Callback fired when the component mounts.\n * This is useful when you want to trigger an action programmatically.\n * It supports two actions: `updateIndicator()` and `updateScrollButtons()`\n *\n * @param {object} actions This object contains all possible actions\n * that can be triggered programmatically.\n */\n action: _mui_utils_refType__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n /**\n * If `true`, the scroll buttons aren't forced hidden on mobile.\n * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.\n * @default false\n */\n allowScrollButtonsMobile: prop_types__WEBPACK_IMPORTED_MODULE_2__.bool,\n /**\n * The label for the Tabs as a string.\n */\n 'aria-label': prop_types__WEBPACK_IMPORTED_MODULE_2__.string,\n /**\n * An id or list of ids separated by a space that label the Tabs.\n */\n 'aria-labelledby': prop_types__WEBPACK_IMPORTED_MODULE_2__.string,\n /**\n * If `true`, the tabs are centered.\n * This prop is intended for large views.\n * @default false\n */\n centered: prop_types__WEBPACK_IMPORTED_MODULE_2__.bool,\n /**\n * The content of the component.\n */\n children: prop_types__WEBPACK_IMPORTED_MODULE_2__.node,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: prop_types__WEBPACK_IMPORTED_MODULE_2__.object,\n /**\n * @ignore\n */\n className: prop_types__WEBPACK_IMPORTED_MODULE_2__.string,\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n /**\n * Determines the color of the indicator.\n * @default 'primary'\n */\n indicatorColor: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['primary', 'secondary']), prop_types__WEBPACK_IMPORTED_MODULE_2__.string]),\n /**\n * Callback fired when the value changes.\n *\n * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.\n * @param {any} value We default to the index of the child (number)\n */\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * The component orientation (layout flow direction).\n * @default 'horizontal'\n */\n orientation: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['horizontal', 'vertical']),\n /**\n * The component used to render the scroll buttons.\n * @deprecated use the `slots.scrollButtons` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n * @default TabScrollButton\n */\n ScrollButtonComponent: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n /**\n * Determine behavior of scroll buttons when tabs are set to scroll:\n *\n * - `auto` will only present them when not all the items are visible.\n * - `true` will always present them.\n * - `false` will never present them.\n *\n * By default the scroll buttons are hidden on mobile.\n * This behavior can be disabled with `allowScrollButtonsMobile`.\n * @default 'auto'\n */\n scrollButtons: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['auto', false, true]),\n /**\n * If `true` the selected tab changes on focus. Otherwise it only\n * changes on activation.\n */\n selectionFollowsFocus: prop_types__WEBPACK_IMPORTED_MODULE_2__.bool,\n /**\n * The props used for each slot inside.\n * @default {}\n */\n slotProps: prop_types__WEBPACK_IMPORTED_MODULE_2__.shape({\n endScrollButtonIcon: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n indicator: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n list: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n root: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n scrollbar: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n scrollButtons: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n scroller: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n startScrollButtonIcon: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object])\n }),\n /**\n * The components used for each slot inside.\n * @default {}\n */\n slots: prop_types__WEBPACK_IMPORTED_MODULE_2__.shape({\n endScrollButtonIcon: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n EndScrollButtonIcon: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n indicator: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n list: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n root: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n scrollbar: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n scrollButtons: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n scroller: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n startScrollButtonIcon: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n StartScrollButtonIcon: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType\n }),\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object, prop_types__WEBPACK_IMPORTED_MODULE_2__.bool])), prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n /**\n * Props applied to the tab indicator element.\n * @deprecated use the `slotProps.indicator` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n * @default {}\n */\n TabIndicatorProps: prop_types__WEBPACK_IMPORTED_MODULE_2__.object,\n /**\n * Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.\n * @deprecated use the `slotProps.scrollButtons` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n * @default {}\n */\n TabScrollButtonProps: prop_types__WEBPACK_IMPORTED_MODULE_2__.object,\n /**\n * Determines the color of the `Tab`.\n * @default 'primary'\n */\n textColor: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['inherit', 'primary', 'secondary']),\n /**\n * The value of the currently selected `Tab`.\n * If you don't want any selected `Tab`, you can set this prop to `false`.\n */\n value: prop_types__WEBPACK_IMPORTED_MODULE_2__.any,\n /**\n * Determines additional display behavior of the tabs:\n *\n * - `scrollable` will invoke scrolling properties and allow for horizontally\n * scrolling (or swiping) of the tab bar.\n * - `fullWidth` will make the tabs grow to use all the available space,\n * which should be used for small views, like on mobile.\n * - `standard` will render the default state.\n * @default 'standard'\n */\n variant: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['fullWidth', 'scrollable', 'standard']),\n /**\n * If `true`, the scrollbar is visible. It can be useful when displaying\n * a long vertical list of tabs.\n * @default false\n */\n visibleScrollbar: prop_types__WEBPACK_IMPORTED_MODULE_2__.bool\n} : 0;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tabs);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/Tabs/Tabs.js?\n}");
5936
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_is__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-is */ \"./node_modules/react-is/cjs/react-is.development.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.mjs\");\n/* harmony import */ var _mui_utils_refType__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/utils/refType */ \"./node_modules/@mui/utils/esm/refType/refType.js\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _mui_system_RtlProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/system/RtlProvider */ \"./node_modules/@mui/system/esm/RtlProvider/index.js\");\n/* harmony import */ var _mui_utils_useSlotProps__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/utils/useSlotProps */ \"./node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/useTheme.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/styled.js\");\n/* harmony import */ var _utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/memoTheme.js */ \"./node_modules/@mui/material/esm/utils/memoTheme.js\");\n/* harmony import */ var _DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../DefaultPropsProvider/index.js */ \"./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js\");\n/* harmony import */ var _utils_debounce_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../utils/debounce.js */ \"./node_modules/@mui/material/esm/utils/debounce.js\");\n/* harmony import */ var _internal_animate_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../internal/animate.js */ \"./node_modules/@mui/material/esm/internal/animate.js\");\n/* harmony import */ var _ScrollbarSize_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./ScrollbarSize.js */ \"./node_modules/@mui/material/esm/Tabs/ScrollbarSize.js\");\n/* harmony import */ var _TabScrollButton_index_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../TabScrollButton/index.js */ \"./node_modules/@mui/material/esm/TabScrollButton/TabScrollButton.js\");\n/* harmony import */ var _utils_useEventCallback_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../utils/useEventCallback.js */ \"./node_modules/@mui/material/esm/utils/useEventCallback.js\");\n/* harmony import */ var _tabsClasses_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./tabsClasses.js */ \"./node_modules/@mui/material/esm/Tabs/tabsClasses.js\");\n/* harmony import */ var _utils_ownerDocument_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../utils/ownerDocument.js */ \"./node_modules/@mui/material/esm/utils/ownerDocument.js\");\n/* harmony import */ var _utils_ownerWindow_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../utils/ownerWindow.js */ \"./node_modules/@mui/material/esm/utils/ownerWindow.js\");\n/* harmony import */ var _utils_getActiveElement_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../utils/getActiveElement.js */ \"./node_modules/@mui/material/esm/utils/getActiveElement.js\");\n/* harmony import */ var _utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../utils/useSlot.js */ \"./node_modules/@mui/material/esm/utils/useSlot.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst nextItem = (list, item) => {\n if (list === item) {\n return list.firstChild;\n }\n if (item && item.nextElementSibling) {\n return item.nextElementSibling;\n }\n return list.firstChild;\n};\nconst previousItem = (list, item) => {\n if (list === item) {\n return list.lastChild;\n }\n if (item && item.previousElementSibling) {\n return item.previousElementSibling;\n }\n return list.lastChild;\n};\nconst moveFocus = (list, currentFocus, traversalFunction) => {\n let wrappedOnce = false;\n let nextFocus = traversalFunction(list, currentFocus);\n while (nextFocus) {\n // Prevent infinite loop.\n if (nextFocus === list.firstChild) {\n if (wrappedOnce) {\n return;\n }\n wrappedOnce = true;\n }\n\n // Same logic as useAutocomplete.js\n const nextFocusDisabled = nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';\n if (!nextFocus.hasAttribute('tabindex') || nextFocusDisabled) {\n // Move to the next element.\n nextFocus = traversalFunction(list, nextFocus);\n } else {\n nextFocus.focus();\n return;\n }\n }\n};\nconst useUtilityClasses = ownerState => {\n const {\n vertical,\n fixed,\n hideScrollbar,\n scrollableX,\n scrollableY,\n centered,\n scrollButtonsHideMobile,\n classes\n } = ownerState;\n const slots = {\n root: ['root', vertical && 'vertical'],\n scroller: ['scroller', fixed && 'fixed', hideScrollbar && 'hideScrollbar', scrollableX && 'scrollableX', scrollableY && 'scrollableY'],\n list: ['list', 'flexContainer', vertical && 'flexContainerVertical', vertical && 'vertical', centered && 'centered'],\n indicator: ['indicator'],\n scrollButtons: ['scrollButtons', scrollButtonsHideMobile && 'scrollButtonsHideMobile'],\n scrollableX: [scrollableX && 'scrollableX'],\n hideScrollbar: [hideScrollbar && 'hideScrollbar']\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(slots, _tabsClasses_js__WEBPACK_IMPORTED_MODULE_17__.getTabsUtilityClass, classes);\n};\nconst TabsRoot = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('div', {\n name: 'MuiTabs',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [{\n [`& .${_tabsClasses_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"].scrollButtons}`]: styles.scrollButtons\n }, {\n [`& .${_tabsClasses_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"].scrollButtons}`]: ownerState.scrollButtonsHideMobile && styles.scrollButtonsHideMobile\n }, styles.root, ownerState.vertical && styles.vertical];\n }\n})((0,_utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(({\n theme\n}) => ({\n overflow: 'hidden',\n minHeight: 48,\n // Add iOS momentum scrolling for iOS < 13.0\n WebkitOverflowScrolling: 'touch',\n display: 'flex',\n variants: [{\n props: ({\n ownerState\n }) => ownerState.vertical,\n style: {\n flexDirection: 'column'\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.scrollButtonsHideMobile,\n style: {\n [`& .${_tabsClasses_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"].scrollButtons}`]: {\n [theme.breakpoints.down('sm')]: {\n display: 'none'\n }\n }\n }\n }]\n})));\nconst TabsScroller = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('div', {\n name: 'MuiTabs',\n slot: 'Scroller',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.scroller, ownerState.fixed && styles.fixed, ownerState.hideScrollbar && styles.hideScrollbar, ownerState.scrollableX && styles.scrollableX, ownerState.scrollableY && styles.scrollableY];\n }\n})({\n position: 'relative',\n display: 'inline-block',\n flex: '1 1 auto',\n whiteSpace: 'nowrap',\n variants: [{\n props: ({\n ownerState\n }) => ownerState.fixed,\n style: {\n overflowX: 'hidden',\n width: '100%'\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.hideScrollbar,\n style: {\n // Hide dimensionless scrollbar on macOS\n scrollbarWidth: 'none',\n // Firefox\n '&::-webkit-scrollbar': {\n display: 'none' // Safari + Chrome\n }\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.scrollableX,\n style: {\n overflowX: 'auto',\n overflowY: 'hidden'\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.scrollableY,\n style: {\n overflowY: 'auto',\n overflowX: 'hidden'\n }\n }]\n});\nconst List = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('div', {\n name: 'MuiTabs',\n slot: 'List',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.list, styles.flexContainer, ownerState.vertical && styles.flexContainerVertical, ownerState.centered && styles.centered];\n }\n})({\n display: 'flex',\n variants: [{\n props: ({\n ownerState\n }) => ownerState.vertical,\n style: {\n flexDirection: 'column'\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.centered,\n style: {\n justifyContent: 'center'\n }\n }]\n});\nconst TabsIndicator = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('span', {\n name: 'MuiTabs',\n slot: 'Indicator'\n})((0,_utils_memoTheme_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(({\n theme\n}) => ({\n position: 'absolute',\n height: 2,\n bottom: 0,\n width: '100%',\n transition: theme.transitions.create(),\n variants: [{\n props: {\n indicatorColor: 'primary'\n },\n style: {\n backgroundColor: (theme.vars || theme).palette.primary.main\n }\n }, {\n props: {\n indicatorColor: 'secondary'\n },\n style: {\n backgroundColor: (theme.vars || theme).palette.secondary.main\n }\n }, {\n props: ({\n ownerState\n }) => ownerState.vertical,\n style: {\n height: '100%',\n width: 2,\n right: 0\n }\n }]\n})));\nconst TabsScrollbarSize = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"])(_ScrollbarSize_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])({\n overflowX: 'auto',\n overflowY: 'hidden',\n // Hide dimensionless scrollbar on macOS\n scrollbarWidth: 'none',\n // Firefox\n '&::-webkit-scrollbar': {\n display: 'none' // Safari + Chrome\n }\n});\nconst defaultIndicatorStyle = {};\nlet warnedOnceTabPresent = false;\nconst Tabs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Tabs(inProps, ref) {\n const props = (0,_DefaultPropsProvider_index_js__WEBPACK_IMPORTED_MODULE_11__.useDefaultProps)({\n props: inProps,\n name: 'MuiTabs'\n });\n const theme = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"])();\n const isRtl = (0,_mui_system_RtlProvider__WEBPACK_IMPORTED_MODULE_6__.useRtl)();\n const {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n action,\n centered = false,\n children: childrenProp,\n className,\n component = 'div',\n allowScrollButtonsMobile = false,\n indicatorColor = 'primary',\n onChange,\n orientation = 'horizontal',\n ScrollButtonComponent,\n // TODO: remove in v7 (deprecated in v6)\n scrollButtons = 'auto',\n selectionFollowsFocus,\n slots = {},\n slotProps = {},\n TabIndicatorProps = {},\n // TODO: remove in v7 (deprecated in v6)\n TabScrollButtonProps = {},\n // TODO: remove in v7 (deprecated in v6)\n textColor = 'primary',\n value,\n variant = 'standard',\n visibleScrollbar = false,\n ...other\n } = props;\n const scrollable = variant === 'scrollable';\n const vertical = orientation === 'vertical';\n const scrollStart = vertical ? 'scrollTop' : 'scrollLeft';\n const start = vertical ? 'top' : 'left';\n const end = vertical ? 'bottom' : 'right';\n const clientSize = vertical ? 'clientHeight' : 'clientWidth';\n const size = vertical ? 'height' : 'width';\n const ownerState = {\n ...props,\n component,\n allowScrollButtonsMobile,\n indicatorColor,\n orientation,\n vertical,\n scrollButtons,\n textColor,\n variant,\n visibleScrollbar,\n fixed: !scrollable,\n hideScrollbar: scrollable && !visibleScrollbar,\n scrollableX: scrollable && !vertical,\n scrollableY: scrollable && vertical,\n centered: centered && !scrollable,\n scrollButtonsHideMobile: !allowScrollButtonsMobile\n };\n const classes = useUtilityClasses(ownerState);\n const startScrollButtonIconProps = (0,_mui_utils_useSlotProps__WEBPACK_IMPORTED_MODULE_7__[\"default\"])({\n elementType: slots.StartScrollButtonIcon,\n externalSlotProps: slotProps.startScrollButtonIcon,\n ownerState\n });\n const endScrollButtonIconProps = (0,_mui_utils_useSlotProps__WEBPACK_IMPORTED_MODULE_7__[\"default\"])({\n elementType: slots.EndScrollButtonIcon,\n externalSlotProps: slotProps.endScrollButtonIcon,\n ownerState\n });\n if (true) {\n if (centered && scrollable) {\n console.error('MUI: You can not use the `centered={true}` and `variant=\"scrollable\"` properties ' + 'at the same time on a `Tabs` component.');\n }\n }\n const [mounted, setMounted] = react__WEBPACK_IMPORTED_MODULE_0__.useState(false);\n const [indicatorStyle, setIndicatorStyle] = react__WEBPACK_IMPORTED_MODULE_0__.useState(defaultIndicatorStyle);\n const [displayStartScroll, setDisplayStartScroll] = react__WEBPACK_IMPORTED_MODULE_0__.useState(false);\n const [displayEndScroll, setDisplayEndScroll] = react__WEBPACK_IMPORTED_MODULE_0__.useState(false);\n const [updateScrollObserver, setUpdateScrollObserver] = react__WEBPACK_IMPORTED_MODULE_0__.useState(false);\n const [scrollerStyle, setScrollerStyle] = react__WEBPACK_IMPORTED_MODULE_0__.useState({\n overflow: 'hidden',\n scrollbarWidth: 0\n });\n const valueToIndex = new Map();\n const tabsRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const tabListRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);\n const externalForwardedProps = {\n slots,\n slotProps: {\n indicator: TabIndicatorProps,\n scrollButtons: TabScrollButtonProps,\n ...slotProps\n }\n };\n const getTabsMeta = () => {\n const tabsNode = tabsRef.current;\n let tabsMeta;\n if (tabsNode) {\n const rect = tabsNode.getBoundingClientRect();\n // create a new object with ClientRect class props + scrollLeft\n tabsMeta = {\n clientWidth: tabsNode.clientWidth,\n scrollLeft: tabsNode.scrollLeft,\n scrollTop: tabsNode.scrollTop,\n scrollWidth: tabsNode.scrollWidth,\n top: rect.top,\n bottom: rect.bottom,\n left: rect.left,\n right: rect.right\n };\n }\n let tabMeta;\n if (tabsNode && value !== false) {\n const children = tabListRef.current.children;\n if (children.length > 0) {\n const tab = children[valueToIndex.get(value)];\n if (true) {\n if (!tab) {\n console.error([`MUI: The \\`value\\` provided to the Tabs component is invalid.`, `None of the Tabs' children match with \"${value}\".`, valueToIndex.keys ? `You can provide one of the following values: ${Array.from(valueToIndex.keys()).join(', ')}.` : null].join('\\n'));\n }\n }\n tabMeta = tab ? tab.getBoundingClientRect() : null;\n if (true) {\n if (!globalThis.MUI_TEST_ENV && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0 &&\n // if the whole Tabs component is hidden, don't warn\n tabsMeta.clientWidth !== 0) {\n tabsMeta = null;\n console.error(['MUI: The `value` provided to the Tabs component is invalid.', `The Tab with this \\`value\\` (\"${value}\") is not part of the document layout.`, \"Make sure the tab item is present in the document or that it's not `display: none`.\"].join('\\n'));\n warnedOnceTabPresent = true;\n }\n }\n }\n }\n return {\n tabsMeta,\n tabMeta\n };\n };\n const updateIndicatorState = (0,_utils_useEventCallback_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"])(() => {\n const {\n tabsMeta,\n tabMeta\n } = getTabsMeta();\n let startValue = 0;\n let startIndicator;\n if (vertical) {\n startIndicator = 'top';\n if (tabMeta && tabsMeta) {\n startValue = tabMeta.top - tabsMeta.top + tabsMeta.scrollTop;\n }\n } else {\n startIndicator = isRtl ? 'right' : 'left';\n if (tabMeta && tabsMeta) {\n startValue = (isRtl ? -1 : 1) * (tabMeta[startIndicator] - tabsMeta[startIndicator] + tabsMeta.scrollLeft);\n }\n }\n const newIndicatorStyle = {\n [startIndicator]: startValue,\n // May be wrong until the font is loaded.\n [size]: tabMeta ? tabMeta[size] : 0\n };\n if (typeof indicatorStyle[startIndicator] !== 'number' || typeof indicatorStyle[size] !== 'number') {\n setIndicatorStyle(newIndicatorStyle);\n } else {\n const dStart = Math.abs(indicatorStyle[startIndicator] - newIndicatorStyle[startIndicator]);\n const dSize = Math.abs(indicatorStyle[size] - newIndicatorStyle[size]);\n if (dStart >= 1 || dSize >= 1) {\n setIndicatorStyle(newIndicatorStyle);\n }\n }\n });\n const scroll = (scrollValue, {\n animation = true\n } = {}) => {\n if (animation) {\n (0,_internal_animate_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"])(scrollStart, tabsRef.current, scrollValue, {\n duration: theme.transitions.duration.standard\n });\n } else {\n tabsRef.current[scrollStart] = scrollValue;\n }\n };\n const moveTabsScroll = delta => {\n let scrollValue = tabsRef.current[scrollStart];\n if (vertical) {\n scrollValue += delta;\n } else {\n scrollValue += delta * (isRtl ? -1 : 1);\n }\n scroll(scrollValue);\n };\n const getScrollSize = () => {\n const containerSize = tabsRef.current[clientSize];\n let totalSize = 0;\n const children = Array.from(tabListRef.current.children);\n for (let i = 0; i < children.length; i += 1) {\n const tab = children[i];\n if (totalSize + tab[clientSize] > containerSize) {\n // If the first item is longer than the container size, then only scroll\n // by the container size.\n if (i === 0) {\n totalSize = containerSize;\n }\n break;\n }\n totalSize += tab[clientSize];\n }\n return totalSize;\n };\n const handleStartScrollClick = () => {\n moveTabsScroll(-1 * getScrollSize());\n };\n const handleEndScrollClick = () => {\n moveTabsScroll(getScrollSize());\n };\n const [ScrollbarSlot, {\n onChange: scrollbarOnChange,\n ...scrollbarSlotProps\n }] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"])('scrollbar', {\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(classes.scrollableX, classes.hideScrollbar),\n elementType: TabsScrollbarSize,\n shouldForwardComponentProp: true,\n externalForwardedProps,\n ownerState\n });\n\n // TODO Remove <ScrollbarSize /> as browser support for hiding the scrollbar\n // with CSS improves.\n const handleScrollbarSizeChange = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(scrollbarWidth => {\n scrollbarOnChange?.(scrollbarWidth);\n setScrollerStyle({\n overflow: null,\n scrollbarWidth\n });\n }, [scrollbarOnChange]);\n const [ScrollButtonsSlot, scrollButtonSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"])('scrollButtons', {\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(classes.scrollButtons, TabScrollButtonProps.className),\n elementType: _TabScrollButton_index_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n externalForwardedProps,\n ownerState,\n additionalProps: {\n orientation,\n slots: {\n StartScrollButtonIcon: slots.startScrollButtonIcon || slots.StartScrollButtonIcon,\n EndScrollButtonIcon: slots.endScrollButtonIcon || slots.EndScrollButtonIcon\n },\n slotProps: {\n startScrollButtonIcon: startScrollButtonIconProps,\n endScrollButtonIcon: endScrollButtonIconProps\n }\n }\n });\n const getConditionalElements = () => {\n const conditionalElements = {};\n conditionalElements.scrollbarSizeListener = scrollable ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(ScrollbarSlot, {\n ...scrollbarSlotProps,\n onChange: handleScrollbarSizeChange\n }) : null;\n const scrollButtonsActive = displayStartScroll || displayEndScroll;\n const showScrollButtons = scrollable && (scrollButtons === 'auto' && scrollButtonsActive || scrollButtons === true);\n conditionalElements.scrollButtonStart = showScrollButtons ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(ScrollButtonsSlot, {\n direction: isRtl ? 'right' : 'left',\n onClick: handleStartScrollClick,\n disabled: !displayStartScroll,\n ...scrollButtonSlotProps\n }) : null;\n conditionalElements.scrollButtonEnd = showScrollButtons ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(ScrollButtonsSlot, {\n direction: isRtl ? 'left' : 'right',\n onClick: handleEndScrollClick,\n disabled: !displayEndScroll,\n ...scrollButtonSlotProps\n }) : null;\n return conditionalElements;\n };\n const scrollSelectedIntoView = (0,_utils_useEventCallback_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"])(animation => {\n const {\n tabsMeta,\n tabMeta\n } = getTabsMeta();\n if (!tabMeta || !tabsMeta) {\n return;\n }\n if (tabMeta[start] < tabsMeta[start]) {\n // left side of button is out of view\n const nextScrollStart = tabsMeta[scrollStart] + (tabMeta[start] - tabsMeta[start]);\n scroll(nextScrollStart, {\n animation\n });\n } else if (tabMeta[end] > tabsMeta[end]) {\n // right side of button is out of view\n const nextScrollStart = tabsMeta[scrollStart] + (tabMeta[end] - tabsMeta[end]);\n scroll(nextScrollStart, {\n animation\n });\n }\n });\n const updateScrollButtonState = (0,_utils_useEventCallback_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"])(() => {\n if (scrollable && scrollButtons !== false) {\n setUpdateScrollObserver(!updateScrollObserver);\n }\n });\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n const handleResize = (0,_utils_debounce_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"])(() => {\n // If the Tabs component is replaced by Suspense with a fallback, the last\n // ResizeObserver's handler that runs because of the change in the layout is trying to\n // access a dom node that is no longer there (as the fallback component is being shown instead).\n // See https://github.com/mui/material-ui/issues/33276\n // TODO: Add tests that will ensure the component is not failing when\n // replaced by Suspense with a fallback, once React is updated to version 18\n if (tabsRef.current) {\n updateIndicatorState();\n }\n });\n let resizeObserver;\n\n /**\n * @type {MutationCallback}\n */\n const handleMutation = records => {\n records.forEach(record => {\n record.removedNodes.forEach(item => {\n resizeObserver?.unobserve(item);\n });\n record.addedNodes.forEach(item => {\n resizeObserver?.observe(item);\n });\n });\n handleResize();\n updateScrollButtonState();\n };\n const win = (0,_utils_ownerWindow_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"])(tabsRef.current);\n win.addEventListener('resize', handleResize);\n let mutationObserver;\n if (typeof ResizeObserver !== 'undefined') {\n resizeObserver = new ResizeObserver(handleResize);\n Array.from(tabListRef.current.children).forEach(child => {\n resizeObserver.observe(child);\n });\n }\n if (typeof MutationObserver !== 'undefined') {\n mutationObserver = new MutationObserver(handleMutation);\n mutationObserver.observe(tabListRef.current, {\n childList: true\n });\n }\n return () => {\n handleResize.clear();\n win.removeEventListener('resize', handleResize);\n mutationObserver?.disconnect();\n resizeObserver?.disconnect();\n };\n }, [updateIndicatorState, updateScrollButtonState]);\n\n /**\n * Toggle visibility of start and end scroll buttons\n * Using IntersectionObserver on first and last Tabs.\n */\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n const tabListChildren = Array.from(tabListRef.current.children);\n const length = tabListChildren.length;\n if (typeof IntersectionObserver !== 'undefined' && length > 0 && scrollable && scrollButtons !== false) {\n const firstTab = tabListChildren[0];\n const lastTab = tabListChildren[length - 1];\n const observerOptions = {\n root: tabsRef.current,\n threshold: 0.99\n };\n const handleScrollButtonStart = entries => {\n setDisplayStartScroll(!entries[0].isIntersecting);\n };\n const firstObserver = new IntersectionObserver(handleScrollButtonStart, observerOptions);\n firstObserver.observe(firstTab);\n const handleScrollButtonEnd = entries => {\n setDisplayEndScroll(!entries[0].isIntersecting);\n };\n const lastObserver = new IntersectionObserver(handleScrollButtonEnd, observerOptions);\n lastObserver.observe(lastTab);\n return () => {\n firstObserver.disconnect();\n lastObserver.disconnect();\n };\n }\n return undefined;\n }, [scrollable, scrollButtons, updateScrollObserver, childrenProp?.length]);\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n setMounted(true);\n }, []);\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n updateIndicatorState();\n });\n react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n // Don't animate on the first render.\n scrollSelectedIntoView(defaultIndicatorStyle !== indicatorStyle);\n }, [scrollSelectedIntoView, indicatorStyle]);\n react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle(action, () => ({\n updateIndicator: updateIndicatorState,\n updateScrollButtons: updateScrollButtonState\n }), [updateIndicatorState, updateScrollButtonState]);\n const [IndicatorSlot, indicatorSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"])('indicator', {\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(classes.indicator, TabIndicatorProps.className),\n elementType: TabsIndicator,\n externalForwardedProps,\n ownerState,\n additionalProps: {\n style: indicatorStyle\n }\n });\n const indicator = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(IndicatorSlot, {\n ...indicatorSlotProps\n });\n let childIndex = 0;\n const children = react__WEBPACK_IMPORTED_MODULE_0__.Children.map(childrenProp, child => {\n if (! /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(child)) {\n return null;\n }\n if (true) {\n if ((0,react_is__WEBPACK_IMPORTED_MODULE_1__.isFragment)(child)) {\n console.error([\"MUI: The Tabs component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n }\n }\n const childValue = child.props.value === undefined ? childIndex : child.props.value;\n valueToIndex.set(childValue, childIndex);\n const selected = childValue === value;\n childIndex += 1;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(child, {\n fullWidth: variant === 'fullWidth',\n indicator: selected && !mounted && indicator,\n selected,\n selectionFollowsFocus,\n onChange,\n textColor,\n value: childValue,\n ...(childIndex === 1 && value === false && !child.props.tabIndex ? {\n tabIndex: 0\n } : {})\n });\n });\n const handleKeyDown = event => {\n // Check if a modifier key (Alt, Shift, Ctrl, Meta) is pressed\n if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {\n return;\n }\n const list = tabListRef.current;\n const currentFocus = (0,_utils_getActiveElement_js__WEBPACK_IMPORTED_MODULE_20__[\"default\"])((0,_utils_ownerDocument_js__WEBPACK_IMPORTED_MODULE_18__[\"default\"])(list));\n // Keyboard navigation assumes that [role=\"tab\"] are siblings\n // though we might warn in the future about nested, interactive elements\n // as a a11y violation\n const role = currentFocus?.getAttribute('role');\n if (role !== 'tab') {\n return;\n }\n let previousItemKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n let nextItemKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n if (orientation === 'horizontal' && isRtl) {\n // swap previousItemKey with nextItemKey\n previousItemKey = 'ArrowRight';\n nextItemKey = 'ArrowLeft';\n }\n switch (event.key) {\n case previousItemKey:\n event.preventDefault();\n moveFocus(list, currentFocus, previousItem);\n break;\n case nextItemKey:\n event.preventDefault();\n moveFocus(list, currentFocus, nextItem);\n break;\n case 'Home':\n event.preventDefault();\n moveFocus(list, null, nextItem);\n break;\n case 'End':\n event.preventDefault();\n moveFocus(list, null, previousItem);\n break;\n default:\n break;\n }\n };\n const conditionalElements = getConditionalElements();\n const [RootSlot, rootSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"])('root', {\n ref,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(classes.root, className),\n elementType: TabsRoot,\n externalForwardedProps: {\n ...externalForwardedProps,\n ...other,\n component\n },\n ownerState\n });\n const [ScrollerSlot, scrollerSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"])('scroller', {\n ref: tabsRef,\n className: classes.scroller,\n elementType: TabsScroller,\n externalForwardedProps,\n ownerState,\n additionalProps: {\n style: {\n overflow: scrollerStyle.overflow,\n [vertical ? `margin${isRtl ? 'Left' : 'Right'}` : 'marginBottom']: visibleScrollbar ? undefined : -scrollerStyle.scrollbarWidth\n }\n }\n });\n const [ListSlot, listSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"])('list', {\n ref: tabListRef,\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(classes.list, classes.flexContainer),\n elementType: List,\n externalForwardedProps,\n ownerState,\n getSlotProps: handlers => ({\n ...handlers,\n onKeyDown: event => {\n handleKeyDown(event);\n handlers.onKeyDown?.(event);\n }\n })\n });\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(RootSlot, {\n ...rootSlotProps,\n children: [conditionalElements.scrollButtonStart, conditionalElements.scrollbarSizeListener, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(ScrollerSlot, {\n ...scrollerSlotProps,\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(ListSlot, {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-orientation\": orientation === 'vertical' ? 'vertical' : null,\n role: \"tablist\",\n ...listSlotProps,\n children: children\n }), mounted && indicator]\n }), conditionalElements.scrollButtonEnd]\n });\n});\n true ? Tabs.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * Callback fired when the component mounts.\n * This is useful when you want to trigger an action programmatically.\n * It supports two actions: `updateIndicator()` and `updateScrollButtons()`\n *\n * @param {object} actions This object contains all possible actions\n * that can be triggered programmatically.\n */\n action: _mui_utils_refType__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n /**\n * If `true`, the scroll buttons aren't forced hidden on mobile.\n * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.\n * @default false\n */\n allowScrollButtonsMobile: prop_types__WEBPACK_IMPORTED_MODULE_2__.bool,\n /**\n * The label for the Tabs as a string.\n */\n 'aria-label': prop_types__WEBPACK_IMPORTED_MODULE_2__.string,\n /**\n * An id or list of ids separated by a space that label the Tabs.\n */\n 'aria-labelledby': prop_types__WEBPACK_IMPORTED_MODULE_2__.string,\n /**\n * If `true`, the tabs are centered.\n * This prop is intended for large views.\n * @default false\n */\n centered: prop_types__WEBPACK_IMPORTED_MODULE_2__.bool,\n /**\n * The content of the component.\n */\n children: prop_types__WEBPACK_IMPORTED_MODULE_2__.node,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: prop_types__WEBPACK_IMPORTED_MODULE_2__.object,\n /**\n * @ignore\n */\n className: prop_types__WEBPACK_IMPORTED_MODULE_2__.string,\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n /**\n * Determines the color of the indicator.\n * @default 'primary'\n */\n indicatorColor: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['primary', 'secondary']), prop_types__WEBPACK_IMPORTED_MODULE_2__.string]),\n /**\n * Callback fired when the value changes.\n *\n * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.\n * @param {any} value We default to the index of the child (number)\n */\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_2__.func,\n /**\n * The component orientation (layout flow direction).\n * @default 'horizontal'\n */\n orientation: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['horizontal', 'vertical']),\n /**\n * The component used to render the scroll buttons.\n * @deprecated use the `slots.scrollButtons` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n * @default TabScrollButton\n */\n ScrollButtonComponent: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n /**\n * Determine behavior of scroll buttons when tabs are set to scroll:\n *\n * - `auto` will only present them when not all the items are visible.\n * - `true` will always present them.\n * - `false` will never present them.\n *\n * By default the scroll buttons are hidden on mobile.\n * This behavior can be disabled with `allowScrollButtonsMobile`.\n * @default 'auto'\n */\n scrollButtons: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['auto', false, true]),\n /**\n * If `true` the selected tab changes on focus. Otherwise it only\n * changes on activation.\n */\n selectionFollowsFocus: prop_types__WEBPACK_IMPORTED_MODULE_2__.bool,\n /**\n * The props used for each slot inside.\n * @default {}\n */\n slotProps: prop_types__WEBPACK_IMPORTED_MODULE_2__.shape({\n endScrollButtonIcon: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n indicator: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n list: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n root: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n scrollbar: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n scrollButtons: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n scroller: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n startScrollButtonIcon: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object])\n }),\n /**\n * The components used for each slot inside.\n * @default {}\n */\n slots: prop_types__WEBPACK_IMPORTED_MODULE_2__.shape({\n endScrollButtonIcon: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n EndScrollButtonIcon: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n indicator: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n list: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n root: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n scrollbar: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n scrollButtons: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n scroller: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n startScrollButtonIcon: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType,\n StartScrollButtonIcon: prop_types__WEBPACK_IMPORTED_MODULE_2__.elementType\n }),\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object, prop_types__WEBPACK_IMPORTED_MODULE_2__.bool])), prop_types__WEBPACK_IMPORTED_MODULE_2__.func, prop_types__WEBPACK_IMPORTED_MODULE_2__.object]),\n /**\n * Props applied to the tab indicator element.\n * @deprecated use the `slotProps.indicator` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n * @default {}\n */\n TabIndicatorProps: prop_types__WEBPACK_IMPORTED_MODULE_2__.object,\n /**\n * Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.\n * @deprecated use the `slotProps.scrollButtons` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n * @default {}\n */\n TabScrollButtonProps: prop_types__WEBPACK_IMPORTED_MODULE_2__.object,\n /**\n * Determines the color of the `Tab`.\n * @default 'primary'\n */\n textColor: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['inherit', 'primary', 'secondary']),\n /**\n * The value of the currently selected `Tab`.\n * If you don't want any selected `Tab`, you can set this prop to `false`.\n */\n value: prop_types__WEBPACK_IMPORTED_MODULE_2__.any,\n /**\n * Determines additional display behavior of the tabs:\n *\n * - `scrollable` will invoke scrolling properties and allow for horizontally\n * scrolling (or swiping) of the tab bar.\n * - `fullWidth` will make the tabs grow to use all the available space,\n * which should be used for small views, like on mobile.\n * - `standard` will render the default state.\n * @default 'standard'\n */\n variant: prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOf(['fullWidth', 'scrollable', 'standard']),\n /**\n * If `true`, the scrollbar is visible. It can be useful when displaying\n * a long vertical list of tabs.\n * @default false\n */\n visibleScrollbar: prop_types__WEBPACK_IMPORTED_MODULE_2__.bool\n} : 0;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tabs);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/Tabs/Tabs.js?\n}");
5937
5937
 
5938
5938
  /***/ },
5939
5939
 
@@ -6230,7 +6230,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
6230
6230
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
6231
6231
 
6232
6232
  "use strict";
6233
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var _mui_utils_refType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/utils/refType */ \"./node_modules/@mui/utils/esm/refType/refType.js\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _utils_capitalize_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/capitalize.js */ \"./node_modules/@mui/material/esm/utils/capitalize.js\");\n/* harmony import */ var _styles_rootShouldForwardProp_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../styles/rootShouldForwardProp.js */ \"./node_modules/@mui/material/esm/styles/rootShouldForwardProp.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/styled.js\");\n/* harmony import */ var _utils_useControlled_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/useControlled.js */ \"./node_modules/@mui/material/esm/utils/useControlled.js\");\n/* harmony import */ var _FormControl_useFormControl_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../FormControl/useFormControl.js */ \"./node_modules/@mui/material/esm/FormControl/useFormControl.js\");\n/* harmony import */ var _ButtonBase_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../ButtonBase/index.js */ \"./node_modules/@mui/material/esm/ButtonBase/ButtonBase.js\");\n/* harmony import */ var _switchBaseClasses_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./switchBaseClasses.js */ \"./node_modules/@mui/material/esm/internal/switchBaseClasses.js\");\n/* harmony import */ var _utils_useSlot_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/useSlot.js */ \"./node_modules/@mui/material/esm/utils/useSlot.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n checked,\n disabled,\n edge\n } = ownerState;\n const slots = {\n root: ['root', checked && 'checked', disabled && 'disabled', edge && `edge${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(edge)}`],\n input: ['input']\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(slots, _switchBaseClasses_js__WEBPACK_IMPORTED_MODULE_10__.getSwitchBaseUtilityClass, classes);\n};\nconst SwitchBaseRoot = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(_ButtonBase_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n name: 'MuiSwitchBase'\n})({\n padding: 9,\n borderRadius: '50%',\n variants: [{\n props: {\n edge: 'start',\n size: 'small'\n },\n style: {\n marginLeft: -3\n }\n }, {\n props: ({\n edge,\n ownerState\n }) => edge === 'start' && ownerState.size !== 'small',\n style: {\n marginLeft: -12\n }\n }, {\n props: {\n edge: 'end',\n size: 'small'\n },\n style: {\n marginRight: -3\n }\n }, {\n props: ({\n edge,\n ownerState\n }) => edge === 'end' && ownerState.size !== 'small',\n style: {\n marginRight: -12\n }\n }]\n});\nconst SwitchBaseInput = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"])('input', {\n name: 'MuiSwitchBase',\n shouldForwardProp: _styles_rootShouldForwardProp_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"]\n})({\n cursor: 'inherit',\n position: 'absolute',\n opacity: 0,\n width: '100%',\n height: '100%',\n top: 0,\n left: 0,\n margin: 0,\n padding: 0,\n zIndex: 1\n});\n\n/**\n * @ignore - internal component.\n */\nconst SwitchBase = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function SwitchBase(props, ref) {\n const {\n autoFocus,\n checked: checkedProp,\n checkedIcon,\n defaultChecked,\n disabled: disabledProp,\n disableFocusRipple = false,\n edge = false,\n icon,\n id,\n inputProps,\n inputRef,\n name,\n onBlur,\n onChange,\n onFocus,\n readOnly,\n required = false,\n tabIndex,\n type,\n value,\n slots = {},\n slotProps = {},\n ...other\n } = props;\n const [checked, setCheckedState] = (0,_utils_useControlled_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])({\n controlled: checkedProp,\n default: Boolean(defaultChecked),\n name: 'SwitchBase',\n state: 'checked'\n });\n const muiFormControl = (0,_FormControl_useFormControl_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"])();\n const handleFocus = event => {\n if (onFocus) {\n onFocus(event);\n }\n if (muiFormControl && muiFormControl.onFocus) {\n muiFormControl.onFocus(event);\n }\n };\n const handleBlur = event => {\n if (onBlur) {\n onBlur(event);\n }\n if (muiFormControl && muiFormControl.onBlur) {\n muiFormControl.onBlur(event);\n }\n };\n const handleInputChange = event => {\n // Workaround for https://github.com/facebook/react/issues/9023\n if (event.nativeEvent.defaultPrevented || readOnly) {\n return;\n }\n const newChecked = event.target.checked;\n setCheckedState(newChecked);\n if (onChange) {\n // TODO v6: remove the second argument.\n onChange(event, newChecked);\n }\n };\n let disabled = disabledProp;\n if (muiFormControl) {\n if (typeof disabled === 'undefined') {\n disabled = muiFormControl.disabled;\n }\n }\n const hasLabelFor = type === 'checkbox' || type === 'radio';\n const ownerState = {\n ...props,\n checked,\n disabled,\n disableFocusRipple,\n edge\n };\n const classes = useUtilityClasses(ownerState);\n const externalForwardedProps = {\n slots,\n slotProps: {\n input: inputProps,\n ...slotProps\n }\n };\n const [RootSlot, rootSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"])('root', {\n ref,\n elementType: SwitchBaseRoot,\n className: classes.root,\n shouldForwardComponentProp: true,\n externalForwardedProps: {\n ...externalForwardedProps,\n component: 'span',\n ...other\n },\n getSlotProps: handlers => ({\n ...handlers,\n onFocus: event => {\n handlers.onFocus?.(event);\n handleFocus(event);\n },\n onBlur: event => {\n handlers.onBlur?.(event);\n handleBlur(event);\n }\n }),\n ownerState,\n additionalProps: {\n centerRipple: true,\n focusRipple: !disableFocusRipple,\n disabled,\n role: undefined,\n tabIndex: null\n }\n });\n const [InputSlot, inputSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"])('input', {\n ref: inputRef,\n elementType: SwitchBaseInput,\n className: classes.input,\n externalForwardedProps,\n getSlotProps: handlers => ({\n ...handlers,\n onChange: event => {\n handlers.onChange?.(event);\n handleInputChange(event);\n }\n }),\n ownerState,\n additionalProps: {\n autoFocus,\n checked: checkedProp,\n defaultChecked,\n disabled,\n id: hasLabelFor ? id : undefined,\n name,\n readOnly,\n required,\n tabIndex,\n type,\n ...(type === 'checkbox' && value === undefined ? {} : {\n value\n })\n }\n });\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)(RootSlot, {\n ...rootSlotProps,\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(InputSlot, {\n ...inputSlotProps\n }), checked ? checkedIcon : icon]\n });\n});\n\n// NB: If changed, please update Checkbox, Switch and Radio\n// so that the API documentation is updated.\n true ? SwitchBase.propTypes = {\n /**\n * If `true`, the `input` element is focused during the first mount.\n */\n autoFocus: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * If `true`, the component is checked.\n */\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The icon to display when the component is checked.\n */\n checkedIcon: prop_types__WEBPACK_IMPORTED_MODULE_1__.node.isRequired,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * @ignore\n */\n className: prop_types__WEBPACK_IMPORTED_MODULE_1__.string,\n /**\n * @ignore\n */\n defaultChecked: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * If `true`, the component is disabled.\n */\n disabled: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * If `true`, the keyboard focus ripple is disabled.\n * @default false\n */\n disableFocusRipple: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * If given, uses a negative margin to counteract the padding on one\n * side (this is often helpful for aligning the left or right\n * side of the icon with content above or below, without ruining the border\n * size and shape).\n * @default false\n */\n edge: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['end', 'start', false]),\n /**\n * The icon to display when the component is unchecked.\n */\n icon: prop_types__WEBPACK_IMPORTED_MODULE_1__.node.isRequired,\n /**\n * The id of the `input` element.\n */\n id: prop_types__WEBPACK_IMPORTED_MODULE_1__.string,\n /**\n * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.\n */\n inputProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * Pass a ref to the `input` element.\n */\n inputRef: _mui_utils_refType__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n /*\n * @ignore\n */\n name: prop_types__WEBPACK_IMPORTED_MODULE_1__.string,\n /**\n * @ignore\n */\n onBlur: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * Callback fired when the state is changed.\n *\n * @param {object} event The event source of the callback.\n * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n */\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * @ignore\n */\n onFocus: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * It prevents the user from changing the value of the field\n * (not from interacting with the field).\n */\n readOnly: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * If `true`, the `input` element is required.\n */\n required: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The props used for each slot inside.\n * @default {}\n */\n slotProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n input: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n root: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object])\n }),\n /**\n * The components used for each slot inside.\n * @default {}\n */\n slots: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n input: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n root: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType\n }),\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * @ignore\n */\n tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.number, prop_types__WEBPACK_IMPORTED_MODULE_1__.string]),\n /**\n * The input component prop `type`.\n */\n type: prop_types__WEBPACK_IMPORTED_MODULE_1__.string.isRequired,\n /**\n * The value of the component.\n */\n value: prop_types__WEBPACK_IMPORTED_MODULE_1__.any\n} : 0;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SwitchBase);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/internal/SwitchBase.js?\n}");
6233
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var _mui_utils_refType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/utils/refType */ \"./node_modules/@mui/utils/esm/refType/refType.js\");\n/* harmony import */ var _mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils/composeClasses */ \"./node_modules/@mui/utils/esm/composeClasses/composeClasses.js\");\n/* harmony import */ var _utils_capitalize_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/capitalize.js */ \"./node_modules/@mui/material/esm/utils/capitalize.js\");\n/* harmony import */ var _styles_rootShouldForwardProp_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../styles/rootShouldForwardProp.js */ \"./node_modules/@mui/material/esm/styles/rootShouldForwardProp.js\");\n/* harmony import */ var _zero_styled_index_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../zero-styled/index.js */ \"./node_modules/@mui/material/esm/styles/styled.js\");\n/* harmony import */ var _utils_useControlled_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/useControlled.js */ \"./node_modules/@mui/material/esm/utils/useControlled.js\");\n/* harmony import */ var _FormControl_useFormControl_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../FormControl/useFormControl.js */ \"./node_modules/@mui/material/esm/FormControl/useFormControl.js\");\n/* harmony import */ var _ButtonBase_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../ButtonBase/index.js */ \"./node_modules/@mui/material/esm/ButtonBase/ButtonBase.js\");\n/* harmony import */ var _switchBaseClasses_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./switchBaseClasses.js */ \"./node_modules/@mui/material/esm/internal/switchBaseClasses.js\");\n/* harmony import */ var _utils_useSlot_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/useSlot.js */ \"./node_modules/@mui/material/esm/utils/useSlot.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n checked,\n disabled,\n edge\n } = ownerState;\n const slots = {\n root: ['root', checked && 'checked', disabled && 'disabled', edge && `edge${(0,_utils_capitalize_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(edge)}`],\n input: ['input']\n };\n return (0,_mui_utils_composeClasses__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(slots, _switchBaseClasses_js__WEBPACK_IMPORTED_MODULE_10__.getSwitchBaseUtilityClass, classes);\n};\nconst SwitchBaseRoot = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(_ButtonBase_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n name: 'MuiSwitchBase'\n})({\n padding: 9,\n borderRadius: '50%',\n variants: [{\n props: {\n edge: 'start',\n size: 'small'\n },\n style: {\n marginLeft: -3\n }\n }, {\n props: ({\n edge,\n ownerState\n }) => edge === 'start' && ownerState.size !== 'small',\n style: {\n marginLeft: -12\n }\n }, {\n props: {\n edge: 'end',\n size: 'small'\n },\n style: {\n marginRight: -3\n }\n }, {\n props: ({\n edge,\n ownerState\n }) => edge === 'end' && ownerState.size !== 'small',\n style: {\n marginRight: -12\n }\n }]\n});\nconst SwitchBaseInput = (0,_zero_styled_index_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"])('input', {\n name: 'MuiSwitchBase',\n shouldForwardProp: _styles_rootShouldForwardProp_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"]\n})({\n cursor: 'inherit',\n position: 'absolute',\n opacity: 0,\n width: '100%',\n height: '100%',\n top: 0,\n left: 0,\n margin: 0,\n padding: 0,\n zIndex: 1\n});\n\n/**\n * @ignore - internal component.\n */\nconst SwitchBase = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function SwitchBase(props, ref) {\n const {\n autoFocus,\n checked: checkedProp,\n checkedIcon,\n defaultChecked,\n disabled: disabledProp,\n disableFocusRipple = false,\n edge = false,\n icon,\n id,\n inputProps,\n inputRef,\n name,\n onBlur,\n onChange,\n onFocus,\n readOnly,\n required = false,\n tabIndex,\n type,\n value,\n slots = {},\n slotProps = {},\n ...other\n } = props;\n const [checked, setCheckedState] = (0,_utils_useControlled_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"])({\n controlled: checkedProp,\n default: Boolean(defaultChecked),\n name: 'SwitchBase',\n state: 'checked'\n });\n const muiFormControl = (0,_FormControl_useFormControl_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"])();\n const handleFocus = event => {\n if (onFocus) {\n onFocus(event);\n }\n if (muiFormControl && muiFormControl.onFocus) {\n muiFormControl.onFocus(event);\n }\n };\n const handleBlur = event => {\n if (onBlur) {\n onBlur(event);\n }\n if (muiFormControl && muiFormControl.onBlur) {\n muiFormControl.onBlur(event);\n }\n };\n const handleInputChange = event => {\n // Workaround for https://github.com/facebook/react/issues/9023\n if (event.nativeEvent.defaultPrevented || readOnly) {\n return;\n }\n const newChecked = event.target.checked;\n setCheckedState(newChecked);\n if (onChange) {\n // TODO v6: remove the second argument.\n onChange(event, newChecked);\n }\n };\n let disabled = disabledProp;\n if (muiFormControl) {\n if (typeof disabled === 'undefined') {\n disabled = muiFormControl.disabled;\n }\n }\n const hasLabelFor = type === 'checkbox' || type === 'radio';\n const ownerState = {\n ...props,\n checked,\n disabled,\n disableFocusRipple,\n edge\n };\n const classes = useUtilityClasses(ownerState);\n const externalForwardedProps = {\n slots,\n slotProps: {\n input: inputProps,\n ...slotProps\n }\n };\n const [RootSlot, rootSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"])('root', {\n ref,\n elementType: SwitchBaseRoot,\n className: classes.root,\n shouldForwardComponentProp: true,\n externalForwardedProps: {\n ...externalForwardedProps,\n component: 'span',\n ...other\n },\n getSlotProps: handlers => ({\n ...handlers,\n onFocus: event => {\n handlers.onFocus?.(event);\n handleFocus(event);\n },\n onBlur: event => {\n handlers.onBlur?.(event);\n handleBlur(event);\n }\n }),\n ownerState,\n additionalProps: {\n centerRipple: true,\n focusRipple: !disableFocusRipple,\n role: undefined,\n tabIndex: null\n }\n });\n const [InputSlot, inputSlotProps] = (0,_utils_useSlot_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"])('input', {\n ref: inputRef,\n elementType: SwitchBaseInput,\n className: classes.input,\n externalForwardedProps,\n getSlotProps: handlers => ({\n ...handlers,\n onChange: event => {\n handlers.onChange?.(event);\n handleInputChange(event);\n }\n }),\n ownerState,\n additionalProps: {\n autoFocus,\n checked: checkedProp,\n defaultChecked,\n disabled,\n id: hasLabelFor ? id : undefined,\n name,\n readOnly,\n required,\n tabIndex,\n type,\n ...(type === 'checkbox' && value === undefined ? {} : {\n value\n })\n }\n });\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)(RootSlot, {\n ...rootSlotProps,\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(InputSlot, {\n ...inputSlotProps\n }), checked ? checkedIcon : icon]\n });\n});\n\n// NB: If changed, please update Checkbox, Switch and Radio\n// so that the API documentation is updated.\n true ? SwitchBase.propTypes = {\n /**\n * If `true`, the `input` element is focused during the first mount.\n */\n autoFocus: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * If `true`, the component is checked.\n */\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The icon to display when the component is checked.\n */\n checkedIcon: prop_types__WEBPACK_IMPORTED_MODULE_1__.node.isRequired,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * @ignore\n */\n className: prop_types__WEBPACK_IMPORTED_MODULE_1__.string,\n /**\n * @ignore\n */\n defaultChecked: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * If `true`, the component is disabled.\n */\n disabled: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * If `true`, the keyboard focus ripple is disabled.\n * @default false\n */\n disableFocusRipple: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * If given, uses a negative margin to counteract the padding on one\n * side (this is often helpful for aligning the left or right\n * side of the icon with content above or below, without ruining the border\n * size and shape).\n * @default false\n */\n edge: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOf(['end', 'start', false]),\n /**\n * The icon to display when the component is unchecked.\n */\n icon: prop_types__WEBPACK_IMPORTED_MODULE_1__.node.isRequired,\n /**\n * The id of the `input` element.\n */\n id: prop_types__WEBPACK_IMPORTED_MODULE_1__.string,\n /**\n * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.\n */\n inputProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * Pass a ref to the `input` element.\n */\n inputRef: _mui_utils_refType__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n /*\n * @ignore\n */\n name: prop_types__WEBPACK_IMPORTED_MODULE_1__.string,\n /**\n * @ignore\n */\n onBlur: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * Callback fired when the state is changed.\n *\n * @param {object} event The event source of the callback.\n * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n */\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * @ignore\n */\n onFocus: prop_types__WEBPACK_IMPORTED_MODULE_1__.func,\n /**\n * It prevents the user from changing the value of the field\n * (not from interacting with the field).\n */\n readOnly: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * If `true`, the `input` element is required.\n */\n required: prop_types__WEBPACK_IMPORTED_MODULE_1__.bool,\n /**\n * The props used for each slot inside.\n * @default {}\n */\n slotProps: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n input: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object]),\n root: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.func, prop_types__WEBPACK_IMPORTED_MODULE_1__.object])\n }),\n /**\n * The components used for each slot inside.\n * @default {}\n */\n slots: prop_types__WEBPACK_IMPORTED_MODULE_1__.shape({\n input: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType,\n root: prop_types__WEBPACK_IMPORTED_MODULE_1__.elementType\n }),\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: prop_types__WEBPACK_IMPORTED_MODULE_1__.object,\n /**\n * @ignore\n */\n tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_1__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1__.number, prop_types__WEBPACK_IMPORTED_MODULE_1__.string]),\n /**\n * The input component prop `type`.\n */\n type: prop_types__WEBPACK_IMPORTED_MODULE_1__.string.isRequired,\n /**\n * The value of the component.\n */\n value: prop_types__WEBPACK_IMPORTED_MODULE_1__.any\n} : 0;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SwitchBase);\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/material/esm/internal/SwitchBase.js?\n}");
6234
6234
 
6235
6235
  /***/ },
6236
6236
 
@@ -6945,7 +6945,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
6945
6945
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
6946
6946
 
6947
6947
  "use strict";
6948
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ useTheme)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var _ThemeContext_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ThemeContext.js */ \"./node_modules/@mui/private-theming/esm/useTheme/ThemeContext.js\");\n\n\nfunction useTheme() {\n const theme = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_ThemeContext_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n if (true) {\n // TODO: uncomment once we enable eslint-plugin-react-compiler eslint-disable-next-line react-compiler/react-compiler\n // eslint-disable-next-line react-hooks/rules-of-hooks -- It's not required to run React.useDebugValue in production\n react__WEBPACK_IMPORTED_MODULE_0__.useDebugValue(theme);\n }\n return theme;\n}\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/private-theming/esm/useTheme/useTheme.js?\n}");
6948
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ useTheme)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var _ThemeContext_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ThemeContext.js */ \"./node_modules/@mui/private-theming/esm/useTheme/ThemeContext.js\");\n'use client';\n\n\n\nfunction useTheme() {\n const theme = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_ThemeContext_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n if (true) {\n // TODO: uncomment once we enable eslint-plugin-react-compiler eslint-disable-next-line react-compiler/react-compiler\n // eslint-disable-next-line react-hooks/rules-of-hooks -- It's not required to run React.useDebugValue in production\n react__WEBPACK_IMPORTED_MODULE_0__.useDebugValue(theme);\n }\n return theme;\n}\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/private-theming/esm/useTheme/useTheme.js?\n}");
6949
6949
 
6950
6950
  /***/ },
6951
6951
 
@@ -6978,7 +6978,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
6978
6978
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
6979
6979
 
6980
6980
  "use strict";
6981
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ GlobalStyles: () => (/* reexport safe */ _GlobalStyles_index_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"]),\n/* harmony export */ StyledEngineProvider: () => (/* reexport safe */ _StyledEngineProvider_index_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"]),\n/* harmony export */ ThemeContext: () => (/* reexport safe */ _emotion_react__WEBPACK_IMPORTED_MODULE_3__.T),\n/* harmony export */ css: () => (/* reexport safe */ _emotion_react__WEBPACK_IMPORTED_MODULE_2__.css),\n/* harmony export */ \"default\": () => (/* binding */ styled),\n/* harmony export */ internal_mutateStyles: () => (/* binding */ internal_mutateStyles),\n/* harmony export */ internal_serializeStyles: () => (/* binding */ internal_serializeStyles),\n/* harmony export */ keyframes: () => (/* reexport safe */ _emotion_react__WEBPACK_IMPORTED_MODULE_2__.keyframes)\n/* harmony export */ });\n/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @emotion/styled */ \"./node_modules/@emotion/styled/dist/emotion-styled.browser.development.esm.js\");\n/* harmony import */ var _emotion_serialize__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @emotion/serialize */ \"./node_modules/@emotion/serialize/dist/emotion-serialize.development.esm.js\");\n/* harmony import */ var _emotion_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @emotion/react */ \"./node_modules/@emotion/react/dist/emotion-react.browser.development.esm.js\");\n/* harmony import */ var _emotion_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @emotion/react */ \"./node_modules/@emotion/react/dist/emotion-element-489459f2.browser.development.esm.js\");\n/* harmony import */ var _StyledEngineProvider_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./StyledEngineProvider/index.js */ \"./node_modules/@mui/styled-engine/esm/StyledEngineProvider/StyledEngineProvider.js\");\n/* harmony import */ var _GlobalStyles_index_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./GlobalStyles/index.js */ \"./node_modules/@mui/styled-engine/esm/GlobalStyles/GlobalStyles.js\");\n/**\n * @mui/styled-engine v7.3.7\n *\n * @license MIT\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use client';\n\n/* eslint-disable no-underscore-dangle */\n\n\nfunction styled(tag, options) {\n const stylesFactory = (0,_emotion_styled__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(tag, options);\n if (true) {\n return (...styles) => {\n const component = typeof tag === 'string' ? `\"${tag}\"` : 'component';\n if (styles.length === 0) {\n console.error([`MUI: Seems like you called \\`styled(${component})()\\` without a \\`style\\` argument.`, 'You must provide a `styles` argument: `styled(\"div\")(styleYouForgotToPass)`.'].join('\\n'));\n } else if (styles.some(style => style === undefined)) {\n console.error(`MUI: the styled(${component})(...args) API requires all its args to be defined.`);\n }\n return stylesFactory(...styles);\n };\n }\n // removed by dead control flow\n\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction internal_mutateStyles(tag, processor) {\n // Emotion attaches all the styles as `__emotion_styles`.\n // Ref: https://github.com/emotion-js/emotion/blob/16d971d0da229596d6bcc39d282ba9753c9ee7cf/packages/styled/src/base.js#L186\n if (Array.isArray(tag.__emotion_styles)) {\n tag.__emotion_styles = processor(tag.__emotion_styles);\n }\n}\n\n// Emotion only accepts an array, but we want to avoid allocations\nconst wrapper = [];\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction internal_serializeStyles(styles) {\n wrapper[0] = styles;\n return (0,_emotion_serialize__WEBPACK_IMPORTED_MODULE_1__.serializeStyles)(wrapper);\n}\n\n\n\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/styled-engine/esm/index.js?\n}");
6981
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ GlobalStyles: () => (/* reexport safe */ _GlobalStyles_index_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"]),\n/* harmony export */ StyledEngineProvider: () => (/* reexport safe */ _StyledEngineProvider_index_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"]),\n/* harmony export */ ThemeContext: () => (/* reexport safe */ _emotion_react__WEBPACK_IMPORTED_MODULE_3__.T),\n/* harmony export */ css: () => (/* reexport safe */ _emotion_react__WEBPACK_IMPORTED_MODULE_2__.css),\n/* harmony export */ \"default\": () => (/* binding */ styled),\n/* harmony export */ internal_mutateStyles: () => (/* binding */ internal_mutateStyles),\n/* harmony export */ internal_serializeStyles: () => (/* binding */ internal_serializeStyles),\n/* harmony export */ keyframes: () => (/* reexport safe */ _emotion_react__WEBPACK_IMPORTED_MODULE_2__.keyframes)\n/* harmony export */ });\n/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @emotion/styled */ \"./node_modules/@emotion/styled/dist/emotion-styled.browser.development.esm.js\");\n/* harmony import */ var _emotion_serialize__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @emotion/serialize */ \"./node_modules/@emotion/serialize/dist/emotion-serialize.development.esm.js\");\n/* harmony import */ var _emotion_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @emotion/react */ \"./node_modules/@emotion/react/dist/emotion-react.browser.development.esm.js\");\n/* harmony import */ var _emotion_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @emotion/react */ \"./node_modules/@emotion/react/dist/emotion-element-489459f2.browser.development.esm.js\");\n/* harmony import */ var _StyledEngineProvider_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./StyledEngineProvider/index.js */ \"./node_modules/@mui/styled-engine/esm/StyledEngineProvider/StyledEngineProvider.js\");\n/* harmony import */ var _GlobalStyles_index_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./GlobalStyles/index.js */ \"./node_modules/@mui/styled-engine/esm/GlobalStyles/GlobalStyles.js\");\n/**\n * @mui/styled-engine v7.3.8\n *\n * @license MIT\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use client';\n\n/* eslint-disable no-underscore-dangle */\n\n\nfunction styled(tag, options) {\n const stylesFactory = (0,_emotion_styled__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(tag, options);\n if (true) {\n return (...styles) => {\n const component = typeof tag === 'string' ? `\"${tag}\"` : 'component';\n if (styles.length === 0) {\n console.error([`MUI: Seems like you called \\`styled(${component})()\\` without a \\`style\\` argument.`, 'You must provide a `styles` argument: `styled(\"div\")(styleYouForgotToPass)`.'].join('\\n'));\n } else if (styles.some(style => style === undefined)) {\n console.error(`MUI: the styled(${component})(...args) API requires all its args to be defined.`);\n }\n return stylesFactory(...styles);\n };\n }\n // removed by dead control flow\n\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction internal_mutateStyles(tag, processor) {\n // Emotion attaches all the styles as `__emotion_styles`.\n // Ref: https://github.com/emotion-js/emotion/blob/16d971d0da229596d6bcc39d282ba9753c9ee7cf/packages/styled/src/base.js#L186\n if (Array.isArray(tag.__emotion_styles)) {\n tag.__emotion_styles = processor(tag.__emotion_styles);\n }\n}\n\n// Emotion only accepts an array, but we want to avoid allocations\nconst wrapper = [];\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction internal_serializeStyles(styles) {\n wrapper[0] = styles;\n return (0,_emotion_serialize__WEBPACK_IMPORTED_MODULE_1__.serializeStyles)(wrapper);\n}\n\n\n\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/styled-engine/esm/index.js?\n}");
6982
6982
 
6983
6983
  /***/ },
6984
6984
 
@@ -7176,7 +7176,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
7176
7176
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
7177
7177
 
7178
7178
  "use strict";
7179
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ cssContainerQueries),\n/* harmony export */ getContainerQuery: () => (/* binding */ getContainerQuery),\n/* harmony export */ isCqShorthand: () => (/* binding */ isCqShorthand),\n/* harmony export */ sortContainerQueries: () => (/* binding */ sortContainerQueries)\n/* harmony export */ });\n\n/**\n * For using in `sx` prop to sort the breakpoint from low to high.\n * Note: this function does not work and will not support multiple units.\n * e.g. input: { '@container (min-width:300px)': '1rem', '@container (min-width:40rem)': '2rem' }\n * output: { '@container (min-width:40rem)': '2rem', '@container (min-width:300px)': '1rem' } // since 40 < 300 even though 40rem > 300px\n */\nfunction sortContainerQueries(theme, css) {\n if (!theme.containerQueries) {\n return css;\n }\n const sorted = Object.keys(css).filter(key => key.startsWith('@container')).sort((a, b) => {\n const regex = /min-width:\\s*([0-9.]+)/;\n return +(a.match(regex)?.[1] || 0) - +(b.match(regex)?.[1] || 0);\n });\n if (!sorted.length) {\n return css;\n }\n return sorted.reduce((acc, key) => {\n const value = css[key];\n delete acc[key];\n acc[key] = value;\n return acc;\n }, {\n ...css\n });\n}\nfunction isCqShorthand(breakpointKeys, value) {\n return value === '@' || value.startsWith('@') && (breakpointKeys.some(key => value.startsWith(`@${key}`)) || !!value.match(/^@\\d/));\n}\nfunction getContainerQuery(theme, shorthand) {\n const matches = shorthand.match(/^@([^/]+)?\\/?(.+)?$/);\n if (!matches) {\n if (true) {\n throw new Error( true ? `MUI: The provided shorthand ${`(${shorthand})`} is invalid. The format should be \\`@<breakpoint | number>\\` or \\`@<breakpoint | number>/<container>\\`.\\n` + 'For example, `@sm` or `@600` or `@40rem/sidebar`.' : 0);\n }\n // removed by dead control flow\n\n }\n const [, containerQuery, containerName] = matches;\n const value = Number.isNaN(+containerQuery) ? containerQuery || 0 : +containerQuery;\n return theme.containerQueries(containerName).up(value);\n}\nfunction cssContainerQueries(themeInput) {\n const toContainerQuery = (mediaQuery, name) => mediaQuery.replace('@media', name ? `@container ${name}` : '@container');\n function attachCq(node, name) {\n node.up = (...args) => toContainerQuery(themeInput.breakpoints.up(...args), name);\n node.down = (...args) => toContainerQuery(themeInput.breakpoints.down(...args), name);\n node.between = (...args) => toContainerQuery(themeInput.breakpoints.between(...args), name);\n node.only = (...args) => toContainerQuery(themeInput.breakpoints.only(...args), name);\n node.not = (...args) => {\n const result = toContainerQuery(themeInput.breakpoints.not(...args), name);\n if (result.includes('not all and')) {\n // `@container` does not work with `not all and`, so need to invert the logic\n return result.replace('not all and ', '').replace('min-width:', 'width<').replace('max-width:', 'width>').replace('and', 'or');\n }\n return result;\n };\n }\n const node = {};\n const containerQueries = name => {\n attachCq(node, name);\n return node;\n };\n attachCq(containerQueries);\n return {\n ...themeInput,\n containerQueries\n };\n}\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/system/esm/cssContainerQueries/cssContainerQueries.js?\n}");
7179
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ cssContainerQueries),\n/* harmony export */ getContainerQuery: () => (/* binding */ getContainerQuery),\n/* harmony export */ isCqShorthand: () => (/* binding */ isCqShorthand),\n/* harmony export */ sortContainerQueries: () => (/* binding */ sortContainerQueries)\n/* harmony export */ });\n/**\n * For using in `sx` prop to sort the breakpoint from low to high.\n * Note: this function does not work and will not support multiple units.\n * e.g. input: { '@container (min-width:300px)': '1rem', '@container (min-width:40rem)': '2rem' }\n * output: { '@container (min-width:40rem)': '2rem', '@container (min-width:300px)': '1rem' } // since 40 < 300 even though 40rem > 300px\n */\nfunction sortContainerQueries(theme, css) {\n if (!theme.containerQueries) {\n return css;\n }\n const sorted = Object.keys(css).filter(key => key.startsWith('@container')).sort((a, b) => {\n const regex = /min-width:\\s*([0-9.]+)/;\n return +(a.match(regex)?.[1] || 0) - +(b.match(regex)?.[1] || 0);\n });\n if (!sorted.length) {\n return css;\n }\n return sorted.reduce((acc, key) => {\n const value = css[key];\n delete acc[key];\n acc[key] = value;\n return acc;\n }, {\n ...css\n });\n}\nfunction isCqShorthand(breakpointKeys, value) {\n return value === '@' || value.startsWith('@') && (breakpointKeys.some(key => value.startsWith(`@${key}`)) || !!value.match(/^@\\d/));\n}\nfunction getContainerQuery(theme, shorthand) {\n const matches = shorthand.match(/^@([^/]+)?\\/?(.+)?$/);\n if (!matches) {\n if (true) {\n throw /* minify-error */new Error(`MUI: The provided shorthand ${`(${shorthand})`} is invalid. The format should be \\`@<breakpoint | number>\\` or \\`@<breakpoint | number>/<container>\\`.\\n` + 'For example, `@sm` or `@600` or `@40rem/sidebar`.');\n }\n // removed by dead control flow\n\n }\n const [, containerQuery, containerName] = matches;\n const value = Number.isNaN(+containerQuery) ? containerQuery || 0 : +containerQuery;\n return theme.containerQueries(containerName).up(value);\n}\nfunction cssContainerQueries(themeInput) {\n const toContainerQuery = (mediaQuery, name) => mediaQuery.replace('@media', name ? `@container ${name}` : '@container');\n function attachCq(node, name) {\n node.up = (...args) => toContainerQuery(themeInput.breakpoints.up(...args), name);\n node.down = (...args) => toContainerQuery(themeInput.breakpoints.down(...args), name);\n node.between = (...args) => toContainerQuery(themeInput.breakpoints.between(...args), name);\n node.only = (...args) => toContainerQuery(themeInput.breakpoints.only(...args), name);\n node.not = (...args) => {\n const result = toContainerQuery(themeInput.breakpoints.not(...args), name);\n if (result.includes('not all and')) {\n // `@container` does not work with `not all and`, so need to invert the logic\n return result.replace('not all and ', '').replace('min-width:', 'width<').replace('max-width:', 'width>').replace('and', 'or');\n }\n return result;\n };\n }\n const node = {};\n const containerQueries = name => {\n attachCq(node, name);\n return node;\n };\n attachCq(containerQueries);\n return {\n ...themeInput,\n containerQueries\n };\n}\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/@mui/system/esm/cssContainerQueries/cssContainerQueries.js?\n}");
7180
7180
 
7181
7181
  /***/ },
7182
7182
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mdts",
3
- "version": "0.16.0",
3
+ "version": "0.16.1",
4
4
  "packageManager": "npm@11.5.1",
5
5
  "description": "A markdown preview server.",
6
6
  "main": "dist/index.js",
@@ -23,7 +23,8 @@
23
23
  "lint:frontend": "cd packages/frontend && npm run jest -- --selectProjects lint",
24
24
  "start": "npm run build && npm run build:frontend && node dist/index.js",
25
25
  "dev": "npm run build && npm run build:frontend && tsc --watch --preserveWatchOutput & cd packages/frontend && npm run build -- --watch & node dist/index.js",
26
- "build:demo": "npx ts-node scripts/build-static.ts"
26
+ "build:demo": "npx ts-node scripts/build-static.ts",
27
+ "changelog": "bash scripts/generate-changelog.sh"
27
28
  },
28
29
  "repository": {
29
30
  "type": "git",