wcz-test 4.6.11 → 4.7.0

package/dist/index.js

@@ -1158,7 +1158,7 @@ import { useState as useState5 } from "react";
 import MoreVert from "@mui/icons-material/MoreVert";
 import { Box as Box3, IconButton, ImageListItem, ImageListItemBar, Stack as Stack4, Tooltip } from "@mui/material";
 import { grey } from "@mui/material/colors";
-import { Fragment, useEffect as useEffect3, useState as useState3 } from "react";
+import { Fragment, useEffect as useEffect2, useState as useState3 } from "react";
 
 // src/components/file/fileViewer/common/ActionsMenu.tsx
 import Delete from "@mui/icons-material/Delete";
@@ -1179,7 +1179,7 @@ var useFile = () => {
 
 // src/hooks/DialogsHooks.tsx
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle, useEventCallback } from "@mui/material";
-import { useContext as useContext2, useEffect as useEffect2, useMemo, useRef as useRef2 } from "react";
+import { useContext as useContext2, useMemo } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 
 // src/contexts/DialogsContext.ts
@@ -1190,30 +1190,20 @@ var DialogsContext = createContext2({});
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function AlertDialog({ open, payload, onClose }) {
   const { t: t2 } = useTranslation2();
-  const buttonRef = useRef2(null);
-  useEffect2(() => {
-    if (open && buttonRef.current)
-      setTimeout(() => buttonRef.current?.focus());
-  }, [open]);
-  return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
+  return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), disableRestoreFocus: true, children: [
     /* @__PURE__ */ jsx5(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
     /* @__PURE__ */ jsx5(DialogContent, { children: payload.message }),
-    /* @__PURE__ */ jsx5(DialogActions, { children: /* @__PURE__ */ jsx5(Button, { ref: buttonRef, onClick: () => onClose(), children: t2("Layout.Dialog.Confirm") }) })
+    /* @__PURE__ */ jsx5(DialogActions, { children: /* @__PURE__ */ jsx5(Button, { onClick: () => onClose(), autoFocus: true, children: t2("Layout.Dialog.Confirm") }) })
   ] });
 }
 function ConfirmDialog({ open, payload, onClose }) {
   const { t: t2 } = useTranslation2();
-  const buttonRef = useRef2(null);
-  useEffect2(() => {
-    if (open && buttonRef.current)
-      setTimeout(() => buttonRef.current?.focus());
-  }, [open]);
-  return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
+  return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), disableRestoreFocus: true, children: [
     /* @__PURE__ */ jsx5(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
     /* @__PURE__ */ jsx5(DialogContent, { children: payload.message }),
     /* @__PURE__ */ jsxs4(DialogActions, { children: [
       /* @__PURE__ */ jsx5(Button, { onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
-      /* @__PURE__ */ jsx5(Button, { ref: buttonRef, onClick: () => onClose(true), children: t2("Layout.Dialog.Confirm") })
+      /* @__PURE__ */ jsx5(Button, { onClick: () => onClose(true), autoFocus: true, children: t2("Layout.Dialog.Confirm") })
     ] })
   ] });
 }
@@ -1284,7 +1274,7 @@ var rootRouteHead = ({ title }) => () => ({
     { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" },
     { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png" },
     { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png" },
-    { rel: "manifest", href: "/site.webmanifest" },
+    { rel: "manifest", href: "/manifest" },
     { rel: "icon", href: "/favicon.ico" }
   ]
 });
@@ -1521,7 +1511,7 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
   const { setImageId, actions } = useFile();
   const [showItemBar, setShowItemBar] = useState3(itemBar === "always");
   const [menu, setMenu] = useState3(null);
-  useEffect3(() => {
+  useEffect2(() => {
     setShowItemBar(itemBar === "always");
   }, [itemBar]);
   const { data: source } = useGetFileThumbnail(meta);
@@ -1645,13 +1635,13 @@ var ListFileViewerItem = ({ meta }) => {
 // src/components/file/fileViewer/ImageViewer.tsx
 import Close from "@mui/icons-material/Close";
 import { Box as Box4, Dialog as Dialog2, Fab } from "@mui/material";
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect3 } from "react";
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var ImageViewer = ({ metaId }) => {
   const { fileMetas, setImageId } = useFile();
   const meta = fileMetas.find((m) => m.id === metaId);
   const { data: source } = useGetFile(meta);
-  useEffect4(() => {
+  useEffect3(() => {
     if (metaId)
       globalThis.addEventListener("keydown", handleOnKeydown);
     return () => {
@@ -1836,6 +1826,9 @@ var RouterError = ({ error }) => {
   ] }) });
 };
 
+// src/providers/LayoutProvider.tsx
+import { ThemeProvider } from "@mui/material";
+
 // node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {
@@ -2600,94 +2593,11 @@ var AdapterDayjs = class {
 };
 
 // src/providers/LayoutProvider.tsx
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect6 } 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 useRef4, useState as useState6 } from "react";
-import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
-function DialogsProvider({ children, unmountAfter = 1e3 }) {
-  const [stack, setStack] = useState6([]);
-  const keyPrefix = useId();
-  const nextId = useRef4(0);
-  const dialogMetadata = useRef4(/* @__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__ */ jsxs13(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/providers/LayoutProvider.tsx
-import { ThemeProvider } from "@mui/material";
-
-// src/utils/i18n.ts
-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";
-i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
-  fallbackLng: "en",
-  interpolation: { escapeValue: false }
-});
-
 // src/components/core/Layout.tsx
 import Menu3 from "@mui/icons-material/Menu";
 import MenuOpen from "@mui/icons-material/MenuOpen";
@@ -2708,7 +2618,7 @@ import { useNavigate, useRouterState as useRouterState2 } from "@tanstack/react-
 import Divider3 from "@mui/material/Divider";
 import List3 from "@mui/material/List";
 import ListSubheader from "@mui/material/ListSubheader";
-import { Fragment as Fragment5, useEffect as useEffect6, useState as useState8 } from "react";
+import { Fragment as Fragment5, useEffect as useEffect5, useState as useState7 } from "react";
 
 // src/components/core/navigation/NavigationListItem.tsx
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
@@ -2722,9 +2632,9 @@ 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 { Fragment as Fragment3, useMemo as useMemo3, useState as useState6 } from "react";
 import { Collapse } from "@mui/material";
-import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 var ICON_SIZE = 34;
 var StyledNavButton = styled(ListItemButton4)(({ theme }) => ({
   borderRadius: 8,
@@ -2768,12 +2678,12 @@ var StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
 }));
 var IconOrAvatar = ({ item, collapsed }) => {
   if (item.icon || collapsed) {
-    return /* @__PURE__ */ jsxs14(Box7, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
-      /* @__PURE__ */ jsxs14(ListItemIcon3, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
+    return /* @__PURE__ */ jsxs13(Box7, { 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
+        !item.icon && collapsed ? /* @__PURE__ */ jsx22(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
       ] }),
-      collapsed ? /* @__PURE__ */ jsx23(
+      collapsed ? /* @__PURE__ */ jsx22(
         Typography7,
         {
           variant: "caption",
@@ -2797,7 +2707,7 @@ var IconOrAvatar = ({ item, collapsed }) => {
   }
   return null;
 };
-var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx23(
+var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx22(
   Popper,
   {
     open,
@@ -2808,7 +2718,7 @@ var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx23(
       { name: "preventOverflow", options: { padding: 8 } },
       { name: "flip", options: { fallbackPlacements: ["right-end", "left-start"] } }
     ],
-    children: /* @__PURE__ */ jsx23(
+    children: /* @__PURE__ */ jsx22(
       Paper2,
       {
         sx: {
@@ -2824,9 +2734,9 @@ var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx23(
   }
 );
 var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested, onClose }) => {
-  const [hoveredPopoverItem, setHoveredPopoverItem] = useState7(null);
-  const [anchorElement, setAnchorElement] = useState7(null);
-  const chevronSx = useMemo4(() => {
+  const [hoveredPopoverItem, setHoveredPopoverItem] = useState6(null);
+  const [anchorElement, setAnchorElement] = useState6(null);
+  const chevronSx = useMemo3(() => {
     if (collapsed && isSidebarFullyCollapsed && item.children) {
       return {
         fontSize: 18,
@@ -2850,9 +2760,9 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
     disabled,
     sx: { px: 1.4, height: collapsed ? 60 : 48 }
   };
-  const buttonContent = /* @__PURE__ */ jsxs14(Fragment4, { children: [
-    /* @__PURE__ */ jsx23(IconOrAvatar, { item, collapsed }),
-    !collapsed && /* @__PURE__ */ jsx23(
+  const buttonContent = /* @__PURE__ */ jsxs13(Fragment4, { children: [
+    /* @__PURE__ */ jsx22(IconOrAvatar, { item, collapsed }),
+    !collapsed && /* @__PURE__ */ jsx22(
       ListItemText3,
       {
         primary: item.title,
@@ -2860,9 +2770,9 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
         sx: { ml: 1.2, flex: 1, minWidth: 0, "& .MuiTypography-root": { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }
       }
     ),
-    item.children ? /* @__PURE__ */ jsx23(ExpandMoreIcon, { sx: chevronSx }) : null
+    item.children ? /* @__PURE__ */ jsx22(ExpandMoreIcon, { sx: chevronSx }) : null
   ] });
-  const listItem = /* @__PURE__ */ jsxs14(
+  const listItem = /* @__PURE__ */ jsxs13(
     ListItem,
     {
       ...item.children && collapsed ? {
@@ -2876,7 +2786,7 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
       } : {},
       sx: { py: 0, px: 1, overflowX: "hidden" },
       children: [
-        shouldJustExpand ? /* @__PURE__ */ jsx23(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx23(
+        shouldJustExpand ? /* @__PURE__ */ jsx22(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx22(
           StyledRouterButton,
           {
             ...buttonProps,
@@ -2888,28 +2798,28 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
             children: buttonContent
           }
         ),
-        item.children && collapsed ? /* @__PURE__ */ jsx23(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
+        item.children && collapsed ? /* @__PURE__ */ jsx22(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
       ]
     }
   );
-  return /* @__PURE__ */ jsxs14(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs13(Fragment3, { children: [
     listItem,
-    item.children && !collapsed ? /* @__PURE__ */ jsx23(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
+    item.children && !collapsed ? /* @__PURE__ */ jsx22(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
   ] }, item.to);
 };
 
 // src/components/core/navigation/NavigationList.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var isPageItem = (item) => !("kind" in item);
 var isDivider = (item) => "kind" in item && item.kind === "divider";
 var isHeader = (item) => "kind" in item && item.kind === "header";
 var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate, onClose }) => {
-  const [openKeys, setOpenKeys] = useState8([]);
-  useEffect6(() => {
+  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__ */ jsx24(
+  const renderNested = (children) => /* @__PURE__ */ jsx23(
     NavigationList,
     {
       subNavigation: children,
@@ -2922,7 +2832,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
     }
   );
   const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     List3,
     {
       sx: {
@@ -2935,7 +2845,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
       },
       children: filteredNavigation.map((navItem, index) => {
         if (isHeader(navItem)) {
-          return /* @__PURE__ */ jsx24(
+          return /* @__PURE__ */ jsx23(
             ListSubheader,
             {
               sx: {
@@ -2958,13 +2868,13 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
         }
         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}`);
+          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__ */ jsx24(Fragment5, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
-        return /* @__PURE__ */ jsx24(
+        if (renderItem) return /* @__PURE__ */ jsx23(Fragment5, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
+        return /* @__PURE__ */ jsx23(
           NavigationListItem,
           {
             item: navItem,
@@ -2985,7 +2895,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
 };
 
 // src/components/core/navigation/NavigationRail.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var MINI_WIDTH = 84;
 var EXPANDED_WIDTH = 320;
 var TOOLBAR_HEIGHT = 64;
@@ -2994,7 +2904,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
   const routerState = useRouterState2();
   const theme = useTheme2();
   const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
-  const drawerContent = (collapsed) => /* @__PURE__ */ jsx25(
+  const drawerContent = (collapsed) => /* @__PURE__ */ jsx24(
     Box8,
     {
       component: "nav",
@@ -3008,7 +2918,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
         overflowX: "hidden",
         pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
       },
-      children: /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsx24(
         NavigationList,
         {
           subNavigation: navigation,
@@ -3024,7 +2934,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
     }
   );
   if (showPermanent)
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx24(
       Drawer,
       {
         variant: "permanent",
@@ -3042,7 +2952,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
         children: drawerContent(!expanded)
       }
     );
-  return /* @__PURE__ */ jsx25(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
+  return /* @__PURE__ */ jsx24(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
 };
 
 // src/components/core/ToolbarAccount.tsx
@@ -3057,17 +2967,17 @@ 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 Box9, 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 { Fragment as Fragment6, useState as useState8 } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 var ToolbarAccount = () => {
-  const [anchorElement, setAnchorElement] = useState9();
-  const [tab, setTab] = useState9("settings");
+  const [anchorElement, setAnchorElement] = useState8();
+  const [tab, setTab] = useState8("settings");
   const open = Boolean(anchorElement);
-  const { t: t2, i18n: i18n2 } = useTranslation5();
+  const { t: t2, i18n } = useTranslation5();
   const { mode, setMode } = useColorScheme();
   const changeLanguage = (newLanguage) => () => {
-    i18n2.changeLanguage(newLanguage).finally(() => closeMenu());
+    i18n.changeLanguage(newLanguage).finally(() => closeMenu());
   };
   const changeMode = (newMode) => () => {
     setMode(newMode);
@@ -3102,60 +3012,60 @@ var ToolbarAccount = () => {
     setTimeout(() => setTab("settings"), 300);
   };
   const changeTab = (newTab) => () => setTab(newTab);
-  const settings = /* @__PURE__ */ jsxs15(List4, { component: "nav", subheader: /* @__PURE__ */ jsx26(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
-    /* @__PURE__ */ jsxs15(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, {})
+  const settings = /* @__PURE__ */ jsxs14(List4, { component: "nav", subheader: /* @__PURE__ */ jsx25(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
+    /* @__PURE__ */ jsxs14(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__ */ jsxs15(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, {})
+    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Translate, {}) }),
+      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Language"), secondary: i18n.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
+      /* @__PURE__ */ jsx25(ChevronRight, {})
     ] })
   ] });
-  const theme = /* @__PURE__ */ jsxs15(List4, { subheader: /* @__PURE__ */ jsxs15(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" }) }),
+  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__ */ jsx25(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx25(ArrowBack, { fontSize: "small" }) }),
     " ",
     t2("Layout.Appearance")
   ] }), children: [
-    /* @__PURE__ */ jsxs15(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("light"), disabled: mode === "light", children: [
+      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(LightMode, {}) }),
+      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Light") })
     ] }),
-    /* @__PURE__ */ jsxs15(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("dark"), disabled: mode === "dark", children: [
+      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(DarkMode, {}) }),
+      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Dark") })
     ] }),
-    /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: changeMode("system"), disabled: mode === "system", children: [
-      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(SettingsBrightness, {}) }),
-      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.System") })
+    /* @__PURE__ */ jsxs14(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__ */ jsxs15(List4, { subheader: /* @__PURE__ */ jsxs15(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" }) }),
+  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__ */ jsx25(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx25(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" }) })
+    /* @__PURE__ */ jsx25(ListItemButton5, { onClick: changeLanguage("en"), disabled: i18n.resolvedLanguage === "en", children: /* @__PURE__ */ jsx25(ListItemText4, { primary: "English" }) }),
+    /* @__PURE__ */ jsx25(ListItemButton5, { onClick: changeLanguage("cs"), disabled: i18n.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx25(ListItemText4, { primary: "\u010Ce\u0161tina" }) })
   ] });
-  return /* @__PURE__ */ jsxs15(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__ */ jsxs15(Box9, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsx26(List4, { children: user.name ? /* @__PURE__ */ jsxs15(Fragment6, { children: [
-        /* @__PURE__ */ jsx26(ListItem2, { children: /* @__PURE__ */ jsx26(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs15("span", { children: [
-          /* @__PURE__ */ jsx26("span", { children: user.employeeId }),
-          /* @__PURE__ */ jsx26("br", {}),
-          /* @__PURE__ */ jsx26("span", { children: user.department })
+  return /* @__PURE__ */ jsxs14(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__ */ jsxs14(Box9, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ jsx25(List4, { children: user.name ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
+        /* @__PURE__ */ jsx25(ListItem2, { children: /* @__PURE__ */ jsx25(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs14("span", { children: [
+          /* @__PURE__ */ jsx25("span", { children: user.employeeId }),
+          /* @__PURE__ */ jsx25("br", {}),
+          /* @__PURE__ */ jsx25("span", { children: user.department })
         ] }) }) }),
-        /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: () => console.log("Logout"), children: [
-          /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Logout, { color: "error" }) }),
-          /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Logout") })
+        /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => console.log("Logout"), children: [
+          /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Logout, { color: "error" }) }),
+          /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Logout") })
         ] })
-      ] }) : /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: () => console.log("Login"), children: [
-        /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Login, { color: "success" }) }),
-        /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.LogIn") })
+      ] }) : /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => console.log("Login"), children: [
+        /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Login, { color: "success" }) }),
+        /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.LogIn") })
       ] }) }),
       tab === "settings" && settings,
       tab === "theme" && theme,
@@ -3165,7 +3075,7 @@ var ToolbarAccount = () => {
 };
 
 // src/components/core/Layout.tsx
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 var DrawerHeader = styled2("div")(({ theme }) => ({
   display: "flex",
   alignItems: "center",
@@ -3177,11 +3087,11 @@ var Layout = (props) => {
   const [navigationOpen, setNavigationOpen] = useLocalStorageState("navigationOpen", { defaultServerValue: false });
   const isFetching = !!useIsFetching();
   const isMutating = !!useIsMutating();
-  return /* @__PURE__ */ jsxs16(Fragment7, { children: [
-    /* @__PURE__ */ jsx27(InitColorSchemeScript, {}),
-    /* @__PURE__ */ jsx27(CssBaseline, {}),
-    /* @__PURE__ */ jsxs16(Box10, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
-      /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs15(Fragment7, { children: [
+    /* @__PURE__ */ jsx26(InitColorSchemeScript, {}),
+    /* @__PURE__ */ jsx26(CssBaseline, {}),
+    /* @__PURE__ */ jsxs15(Box10, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
+      /* @__PURE__ */ jsx26(
         AppBar,
         {
           color: "transparent",
@@ -3191,27 +3101,27 @@ var Layout = (props) => {
             borderColor: theme.vars?.palette.divider,
             boxShadow: "none"
           }),
-          children: /* @__PURE__ */ jsxs16(Toolbar, { children: [
-            props.navigation && /* @__PURE__ */ jsx27(
+          children: /* @__PURE__ */ jsxs15(Toolbar, { children: [
+            props.navigation && /* @__PURE__ */ jsx26(
               IconButton5,
               {
                 onClick: () => setNavigationOpen((previous) => !previous),
                 sx: { marginRight: 2 },
-                children: navigationOpen ? /* @__PURE__ */ jsx27(MenuOpen, {}) : /* @__PURE__ */ jsx27(Menu3, {})
+                children: navigationOpen ? /* @__PURE__ */ jsx26(MenuOpen, {}) : /* @__PURE__ */ jsx26(Menu3, {})
               }
             ),
-            /* @__PURE__ */ jsx27(AppTitle, {}),
-            /* @__PURE__ */ jsx27(ToolbarAccount, {})
+            /* @__PURE__ */ jsx26(AppTitle, {}),
+            /* @__PURE__ */ jsx26(ToolbarAccount, {})
           ] })
         }
       ),
-      props.navigation && /* @__PURE__ */ jsx27(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
-      /* @__PURE__ */ jsxs16(Box10, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
-        /* @__PURE__ */ jsx27(DrawerHeader, {}),
-        /* @__PURE__ */ jsx27(Box10, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
+      props.navigation && /* @__PURE__ */ jsx26(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
+      /* @__PURE__ */ jsxs15(Box10, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx26(DrawerHeader, {}),
+        /* @__PURE__ */ jsx26(Box10, { 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 } })
+    (isFetching || isMutating) && /* @__PURE__ */ jsx26(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
   ] });
 };
 
@@ -3924,7 +3834,7 @@ import { useTranslation as useTranslation6 } from "react-i18next";
 var WISTRON_PRIMARY_COLOR = "#00506E";
 var WISTRON_SECONDARY_COLOR = "#64DC00";
 var useGetTheme = (theme) => {
-  const { i18n: i18n2 } = useTranslation6();
+  const { i18n } = useTranslation6();
   return createTheme(
     {
       cssVariables: {
@@ -3975,27 +3885,98 @@ var useGetTheme = (theme) => {
         ...theme?.components
       }
     },
-    i18n2.resolvedLanguage === "cs" ? csCZ : enUS2,
-    i18n2.resolvedLanguage === "cs" ? csCZ2 : enUS,
-    i18n2.resolvedLanguage === "cs" ? csCZ3 : enUS3
+    i18n.resolvedLanguage === "cs" ? csCZ : enUS2,
+    i18n.resolvedLanguage === "cs" ? csCZ2 : enUS,
+    i18n.resolvedLanguage === "cs" ? csCZ3 : enUS3
   );
 };
 
+// src/providers/DialogsProvider.tsx
+import { useCallback, useId, useMemo as useMemo4, useRef as useRef3, useState as useState9 } from "react";
+import { jsx as jsx27, jsxs as jsxs16 } 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__ */ jsxs16(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);
+        }
+      },
+      key
+    ))
+  ] });
+}
+
 // src/providers/LayoutProvider.tsx
 import { jsx as jsx28 } from "react/jsx-runtime";
 var LayoutProvider = ({ navigation, theme, children }) => {
+  const { i18n } = useTranslation7();
   const createdTheme = useGetTheme(theme);
-  useEffect7(() => {
+  useEffect6(() => {
     const handler = () => {
-      z.config(default2.resolvedLanguage === "cs" ? cs() : en());
+      z.config(i18n.resolvedLanguage === "cs" ? cs() : en());
     };
     handler();
-    default2.on("languageChanged", handler);
+    i18n.on("languageChanged", handler);
     return () => {
-      default2.off("languageChanged", handler);
+      i18n.off("languageChanged", handler);
     };
   }, []);
-  return /* @__PURE__ */ jsx28(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsx28(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: default2.resolvedLanguage, children: /* @__PURE__ */ jsx28(DialogsProvider, { children: /* @__PURE__ */ jsx28(Layout, { navigation, children }) }) }) });
+  return /* @__PURE__ */ jsx28(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsx28(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.resolvedLanguage, children: /* @__PURE__ */ jsx28(DialogsProvider, { children: /* @__PURE__ */ jsx28(Layout, { navigation, children }) }) }) });
 };
 
 // src/index.ts
@@ -4301,8 +4282,8 @@ var { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
 });
 
 // src/index.ts
-import { default as default3 } from "use-local-storage-state";
-import { useTranslation as useTranslation7 } from "react-i18next";
+import { default as default2 } from "use-local-storage-state";
+import { useTranslation as useTranslation8 } from "react-i18next";
 import { t } from "i18next";
 export {
   ChipInputCell,
@@ -4334,9 +4315,9 @@ export {
   useGetFileMetas,
   useGetFileThumbnail,
   useLayoutForm,
-  default3 as useLocalStorageState,
+  default2 as useLocalStorageState,
   useOpenFile,
-  useTranslation7 as useTranslation,
+  useTranslation8 as useTranslation,
   useUpdateFileMeta,
   useUploadFile,
   uuidv72 as uuidv7,