wcz-test 3.3.0 → 3.4.0

package/dist/index.js

@@ -206,7 +206,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment6 = REACT_FRAGMENT_TYPE;
+        var Fragment7 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -265,7 +265,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment6;
+        exports.Fragment = Fragment7;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal;
@@ -1051,9 +1051,9 @@ var PageHeader = ({ title, action, sx }) => {
 import { Box } from "@mui/material";
 import { useEffect, useRef, useState } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var TableContainer = ({ children, className, sx }) => {
+var TableContainer = ({ children, sx, ...props }) => {
   const reference = useRef(null);
-  const [height, setHeight] = useState(null);
+  const [height, setHeight] = useState();
   useEffect(() => {
     const element = reference.current;
     if (!element) return;
@@ -1074,12 +1074,10 @@ var TableContainer = ({ children, className, sx }) => {
       ro.disconnect();
     };
   }, []);
-  const style = height == null ? { height: "100%" } : { height };
   return /* @__PURE__ */ jsx3(
     Box,
     {
       ref: reference,
-      className,
       sx: {
         display: "flex",
         flexDirection: "column",
@@ -1087,8 +1085,31 @@ var TableContainer = ({ children, className, sx }) => {
         width: "100%",
         ...sx
       },
-      style,
-      children: /* @__PURE__ */ jsx3(Box, { sx: { flex: 1, minHeight: 0, height: "100%" }, children })
+      height,
+      ...props,
+      children: /* @__PURE__ */ jsx3(Box, { sx: (theme) => ({
+        flex: 1,
+        minHeight: 0,
+        height: "100%",
+        "& .MuiDataGrid-cell--editing": {
+          "& .MuiInputBase-root": {
+            height: "100%"
+          }
+        },
+        "& .MuiDataGrid-columnHeaderTitle": {
+          fontWeight: 600
+        },
+        "& .Mui-error": {
+          backgroundColor: theme.palette.error.main,
+          color: theme.palette.error.contrastText
+        },
+        "& .MuiDataGrid-booleanCell[data-value='true']": {
+          color: `${theme.palette.success.main} !important`
+        },
+        "& .MuiDataGrid-booleanCell[data-value='false']": {
+          color: `${theme.palette.error.main} !important`
+        }
+      }), children })
     }
   );
 };
@@ -1737,7 +1758,7 @@ var Component = React5.forwardRef(function ButtonComponent(props, reference) {
 });
 var CreatedComponent = createLink(Component);
 var RouterButton = (props) => {
-  return /* @__PURE__ */ jsx14(CreatedComponent, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx14(CreatedComponent, { ...props });
 };
 
 // src/components/router/RouterGridActionsCellItem.tsx
@@ -1752,7 +1773,7 @@ var Component2 = React6.forwardRef(
 );
 var CreatedComponent2 = createLink2(Component2);
 var RouterGridActionsCellItem = (props) => {
-  return /* @__PURE__ */ jsx15(CreatedComponent2, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx15(CreatedComponent2, { ...props });
 };
 
 // src/components/router/RouterIconButton.tsx
@@ -1765,7 +1786,7 @@ var Component3 = React7.forwardRef(function IconButtonComponent(props, reference
 });
 var CreatedComponent3 = createLink3(Component3);
 var RouterIconButton = (props) => {
-  return /* @__PURE__ */ jsx16(CreatedComponent3, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx16(CreatedComponent3, { ...props });
 };
 
 // src/components/router/RouterLink.tsx
@@ -1778,7 +1799,7 @@ var Component4 = React8.forwardRef(function LinkComponent(props, reference) {
 });
 var CreatedComponent4 = createLink4(Component4);
 var RouterLink = (props) => {
-  return /* @__PURE__ */ jsx17(CreatedComponent4, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx17(CreatedComponent4, { ...props });
 };
 
 // src/components/router/RouterTab.tsx
@@ -1791,30 +1812,43 @@ var Component5 = React9.forwardRef(function TabComponent(props, reference) {
 });
 var CreatedComponent5 = createLink5(Component5);
 var RouterTab = (props) => {
-  return /* @__PURE__ */ jsx18(CreatedComponent5, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx18(CreatedComponent5, { ...props });
+};
+
+// src/components/router/RouterListItemButton.tsx
+import { ListItemButton as ListItemButton3 } from "@mui/material";
+import { createLink as createLink6 } from "@tanstack/react-router";
+import React10 from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var Component6 = React10.forwardRef(function ButtonComponent2(props, reference) {
+  return /* @__PURE__ */ jsx19(ListItemButton3, { ref: reference, component: "a", ...props });
+});
+var CreatedComponent6 = createLink6(Component6);
+var RouterListItemButton = (props) => {
+  return /* @__PURE__ */ jsx19(CreatedComponent6, { ...props });
 };
 
 // src/components/router/RouterNotFound.tsx
 import { Box as Box4, Divider, Typography as Typography5 } from "@mui/material";
 import { useTranslation as useTranslation4 } from "react-i18next";
-import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 function RouterNotFound() {
   const { t: t2 } = useTranslation4();
-  return /* @__PURE__ */ jsx19(Box4, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs10(Box4, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsx19(Typography5, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
-    /* @__PURE__ */ jsx19(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx19(Typography5, { variant: "h5", component: "span", children: t2("Layout.ThisPageCouldNotBeFound") })
+  return /* @__PURE__ */ jsx20(Box4, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs10(Box4, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx20(Typography5, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
+    /* @__PURE__ */ jsx20(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx20(Typography5, { variant: "h5", component: "span", children: t2("Layout.ThisPageCouldNotBeFound") })
   ] }) });
 }
 
 // src/components/router/RouterError.tsx
 import { Box as Box5, Divider as Divider2, Typography as Typography6 } from "@mui/material";
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 var RouterError = ({ error }) => {
-  return /* @__PURE__ */ jsx20(Box5, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs11(Box5, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsx20(Typography6, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
-    /* @__PURE__ */ jsx20(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx20(Typography6, { variant: "h5", component: "span", children: error.message })
+  return /* @__PURE__ */ jsx21(Box5, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs11(Box5, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx21(Typography6, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
+    /* @__PURE__ */ jsx21(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx21(Typography6, { variant: "h5", component: "span", children: error.message })
   ] }) });
 };
 
@@ -1842,11 +1876,11 @@ function _objectWithoutPropertiesLoose(r, e) {
 
 // node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js
 var import_prop_types = __toESM(require_prop_types(), 1);
-import * as React10 from "react";
+import * as React11 from "react";
 import { useThemeProps } from "@mui/material/styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 var _excluded = ["localeText"];
-var PickerAdapterContext = /* @__PURE__ */ React10.createContext(null);
+var PickerAdapterContext = /* @__PURE__ */ React11.createContext(null);
 if (process.env.NODE_ENV !== "production") PickerAdapterContext.displayName = "PickerAdapterContext";
 var LocalizationProvider = function LocalizationProvider2(inProps) {
   const {
@@ -1855,7 +1889,7 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
   const {
     adapter: parentAdapter,
     localeText: parentLocaleText
-  } = React10.useContext(PickerAdapterContext) ?? {
+  } = React11.useContext(PickerAdapterContext) ?? {
     utils: void 0,
     adapter: void 0,
     localeText: void 0
@@ -1874,8 +1908,8 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
     adapterLocale,
     localeText: themeLocaleText
   } = props;
-  const localeText = React10.useMemo(() => _extends({}, themeLocaleText, parentLocaleText, inLocaleText), [themeLocaleText, parentLocaleText, inLocaleText]);
-  const adapter = React10.useMemo(() => {
+  const localeText = React11.useMemo(() => _extends({}, themeLocaleText, parentLocaleText, inLocaleText), [themeLocaleText, parentLocaleText, inLocaleText]);
+  const adapter = React11.useMemo(() => {
     if (!DateAdapter) {
       if (parentAdapter) {
         return parentAdapter;
@@ -1893,7 +1927,7 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
     }
     return dateAdapter;
   }, [DateAdapter, adapterLocale, dateFormats, dateLibInstance, parentAdapter]);
-  const defaultDates = React10.useMemo(() => {
+  const defaultDates = React11.useMemo(() => {
     if (!adapter) {
       return null;
     }
@@ -1902,7 +1936,7 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
       maxDate: adapter.date("2099-12-31T00:00:00.000")
     };
   }, [adapter]);
-  const contextValue = React10.useMemo(() => {
+  const contextValue = React11.useMemo(() => {
     return {
       utils: adapter,
       adapter,
@@ -2548,30 +2582,6 @@ var useGetTheme = (theme) => {
             };
           }
         },
-        MuiTableContainer: {
-          styleOverrides: {
-            root: ({ theme: theme2 }) => ({
-              "& .MuiDataGrid-cell--editing": {
-                "& .MuiInputBase-root": {
-                  height: "100%"
-                }
-              },
-              "& .MuiDataGrid-columnHeaderTitle": {
-                fontWeight: 600
-              },
-              "& .Mui-error": {
-                backgroundColor: theme2.palette.error.main,
-                color: theme2.palette.error.contrastText
-              },
-              "& .MuiDataGrid-booleanCell[data-value='true']": {
-                color: `${theme2.palette.success.main} !important`
-              },
-              "& .MuiDataGrid-booleanCell[data-value='false']": {
-                color: `${theme2.palette.error.main} !important`
-              }
-            })
-          }
-        },
         ...theme?.components
       }
     },
@@ -2592,25 +2602,45 @@ import { useNavigate, useRouterState as useRouterState2 } from "@tanstack/react-
 import Divider3 from "@mui/material/Divider";
 import List3 from "@mui/material/List";
 import ListSubheader from "@mui/material/ListSubheader";
-import { Fragment as Fragment4, useEffect as useEffect5, useState as useState7 } from "react";
+import { Fragment as Fragment5, useEffect as useEffect5, useState as useState7 } from "react";
 
 // src/components/core/navigation/NavigationListItem.tsx
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import Avatar from "@mui/material/Avatar";
 import Box6 from "@mui/material/Box";
-import Collapse from "@mui/material/Collapse";
-import Grow from "@mui/material/Grow";
+import Popper from "@mui/material/Popper";
 import ListItem from "@mui/material/ListItem";
-import ListItemButton3 from "@mui/material/ListItemButton";
+import ListItemButton4 from "@mui/material/ListItemButton";
 import ListItemIcon3 from "@mui/material/ListItemIcon";
 import ListItemText3 from "@mui/material/ListItemText";
 import Paper2 from "@mui/material/Paper";
 import { styled } from "@mui/material/styles";
 import Typography7 from "@mui/material/Typography";
 import { Fragment as Fragment3, useMemo as useMemo3, useState as useState6 } from "react";
-import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Collapse } from "@mui/material";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
 var ICON_SIZE = 34;
-var StyledNavButton = styled(ListItemButton3)(({ theme }) => ({
+var StyledNavButton = styled(ListItemButton4)(({ theme }) => ({
+  borderRadius: 8,
+  "&.Mui-selected": {
+    "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
+      color: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiAvatar-root": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiTouchRipple-child": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    }
+  },
+  "& .MuiSvgIcon-root": {
+    color: (theme.vars ?? theme).palette.action.active
+  },
+  "& .MuiAvatar-root": {
+    backgroundColor: (theme.vars ?? theme).palette.action.active
+  }
+}));
+var StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
   borderRadius: 8,
   "&.Mui-selected": {
     "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
@@ -2635,9 +2665,9 @@ var IconOrAvatar = ({ item, collapsed }) => {
     return /* @__PURE__ */ jsxs12(Box6, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
       /* @__PURE__ */ jsxs12(ListItemIcon3, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
         item.icon ?? null,
-        !item.icon && collapsed ? /* @__PURE__ */ jsx21(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
+        !item.icon && collapsed ? /* @__PURE__ */ jsx22(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
       ] }),
-      collapsed ? /* @__PURE__ */ jsx21(
+      collapsed ? /* @__PURE__ */ jsx22(
         Typography7,
         {
           variant: "caption",
@@ -2661,9 +2691,35 @@ var IconOrAvatar = ({ item, collapsed }) => {
   }
   return null;
 };
-var MiniPopover = ({ open, leftOffset = MINI_WIDTH - 2, children }) => /* @__PURE__ */ jsx21(Grow, { in: open, children: /* @__PURE__ */ jsx21(Box6, { sx: { position: "fixed", left: leftOffset, pl: "6px" }, children: /* @__PURE__ */ jsx21(Paper2, { sx: { pt: 0.5, pb: 0.5, transform: "translateY(calc(50% - 30px))" }, children }) }) });
+var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx22(
+  Popper,
+  {
+    open,
+    anchorEl,
+    placement: "right-start",
+    modifiers: [
+      { name: "offset", options: { offset: [6, 0] } },
+      { name: "preventOverflow", options: { padding: 8 } },
+      { name: "flip", options: { fallbackPlacements: ["right-end", "left-start"] } }
+    ],
+    children: /* @__PURE__ */ jsx22(
+      Paper2,
+      {
+        sx: {
+          pt: 0.5,
+          pb: 0.5,
+          maxHeight: "min(calc(100vh - 100px), 560px)",
+          overflowY: "auto",
+          overscrollBehavior: "contain"
+        },
+        children
+      }
+    )
+  }
+);
 var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested }) => {
   const [hoveredPopoverItem, setHoveredPopoverItem] = useState6(null);
+  const [anchorElement, setAnchorElement] = useState6(null);
   const chevronSx = useMemo3(() => {
     if (collapsed && isSidebarFullyCollapsed && item.children) {
       return {
@@ -2677,20 +2733,35 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
     if (!collapsed && isSidebarFullyExpanded && item.children) {
       return {
         ml: 0.5,
-        transform: `rotate(${isOpen ? 0 : -90}deg)`,
-        transition: (theme) => theme.transitions.create("transform", {
-          easing: theme.transitions.easing.sharp,
-          duration: 100
-        })
+        transform: `rotate(${isOpen ? 0 : -90}deg)`
       };
     }
     return { display: "none" };
   }, [collapsed, isSidebarFullyExpanded, isSidebarFullyCollapsed, isOpen, item.children]);
+  const shouldJustExpand = item.children && !collapsed;
+  const buttonProps = {
+    selected,
+    disabled,
+    sx: { px: 1.4, height: collapsed ? 60 : 48 }
+  };
+  const buttonContent = /* @__PURE__ */ jsxs12(Fragment4, { children: [
+    /* @__PURE__ */ jsx22(IconOrAvatar, { item, collapsed }),
+    !collapsed && /* @__PURE__ */ jsx22(
+      ListItemText3,
+      {
+        primary: item.title,
+        slotProps: { primary: { noWrap: true, title: item.title } },
+        sx: { ml: 1.2, flex: 1, minWidth: 0, "& .MuiTypography-root": { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }
+      }
+    ),
+    item.children ? /* @__PURE__ */ jsx22(ExpandMoreIcon, { sx: chevronSx }) : null
+  ] });
   const listItem = /* @__PURE__ */ jsxs12(
     ListItem,
     {
       ...item.children && collapsed ? {
-        onMouseEnter: () => {
+        onMouseEnter: (event) => {
+          setAnchorElement(event.currentTarget);
           setHoveredPopoverItem(item.title);
         },
         onMouseLeave: () => {
@@ -2699,30 +2770,29 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
       } : {},
       sx: { py: 0, px: 1, overflowX: "hidden" },
       children: [
-        /* @__PURE__ */ jsxs12(StyledNavButton, { selected, disabled, sx: { px: 1.4, height: collapsed ? 60 : 48 }, onClick: () => onClick(item), children: [
-          /* @__PURE__ */ jsx21(IconOrAvatar, { item, collapsed }),
-          !collapsed && /* @__PURE__ */ jsx21(
-            ListItemText3,
-            {
-              primary: item.title,
-              slotProps: { primary: { noWrap: true, title: item.title } },
-              sx: { ml: 1.2, flex: 1, minWidth: 0, "& .MuiTypography-root": { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }
-            }
-          ),
-          item.children ? /* @__PURE__ */ jsx21(ExpandMoreIcon, { sx: chevronSx }) : null
-        ] }),
-        item.children && collapsed ? /* @__PURE__ */ jsx21(MiniPopover, { open: item.title === hoveredPopoverItem, children: renderNested?.(item.children) }) : null
+        shouldJustExpand ? /* @__PURE__ */ jsx22(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx22(
+          StyledRouterButton,
+          {
+            ...buttonProps,
+            to: item.to,
+            href: item.href,
+            params: item.params,
+            search: item.search,
+            children: buttonContent
+          }
+        ),
+        item.children && collapsed ? /* @__PURE__ */ jsx22(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
       ]
     }
   );
   return /* @__PURE__ */ jsxs12(Fragment3, { children: [
     listItem,
-    item.children && !collapsed ? /* @__PURE__ */ jsx21(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
+    item.children && !collapsed ? /* @__PURE__ */ jsx22(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
   ] }, item.to);
 };
 
 // src/components/core/navigation/NavigationList.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var isPageItem = (item) => !("kind" in item);
 var isDivider = (item) => "kind" in item && item.kind === "divider";
 var isHeader = (item) => "kind" in item && item.kind === "header";
@@ -2732,7 +2802,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
     if (collapsed) setOpenKeys([]);
   }, [collapsed]);
   const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
-  const renderNested = (children) => /* @__PURE__ */ jsx22(
+  const renderNested = (children) => /* @__PURE__ */ jsx23(
     NavigationList,
     {
       subNavigation: children,
@@ -2743,7 +2813,8 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
       onNavigate
     }
   );
-  return /* @__PURE__ */ jsx22(
+  const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
+  return /* @__PURE__ */ jsx23(
     List3,
     {
       sx: {
@@ -2754,9 +2825,9 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
         minWidth: isPopover && depth === 1 ? EXPANDED_WIDTH : "auto",
         width: collapsed ? MINI_WIDTH : "auto"
       },
-      children: subNavigation.map((navItem, index) => {
+      children: filteredNavigation.map((navItem, index) => {
         if (isHeader(navItem)) {
-          return /* @__PURE__ */ jsx22(
+          return /* @__PURE__ */ jsx23(
             ListSubheader,
             {
               sx: {
@@ -2778,14 +2849,14 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
           );
         }
         if (isDivider(navItem)) {
-          const nextItem = subNavigation[index + 1];
-          return /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsx22(Divider3, { sx: { mx: 1, mt: 1, mb: nextItem && isHeader(nextItem) && !collapsed ? 0 : 1 } }) }, `divider-${depth}-${index}`);
+          const nextItem = filteredNavigation[index + 1];
+          return /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsx23(Divider3, { sx: { mx: 1, mt: 1, mb: nextItem && isHeader(nextItem) && !collapsed ? 0 : 1 } }) }, `divider-${depth}-${index}`);
         }
         if (!isPageItem(navItem)) return null;
         const key = `item-${depth}-${index}`;
         const uniqueItemKey = `${depth}-${index}-${navItem.title}`;
-        if (renderItem) return /* @__PURE__ */ jsx22(Fragment4, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
-        return /* @__PURE__ */ jsx22(
+        if (renderItem) return /* @__PURE__ */ jsx23(Fragment5, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
+        return /* @__PURE__ */ jsx23(
           NavigationListItem,
           {
             item: navItem,
@@ -2794,7 +2865,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
             collapsed,
             isSidebarFullyExpanded,
             isSidebarFullyCollapsed,
-            onClick: (item) => item.children && !collapsed ? toggleKey(uniqueItemKey) : onNavigate(item),
+            onClick: navItem.children && !collapsed ? () => toggleKey(uniqueItemKey) : void 0,
             renderNested
           },
           key
@@ -2805,7 +2876,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
 };
 
 // src/components/core/navigation/NavigationRail.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var MINI_WIDTH = 84;
 var EXPANDED_WIDTH = 320;
 var TOOLBAR_HEIGHT = 65;
@@ -2814,7 +2885,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
   const routerState = useRouterState2();
   const theme = useTheme2();
   const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
-  const drawerContent = (collapsed) => /* @__PURE__ */ jsx23(
+  const drawerContent = (collapsed) => /* @__PURE__ */ jsx24(
     Box7,
     {
       component: "nav",
@@ -2828,7 +2899,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
         overflowX: "hidden",
         pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
       },
-      children: /* @__PURE__ */ jsx23(
+      children: /* @__PURE__ */ jsx24(
         NavigationList,
         {
           subNavigation: navigation,
@@ -2843,7 +2914,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
     }
   );
   if (showPermanent)
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       Drawer,
       {
         variant: "permanent",
@@ -2859,7 +2930,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
         children: drawerContent(!expanded)
       }
     );
-  return /* @__PURE__ */ jsx23(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
+  return /* @__PURE__ */ jsx24(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
 };
 
 // src/components/core/ToolbarAccount.tsx
@@ -2873,8 +2944,8 @@ import Login from "@mui/icons-material/Login";
 import Logout from "@mui/icons-material/Logout";
 import SettingsBrightness from "@mui/icons-material/SettingsBrightness";
 import Translate from "@mui/icons-material/Translate";
-import { Avatar as Avatar2, Box as Box8, IconButton as IconButton4, List as List4, ListItem as ListItem2, ListItemButton as ListItemButton4, ListItemIcon as ListItemIcon4, ListItemText as ListItemText4, ListSubheader as ListSubheader2, Menu as Menu2, Typography as Typography8, useColorScheme } from "@mui/material";
-import { Fragment as Fragment5, useState as useState8 } from "react";
+import { Avatar as Avatar2, Box as Box8, IconButton as IconButton4, List as List4, ListItem as ListItem2, ListItemButton as ListItemButton5, ListItemIcon as ListItemIcon4, ListItemText as ListItemText4, ListSubheader as ListSubheader2, Menu as Menu2, Typography as Typography8, useColorScheme } from "@mui/material";
+import { Fragment as Fragment6, useState as useState8 } from "react";
 import { useTranslation as useTranslation6 } from "react-i18next";
 
 // src/auth-test/keycloak.ts
@@ -2895,7 +2966,7 @@ function useKeycloak() {
 }
 
 // src/components/core/ToolbarAccount.tsx
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 var ToolbarAccount = () => {
   const [anchorElement, setAnchorElement] = useState8();
   const [tab, setTab] = useState8("settings");
@@ -2935,60 +3006,60 @@ var ToolbarAccount = () => {
     setTimeout(() => setTab("settings"), 300);
   };
   const changeTab = (newTab) => () => setTab(newTab);
-  const settings = /* @__PURE__ */ jsxs13(List4, { component: "nav", subheader: /* @__PURE__ */ jsx24(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
-    /* @__PURE__ */ jsxs13(ListItemButton4, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(Brightness4, {}) }),
-      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Appearance"), secondary: getModeText() }),
-      /* @__PURE__ */ jsx24(ChevronRight, {})
+  const settings = /* @__PURE__ */ jsxs13(List4, { component: "nav", subheader: /* @__PURE__ */ jsx25(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Brightness4, {}) }),
+      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Appearance"), secondary: getModeText() }),
+      /* @__PURE__ */ jsx25(ChevronRight, {})
     ] }),
-    /* @__PURE__ */ jsxs13(ListItemButton4, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(Translate, {}) }),
-      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
-      /* @__PURE__ */ jsx24(ChevronRight, {})
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Translate, {}) }),
+      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
+      /* @__PURE__ */ jsx25(ChevronRight, {})
     ] })
   ] });
   const theme = /* @__PURE__ */ jsxs13(List4, { subheader: /* @__PURE__ */ jsxs13(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsx24(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx24(ArrowBack, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsx25(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx25(ArrowBack, { fontSize: "small" }) }),
     " ",
     t2("Layout.Appearance")
   ] }), children: [
-    /* @__PURE__ */ jsxs13(ListItemButton4, { onClick: changeMode("light"), disabled: mode === "light", children: [
-      /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(LightMode, {}) }),
-      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Light") })
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeMode("light"), disabled: mode === "light", children: [
+      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(LightMode, {}) }),
+      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Light") })
     ] }),
-    /* @__PURE__ */ jsxs13(ListItemButton4, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
-      /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(DarkMode, {}) }),
-      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Dark") })
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
+      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(DarkMode, {}) }),
+      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Dark") })
     ] }),
-    /* @__PURE__ */ jsxs13(ListItemButton4, { onClick: changeMode("system"), disabled: mode === "system", children: [
-      /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(SettingsBrightness, {}) }),
-      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.System") })
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeMode("system"), disabled: mode === "system", children: [
+      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(SettingsBrightness, {}) }),
+      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.System") })
     ] })
   ] });
   const language = /* @__PURE__ */ jsxs13(List4, { subheader: /* @__PURE__ */ jsxs13(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsx24(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx24(ArrowBack, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsx25(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx25(ArrowBack, { fontSize: "small" }) }),
     " ",
     t2("Layout.Language")
   ] }), children: [
-    /* @__PURE__ */ jsx24(ListItemButton4, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ jsx24(ListItemText4, { primary: "English" }) }),
-    /* @__PURE__ */ jsx24(ListItemButton4, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx24(ListItemText4, { primary: "\u010Ce\u0161tina" }) })
+    /* @__PURE__ */ jsx25(ListItemButton5, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ jsx25(ListItemText4, { primary: "English" }) }),
+    /* @__PURE__ */ jsx25(ListItemButton5, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx25(ListItemText4, { primary: "\u010Ce\u0161tina" }) })
   ] });
-  return /* @__PURE__ */ jsxs13(Fragment5, { children: [
-    /* @__PURE__ */ jsx24(IconButton4, { size: "small", edge: "end", onClick: openMenu, children: user?.name ? /* @__PURE__ */ jsx24(Avatar2, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx24(Typography8, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx24(AccountCircle, { fontSize: "large" }) }),
-    /* @__PURE__ */ jsx24(Menu2, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs13(Box8, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsx24(List4, { children: user?.name ? /* @__PURE__ */ jsxs13(Fragment5, { children: [
-        /* @__PURE__ */ jsx24(ListItem2, { children: /* @__PURE__ */ jsx24(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs13("span", { children: [
-          /* @__PURE__ */ jsx24("span", { children: user.employeeId }),
-          /* @__PURE__ */ jsx24("br", {}),
-          /* @__PURE__ */ jsx24("span", { children: user.department })
+  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    /* @__PURE__ */ jsx25(IconButton4, { size: "small", edge: "end", onClick: openMenu, children: user?.name ? /* @__PURE__ */ jsx25(Avatar2, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx25(Typography8, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx25(AccountCircle, { fontSize: "large" }) }),
+    /* @__PURE__ */ jsx25(Menu2, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs13(Box8, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ jsx25(List4, { children: user?.name ? /* @__PURE__ */ jsxs13(Fragment6, { children: [
+        /* @__PURE__ */ jsx25(ListItem2, { children: /* @__PURE__ */ jsx25(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs13("span", { children: [
+          /* @__PURE__ */ jsx25("span", { children: user.employeeId }),
+          /* @__PURE__ */ jsx25("br", {}),
+          /* @__PURE__ */ jsx25("span", { children: user.department })
         ] }) }) }),
-        /* @__PURE__ */ jsxs13(ListItemButton4, { onClick: () => keycloak.logout(), children: [
-          /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(Logout, { color: "error" }) }),
-          /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Logout") })
+        /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: () => keycloak.logout(), children: [
+          /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Logout, { color: "error" }) }),
+          /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Logout") })
         ] })
-      ] }) : /* @__PURE__ */ jsxs13(ListItemButton4, { onClick: () => keycloak.login(), children: [
-        /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(Login, { color: "success" }) }),
-        /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.LogIn") })
+      ] }) : /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: () => keycloak.login(), children: [
+        /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Login, { color: "success" }) }),
+        /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.LogIn") })
       ] }) }),
       tab === "settings" && settings,
       tab === "theme" && theme,
@@ -2998,7 +3069,7 @@ var ToolbarAccount = () => {
 };
 
 // src/components/core/Layout.tsx
-import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 var DrawerHeader = styled2("div")(({ theme }) => ({
   display: "flex",
   alignItems: "center",
@@ -3012,10 +3083,10 @@ var Layout = (props) => {
   const isFetching = !!useIsFetching();
   const isMutating = !!useIsMutating();
   return /* @__PURE__ */ jsxs14(ThemeProvider, { theme, children: [
-    /* @__PURE__ */ jsx25(InitColorSchemeScript, {}),
-    /* @__PURE__ */ jsx25(CssBaseline, {}),
+    /* @__PURE__ */ jsx26(InitColorSchemeScript, {}),
+    /* @__PURE__ */ jsx26(CssBaseline, {}),
     /* @__PURE__ */ jsxs14(Box9, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
-      /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx26(
         AppBar,
         {
           color: "transparent",
@@ -3026,26 +3097,26 @@ var Layout = (props) => {
             boxShadow: "none"
           },
           children: /* @__PURE__ */ jsxs14(Toolbar, { children: [
-            props.navigation && /* @__PURE__ */ jsx25(
+            props.navigation && /* @__PURE__ */ jsx26(
               IconButton5,
               {
                 onClick: () => setNavigationOpen((previous) => !previous),
                 sx: { marginRight: 2 },
-                children: navigationOpen ? /* @__PURE__ */ jsx25(MenuOpen, {}) : /* @__PURE__ */ jsx25(Menu3, {})
+                children: navigationOpen ? /* @__PURE__ */ jsx26(MenuOpen, {}) : /* @__PURE__ */ jsx26(Menu3, {})
               }
             ),
-            /* @__PURE__ */ jsx25(AppTitle, {}),
-            /* @__PURE__ */ jsx25(ToolbarAccount, {})
+            /* @__PURE__ */ jsx26(AppTitle, {}),
+            /* @__PURE__ */ jsx26(ToolbarAccount, {})
           ] })
         }
       ),
-      props.navigation && /* @__PURE__ */ jsx25(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
+      props.navigation && /* @__PURE__ */ jsx26(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
       /* @__PURE__ */ jsxs14(Box9, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
-        /* @__PURE__ */ jsx25(DrawerHeader, {}),
-        /* @__PURE__ */ jsx25(Box9, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
+        /* @__PURE__ */ jsx26(DrawerHeader, {}),
+        /* @__PURE__ */ jsx26(Box9, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
       ] })
     ] }),
-    (isFetching || isMutating) && /* @__PURE__ */ jsx25(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+    (isFetching || isMutating) && /* @__PURE__ */ jsx26(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
   ] });
 };
 
@@ -3071,13 +3142,13 @@ i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
 
 // src/providers/DialogsProvider.tsx
 import { useCallback, useId, useMemo as useMemo4, useRef as useRef3, useState as useState9 } from "react";
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 function DialogsProvider({ children, unmountAfter = 1e3 }) {
   const [stack, setStack] = useState9([]);
   const keyPrefix = useId();
   const nextId = useRef3(0);
   const dialogMetadata = useRef3(/* @__PURE__ */ new WeakMap());
-  const requestDialog = useEventCallback_default(function open(Component6, payload, options = {}) {
+  const requestDialog = useEventCallback_default(function open(Component7, payload, options = {}) {
     const { onClose = async () => {
     } } = options;
     let resolve;
@@ -3090,7 +3161,7 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
       key,
       open: true,
       promise,
-      Component: Component6,
+      Component: Component7,
       payload,
       onClose,
       resolve
@@ -3125,8 +3196,8 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
   const contextValue = useMemo4(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
   return /* @__PURE__ */ jsxs15(DialogsContext.Provider, { value: contextValue, children: [
     children,
-    stack.map(({ key, open, Component: Component6, payload, promise }) => /* @__PURE__ */ jsx26(
-      Component6,
+    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx27(
+      Component7,
       {
         payload,
         open,
@@ -3140,7 +3211,7 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
 }
 
 // src/providers/LayoutProvider.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
 var LayoutProvider = (props) => {
   const [user, setUser] = useState10({ employeeId: "", name: "Unknown", department: "", company: "", category: "" });
   const { t: t2 } = useTranslation7();
@@ -3148,7 +3219,10 @@ var LayoutProvider = (props) => {
   useEffect6(() => {
     z.config(default2.resolvedLanguage === "cs" ? cs() : en());
   }, []);
-  return /* @__PURE__ */ jsx27(I18nextProvider, { i18n: default2, children: /* @__PURE__ */ jsx27(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: default2.resolvedLanguage, children: /* @__PURE__ */ jsx27(DialogsProvider, { children: /* @__PURE__ */ jsx27(LayoutContext.Provider, { value: { user: { get: user, set: setUser } }, children: /* @__PURE__ */ jsx27(Layout, { navigation, theme: props.theme, children: props.children }) }) }) }) });
+  return /* @__PURE__ */ jsx28(I18nextProvider, { i18n: default2, children: /* @__PURE__ */ jsx28(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: default2.resolvedLanguage, children: /* @__PURE__ */ jsx28(LayoutContext.Provider, { value: { user: { get: user, set: setUser } }, children: /* @__PURE__ */ jsxs16(Layout, { navigation, theme: props.theme, children: [
+    "\xA8",
+    /* @__PURE__ */ jsx28(DialogsProvider, { children: props.children })
+  ] }) }) }) });
 };
 
 // src/index.ts
@@ -3170,11 +3244,11 @@ var getFieldStatus = (field) => {
 };
 
 // src/components/form/FormAutocomplete.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     Autocomplete,
     {
       value: field.state.value,
@@ -3183,7 +3257,7 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (parameters) => /* @__PURE__ */ jsx28(
+      renderInput: (parameters) => /* @__PURE__ */ jsx29(
         TextField,
         {
           ...parameters,
@@ -3199,15 +3273,15 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
 
 // src/components/form/FormCheckbox.tsx
 import { Checkbox, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
-import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
 var FormCheckbox = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs16(FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs17(FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx30(
       FormControlLabel,
       {
-        control: /* @__PURE__ */ jsx29(
+        control: /* @__PURE__ */ jsx30(
           Checkbox,
           {
             name: field.name,
@@ -3221,18 +3295,18 @@ var FormCheckbox = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx29(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx30(FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormDatePicker.tsx
 import { DatePicker } from "@mui/x-date-pickers-pro";
 import dayjs2 from "dayjs";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var FormDatePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     DatePicker,
     {
       name: field.name,
@@ -3256,11 +3330,11 @@ var FormDatePicker = (props) => {
 // src/components/form/FormDateTimePicker.tsx
 import { DateTimePicker } from "@mui/x-date-pickers-pro";
 import dayjs3 from "dayjs";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var FormDateTimePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     DateTimePicker,
     {
       name: field.name,
@@ -3284,11 +3358,11 @@ var FormDateTimePicker = (props) => {
 // src/components/form/FormNumberField.tsx
 import { TextField as TextField2 } from "@mui/material";
 import { NumericFormat } from "react-number-format";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var FormNumberField = ({ options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     NumericFormat,
     {
       customInput: TextField2,
@@ -3307,13 +3381,13 @@ var FormNumberField = ({ options, ...props }) => {
 
 // src/components/form/FormRadioGroup.tsx
 import { FormControl as FormControl2, FormControlLabel as FormControlLabel2, FormHelperText as FormHelperText2, FormLabel, Radio, RadioGroup } from "@mui/material";
-import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 var FormRadioGroup = ({ label, options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs17(FormControl2, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx33(FormLabel, { component: "legend", children: label }),
-    /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs18(FormControl2, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx34(FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ jsx34(
       RadioGroup,
       {
         name: field.name,
@@ -3322,30 +3396,30 @@ var FormRadioGroup = ({ label, options, ...props }) => {
         onBlur: field.handleBlur,
         "aria-label": field.name,
         ...props,
-        children: options.map((option) => /* @__PURE__ */ jsx33(
+        children: options.map((option) => /* @__PURE__ */ jsx34(
           FormControlLabel2,
           {
             value: option.value,
-            control: /* @__PURE__ */ jsx33(Radio, {}),
+            control: /* @__PURE__ */ jsx34(Radio, {}),
             label: option.label
           },
           option.value
         ))
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx33(FormHelperText2, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx34(FormHelperText2, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSlider.tsx
 import { FormControl as FormControl3, FormHelperText as FormHelperText3, FormLabel as FormLabel2, Slider } from "@mui/material";
-import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 var FormSlider = ({ label, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs18(FormControl3, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx34(FormLabel2, { children: label }),
-    /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsxs19(FormControl3, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx35(FormLabel2, { children: label }),
+    /* @__PURE__ */ jsx35(
       Slider,
       {
         name: field.name,
@@ -3356,13 +3430,13 @@ var FormSlider = ({ label, ...props }) => {
         ...props
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx34(FormHelperText3, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx35(FormHelperText3, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSubmitButton.tsx
 import { Button as Button3 } from "@mui/material";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var FormSubmitButton = (props) => {
   const form = useFormContext();
   const handleClick = (event) => {
@@ -3370,7 +3444,7 @@ var FormSubmitButton = (props) => {
     event.stopPropagation();
     form.handleSubmit();
   };
-  return /* @__PURE__ */ jsx35(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx36(
     Button3,
     {
       loading: isSubmitting,
@@ -3385,15 +3459,15 @@ var FormSubmitButton = (props) => {
 
 // src/components/form/FormSwitch.tsx
 import { FormControl as FormControl4, FormControlLabel as FormControlLabel3, FormHelperText as FormHelperText4, Switch } from "@mui/material";
-import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
 var FormSwitch = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs19(FormControl4, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs20(FormControl4, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx37(
       FormControlLabel3,
       {
-        control: /* @__PURE__ */ jsx36(
+        control: /* @__PURE__ */ jsx37(
           Switch,
           {
             name: field.name,
@@ -3407,17 +3481,17 @@ var FormSwitch = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx36(FormHelperText4, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx37(FormHelperText4, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormTextField.tsx
 import { TextField as TextField3 } from "@mui/material";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var FormTextField = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     TextField3,
     {
       name: field.name,
@@ -3470,6 +3544,7 @@ export {
   RouterGridActionsCellItem,
   RouterIconButton,
   RouterLink,
+  RouterListItemButton,
   RouterNotFound,
   RouterTab,
   TableContainer,