wcz-test 4.3.0 → 4.3.2

package/dist/index.js

@@ -1850,1129 +1850,497 @@ var RouterError = ({ error }) => {
   ] }) });
 };
 
-// src/components/core/Layout.tsx
-import Menu3 from "@mui/icons-material/Menu";
-import MenuOpen from "@mui/icons-material/MenuOpen";
-import { AppBar, Box as Box9, CssBaseline, IconButton as IconButton5, InitColorSchemeScript, LinearProgress, Toolbar } from "@mui/material";
-import { ThemeProvider, styled as styled2 } from "@mui/material/styles";
-import { useIsFetching, useIsMutating } from "@tanstack/react-query";
-import useLocalStorageState from "use-local-storage-state";
-
-// src/components/core/navigation/NavigationRail.tsx
-import { useMediaQuery } from "@mui/material";
-import Box7 from "@mui/material/Box";
-import Drawer from "@mui/material/Drawer";
-import { useTheme as useTheme2 } from "@mui/material/styles";
-import { useNavigate, useRouterState as useRouterState2 } from "@tanstack/react-router";
+// node_modules/@babel/runtime/helpers/esm/extends.js
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t2 = arguments[e];
+      for (var r in t2) ({}).hasOwnProperty.call(t2, r) && (n[r] = t2[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
 
-// src/components/core/navigation/NavigationList.tsx
-import Divider3 from "@mui/material/Divider";
-import List3 from "@mui/material/List";
-import ListSubheader from "@mui/material/ListSubheader";
-import { Fragment as Fragment5, useEffect as useEffect5, useState as useState7 } from "react";
+// node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t2 = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t2[n] = r[n];
+  }
+  return t2;
+}
 
-// 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 Popper from "@mui/material/Popper";
-import ListItem from "@mui/material/ListItem";
-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 useMemo2, useState as useState6 } from "react";
-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(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
+// node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js
+var import_prop_types = __toESM(require_prop_types(), 1);
+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__ */ React11.createContext(null);
+if (process.env.NODE_ENV !== "production") PickerAdapterContext.displayName = "PickerAdapterContext";
+var LocalizationProvider = function LocalizationProvider2(inProps) {
+  const {
+    localeText: inLocaleText
+  } = inProps, otherInProps = _objectWithoutPropertiesLoose(inProps, _excluded);
+  const {
+    adapter: parentAdapter,
+    localeText: parentLocaleText
+  } = React11.useContext(PickerAdapterContext) ?? {
+    utils: void 0,
+    adapter: void 0,
+    localeText: void 0
+  };
+  const props = useThemeProps({
+    // We don't want to pass the `localeText` prop to the theme, that way it will always return the theme value,
+    // We will then merge this theme value with our value manually
+    props: otherInProps,
+    name: "MuiLocalizationProvider"
+  });
+  const {
+    children,
+    dateAdapter: DateAdapter,
+    dateFormats,
+    dateLibInstance,
+    adapterLocale,
+    localeText: themeLocaleText
+  } = props;
+  const localeText = React11.useMemo(() => _extends({}, themeLocaleText, parentLocaleText, inLocaleText), [themeLocaleText, parentLocaleText, inLocaleText]);
+  const adapter = React11.useMemo(() => {
+    if (!DateAdapter) {
+      if (parentAdapter) {
+        return parentAdapter;
+      }
+      return null;
     }
-  },
-  "& .MuiSvgIcon-root": {
-    color: (theme.vars ?? theme).palette.action.active
-  },
-  "& .MuiAvatar-root": {
-    backgroundColor: (theme.vars ?? theme).palette.action.active
+    const dateAdapter = new DateAdapter({
+      locale: adapterLocale,
+      formats: dateFormats,
+      instance: dateLibInstance
+    });
+    if (!dateAdapter.isMUIAdapter) {
+      throw new Error(["MUI X: The date adapter should be imported from `@mui/x-date-pickers` or `@mui/x-date-pickers-pro`, not from `@date-io`", "For example, `import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'` instead of `import AdapterDayjs from '@date-io/dayjs'`", "More information on the installation documentation: https://mui.com/x/react-date-pickers/quickstart/#installation"].join(`
+`));
+    }
+    return dateAdapter;
+  }, [DateAdapter, adapterLocale, dateFormats, dateLibInstance, parentAdapter]);
+  const defaultDates = React11.useMemo(() => {
+    if (!adapter) {
+      return null;
+    }
+    return {
+      minDate: adapter.date("1900-01-01T00:00:00.000"),
+      maxDate: adapter.date("2099-12-31T00:00:00.000")
+    };
+  }, [adapter]);
+  const contextValue = React11.useMemo(() => {
+    return {
+      utils: adapter,
+      adapter,
+      defaultDates,
+      localeText
+    };
+  }, [defaultDates, adapter, localeText]);
+  return /* @__PURE__ */ _jsx(PickerAdapterContext.Provider, {
+    value: contextValue,
+    children
+  });
+};
+if (process.env.NODE_ENV !== "production") LocalizationProvider.displayName = "LocalizationProvider";
+process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Locale for the date library you are using
+   */
+  adapterLocale: import_prop_types.default.any,
+  children: import_prop_types.default.node,
+  /**
+   * Date library adapter class function.
+   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/quickstart/#integrate-provider-and-adapter date adapter setup section} for more details.
+   */
+  dateAdapter: import_prop_types.default.func,
+  /**
+   * Formats that are used for any child pickers
+   */
+  dateFormats: import_prop_types.default.shape({
+    dayOfMonth: import_prop_types.default.string,
+    dayOfMonthFull: import_prop_types.default.string,
+    fullDate: import_prop_types.default.string,
+    fullTime12h: import_prop_types.default.string,
+    fullTime24h: import_prop_types.default.string,
+    hours12h: import_prop_types.default.string,
+    hours24h: import_prop_types.default.string,
+    keyboardDate: import_prop_types.default.string,
+    keyboardDateTime12h: import_prop_types.default.string,
+    keyboardDateTime24h: import_prop_types.default.string,
+    meridiem: import_prop_types.default.string,
+    minutes: import_prop_types.default.string,
+    month: import_prop_types.default.string,
+    monthShort: import_prop_types.default.string,
+    normalDate: import_prop_types.default.string,
+    normalDateWithWeekday: import_prop_types.default.string,
+    seconds: import_prop_types.default.string,
+    shortDate: import_prop_types.default.string,
+    weekday: import_prop_types.default.string,
+    weekdayShort: import_prop_types.default.string,
+    year: import_prop_types.default.string
+  }),
+  /**
+   * Date library instance you are using, if it has some global overrides
+   * ```jsx
+   * dateLibInstance={momentTimeZone}
+   * ```
+   */
+  dateLibInstance: import_prop_types.default.any,
+  /**
+   * Locale for components texts
+   */
+  localeText: import_prop_types.default.object
+} : void 0;
+
+// node_modules/@mui/x-internals/esm/warning/warning.js
+var warnedOnceCache = /* @__PURE__ */ new Set();
+function warnOnce(message, gravity = "warning") {
+  if (process.env.NODE_ENV === "production") {
+    return;
   }
-}));
-var StyledRouterButton = styled(RouterListItemButton)(({ 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
+  const cleanMessage = Array.isArray(message) ? message.join("\n") : message;
+  if (!warnedOnceCache.has(cleanMessage)) {
+    warnedOnceCache.add(cleanMessage);
+    if (gravity === "error") {
+      console.error(cleanMessage);
+    } else {
+      console.warn(cleanMessage);
     }
+  }
+}
+
+// node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.js
+import dayjs from "dayjs";
+import weekOfYearPlugin from "dayjs/plugin/weekOfYear.js";
+import customParseFormatPlugin from "dayjs/plugin/customParseFormat.js";
+import localizedFormatPlugin from "dayjs/plugin/localizedFormat.js";
+import isBetweenPlugin from "dayjs/plugin/isBetween.js";
+import advancedFormatPlugin from "dayjs/plugin/advancedFormat.js";
+dayjs.extend(localizedFormatPlugin);
+dayjs.extend(weekOfYearPlugin);
+dayjs.extend(isBetweenPlugin);
+dayjs.extend(advancedFormatPlugin);
+var formatTokenMap = {
+  // Year
+  YY: "year",
+  YYYY: {
+    sectionType: "year",
+    contentType: "digit",
+    maxLength: 4
   },
-  "& .MuiSvgIcon-root": {
-    color: (theme.vars ?? theme).palette.action.active
+  // Month
+  M: {
+    sectionType: "month",
+    contentType: "digit",
+    maxLength: 2
   },
-  "& .MuiAvatar-root": {
-    backgroundColor: (theme.vars ?? theme).palette.action.active
-  }
-}));
-var IconOrAvatar = ({ item, collapsed }) => {
-  if (item.icon || 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__ */ jsx22(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
-      ] }),
-      collapsed ? /* @__PURE__ */ jsx22(
-        Typography7,
-        {
-          variant: "caption",
-          sx: {
-            position: "absolute",
-            bottom: -18,
-            left: "50%",
-            transform: "translateX(-50%)",
-            fontSize: 10,
-            fontWeight: 500,
-            textAlign: "center",
-            whiteSpace: "nowrap",
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            maxWidth: MINI_WIDTH - 28
-          },
-          children: item.title
-        }
-      ) : null
-    ] });
-  }
-  return null;
+  MM: "month",
+  MMM: {
+    sectionType: "month",
+    contentType: "letter"
+  },
+  MMMM: {
+    sectionType: "month",
+    contentType: "letter"
+  },
+  // Day of the month
+  D: {
+    sectionType: "day",
+    contentType: "digit",
+    maxLength: 2
+  },
+  DD: "day",
+  Do: {
+    sectionType: "day",
+    contentType: "digit-with-letter"
+  },
+  // Day of the week
+  d: {
+    sectionType: "weekDay",
+    contentType: "digit",
+    maxLength: 2
+  },
+  dd: {
+    sectionType: "weekDay",
+    contentType: "letter"
+  },
+  ddd: {
+    sectionType: "weekDay",
+    contentType: "letter"
+  },
+  dddd: {
+    sectionType: "weekDay",
+    contentType: "letter"
+  },
+  // Meridiem
+  A: "meridiem",
+  a: "meridiem",
+  // Hours
+  H: {
+    sectionType: "hours",
+    contentType: "digit",
+    maxLength: 2
+  },
+  HH: "hours",
+  h: {
+    sectionType: "hours",
+    contentType: "digit",
+    maxLength: 2
+  },
+  hh: "hours",
+  // Minutes
+  m: {
+    sectionType: "minutes",
+    contentType: "digit",
+    maxLength: 2
+  },
+  mm: "minutes",
+  // Seconds
+  s: {
+    sectionType: "seconds",
+    contentType: "digit",
+    maxLength: 2
+  },
+  ss: "seconds"
 };
-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 defaultFormats = {
+  year: "YYYY",
+  month: "MMMM",
+  monthShort: "MMM",
+  dayOfMonth: "D",
+  dayOfMonthFull: "Do",
+  weekday: "dddd",
+  weekdayShort: "dd",
+  hours24h: "HH",
+  hours12h: "hh",
+  meridiem: "A",
+  minutes: "mm",
+  seconds: "ss",
+  fullDate: "ll",
+  keyboardDate: "L",
+  shortDate: "MMM D",
+  normalDate: "D MMMM",
+  normalDateWithWeekday: "ddd, MMM D",
+  fullTime12h: "hh:mm A",
+  fullTime24h: "HH:mm",
+  keyboardDateTime12h: "L hh:mm A",
+  keyboardDateTime24h: "L HH:mm"
+};
+var MISSING_UTC_PLUGIN = ["Missing UTC plugin", "To be able to use UTC or timezones, you have to enable the `utc` plugin", "Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-utc"].join("\n");
+var MISSING_TIMEZONE_PLUGIN = ["Missing timezone plugin", "To be able to use timezones, you have to enable both the `utc` and the `timezone` plugin", "Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-timezone"].join("\n");
+var AdapterDayjs = class {
+  isMUIAdapter = true;
+  isTimezoneCompatible = true;
+  lib = "dayjs";
+  escapedCharacters = {
+    start: "[",
+    end: "]"
+  };
+  formatTokenMap = /* @__PURE__ */ (() => formatTokenMap)();
+  constructor({
+    locale,
+    formats
+  } = {}) {
+    this.locale = locale;
+    this.formats = _extends({}, defaultFormats, formats);
+    dayjs.extend(customParseFormatPlugin);
   }
-);
-var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested }) => {
-  const [hoveredPopoverItem, setHoveredPopoverItem] = useState6(null);
-  const [anchorElement, setAnchorElement] = useState6(null);
-  const chevronSx = useMemo2(() => {
-    if (collapsed && isSidebarFullyCollapsed && item.children) {
-      return {
-        fontSize: 18,
-        position: "absolute",
-        top: "41.5%",
-        right: "2px",
-        transform: "translateY(-50%) rotate(-90deg)"
-      };
+  setLocaleToValue = (value) => {
+    const expectedLocale = this.getCurrentLocaleCode();
+    if (expectedLocale === value.locale()) {
+      return value;
     }
-    if (!collapsed && isSidebarFullyExpanded && item.children) {
-      return {
-        ml: 0.5,
-        transform: `rotate(${isOpen ? 0 : -90}deg)`
-      };
+    return value.locale(expectedLocale);
+  };
+  hasUTCPlugin = () => typeof dayjs.utc !== "undefined";
+  hasTimezonePlugin = () => typeof dayjs.tz !== "undefined";
+  isSame = (value, comparing, comparisonTemplate) => {
+    const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
+    return value.format(comparisonTemplate) === comparingInValueTimezone.format(comparisonTemplate);
+  };
+  /**
+   * Replaces "default" by undefined and "system" by the system timezone before passing it to `dayjs`.
+   */
+  cleanTimezone = (timezone) => {
+    switch (timezone) {
+      case "default": {
+        return void 0;
+      }
+      case "system": {
+        return dayjs.tz.guess();
+      }
+      default: {
+        return timezone;
+      }
     }
-    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" } }
+  createSystemDate = (value) => {
+    let date;
+    if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
+      const timezone = dayjs.tz.guess();
+      if (timezone === "UTC") {
+        date = dayjs(value);
+      } else {
+        date = dayjs.tz(value, timezone);
       }
-    ),
-    item.children ? /* @__PURE__ */ jsx22(ExpandMoreIcon, { sx: chevronSx }) : null
-  ] });
-  const listItem = /* @__PURE__ */ jsxs12(
-    ListItem,
-    {
-      ...item.children && collapsed ? {
-        onMouseEnter: (event) => {
-          setAnchorElement(event.currentTarget);
-          setHoveredPopoverItem(item.title);
-        },
-        onMouseLeave: () => {
-          setHoveredPopoverItem(null);
-        }
-      } : {},
-      sx: { py: 0, px: 1, overflowX: "hidden" },
-      children: [
-        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
-      ]
+    } else {
+      date = dayjs(value);
     }
-  );
-  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
-    listItem,
-    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 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";
-var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate }) => {
-  const [openKeys, setOpenKeys] = useState7([]);
-  useEffect5(() => {
-    if (collapsed) setOpenKeys([]);
-  }, [collapsed]);
-  const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
-  const renderNested = (children) => /* @__PURE__ */ jsx23(
-    NavigationList,
-    {
-      subNavigation: children,
-      depth: depth + 1,
-      isPopover: collapsed,
-      expandedWidth,
-      activePath,
-      onNavigate
+    return this.setLocaleToValue(date);
+  };
+  createUTCDate = (value) => {
+    if (!this.hasUTCPlugin()) {
+      throw new Error(MISSING_UTC_PLUGIN);
     }
-  );
-  const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
-  return /* @__PURE__ */ jsx23(
-    List3,
-    {
-      sx: {
-        padding: 0,
-        mt: isPopover && depth === 1 ? 0.5 : 0,
-        mb: depth === 0 && !isPopover ? 4 : 0.5,
-        pl: (isPopover ? 1 : 2) * (isPopover ? depth - 1 : depth),
-        minWidth: isPopover && depth === 1 ? EXPANDED_WIDTH : "auto",
-        width: collapsed ? MINI_WIDTH : "auto"
-      },
-      children: filteredNavigation.map((navItem, index) => {
-        if (isHeader(navItem)) {
-          return /* @__PURE__ */ jsx23(
-            ListSubheader,
-            {
-              sx: {
-                fontSize: 12,
-                fontWeight: "700",
-                height: collapsed ? 0 : 40,
-                px: 2,
-                minWidth: expandedWidth,
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap",
-                zIndex: 2,
-                bgcolor: "transparent",
-                position: "static"
-              },
-              children: navItem.title
-            },
-            `subheader-${depth}-${index}`
-          );
-        }
-        if (isDivider(navItem)) {
-          const nextItem = filteredNavigation[index + 1];
-          return /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsx23(Divider3, { sx: { mx: 1, mt: 1, mb: 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__ */ jsx23(Fragment5, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
-        return /* @__PURE__ */ jsx23(
-          NavigationListItem,
-          {
-            item: navItem,
-            isOpen: openKeys.includes(uniqueItemKey),
-            selected: activePath === navItem.to,
-            collapsed,
-            isSidebarFullyExpanded,
-            isSidebarFullyCollapsed,
-            onClick: navItem.children && !collapsed ? () => toggleKey(uniqueItemKey) : void 0,
-            renderNested
-          },
-          key
-        );
-      })
+    return this.setLocaleToValue(dayjs.utc(value));
+  };
+  createTZDate = (value, timezone) => {
+    if (!this.hasUTCPlugin()) {
+      throw new Error(MISSING_UTC_PLUGIN);
     }
-  );
-};
-
-// src/components/core/navigation/NavigationRail.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
-var MINI_WIDTH = 84;
-var EXPANDED_WIDTH = 320;
-var TOOLBAR_HEIGHT = 65;
-var NavigationRail = ({ navigation, expanded, setExpanded }) => {
-  const navigate = useNavigate();
-  const routerState = useRouterState2();
-  const theme = useTheme2();
-  const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
-  const drawerContent = (collapsed) => /* @__PURE__ */ jsx24(
-    Box7,
-    {
-      component: "nav",
-      sx: {
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "space-between",
-        overflow: "auto",
-        scrollbarGutter: collapsed ? "stable" : "auto",
-        overflowX: "hidden",
-        pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
-      },
-      children: /* @__PURE__ */ jsx24(
-        NavigationList,
-        {
-          subNavigation: navigation,
-          collapsed,
-          isSidebarFullyExpanded: expanded,
-          isSidebarFullyCollapsed: !expanded,
-          expandedWidth: EXPANDED_WIDTH,
-          activePath: routerState.location.pathname,
-          onNavigate: navigate
-        }
-      )
+    if (!this.hasTimezonePlugin()) {
+      throw new Error(MISSING_TIMEZONE_PLUGIN);
     }
-  );
-  if (showPermanent)
-    return /* @__PURE__ */ jsx24(
-      Drawer,
-      {
-        variant: "permanent",
-        sx: {
-          width: expanded ? EXPANDED_WIDTH : MINI_WIDTH,
-          ["& .MuiDrawer-paper"]: {
-            position: "absolute",
-            top: `${TOOLBAR_HEIGHT}px`,
-            height: `calc(100% - ${TOOLBAR_HEIGHT}px)`,
-            width: expanded ? EXPANDED_WIDTH : MINI_WIDTH
-          }
-        },
-        children: drawerContent(!expanded)
+    const keepLocalTime = value !== void 0 && !value.endsWith("Z");
+    return this.setLocaleToValue(dayjs(value).tz(this.cleanTimezone(timezone), keepLocalTime));
+  };
+  getLocaleFormats = () => {
+    const locales = dayjs.Ls;
+    const locale = this.locale || "en";
+    let localeObject = locales[locale];
+    if (localeObject === void 0) {
+      if (process.env.NODE_ENV !== "production") {
+        warnOnce(["MUI X: Your locale has not been found.", "Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.", "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", "fallback on English locale."]);
       }
-    );
-  return /* @__PURE__ */ jsx24(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
-};
-
-// src/components/core/ToolbarAccount.tsx
-import AccountCircle from "@mui/icons-material/AccountCircle";
-import ArrowBack from "@mui/icons-material/ArrowBack";
-import Brightness4 from "@mui/icons-material/Brightness4";
-import ChevronRight from "@mui/icons-material/ChevronRight";
-import DarkMode from "@mui/icons-material/DarkMode";
-import LightMode from "@mui/icons-material/LightMode";
-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 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 useTranslation5 } from "react-i18next";
-
-// src/auth-test/keycloak.ts
-import { useRouter } from "@tanstack/react-router";
-import Keycloak from "keycloak-js";
-var keycloakConfig = {
-  url: import.meta.env.VITE_KEYCLOAK_URL,
-  realm: import.meta.env.VITE_KEYCLOAK_REALM,
-  clientId: import.meta.env.VITE_KEYCLOAK_CLIENT_ID,
-  idpHint: import.meta.env.VITE_KEYCLOAK_IDP_HINT,
-  confidentialClientId: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
-  confidentialClientSecret: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_SECRET
-};
-function useKeycloak() {
-  const routerContext = useRouter();
-  const keycloak = routerContext.options.context.keycloak;
-  return keycloak;
-}
-
-// src/components/core/ToolbarAccount.tsx
-import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
-var ToolbarAccount = () => {
-  const [anchorElement, setAnchorElement] = useState8();
-  const [tab, setTab] = useState8("settings");
-  const open = Boolean(anchorElement);
-  const { t: t2, i18n: i18n2 } = useTranslation5();
-  const { mode, setMode } = useColorScheme();
-  const changeLanguage = (newLanguage) => () => {
-    i18n2.changeLanguage(newLanguage).finally(() => closeMenu());
+      localeObject = locales.en;
+    }
+    return localeObject.formats;
   };
-  const changeMode = (newMode) => () => {
-    setMode(newMode);
-    closeMenu();
+  /**
+   * If the new day does not have the same offset as the old one (when switching to summer day time for example),
+   * Then dayjs will not automatically adjust the offset (moment does).
+   * We have to parse again the value to make sure the `fixOffset` method is applied.
+   * See https://github.com/iamkun/dayjs/blob/b3624de619d6e734cd0ffdbbd3502185041c1b60/src/plugin/timezone/index.js#L72
+   */
+  adjustOffset = (value) => {
+    if (!this.hasTimezonePlugin()) {
+      return value;
+    }
+    const timezone = this.getTimezone(value);
+    if (timezone !== "UTC") {
+      const fixedValue = value.tz(this.cleanTimezone(timezone), true);
+      if (fixedValue.$offset === (value.$offset ?? 0)) {
+        return value;
+      }
+      value.$offset = fixedValue.$offset;
+    }
+    return value;
   };
-  const keycloak = useKeycloak();
-  const user = keycloak.user;
-  const getModeText = () => {
-    switch (mode) {
-      case "light": {
-        return t2("Layout.Light");
+  date = (value, timezone = "default") => {
+    if (value === null) {
+      return null;
+    }
+    if (timezone === "UTC") {
+      return this.createUTCDate(value);
+    }
+    if (timezone === "system" || timezone === "default" && !this.hasTimezonePlugin()) {
+      return this.createSystemDate(value);
+    }
+    return this.createTZDate(value, timezone);
+  };
+  getInvalidDate = () => dayjs(/* @__PURE__ */ new Date("Invalid date"));
+  getTimezone = (value) => {
+    if (this.hasTimezonePlugin()) {
+      const zone = value.$x?.$timezone;
+      if (zone) {
+        return zone;
       }
-      case "dark": {
-        return t2("Layout.Dark");
+    }
+    if (this.hasUTCPlugin() && value.isUTC()) {
+      return "UTC";
+    }
+    return "system";
+  };
+  setTimezone = (value, timezone) => {
+    if (this.getTimezone(value) === timezone) {
+      return value;
+    }
+    if (timezone === "UTC") {
+      if (!this.hasUTCPlugin()) {
+        throw new Error(MISSING_UTC_PLUGIN);
       }
-      default: {
-        return t2("Layout.System");
+      return value.utc();
+    }
+    if (timezone === "system") {
+      return value.local();
+    }
+    if (!this.hasTimezonePlugin()) {
+      if (timezone === "default") {
+        return value;
       }
+      throw new Error(MISSING_TIMEZONE_PLUGIN);
     }
+    return this.setLocaleToValue(dayjs.tz(value, this.cleanTimezone(timezone)));
   };
-  const usernameInitials = () => {
-    if (!user?.name) return "";
-    const splittedName = user.name.split(" ");
-    return `${splittedName[0][0]}${splittedName.length > 1 ? splittedName[1][0] : ""}`;
-  };
-  const openMenu = (event) => setAnchorElement(event.currentTarget);
-  const closeMenu = () => {
-    setAnchorElement(void 0);
-    setTimeout(() => setTab("settings"), 300);
-  };
-  const changeTab = (newTab) => () => setTab(newTab);
-  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(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__ */ jsx25(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx25(ArrowBack, { fontSize: "small" }) }),
-    " ",
-    t2("Layout.Appearance")
-  ] }), children: [
-    /* @__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(ListItemButton5, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
-      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(DarkMode, {}) }),
-      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Dark") })
-    ] }),
-    /* @__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__ */ jsx25(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx25(ArrowBack, { fontSize: "small" }) }),
-    " ",
-    t2("Layout.Language")
-  ] }), children: [
-    /* @__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(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(ListItemButton5, { onClick: () => keycloak.logout(), children: [
-          /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Logout, { color: "error" }) }),
-          /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Logout") })
-        ] })
-      ] }) : /* @__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,
-      tab === "language" && language
-    ] }) })
-  ] });
-};
-
-// src/hooks/ThemeHook.ts
-import { createTheme, darken, lighten } from "@mui/material";
-import { grey as grey2 } from "@mui/material/colors";
-import { csCZ, enUS } from "@mui/material/locale";
-import { csCZ as dataGridCsCz, enUS as dataGridEnUs } from "@mui/x-data-grid-premium/locales";
-import { csCZ as datePickersCsCz, enUS as datePickersEnUs } from "@mui/x-date-pickers-pro/locales";
-import { useTranslation as useTranslation6 } from "react-i18next";
-var WISTRON_PRIMARY_COLOR = "#00506E";
-var WISTRON_SECONDARY_COLOR = "#64DC00";
-var useGetTheme = (theme) => {
-  const { i18n: i18n2 } = useTranslation6();
-  return createTheme(
-    {
-      cssVariables: {
-        colorSchemeSelector: "data-mui-color-scheme"
-      },
-      colorSchemes: {
-        light: {
-          palette: {
-            primary: { main: WISTRON_PRIMARY_COLOR },
-            secondary: { main: WISTRON_SECONDARY_COLOR }
-          }
-        },
-        dark: {
-          palette: {
-            primary: { main: lighten(WISTRON_PRIMARY_COLOR, 0.5) },
-            secondary: { main: darken(WISTRON_SECONDARY_COLOR, 0.5) }
-          }
-        },
-        ...theme?.colorSchemes
-      },
-      components: {
-        MuiCssBaseline: {
-          styleOverrides: ({ palette }) => {
-            return {
-              body: {
-                "&::-webkit-scrollbar, & *::-webkit-scrollbar": {
-                  width: "0.7em",
-                  height: "0.7em"
-                },
-                "&::-webkit-scrollbar-track, & *::-webkit-scrollbar-track": {
-                  backgroundColor: palette.mode === "dark" ? grey2[900] : grey2[200],
-                  borderRadius: "5px"
-                },
-                "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
-                  backgroundColor: palette.mode === "dark" ? grey2[800] : grey2[400],
-                  borderRadius: "10px"
-                },
-                "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
-                  backgroundColor: palette.mode === "dark" ? grey2[700] : grey2[500]
-                },
-                "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
-                  backgroundColor: "transparent"
-                }
-              }
-            };
-          }
-        },
-        ...theme?.components
-      }
-    },
-    i18n2.resolvedLanguage === "cs" ? datePickersCsCz : datePickersEnUs,
-    i18n2.resolvedLanguage === "cs" ? dataGridCsCz : dataGridEnUs,
-    i18n2.resolvedLanguage === "cs" ? csCZ : enUS
-  );
-};
-
-// src/components/core/Layout.tsx
-import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
-var DrawerHeader = styled2("div")(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "flex-end",
-  padding: theme.spacing(0, 1),
-  ...theme.mixins.toolbar
-}));
-var Layout = (props) => {
-  const theme = useGetTheme(props.theme);
-  const [navigationOpen, setNavigationOpen] = useLocalStorageState("navigationOpen", { defaultServerValue: false });
-  const isFetching = !!useIsFetching();
-  const isMutating = !!useIsMutating();
-  return /* @__PURE__ */ jsxs14(ThemeProvider, { theme, children: [
-    /* @__PURE__ */ jsx26(InitColorSchemeScript, {}),
-    /* @__PURE__ */ jsx26(CssBaseline, {}),
-    /* @__PURE__ */ jsxs14(Box9, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
-      /* @__PURE__ */ jsx26(
-        AppBar,
-        {
-          color: "transparent",
-          position: "fixed",
-          sx: {
-            borderBottom: "1px solid",
-            borderColor: theme.vars?.palette.divider,
-            boxShadow: "none"
-          },
-          children: /* @__PURE__ */ jsxs14(Toolbar, { children: [
-            props.navigation && /* @__PURE__ */ jsx26(
-              IconButton5,
-              {
-                onClick: () => setNavigationOpen((previous) => !previous),
-                sx: { marginRight: 2 },
-                children: navigationOpen ? /* @__PURE__ */ jsx26(MenuOpen, {}) : /* @__PURE__ */ jsx26(Menu3, {})
-              }
-            ),
-            /* @__PURE__ */ jsx26(AppTitle, {}),
-            /* @__PURE__ */ jsx26(ToolbarAccount, {})
-          ] })
-        }
-      ),
-      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__ */ jsx26(DrawerHeader, {}),
-        /* @__PURE__ */ jsx26(Box9, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
-      ] })
-    ] }),
-    (isFetching || isMutating) && /* @__PURE__ */ jsx26(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
-  ] });
-};
-
-// src/contexts/LayoutContext.ts
-import { createContext as createContext3, useContext as useContext3 } from "react";
-var LayoutContext = createContext3(null);
-
-// src/utils/i18n.ts
-import { createIsomorphicFn } from "@tanstack/react-start";
-import { getCookie } from "@tanstack/react-start/server";
-import i18n from "i18next";
-import LanguageDetector from "i18next-browser-languagedetector";
-import HttpBackend from "i18next-http-backend";
-import { initReactI18next } from "react-i18next";
-import { default as default2 } from "i18next";
-var i18nCookieName = "i18nextLng";
-i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
-  fallbackLng: "en",
-  detection: {
-    order: ["cookie"],
-    lookupCookie: i18nCookieName,
-    caches: ["cookie"],
-    cookieMinutes: 60 * 24 * 365
-  },
-  interpolation: { escapeValue: false }
-});
-var setSSRLanguage = createIsomorphicFn().server(async () => {
-  const language = getCookie(i18nCookieName);
-  await i18n.changeLanguage(language || "en");
-});
-
-// node_modules/@babel/runtime/helpers/esm/extends.js
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function(n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t2 = arguments[e];
-      for (var r in t2) ({}).hasOwnProperty.call(t2, r) && (n[r] = t2[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
-// node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t2 = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t2[n] = r[n];
-  }
-  return t2;
-}
-
-// node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js
-var import_prop_types = __toESM(require_prop_types(), 1);
-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__ */ React11.createContext(null);
-if (process.env.NODE_ENV !== "production") PickerAdapterContext.displayName = "PickerAdapterContext";
-var LocalizationProvider = function LocalizationProvider2(inProps) {
-  const {
-    localeText: inLocaleText
-  } = inProps, otherInProps = _objectWithoutPropertiesLoose(inProps, _excluded);
-  const {
-    adapter: parentAdapter,
-    localeText: parentLocaleText
-  } = React11.useContext(PickerAdapterContext) ?? {
-    utils: void 0,
-    adapter: void 0,
-    localeText: void 0
+  toJsDate = (value) => {
+    return value.toDate();
   };
-  const props = useThemeProps({
-    // We don't want to pass the `localeText` prop to the theme, that way it will always return the theme value,
-    // We will then merge this theme value with our value manually
-    props: otherInProps,
-    name: "MuiLocalizationProvider"
-  });
-  const {
-    children,
-    dateAdapter: DateAdapter,
-    dateFormats,
-    dateLibInstance,
-    adapterLocale,
-    localeText: themeLocaleText
-  } = props;
-  const localeText = React11.useMemo(() => _extends({}, themeLocaleText, parentLocaleText, inLocaleText), [themeLocaleText, parentLocaleText, inLocaleText]);
-  const adapter = React11.useMemo(() => {
-    if (!DateAdapter) {
-      if (parentAdapter) {
-        return parentAdapter;
-      }
+  parse = (value, format) => {
+    if (value === "") {
       return null;
     }
-    const dateAdapter = new DateAdapter({
-      locale: adapterLocale,
-      formats: dateFormats,
-      instance: dateLibInstance
+    return dayjs(value, format, this.locale, true);
+  };
+  getCurrentLocaleCode = () => {
+    return this.locale || "en";
+  };
+  is12HourCycleInCurrentLocale = () => {
+    return /A|a/.test(this.getLocaleFormats().LT || "");
+  };
+  expandFormat = (format) => {
+    const localeFormats = this.getLocaleFormats();
+    const t2 = (formatBis) => formatBis.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (_, a, b) => a || b.slice(1));
+    return format.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (_, a, b) => {
+      const B = b && b.toUpperCase();
+      return a || localeFormats[b] || t2(localeFormats[B]);
     });
-    if (!dateAdapter.isMUIAdapter) {
-      throw new Error(["MUI X: The date adapter should be imported from `@mui/x-date-pickers` or `@mui/x-date-pickers-pro`, not from `@date-io`", "For example, `import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'` instead of `import AdapterDayjs from '@date-io/dayjs'`", "More information on the installation documentation: https://mui.com/x/react-date-pickers/quickstart/#installation"].join(`
-`));
+  };
+  isValid = (value) => {
+    if (value == null) {
+      return false;
     }
-    return dateAdapter;
-  }, [DateAdapter, adapterLocale, dateFormats, dateLibInstance, parentAdapter]);
-  const defaultDates = React11.useMemo(() => {
-    if (!adapter) {
-      return null;
+    return value.isValid();
+  };
+  format = (value, formatKey) => {
+    return this.formatByString(value, this.formats[formatKey]);
+  };
+  formatByString = (value, formatString) => {
+    return this.setLocaleToValue(value).format(formatString);
+  };
+  formatNumber = (numberToFormat) => {
+    return numberToFormat;
+  };
+  isEqual = (value, comparing) => {
+    if (value === null && comparing === null) {
+      return true;
     }
-    return {
-      minDate: adapter.date("1900-01-01T00:00:00.000"),
-      maxDate: adapter.date("2099-12-31T00:00:00.000")
-    };
-  }, [adapter]);
-  const contextValue = React11.useMemo(() => {
-    return {
-      utils: adapter,
-      adapter,
-      defaultDates,
-      localeText
-    };
-  }, [defaultDates, adapter, localeText]);
-  return /* @__PURE__ */ _jsx(PickerAdapterContext.Provider, {
-    value: contextValue,
-    children
-  });
-};
-if (process.env.NODE_ENV !== "production") LocalizationProvider.displayName = "LocalizationProvider";
-process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Locale for the date library you are using
-   */
-  adapterLocale: import_prop_types.default.any,
-  children: import_prop_types.default.node,
-  /**
-   * Date library adapter class function.
-   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/quickstart/#integrate-provider-and-adapter date adapter setup section} for more details.
-   */
-  dateAdapter: import_prop_types.default.func,
-  /**
-   * Formats that are used for any child pickers
-   */
-  dateFormats: import_prop_types.default.shape({
-    dayOfMonth: import_prop_types.default.string,
-    dayOfMonthFull: import_prop_types.default.string,
-    fullDate: import_prop_types.default.string,
-    fullTime12h: import_prop_types.default.string,
-    fullTime24h: import_prop_types.default.string,
-    hours12h: import_prop_types.default.string,
-    hours24h: import_prop_types.default.string,
-    keyboardDate: import_prop_types.default.string,
-    keyboardDateTime12h: import_prop_types.default.string,
-    keyboardDateTime24h: import_prop_types.default.string,
-    meridiem: import_prop_types.default.string,
-    minutes: import_prop_types.default.string,
-    month: import_prop_types.default.string,
-    monthShort: import_prop_types.default.string,
-    normalDate: import_prop_types.default.string,
-    normalDateWithWeekday: import_prop_types.default.string,
-    seconds: import_prop_types.default.string,
-    shortDate: import_prop_types.default.string,
-    weekday: import_prop_types.default.string,
-    weekdayShort: import_prop_types.default.string,
-    year: import_prop_types.default.string
-  }),
-  /**
-   * Date library instance you are using, if it has some global overrides
-   * ```jsx
-   * dateLibInstance={momentTimeZone}
-   * ```
-   */
-  dateLibInstance: import_prop_types.default.any,
-  /**
-   * Locale for components texts
-   */
-  localeText: import_prop_types.default.object
-} : void 0;
-
-// node_modules/@mui/x-internals/esm/warning/warning.js
-var warnedOnceCache = /* @__PURE__ */ new Set();
-function warnOnce(message, gravity = "warning") {
-  if (process.env.NODE_ENV === "production") {
-    return;
-  }
-  const cleanMessage = Array.isArray(message) ? message.join("\n") : message;
-  if (!warnedOnceCache.has(cleanMessage)) {
-    warnedOnceCache.add(cleanMessage);
-    if (gravity === "error") {
-      console.error(cleanMessage);
-    } else {
-      console.warn(cleanMessage);
+    if (value === null || comparing === null) {
+      return false;
     }
-  }
-}
-
-// node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.js
-import dayjs from "dayjs";
-import weekOfYearPlugin from "dayjs/plugin/weekOfYear.js";
-import customParseFormatPlugin from "dayjs/plugin/customParseFormat.js";
-import localizedFormatPlugin from "dayjs/plugin/localizedFormat.js";
-import isBetweenPlugin from "dayjs/plugin/isBetween.js";
-import advancedFormatPlugin from "dayjs/plugin/advancedFormat.js";
-dayjs.extend(localizedFormatPlugin);
-dayjs.extend(weekOfYearPlugin);
-dayjs.extend(isBetweenPlugin);
-dayjs.extend(advancedFormatPlugin);
-var formatTokenMap = {
-  // Year
-  YY: "year",
-  YYYY: {
-    sectionType: "year",
-    contentType: "digit",
-    maxLength: 4
-  },
-  // Month
-  M: {
-    sectionType: "month",
-    contentType: "digit",
-    maxLength: 2
-  },
-  MM: "month",
-  MMM: {
-    sectionType: "month",
-    contentType: "letter"
-  },
-  MMMM: {
-    sectionType: "month",
-    contentType: "letter"
-  },
-  // Day of the month
-  D: {
-    sectionType: "day",
-    contentType: "digit",
-    maxLength: 2
-  },
-  DD: "day",
-  Do: {
-    sectionType: "day",
-    contentType: "digit-with-letter"
-  },
-  // Day of the week
-  d: {
-    sectionType: "weekDay",
-    contentType: "digit",
-    maxLength: 2
-  },
-  dd: {
-    sectionType: "weekDay",
-    contentType: "letter"
-  },
-  ddd: {
-    sectionType: "weekDay",
-    contentType: "letter"
-  },
-  dddd: {
-    sectionType: "weekDay",
-    contentType: "letter"
-  },
-  // Meridiem
-  A: "meridiem",
-  a: "meridiem",
-  // Hours
-  H: {
-    sectionType: "hours",
-    contentType: "digit",
-    maxLength: 2
-  },
-  HH: "hours",
-  h: {
-    sectionType: "hours",
-    contentType: "digit",
-    maxLength: 2
-  },
-  hh: "hours",
-  // Minutes
-  m: {
-    sectionType: "minutes",
-    contentType: "digit",
-    maxLength: 2
-  },
-  mm: "minutes",
-  // Seconds
-  s: {
-    sectionType: "seconds",
-    contentType: "digit",
-    maxLength: 2
-  },
-  ss: "seconds"
-};
-var defaultFormats = {
-  year: "YYYY",
-  month: "MMMM",
-  monthShort: "MMM",
-  dayOfMonth: "D",
-  dayOfMonthFull: "Do",
-  weekday: "dddd",
-  weekdayShort: "dd",
-  hours24h: "HH",
-  hours12h: "hh",
-  meridiem: "A",
-  minutes: "mm",
-  seconds: "ss",
-  fullDate: "ll",
-  keyboardDate: "L",
-  shortDate: "MMM D",
-  normalDate: "D MMMM",
-  normalDateWithWeekday: "ddd, MMM D",
-  fullTime12h: "hh:mm A",
-  fullTime24h: "HH:mm",
-  keyboardDateTime12h: "L hh:mm A",
-  keyboardDateTime24h: "L HH:mm"
-};
-var MISSING_UTC_PLUGIN = ["Missing UTC plugin", "To be able to use UTC or timezones, you have to enable the `utc` plugin", "Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-utc"].join("\n");
-var MISSING_TIMEZONE_PLUGIN = ["Missing timezone plugin", "To be able to use timezones, you have to enable both the `utc` and the `timezone` plugin", "Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-timezone"].join("\n");
-var AdapterDayjs = class {
-  isMUIAdapter = true;
-  isTimezoneCompatible = true;
-  lib = "dayjs";
-  escapedCharacters = {
-    start: "[",
-    end: "]"
+    return value.toDate().getTime() === comparing.toDate().getTime();
   };
-  formatTokenMap = /* @__PURE__ */ (() => formatTokenMap)();
-  constructor({
-    locale,
-    formats
-  } = {}) {
-    this.locale = locale;
-    this.formats = _extends({}, defaultFormats, formats);
-    dayjs.extend(customParseFormatPlugin);
-  }
-  setLocaleToValue = (value) => {
-    const expectedLocale = this.getCurrentLocaleCode();
-    if (expectedLocale === value.locale()) {
-      return value;
-    }
-    return value.locale(expectedLocale);
-  };
-  hasUTCPlugin = () => typeof dayjs.utc !== "undefined";
-  hasTimezonePlugin = () => typeof dayjs.tz !== "undefined";
-  isSame = (value, comparing, comparisonTemplate) => {
-    const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
-    return value.format(comparisonTemplate) === comparingInValueTimezone.format(comparisonTemplate);
-  };
-  /**
-   * Replaces "default" by undefined and "system" by the system timezone before passing it to `dayjs`.
-   */
-  cleanTimezone = (timezone) => {
-    switch (timezone) {
-      case "default": {
-        return void 0;
-      }
-      case "system": {
-        return dayjs.tz.guess();
-      }
-      default: {
-        return timezone;
-      }
-    }
-  };
-  createSystemDate = (value) => {
-    let date;
-    if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
-      const timezone = dayjs.tz.guess();
-      if (timezone === "UTC") {
-        date = dayjs(value);
-      } else {
-        date = dayjs.tz(value, timezone);
-      }
-    } else {
-      date = dayjs(value);
-    }
-    return this.setLocaleToValue(date);
-  };
-  createUTCDate = (value) => {
-    if (!this.hasUTCPlugin()) {
-      throw new Error(MISSING_UTC_PLUGIN);
-    }
-    return this.setLocaleToValue(dayjs.utc(value));
-  };
-  createTZDate = (value, timezone) => {
-    if (!this.hasUTCPlugin()) {
-      throw new Error(MISSING_UTC_PLUGIN);
-    }
-    if (!this.hasTimezonePlugin()) {
-      throw new Error(MISSING_TIMEZONE_PLUGIN);
-    }
-    const keepLocalTime = value !== void 0 && !value.endsWith("Z");
-    return this.setLocaleToValue(dayjs(value).tz(this.cleanTimezone(timezone), keepLocalTime));
-  };
-  getLocaleFormats = () => {
-    const locales = dayjs.Ls;
-    const locale = this.locale || "en";
-    let localeObject = locales[locale];
-    if (localeObject === void 0) {
-      if (process.env.NODE_ENV !== "production") {
-        warnOnce(["MUI X: Your locale has not been found.", "Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.", "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", "fallback on English locale."]);
-      }
-      localeObject = locales.en;
-    }
-    return localeObject.formats;
-  };
-  /**
-   * If the new day does not have the same offset as the old one (when switching to summer day time for example),
-   * Then dayjs will not automatically adjust the offset (moment does).
-   * We have to parse again the value to make sure the `fixOffset` method is applied.
-   * See https://github.com/iamkun/dayjs/blob/b3624de619d6e734cd0ffdbbd3502185041c1b60/src/plugin/timezone/index.js#L72
-   */
-  adjustOffset = (value) => {
-    if (!this.hasTimezonePlugin()) {
-      return value;
-    }
-    const timezone = this.getTimezone(value);
-    if (timezone !== "UTC") {
-      const fixedValue = value.tz(this.cleanTimezone(timezone), true);
-      if (fixedValue.$offset === (value.$offset ?? 0)) {
-        return value;
-      }
-      value.$offset = fixedValue.$offset;
-    }
-    return value;
-  };
-  date = (value, timezone = "default") => {
-    if (value === null) {
-      return null;
-    }
-    if (timezone === "UTC") {
-      return this.createUTCDate(value);
-    }
-    if (timezone === "system" || timezone === "default" && !this.hasTimezonePlugin()) {
-      return this.createSystemDate(value);
-    }
-    return this.createTZDate(value, timezone);
-  };
-  getInvalidDate = () => dayjs(/* @__PURE__ */ new Date("Invalid date"));
-  getTimezone = (value) => {
-    if (this.hasTimezonePlugin()) {
-      const zone = value.$x?.$timezone;
-      if (zone) {
-        return zone;
-      }
-    }
-    if (this.hasUTCPlugin() && value.isUTC()) {
-      return "UTC";
-    }
-    return "system";
-  };
-  setTimezone = (value, timezone) => {
-    if (this.getTimezone(value) === timezone) {
-      return value;
-    }
-    if (timezone === "UTC") {
-      if (!this.hasUTCPlugin()) {
-        throw new Error(MISSING_UTC_PLUGIN);
-      }
-      return value.utc();
-    }
-    if (timezone === "system") {
-      return value.local();
-    }
-    if (!this.hasTimezonePlugin()) {
-      if (timezone === "default") {
-        return value;
-      }
-      throw new Error(MISSING_TIMEZONE_PLUGIN);
-    }
-    return this.setLocaleToValue(dayjs.tz(value, this.cleanTimezone(timezone)));
-  };
-  toJsDate = (value) => {
-    return value.toDate();
-  };
-  parse = (value, format) => {
-    if (value === "") {
-      return null;
-    }
-    return dayjs(value, format, this.locale, true);
-  };
-  getCurrentLocaleCode = () => {
-    return this.locale || "en";
-  };
-  is12HourCycleInCurrentLocale = () => {
-    return /A|a/.test(this.getLocaleFormats().LT || "");
-  };
-  expandFormat = (format) => {
-    const localeFormats = this.getLocaleFormats();
-    const t2 = (formatBis) => formatBis.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (_, a, b) => a || b.slice(1));
-    return format.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (_, a, b) => {
-      const B = b && b.toUpperCase();
-      return a || localeFormats[b] || t2(localeFormats[B]);
-    });
-  };
-  isValid = (value) => {
-    if (value == null) {
-      return false;
-    }
-    return value.isValid();
-  };
-  format = (value, formatKey) => {
-    return this.formatByString(value, this.formats[formatKey]);
-  };
-  formatByString = (value, formatString) => {
-    return this.setLocaleToValue(value).format(formatString);
-  };
-  formatNumber = (numberToFormat) => {
-    return numberToFormat;
-  };
-  isEqual = (value, comparing) => {
-    if (value === null && comparing === null) {
-      return true;
-    }
-    if (value === null || comparing === null) {
-      return false;
-    }
-    return value.toDate().getTime() === comparing.toDate().getTime();
-  };
-  isSameYear = (value, comparing) => {
-    return this.isSame(value, comparing, "YYYY");
+  isSameYear = (value, comparing) => {
+    return this.isSame(value, comparing, "YYYY");
   };
   isSameMonth = (value, comparing) => {
     return this.isSame(value, comparing, "YYYY-MM");
@@ -3103,118 +2471,750 @@ var AdapterDayjs = class {
   setMilliseconds = (value, milliseconds) => {
     return this.adjustOffset(value.set("millisecond", milliseconds));
   };
-  getDaysInMonth = (value) => {
-    return value.daysInMonth();
+  getDaysInMonth = (value) => {
+    return value.daysInMonth();
+  };
+  getWeekArray = (value) => {
+    const start = this.startOfWeek(this.startOfMonth(value));
+    const end = this.endOfWeek(this.endOfMonth(value));
+    let count = 0;
+    let current = start;
+    const nestedWeeks = [];
+    while (current < end) {
+      const weekNumber = Math.floor(count / 7);
+      nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
+      nestedWeeks[weekNumber].push(current);
+      current = this.addDays(current, 1);
+      count += 1;
+    }
+    return nestedWeeks;
+  };
+  getWeekNumber = (value) => {
+    return value.week();
+  };
+  getDayOfWeek(value) {
+    return value.day() + 1;
+  }
+  getYearRange = ([start, end]) => {
+    const startDate = this.startOfYear(start);
+    const endDate = this.endOfYear(end);
+    const years = [];
+    let current = startDate;
+    while (this.isBefore(current, endDate)) {
+      years.push(current);
+      current = this.addYears(current, 1);
+    }
+    return years;
+  };
+};
+
+// src/providers/LayoutProvider.tsx
+import { useEffect as useEffect6, useState as useState10 } from "react";
+import { useTranslation as useTranslation7 } from "react-i18next";
+import * as z from "zod";
+import { cs, en } from "zod/locales";
+
+// src/providers/DialogsProvider.tsx
+import { useCallback, useId, useMemo as useMemo3, useRef as useRef3, useState as useState6 } from "react";
+import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+function DialogsProvider({ children, unmountAfter = 1e3 }) {
+  const [stack, setStack] = useState6([]);
+  const keyPrefix = useId();
+  const nextId = useRef3(0);
+  const dialogMetadata = useRef3(/* @__PURE__ */ new WeakMap());
+  const requestDialog = useEventCallback_default(function open(Component7, payload, options = {}) {
+    const { onClose = async () => {
+    } } = options;
+    let resolve;
+    const promise = new Promise((resolveImpl) => {
+      resolve = resolveImpl;
+    });
+    const key = `${keyPrefix}-${nextId.current}`;
+    nextId.current += 1;
+    const newEntry = {
+      key,
+      open: true,
+      promise,
+      Component: Component7,
+      payload,
+      onClose,
+      resolve
+    };
+    dialogMetadata.current.set(promise, newEntry);
+    setStack((previousStack) => [...previousStack, newEntry]);
+    return promise;
+  });
+  const removeDialogFromStack = useCallback((dialog) => {
+    setStack((previousStack) => previousStack.filter((entry) => entry.promise !== dialog));
+    dialogMetadata.current.delete(dialog);
+  }, []);
+  const closeDialogUi = useEventCallback_default(function closeDialogUi2(dialog) {
+    setStack(
+      (previousStack) => previousStack.map((entry) => entry.promise === dialog ? { ...entry, open: false } : entry)
+    );
+    setTimeout(() => removeDialogFromStack(dialog), unmountAfter);
+  });
+  const closeDialog = useEventCallback_default(async function closeDialog2(dialog, result) {
+    const entryToClose = dialogMetadata.current.get(dialog);
+    if (!entryToClose) {
+      throw new Error("Dialog not found in stack");
+    }
+    try {
+      await entryToClose.onClose(result);
+    } finally {
+      entryToClose.resolve(result);
+      closeDialogUi(dialog);
+    }
+    return dialog;
+  });
+  const contextValue = useMemo3(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
+  return /* @__PURE__ */ jsxs12(DialogsContext.Provider, { value: contextValue, children: [
+    children,
+    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx22(
+      Component7,
+      {
+        payload,
+        open,
+        onClose: async (result) => {
+          await closeDialog(promise, result);
+        }
+      },
+      key
+    ))
+  ] });
+}
+
+// src/utils/i18n.ts
+import { createIsomorphicFn } from "@tanstack/react-start";
+import { getCookie } from "@tanstack/react-start/server";
+import i18n from "i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+import HttpBackend from "i18next-http-backend";
+import { initReactI18next } from "react-i18next";
+import { default as default2 } from "i18next";
+var i18nCookieName = "i18nextLng";
+i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
+  fallbackLng: "en",
+  detection: {
+    order: ["cookie"],
+    lookupCookie: i18nCookieName,
+    caches: ["cookie"],
+    cookieMinutes: 60 * 24 * 365
+  },
+  interpolation: { escapeValue: false }
+});
+var setSSRLanguage = createIsomorphicFn().server(async () => {
+  const language = getCookie(i18nCookieName);
+  await i18n.changeLanguage(language || "en");
+});
+
+// src/contexts/LayoutContext.ts
+import { createContext as createContext4, useContext as useContext4 } from "react";
+var LayoutContext = createContext4(null);
+
+// src/components/core/Layout.tsx
+import Menu3 from "@mui/icons-material/Menu";
+import MenuOpen from "@mui/icons-material/MenuOpen";
+import { AppBar, Box as Box9, CssBaseline, IconButton as IconButton5, InitColorSchemeScript, LinearProgress, Toolbar } from "@mui/material";
+import { ThemeProvider, styled as styled2 } from "@mui/material/styles";
+import { useIsFetching, useIsMutating } from "@tanstack/react-query";
+import useLocalStorageState from "use-local-storage-state";
+
+// src/components/core/navigation/NavigationRail.tsx
+import { useMediaQuery } from "@mui/material";
+import Box7 from "@mui/material/Box";
+import Drawer from "@mui/material/Drawer";
+import { useTheme as useTheme2 } from "@mui/material/styles";
+import { useNavigate, useRouterState as useRouterState2 } from "@tanstack/react-router";
+
+// src/components/core/navigation/NavigationList.tsx
+import Divider3 from "@mui/material/Divider";
+import List3 from "@mui/material/List";
+import ListSubheader from "@mui/material/ListSubheader";
+import { Fragment as Fragment5, useEffect as useEffect5, useState as useState8 } 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 Popper from "@mui/material/Popper";
+import ListItem from "@mui/material/ListItem";
+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 useMemo4, useState as useState7 } from "react";
+import { Collapse } from "@mui/material";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+var ICON_SIZE = 34;
+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": {
+      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 IconOrAvatar = ({ item, collapsed }) => {
+  if (item.icon || collapsed) {
+    return /* @__PURE__ */ jsxs13(Box6, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
+      /* @__PURE__ */ jsxs13(ListItemIcon3, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
+        item.icon ?? null,
+        !item.icon && collapsed ? /* @__PURE__ */ jsx23(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
+      ] }),
+      collapsed ? /* @__PURE__ */ jsx23(
+        Typography7,
+        {
+          variant: "caption",
+          sx: {
+            position: "absolute",
+            bottom: -18,
+            left: "50%",
+            transform: "translateX(-50%)",
+            fontSize: 10,
+            fontWeight: 500,
+            textAlign: "center",
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            maxWidth: MINI_WIDTH - 28
+          },
+          children: item.title
+        }
+      ) : null
+    ] });
+  }
+  return null;
+};
+var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx23(
+  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__ */ jsx23(
+      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] = useState7(null);
+  const [anchorElement, setAnchorElement] = useState7(null);
+  const chevronSx = useMemo4(() => {
+    if (collapsed && isSidebarFullyCollapsed && item.children) {
+      return {
+        fontSize: 18,
+        position: "absolute",
+        top: "41.5%",
+        right: "2px",
+        transform: "translateY(-50%) rotate(-90deg)"
+      };
+    }
+    if (!collapsed && isSidebarFullyExpanded && item.children) {
+      return {
+        ml: 0.5,
+        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__ */ jsxs13(Fragment4, { children: [
+    /* @__PURE__ */ jsx23(IconOrAvatar, { item, collapsed }),
+    !collapsed && /* @__PURE__ */ jsx23(
+      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__ */ jsx23(ExpandMoreIcon, { sx: chevronSx }) : null
+  ] });
+  const listItem = /* @__PURE__ */ jsxs13(
+    ListItem,
+    {
+      ...item.children && collapsed ? {
+        onMouseEnter: (event) => {
+          setAnchorElement(event.currentTarget);
+          setHoveredPopoverItem(item.title);
+        },
+        onMouseLeave: () => {
+          setHoveredPopoverItem(null);
+        }
+      } : {},
+      sx: { py: 0, px: 1, overflowX: "hidden" },
+      children: [
+        shouldJustExpand ? /* @__PURE__ */ jsx23(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx23(
+          StyledRouterButton,
+          {
+            ...buttonProps,
+            to: item.to,
+            href: item.href,
+            params: item.params,
+            search: item.search,
+            children: buttonContent
+          }
+        ),
+        item.children && collapsed ? /* @__PURE__ */ jsx23(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs13(Fragment3, { children: [
+    listItem,
+    item.children && !collapsed ? /* @__PURE__ */ jsx23(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
+  ] }, item.to);
+};
+
+// src/components/core/navigation/NavigationList.tsx
+import { jsx as jsx24 } 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";
+var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate }) => {
+  const [openKeys, setOpenKeys] = useState8([]);
+  useEffect5(() => {
+    if (collapsed) setOpenKeys([]);
+  }, [collapsed]);
+  const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
+  const renderNested = (children) => /* @__PURE__ */ jsx24(
+    NavigationList,
+    {
+      subNavigation: children,
+      depth: depth + 1,
+      isPopover: collapsed,
+      expandedWidth,
+      activePath,
+      onNavigate
+    }
+  );
+  const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
+  return /* @__PURE__ */ jsx24(
+    List3,
+    {
+      sx: {
+        padding: 0,
+        mt: isPopover && depth === 1 ? 0.5 : 0,
+        mb: depth === 0 && !isPopover ? 4 : 0.5,
+        pl: (isPopover ? 1 : 2) * (isPopover ? depth - 1 : depth),
+        minWidth: isPopover && depth === 1 ? EXPANDED_WIDTH : "auto",
+        width: collapsed ? MINI_WIDTH : "auto"
+      },
+      children: filteredNavigation.map((navItem, index) => {
+        if (isHeader(navItem)) {
+          return /* @__PURE__ */ jsx24(
+            ListSubheader,
+            {
+              sx: {
+                fontSize: 12,
+                fontWeight: "700",
+                height: collapsed ? 0 : 40,
+                px: 2,
+                minWidth: expandedWidth,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                zIndex: 2,
+                bgcolor: "transparent",
+                position: "static"
+              },
+              children: navItem.title
+            },
+            `subheader-${depth}-${index}`
+          );
+        }
+        if (isDivider(navItem)) {
+          const nextItem = filteredNavigation[index + 1];
+          return /* @__PURE__ */ jsx24("li", { children: /* @__PURE__ */ jsx24(Divider3, { sx: { mx: 1, mt: 1, mb: 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__ */ jsx24(Fragment5, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
+        return /* @__PURE__ */ jsx24(
+          NavigationListItem,
+          {
+            item: navItem,
+            isOpen: openKeys.includes(uniqueItemKey),
+            selected: activePath === navItem.to,
+            collapsed,
+            isSidebarFullyExpanded,
+            isSidebarFullyCollapsed,
+            onClick: navItem.children && !collapsed ? () => toggleKey(uniqueItemKey) : void 0,
+            renderNested
+          },
+          key
+        );
+      })
+    }
+  );
+};
+
+// src/components/core/navigation/NavigationRail.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var MINI_WIDTH = 84;
+var EXPANDED_WIDTH = 320;
+var TOOLBAR_HEIGHT = 65;
+var NavigationRail = ({ navigation, expanded, setExpanded }) => {
+  const navigate = useNavigate();
+  const routerState = useRouterState2();
+  const theme = useTheme2();
+  const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
+  const drawerContent = (collapsed) => /* @__PURE__ */ jsx25(
+    Box7,
+    {
+      component: "nav",
+      sx: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between",
+        overflow: "auto",
+        scrollbarGutter: collapsed ? "stable" : "auto",
+        overflowX: "hidden",
+        pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
+      },
+      children: /* @__PURE__ */ jsx25(
+        NavigationList,
+        {
+          subNavigation: navigation,
+          collapsed,
+          isSidebarFullyExpanded: expanded,
+          isSidebarFullyCollapsed: !expanded,
+          expandedWidth: EXPANDED_WIDTH,
+          activePath: routerState.location.pathname,
+          onNavigate: navigate
+        }
+      )
+    }
+  );
+  if (showPermanent)
+    return /* @__PURE__ */ jsx25(
+      Drawer,
+      {
+        variant: "permanent",
+        sx: {
+          width: expanded ? EXPANDED_WIDTH : MINI_WIDTH,
+          ["& .MuiDrawer-paper"]: {
+            position: "absolute",
+            top: `${TOOLBAR_HEIGHT}px`,
+            height: `calc(100% - ${TOOLBAR_HEIGHT}px)`,
+            width: expanded ? EXPANDED_WIDTH : MINI_WIDTH
+          }
+        },
+        children: drawerContent(!expanded)
+      }
+    );
+  return /* @__PURE__ */ jsx25(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
+};
+
+// src/components/core/ToolbarAccount.tsx
+import AccountCircle from "@mui/icons-material/AccountCircle";
+import ArrowBack from "@mui/icons-material/ArrowBack";
+import Brightness4 from "@mui/icons-material/Brightness4";
+import ChevronRight from "@mui/icons-material/ChevronRight";
+import DarkMode from "@mui/icons-material/DarkMode";
+import LightMode from "@mui/icons-material/LightMode";
+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 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 useState9 } from "react";
+import { useTranslation as useTranslation5 } from "react-i18next";
+
+// src/auth-test/keycloak.ts
+import { useRouter } from "@tanstack/react-router";
+import Keycloak from "keycloak-js";
+var keycloakConfig = {
+  url: import.meta.env.VITE_KEYCLOAK_URL,
+  realm: import.meta.env.VITE_KEYCLOAK_REALM,
+  clientId: import.meta.env.VITE_KEYCLOAK_CLIENT_ID,
+  idpHint: import.meta.env.VITE_KEYCLOAK_IDP_HINT,
+  confidentialClientId: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
+  confidentialClientSecret: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_SECRET
+};
+function useKeycloak() {
+  const routerContext = useRouter();
+  const keycloak = routerContext.options.context.keycloak;
+  return keycloak;
+}
+
+// src/components/core/ToolbarAccount.tsx
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+var ToolbarAccount = () => {
+  const [anchorElement, setAnchorElement] = useState9();
+  const [tab, setTab] = useState9("settings");
+  const open = Boolean(anchorElement);
+  const { t: t2, i18n: i18n2 } = useTranslation5();
+  const { mode, setMode } = useColorScheme();
+  const changeLanguage = (newLanguage) => () => {
+    i18n2.changeLanguage(newLanguage).finally(() => closeMenu());
+  };
+  const changeMode = (newMode) => () => {
+    setMode(newMode);
+    closeMenu();
   };
-  getWeekArray = (value) => {
-    const start = this.startOfWeek(this.startOfMonth(value));
-    const end = this.endOfWeek(this.endOfMonth(value));
-    let count = 0;
-    let current = start;
-    const nestedWeeks = [];
-    while (current < end) {
-      const weekNumber = Math.floor(count / 7);
-      nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
-      nestedWeeks[weekNumber].push(current);
-      current = this.addDays(current, 1);
-      count += 1;
+  const keycloak = useKeycloak();
+  const user = keycloak.user;
+  const getModeText = () => {
+    switch (mode) {
+      case "light": {
+        return t2("Layout.Light");
+      }
+      case "dark": {
+        return t2("Layout.Dark");
+      }
+      default: {
+        return t2("Layout.System");
+      }
     }
-    return nestedWeeks;
   };
-  getWeekNumber = (value) => {
-    return value.week();
+  const usernameInitials = () => {
+    if (!user?.name) return "";
+    const splittedName = user.name.split(" ");
+    return `${splittedName[0][0]}${splittedName.length > 1 ? splittedName[1][0] : ""}`;
   };
-  getDayOfWeek(value) {
-    return value.day() + 1;
-  }
-  getYearRange = ([start, end]) => {
-    const startDate = this.startOfYear(start);
-    const endDate = this.endOfYear(end);
-    const years = [];
-    let current = startDate;
-    while (this.isBefore(current, endDate)) {
-      years.push(current);
-      current = this.addYears(current, 1);
-    }
-    return years;
+  const openMenu = (event) => setAnchorElement(event.currentTarget);
+  const closeMenu = () => {
+    setAnchorElement(void 0);
+    setTimeout(() => setTab("settings"), 300);
   };
+  const changeTab = (newTab) => () => setTab(newTab);
+  const settings = /* @__PURE__ */ jsxs14(List4, { component: "nav", subheader: /* @__PURE__ */ jsx26(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
+    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Brightness4, {}) }),
+      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Appearance"), secondary: getModeText() }),
+      /* @__PURE__ */ jsx26(ChevronRight, {})
+    ] }),
+    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Translate, {}) }),
+      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
+      /* @__PURE__ */ jsx26(ChevronRight, {})
+    ] })
+  ] });
+  const theme = /* @__PURE__ */ jsxs14(List4, { subheader: /* @__PURE__ */ jsxs14(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx26(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx26(ArrowBack, { fontSize: "small" }) }),
+    " ",
+    t2("Layout.Appearance")
+  ] }), children: [
+    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeMode("light"), disabled: mode === "light", children: [
+      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(LightMode, {}) }),
+      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Light") })
+    ] }),
+    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
+      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(DarkMode, {}) }),
+      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Dark") })
+    ] }),
+    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeMode("system"), disabled: mode === "system", children: [
+      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(SettingsBrightness, {}) }),
+      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.System") })
+    ] })
+  ] });
+  const language = /* @__PURE__ */ jsxs14(List4, { subheader: /* @__PURE__ */ jsxs14(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx26(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx26(ArrowBack, { fontSize: "small" }) }),
+    " ",
+    t2("Layout.Language")
+  ] }), children: [
+    /* @__PURE__ */ jsx26(ListItemButton5, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ jsx26(ListItemText4, { primary: "English" }) }),
+    /* @__PURE__ */ jsx26(ListItemButton5, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx26(ListItemText4, { primary: "\u010Ce\u0161tina" }) })
+  ] });
+  return /* @__PURE__ */ jsxs14(Fragment6, { children: [
+    /* @__PURE__ */ jsx26(IconButton4, { size: "small", edge: "end", onClick: openMenu, children: user?.name ? /* @__PURE__ */ jsx26(Avatar2, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx26(Typography8, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx26(AccountCircle, { fontSize: "large" }) }),
+    /* @__PURE__ */ jsx26(Menu2, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs14(Box8, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ jsx26(List4, { children: user?.name ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
+        /* @__PURE__ */ jsx26(ListItem2, { children: /* @__PURE__ */ jsx26(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs14("span", { children: [
+          /* @__PURE__ */ jsx26("span", { children: user.employeeId }),
+          /* @__PURE__ */ jsx26("br", {}),
+          /* @__PURE__ */ jsx26("span", { children: user.department })
+        ] }) }) }),
+        /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => keycloak.logout(), children: [
+          /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Logout, { color: "error" }) }),
+          /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Logout") })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => keycloak.login(), children: [
+        /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Login, { color: "success" }) }),
+        /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.LogIn") })
+      ] }) }),
+      tab === "settings" && settings,
+      tab === "theme" && theme,
+      tab === "language" && language
+    ] }) })
+  ] });
 };
 
-// src/providers/LayoutProvider.tsx
-import { useEffect as useEffect6, useState as useState10 } from "react";
-import { useTranslation as useTranslation7 } from "react-i18next";
-import * as z from "zod";
-import { cs, en } from "zod/locales";
+// src/hooks/ThemeHook.ts
+import { createTheme, darken, lighten } from "@mui/material";
+import { grey as grey2 } from "@mui/material/colors";
+import { csCZ, enUS } from "@mui/material/locale";
+import { csCZ as dataGridCsCz, enUS as dataGridEnUs } from "@mui/x-data-grid-premium/locales";
+import { csCZ as datePickersCsCz, enUS as datePickersEnUs } from "@mui/x-date-pickers-pro/locales";
+import { useTranslation as useTranslation6 } from "react-i18next";
+var WISTRON_PRIMARY_COLOR = "#00506E";
+var WISTRON_SECONDARY_COLOR = "#64DC00";
+var useGetTheme = (theme) => {
+  const { i18n: i18n2 } = useTranslation6();
+  return createTheme(
+    {
+      cssVariables: {
+        colorSchemeSelector: "data-mui-color-scheme"
+      },
+      colorSchemes: {
+        light: {
+          palette: {
+            primary: { main: WISTRON_PRIMARY_COLOR },
+            secondary: { main: WISTRON_SECONDARY_COLOR }
+          }
+        },
+        dark: {
+          palette: {
+            primary: { main: lighten(WISTRON_PRIMARY_COLOR, 0.5) },
+            secondary: { main: darken(WISTRON_SECONDARY_COLOR, 0.5) }
+          }
+        },
+        ...theme?.colorSchemes
+      },
+      components: {
+        MuiCssBaseline: {
+          styleOverrides: ({ palette }) => {
+            return {
+              body: {
+                "&::-webkit-scrollbar, & *::-webkit-scrollbar": {
+                  width: "0.7em",
+                  height: "0.7em"
+                },
+                "&::-webkit-scrollbar-track, & *::-webkit-scrollbar-track": {
+                  backgroundColor: palette.mode === "dark" ? grey2[900] : grey2[200],
+                  borderRadius: "5px"
+                },
+                "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
+                  backgroundColor: palette.mode === "dark" ? grey2[800] : grey2[400],
+                  borderRadius: "10px"
+                },
+                "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
+                  backgroundColor: palette.mode === "dark" ? grey2[700] : grey2[500]
+                },
+                "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
+                  backgroundColor: "transparent"
+                }
+              }
+            };
+          }
+        },
+        ...theme?.components
+      }
+    },
+    i18n2.resolvedLanguage === "cs" ? datePickersCsCz : datePickersEnUs,
+    i18n2.resolvedLanguage === "cs" ? dataGridCsCz : dataGridEnUs,
+    i18n2.resolvedLanguage === "cs" ? csCZ : enUS
+  );
+};
 
-// src/providers/DialogsProvider.tsx
-import { useCallback, useId, useMemo as useMemo4, useRef as useRef3, useState as useState9 } from "react";
+// src/components/core/Layout.tsx
 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(Component7, payload, options = {}) {
-    const { onClose = async () => {
-    } } = options;
-    let resolve;
-    const promise = new Promise((resolveImpl) => {
-      resolve = resolveImpl;
-    });
-    const key = `${keyPrefix}-${nextId.current}`;
-    nextId.current += 1;
-    const newEntry = {
-      key,
-      open: true,
-      promise,
-      Component: Component7,
-      payload,
-      onClose,
-      resolve
-    };
-    dialogMetadata.current.set(promise, newEntry);
-    setStack((previousStack) => [...previousStack, newEntry]);
-    return promise;
-  });
-  const removeDialogFromStack = useCallback((dialog) => {
-    setStack((previousStack) => previousStack.filter((entry) => entry.promise !== dialog));
-    dialogMetadata.current.delete(dialog);
-  }, []);
-  const closeDialogUi = useEventCallback_default(function closeDialogUi2(dialog) {
-    setStack(
-      (previousStack) => previousStack.map((entry) => entry.promise === dialog ? { ...entry, open: false } : entry)
-    );
-    setTimeout(() => removeDialogFromStack(dialog), unmountAfter);
-  });
-  const closeDialog = useEventCallback_default(async function closeDialog2(dialog, result) {
-    const entryToClose = dialogMetadata.current.get(dialog);
-    if (!entryToClose) {
-      throw new Error("Dialog not found in stack");
-    }
-    try {
-      await entryToClose.onClose(result);
-    } finally {
-      entryToClose.resolve(result);
-      closeDialogUi(dialog);
-    }
-    return dialog;
-  });
-  const contextValue = useMemo4(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
-  return /* @__PURE__ */ jsxs15(DialogsContext.Provider, { value: contextValue, children: [
-    children,
-    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx27(
-      Component7,
-      {
-        payload,
-        open,
-        onClose: async (result) => {
-          await closeDialog(promise, result);
+var DrawerHeader = styled2("div")(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  padding: theme.spacing(0, 1),
+  ...theme.mixins.toolbar
+}));
+var Layout = (props) => {
+  const theme = useGetTheme(props.theme);
+  const [navigationOpen, setNavigationOpen] = useLocalStorageState("navigationOpen", { defaultServerValue: false });
+  const isFetching = !!useIsFetching();
+  const isMutating = !!useIsMutating();
+  return /* @__PURE__ */ jsxs15(ThemeProvider, { theme, children: [
+    /* @__PURE__ */ jsx27(InitColorSchemeScript, {}),
+    /* @__PURE__ */ jsx27(CssBaseline, {}),
+    /* @__PURE__ */ jsxs15(Box9, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
+      /* @__PURE__ */ jsx27(
+        AppBar,
+        {
+          color: "transparent",
+          position: "fixed",
+          sx: {
+            borderBottom: "1px solid",
+            borderColor: theme.vars?.palette.divider,
+            boxShadow: "none"
+          },
+          children: /* @__PURE__ */ jsxs15(Toolbar, { children: [
+            props.navigation && /* @__PURE__ */ jsx27(
+              IconButton5,
+              {
+                onClick: () => setNavigationOpen((previous) => !previous),
+                sx: { marginRight: 2 },
+                children: navigationOpen ? /* @__PURE__ */ jsx27(MenuOpen, {}) : /* @__PURE__ */ jsx27(Menu3, {})
+              }
+            ),
+            /* @__PURE__ */ jsx27(AppTitle, {}),
+            /* @__PURE__ */ jsx27(ToolbarAccount, {})
+          ] })
         }
-      },
-      key
-    ))
+      ),
+      props.navigation && /* @__PURE__ */ jsx27(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
+      /* @__PURE__ */ jsxs15(Box9, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx27(DrawerHeader, {}),
+        /* @__PURE__ */ jsx27(Box9, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
+      ] })
+    ] }),
+    (isFetching || isMutating) && /* @__PURE__ */ jsx27(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
   ] });
-}
+};
 
 // src/providers/LayoutProvider.tsx
 import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";