wcz-test 4.10.0 → 5.0.1

package/dist/index.js

@@ -47,7 +47,7 @@ var require_react_is_production_min = __commonJS({
     var w = b ? Symbol.for("react.fundamental") : 60117;
     var x = b ? Symbol.for("react.responder") : 60118;
     var y = b ? Symbol.for("react.scope") : 60119;
-    function z18(a) {
+    function z19(a) {
       if ("object" === typeof a && null !== a) {
         var u = a.$$typeof;
         switch (u) {
@@ -78,7 +78,7 @@ var require_react_is_production_min = __commonJS({
       }
     }
     function A(a) {
-      return z18(a) === m;
+      return z19(a) === m;
     }
     exports.AsyncMode = l;
     exports.ConcurrentMode = m;
@@ -94,46 +94,46 @@ var require_react_is_production_min = __commonJS({
     exports.StrictMode = f;
     exports.Suspense = p;
     exports.isAsyncMode = function(a) {
-      return A(a) || z18(a) === l;
+      return A(a) || z19(a) === l;
     };
     exports.isConcurrentMode = A;
     exports.isContextConsumer = function(a) {
-      return z18(a) === k;
+      return z19(a) === k;
     };
     exports.isContextProvider = function(a) {
-      return z18(a) === h;
+      return z19(a) === h;
     };
     exports.isElement = function(a) {
       return "object" === typeof a && null !== a && a.$$typeof === c;
     };
     exports.isForwardRef = function(a) {
-      return z18(a) === n;
+      return z19(a) === n;
     };
     exports.isFragment = function(a) {
-      return z18(a) === e;
+      return z19(a) === e;
     };
     exports.isLazy = function(a) {
-      return z18(a) === t2;
+      return z19(a) === t2;
     };
     exports.isMemo = function(a) {
-      return z18(a) === r;
+      return z19(a) === r;
     };
     exports.isPortal = function(a) {
-      return z18(a) === d;
+      return z19(a) === d;
     };
     exports.isProfiler = function(a) {
-      return z18(a) === g;
+      return z19(a) === g;
     };
     exports.isStrictMode = function(a) {
-      return z18(a) === f;
+      return z19(a) === f;
     };
     exports.isSuspense = function(a) {
-      return z18(a) === p;
+      return z19(a) === p;
     };
     exports.isValidElementType = function(a) {
       return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t2 || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
     };
-    exports.typeOf = z18;
+    exports.typeOf = z19;
   }
 });
 
@@ -1786,9 +1786,6 @@ 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) {
@@ -2553,14 +2550,14 @@ var AdapterDayjs = class {
 };
 
 // src/providers/LayoutProvider.tsx
-import { useEffect as useEffect6, useEffectEvent as useEffectEvent2 } from "react";
+import { useEffect as useEffect7, useEffectEvent as useEffectEvent2 } from "react";
 import { useTranslation as useTranslation7 } from "react-i18next";
-import * as z2 from "zod";
+import * as z3 from "zod";
 
 // 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 { AppBar, Box as Box9, CssBaseline, IconButton as IconButton5, LinearProgress, Toolbar } from "@mui/material";
 import { styled as styled2 } from "@mui/material/styles";
 import { useIsFetching, useIsMutating } from "@tanstack/react-query";
 import { Fragment as Fragment7 } from "react";
@@ -2920,15 +2917,22 @@ 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 Done from "@mui/icons-material/Done";
 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 Typography7, useColorScheme } from "@mui/material";
+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 Typography7 } from "@mui/material";
 import { Fragment as Fragment6, useState as useState8 } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
-import Done from "@mui/icons-material/Done";
+
+// src/contexts/ThemeContext.ts
+import { createContext as createContext4, useContext as useContext4 } from "react";
+var ThemeContext = createContext4({});
+var useTheme3 = () => useContext4(ThemeContext);
+
+// src/components/core/ToolbarAccount.tsx
 import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 var capitalize = (value) => value && value.charAt(0).toUpperCase() + value.slice(1);
 var ToolbarAccount = () => {
@@ -2936,7 +2940,7 @@ var ToolbarAccount = () => {
   const [tab, setTab] = useState8("settings");
   const open = Boolean(anchorElement);
   const { t: t2, i18n } = useTranslation5();
-  const { mode, setMode } = useColorScheme();
+  const { mode, setMode } = useTheme3();
   const supportedLanguages = (Array.isArray(i18n.options.supportedLngs) ? i18n.options.supportedLngs : []).filter((lng) => lng !== "cimode");
   const languageDisplayNames = new Intl.DisplayNames([i18n.language], { type: "language" });
   const colorModes = [
@@ -3047,7 +3051,6 @@ var Layout = (props) => {
   const isFetching = !!useIsFetching();
   const isMutating = !!useIsMutating();
   return /* @__PURE__ */ jsxs14(Fragment7, { children: [
-    /* @__PURE__ */ jsx25(InitColorSchemeScript, {}),
     /* @__PURE__ */ jsx25(CssBaseline, {}),
     /* @__PURE__ */ jsxs14(Box9, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
       /* @__PURE__ */ jsx25(
@@ -3084,8 +3087,78 @@ var Layout = (props) => {
   ] });
 };
 
-// src/hooks/ThemeHook.ts
-import { createTheme, darken, lighten } from "@mui/material";
+// src/providers/DialogsProvider.tsx
+import { useCallback, useId, useMemo as useMemo4, useRef as useRef3, useState as useState9 } from "react";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+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__ */ jsx26(
+      Component7,
+      {
+        payload,
+        open,
+        onClose: async (result) => {
+          await closeDialog(promise, result);
+        }
+      },
+      key
+    ))
+  ] });
+}
+
+// src/providers/ThemeProvider.tsx
+import { ThemeProvider as MuiThemeProvider, createTheme, darken, lighten, useMediaQuery as useMediaQuery2 } from "@mui/material";
 import { grey as grey2 } from "@mui/material/colors";
 import { csCZ as csCZ3, enUS as enUS3 } from "@mui/material/locale";
 
@@ -3790,35 +3863,39 @@ var csCZPickers = {
 };
 var csCZ2 = getPickersLocalization(csCZPickers);
 
-// src/hooks/ThemeHook.ts
+// src/providers/ThemeProvider.tsx
+import { useRouterState as useRouterState3 } from "@tanstack/react-router";
+import { createServerFn } from "@tanstack/react-start";
+import { getCookie } from "@tanstack/react-start/server";
+import { useEffect as useEffect6, useState as useState10 } from "react";
 import { useTranslation as useTranslation6 } from "react-i18next";
+import { z as z2 } from "zod";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var WISTRON_PRIMARY_COLOR = "#00506E";
 var WISTRON_SECONDARY_COLOR = "#64DC00";
+var THEME_COOKIE_NAME = "theme";
+var TEN_YEARS_IN_SECONDS = 60 * 60 * 24 * 365 * 10;
 var LOCALE_MAP = {
   cs: [csCZ, csCZ2, csCZ3],
   en: [enUS2, enUS, enUS3]
 };
-var useGetTheme = (theme) => {
+var ThemeSchema = z2.enum(["light", "dark"]).or(z2.literal("system"));
+function ThemeProvider({ children, theme }) {
   const { i18n } = useTranslation6();
-  return createTheme(
+  const rootRouterState = useRouterState3({ select: (s) => s.matches[0] });
+  const prefersDarkMode = useMediaQuery2("(prefers-color-scheme: dark)");
+  const [mode, setMode] = useState10(rootRouterState.context.themeMode);
+  const resolvedMode = mode === "system" ? prefersDarkMode ? "dark" : "light" : mode;
+  useEffect6(() => {
+    document.cookie = `${THEME_COOKIE_NAME}=${mode}; path=/; max-age=${TEN_YEARS_IN_SECONDS}`;
+  }, [mode]);
+  const createdTheme = 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
+      palette: {
+        mode: resolvedMode,
+        primary: { main: resolvedMode === "dark" ? lighten(WISTRON_PRIMARY_COLOR, 0.5) : WISTRON_PRIMARY_COLOR },
+        secondary: { main: resolvedMode === "dark" ? darken(WISTRON_SECONDARY_COLOR, 0.5) : WISTRON_SECONDARY_COLOR },
+        ...theme?.palette
       },
       components: {
         MuiCssBaseline: {
@@ -3852,94 +3929,29 @@ var useGetTheme = (theme) => {
     },
     ...LOCALE_MAP[i18n.language]
   );
-};
-
-// src/providers/DialogsProvider.tsx
-import { useCallback, useId, useMemo as useMemo4, useRef as useRef3, useState as useState9 } from "react";
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
-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__ */ jsx26(
-      Component7,
-      {
-        payload,
-        open,
-        onClose: async (result) => {
-          await closeDialog(promise, result);
-        }
-      },
-      key
-    ))
-  ] });
+  return /* @__PURE__ */ jsx27(ThemeContext.Provider, { value: { mode, setMode }, children: /* @__PURE__ */ jsx27(MuiThemeProvider, { theme: createdTheme, children }) });
 }
+var getThemeMode = createServerFn().handler(() => {
+  const themeCookie = getCookie(THEME_COOKIE_NAME);
+  const parsed = ThemeSchema.safeParse(themeCookie);
+  return parsed.success ? parsed.data : "system";
+});
 
 // src/providers/LayoutProvider.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var LayoutProvider = ({ navigation, theme, children }) => {
   const { i18n } = useTranslation7();
-  const createdTheme = useGetTheme(theme);
   const languageChangedHandler = useEffectEvent2(() => {
-    z2.config(z2.core.locales[i18n.language]());
+    z3.config(z3.core.locales[i18n.language]());
   });
-  useEffect6(() => {
+  useEffect7(() => {
     languageChangedHandler();
     i18n.on("languageChanged", languageChangedHandler);
     return () => {
       i18n.off("languageChanged", languageChangedHandler);
     };
   }, []);
-  return /* @__PURE__ */ jsx27(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsx27(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.resolvedLanguage, children: /* @__PURE__ */ jsx27(DialogsProvider, { children: /* @__PURE__ */ jsx27(Layout, { navigation, children }) }) }) });
+  return /* @__PURE__ */ jsx28(ThemeProvider, { theme, children: /* @__PURE__ */ jsx28(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.resolvedLanguage, children: /* @__PURE__ */ jsx28(DialogsProvider, { children: /* @__PURE__ */ jsx28(Layout, { navigation, children }) }) }) });
 };
 
 // src/index.ts
@@ -3950,11 +3962,11 @@ import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
 
 // src/components/form/FormAutocomplete.tsx
 import { Autocomplete, TextField } from "@mui/material";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     Autocomplete,
     {
       value: field.state.value,
@@ -3963,7 +3975,7 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (parameters) => /* @__PURE__ */ jsx28(
+      renderInput: (parameters) => /* @__PURE__ */ jsx29(
         TextField,
         {
           ...parameters,
@@ -3979,15 +3991,15 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
 
 // src/components/form/FormCheckbox.tsx
 import { Checkbox, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
-import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
 var FormCheckbox = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
   return /* @__PURE__ */ jsxs16(FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(
       FormControlLabel,
       {
-        control: /* @__PURE__ */ jsx29(
+        control: /* @__PURE__ */ jsx30(
           Checkbox,
           {
             name: field.name,
@@ -4001,18 +4013,18 @@ var FormCheckbox = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx29(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx30(FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormDatePicker.tsx
 import { DatePicker } from "@mui/x-date-pickers-pro";
 import dayjs2 from "dayjs";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var FormDatePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     DatePicker,
     {
       name: field.name,
@@ -4036,11 +4048,11 @@ var FormDatePicker = (props) => {
 // src/components/form/FormDateTimePicker.tsx
 import { DateTimePicker } from "@mui/x-date-pickers-pro";
 import dayjs3 from "dayjs";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var FormDateTimePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     DateTimePicker,
     {
       name: field.name,
@@ -4064,11 +4076,11 @@ var FormDateTimePicker = (props) => {
 // src/components/form/FormNumberField.tsx
 import { TextField as TextField2 } from "@mui/material";
 import { NumericFormat } from "react-number-format";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var FormNumberField = ({ options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     NumericFormat,
     {
       customInput: TextField2,
@@ -4087,13 +4099,13 @@ var FormNumberField = ({ options, ...props }) => {
 
 // src/components/form/FormRadioGroup.tsx
 import { FormControl as FormControl2, FormControlLabel as FormControlLabel2, FormHelperText as FormHelperText2, FormLabel, Radio, RadioGroup } from "@mui/material";
-import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
 var FormRadioGroup = ({ label, options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
   return /* @__PURE__ */ jsxs17(FormControl2, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx33(FormLabel, { component: "legend", children: label }),
-    /* @__PURE__ */ jsx33(
+    label && /* @__PURE__ */ jsx34(FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ jsx34(
       RadioGroup,
       {
         name: field.name,
@@ -4102,30 +4114,30 @@ var FormRadioGroup = ({ label, options, ...props }) => {
         onBlur: field.handleBlur,
         "aria-label": field.name,
         ...props,
-        children: options.map((option) => /* @__PURE__ */ jsx33(
+        children: options.map((option) => /* @__PURE__ */ jsx34(
           FormControlLabel2,
           {
             value: option.value,
-            control: /* @__PURE__ */ jsx33(Radio, {}),
+            control: /* @__PURE__ */ jsx34(Radio, {}),
             label: option.label
           },
           option.value
         ))
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx33(FormHelperText2, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx34(FormHelperText2, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSlider.tsx
 import { FormControl as FormControl3, FormHelperText as FormHelperText3, FormLabel as FormLabel2, Slider } from "@mui/material";
-import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
 var FormSlider = ({ label, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
   return /* @__PURE__ */ jsxs18(FormControl3, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx34(FormLabel2, { children: label }),
-    /* @__PURE__ */ jsx34(
+    label && /* @__PURE__ */ jsx35(FormLabel2, { children: label }),
+    /* @__PURE__ */ jsx35(
       Slider,
       {
         name: field.name,
@@ -4136,13 +4148,13 @@ var FormSlider = ({ label, ...props }) => {
         ...props
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx34(FormHelperText3, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx35(FormHelperText3, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSubmitButton.tsx
 import { Button as Button3 } from "@mui/material";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var FormSubmitButton = (props) => {
   const form = useFormContext();
   const handleClick = (event) => {
@@ -4150,7 +4162,7 @@ var FormSubmitButton = (props) => {
     event.stopPropagation();
     form.handleSubmit();
   };
-  return /* @__PURE__ */ jsx35(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx36(
     Button3,
     {
       loading: isSubmitting,
@@ -4165,15 +4177,15 @@ var FormSubmitButton = (props) => {
 
 // src/components/form/FormSwitch.tsx
 import { FormControl as FormControl4, FormControlLabel as FormControlLabel3, FormHelperText as FormHelperText4, Switch } from "@mui/material";
-import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
 var FormSwitch = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
   return /* @__PURE__ */ jsxs19(FormControl4, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37(
       FormControlLabel3,
       {
-        control: /* @__PURE__ */ jsx36(
+        control: /* @__PURE__ */ jsx37(
           Switch,
           {
             name: field.name,
@@ -4187,17 +4199,17 @@ var FormSwitch = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx36(FormHelperText4, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx37(FormHelperText4, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormTextField.tsx
 import { TextField as TextField3 } from "@mui/material";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var FormTextField = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     TextField3,
     {
       name: field.name,
@@ -4442,156 +4454,156 @@ var useGetPeopleSoftCompanyGeneralManager = (companyCode, options) => {
 
 // src/models/file/FileMeta.ts
 import { uuidv7 as uuidv72 } from "uuidv7";
-import * as z3 from "zod";
-var FileMetaSchema = z3.object({
-  id: z3.uuid().default(uuidv72),
-  subId: z3.uuid().default(uuidv72),
-  appName: z3.string().min(1).max(255),
-  fileName: z3.string().min(1).max(255),
-  fileExtension: z3.string().min(1).max(255),
-  fileSize: z3.number().min(0),
-  mediaSubType: z3.string().min(1).max(255),
-  mediaType: z3.string().min(1).max(255),
-  mimeType: z3.string().min(1).max(255),
-  createdBy: z3.string().min(1).max(255),
-  createdDate: z3.date()
+import * as z4 from "zod";
+var FileMetaSchema = z4.object({
+  id: z4.uuid().default(uuidv72),
+  subId: z4.uuid().default(uuidv72),
+  appName: z4.string().min(1).max(255),
+  fileName: z4.string().min(1).max(255),
+  fileExtension: z4.string().min(1).max(255),
+  fileSize: z4.number().min(0),
+  mediaSubType: z4.string().min(1).max(255),
+  mediaType: z4.string().min(1).max(255),
+  mimeType: z4.string().min(1).max(255),
+  createdBy: z4.string().min(1).max(255),
+  createdDate: z4.date()
 });
 
 // src/models/email/Email.ts
-import z5 from "zod";
+import z6 from "zod";
 
 // src/models/email/EmailAttachment.ts
-import z4 from "zod";
-var EmailAttachmentSchema = z4.object({
-  appName: z4.string().min(1).max(100),
-  subId: z4.uuid()
+import z5 from "zod";
+var EmailAttachmentSchema = z5.object({
+  appName: z5.string().min(1).max(100),
+  subId: z5.uuid()
 });
 
 // src/models/email/Email.ts
-var EmailSchema = z5.object({
-  subject: z5.string().min(1).max(60),
-  body: z5.string().min(1),
-  to: z5.array(z5.email()).min(1),
-  bcc: z5.array(z5.email()).optional(),
-  cc: z5.array(z5.email()).optional(),
-  attachments: z5.array(EmailAttachmentSchema).optional()
+var EmailSchema = z6.object({
+  subject: z6.string().min(1).max(60),
+  body: z6.string().min(1),
+  to: z6.array(z6.email()).min(1),
+  bcc: z6.array(z6.email()).optional(),
+  cc: z6.array(z6.email()).optional(),
+  attachments: z6.array(EmailAttachmentSchema).optional()
 });
 
 // src/models/peoplesoft/Employee.ts
-import z8 from "zod";
+import z9 from "zod";
 
 // src/models/peoplesoft/EmployeeCategoryGroup.ts
-import z6 from "zod";
-var EmployeeCategoryGroup = z6.enum([
+import z7 from "zod";
+var EmployeeCategoryGroup = z7.enum([
   "IDL",
   "FD",
   "FI"
 ]);
 
 // src/models/peoplesoft/EmployeeStatus.ts
-import z7 from "zod";
-var EmployeeStatus = z7.enum([
+import z8 from "zod";
+var EmployeeStatus = z8.enum([
   "Active",
   "Terminated",
   "Leave of Absence"
 ]);
 
 // src/models/peoplesoft/Employee.ts
-var EmployeeSchema = z8.object({
-  badgeId: z8.string(),
-  category: z8.string(),
+var EmployeeSchema = z9.object({
+  badgeId: z9.string(),
+  category: z9.string(),
   categoryGroup: EmployeeCategoryGroup,
-  companyCode: z8.string(),
-  contactPhone: z8.string(),
-  departmentId: z8.string(),
-  departmentDescription: z8.string(),
-  emailString: z8.string(),
-  employeeId: z8.string(),
-  extensionNumber: z8.string(),
-  firstName: z8.string(),
-  gender: z8.string(),
-  hiredDate: z8.date(),
-  lastName: z8.string(),
-  managerId: z8.string(),
-  middleName: z8.string(),
-  name: z8.string(),
-  nameTitleCase: z8.string(),
-  nfcSn: z8.string(),
-  plantId: z8.string(),
-  position: z8.string(),
-  previousEmployeeIds: z8.string().nullable(),
-  reHiredDate: z8.date().nullable(),
-  recordNumber: z8.number(),
+  companyCode: z9.string(),
+  contactPhone: z9.string(),
+  departmentId: z9.string(),
+  departmentDescription: z9.string(),
+  emailString: z9.string(),
+  employeeId: z9.string(),
+  extensionNumber: z9.string(),
+  firstName: z9.string(),
+  gender: z9.string(),
+  hiredDate: z9.date(),
+  lastName: z9.string(),
+  managerId: z9.string(),
+  middleName: z9.string(),
+  name: z9.string(),
+  nameTitleCase: z9.string(),
+  nfcSn: z9.string(),
+  plantId: z9.string(),
+  position: z9.string(),
+  previousEmployeeIds: z9.string().nullable(),
+  reHiredDate: z9.date().nullable(),
+  recordNumber: z9.number(),
   status: EmployeeStatus,
-  supervisorId: z8.string(),
-  terminationDate: z8.date().nullable(),
-  terminationFutureDate: z8.date().nullable(),
-  type: z8.string(),
-  upperDepartmentId: z8.string(),
-  jobCode: z8.string(),
-  jobDescription: z8.string(),
-  terminationReason: z8.string().nullable(),
-  supervisorRecordNumber: z8.number()
+  supervisorId: z9.string(),
+  terminationDate: z9.date().nullable(),
+  terminationFutureDate: z9.date().nullable(),
+  type: z9.string(),
+  upperDepartmentId: z9.string(),
+  jobCode: z9.string(),
+  jobDescription: z9.string(),
+  terminationReason: z9.string().nullable(),
+  supervisorRecordNumber: z9.number()
 });
 
 // src/models/peoplesoft/Department.ts
-import z9 from "zod";
-var DepartmentSchema = z9.object({
-  departmentId: z9.string(),
-  description: z9.string(),
-  managerId: z9.string(),
-  managerRecordNumber: z9.string(),
-  treeLevel: z9.number(),
-  upperDepartmentId: z9.string(),
-  companyCode: z9.string(),
-  location: z9.string(),
-  salLocation: z9.string(),
-  plantId: z9.string(),
+import z10 from "zod";
+var DepartmentSchema = z10.object({
+  departmentId: z10.string(),
+  description: z10.string(),
+  managerId: z10.string(),
+  managerRecordNumber: z10.string(),
+  treeLevel: z10.number(),
+  upperDepartmentId: z10.string(),
+  companyCode: z10.string(),
+  location: z10.string(),
+  salLocation: z10.string(),
+  plantId: z10.string(),
   manager: EmployeeSchema
 });
 
 // src/models/approval/Approval.ts
 import { uuidv7 as uuidv75 } from "uuidv7";
-import z17 from "zod";
+import z18 from "zod";
 
 // src/models/approval/ApprovalFlow.ts
 import { uuidv7 as uuidv73 } from "uuidv7";
-import { z as z11 } from "zod";
+import { z as z12 } from "zod";
 
 // src/models/approval/StepApprovalOrder.ts
-import z10 from "zod";
-var StepApprovalOrder = z10.enum([
+import z11 from "zod";
+var StepApprovalOrder = z11.enum([
   "Serial",
   "Parallel",
   "OneOfThem"
 ]);
 
 // src/models/approval/ApprovalFlow.ts
-var ApprovalFlowSchema = z11.object({
-  id: z11.uuid().default(uuidv73),
-  approvalStage: z11.number(),
-  batchSequence: z11.number().optional(),
-  approvalSequence: z11.number(),
+var ApprovalFlowSchema = z12.object({
+  id: z12.uuid().default(uuidv73),
+  approvalStage: z12.number(),
+  batchSequence: z12.number().optional(),
+  approvalSequence: z12.number(),
   stepApprovalOrder: StepApprovalOrder,
-  steps: z11.array(z11.custom()),
-  isActive: z11.boolean().default(false)
+  steps: z12.array(z12.custom()),
+  isActive: z12.boolean().default(false)
 });
 
 // src/models/approval/ApprovalFlowStep.ts
 import { uuidv7 as uuidv74 } from "uuidv7";
-import { z as z14 } from "zod";
+import { z as z15 } from "zod";
 
 // src/models/approval/ApprovalEmployee.ts
-import { z as z12 } from "zod";
-var ApprovalEmployeeSchema = z12.object({
-  employeeId: z12.string().min(1).max(20),
-  name: z12.string().min(1).max(50),
-  email: z12.email().min(1).max(100)
+import { z as z13 } from "zod";
+var ApprovalEmployeeSchema = z13.object({
+  employeeId: z13.string().min(1).max(20),
+  name: z13.string().min(1).max(50),
+  email: z13.email().min(1).max(100)
 });
 
 // src/models/approval/ApprovalStepResult.ts
-import z13 from "zod";
-var ApprovalStepResult = z13.enum([
+import z14 from "zod";
+var ApprovalStepResult = z14.enum([
   "NotAvailable",
   "FutureApproval",
   "WaitingForApproval",
@@ -4603,27 +4615,27 @@ var ApprovalStepResult = z13.enum([
 ]);
 
 // src/models/approval/ApprovalFlowStep.ts
-var ApprovalFlowStepSchema = z14.object({
-  id: z14.uuid().default(uuidv74),
-  order: z14.number(),
-  approverRole: z14.string().min(1).max(100).default("Approver"),
+var ApprovalFlowStepSchema = z15.object({
+  id: z15.uuid().default(uuidv74),
+  order: z15.number(),
+  approverRole: z15.string().min(1).max(100).default("Approver"),
   approver: ApprovalEmployeeSchema,
   actualApprover: ApprovalEmployeeSchema.optional(),
   result: ApprovalStepResult.default("NotAvailable"),
-  resultDate: z14.date().optional(),
-  resultComment: z14.string().max(2e3).optional()
+  resultDate: z15.date().optional(),
+  resultComment: z15.string().max(2e3).optional()
 });
 
 // src/models/approval/ApprovalRequestType.ts
-import z15 from "zod";
-var ApprovalRequestType = z15.enum([
+import z16 from "zod";
+var ApprovalRequestType = z16.enum([
   "Single",
   "Batch"
 ]);
 
 // src/models/approval/ApprovalStatus.ts
-import z16 from "zod";
-var ApprovalStatus = z16.enum([
+import z17 from "zod";
+var ApprovalStatus = z17.enum([
   "WaitingForApproval",
   "Approved",
   "PartiallyApproved",
@@ -4633,21 +4645,21 @@ var ApprovalStatus = z16.enum([
 ]);
 
 // src/models/approval/Approval.ts
-var ApprovalSchema = z17.object({
-  id: z17.uuid().default(uuidv75),
-  number: z17.string().max(30).optional(),
-  applicationName: z17.string().min(1).max(50),
+var ApprovalSchema = z18.object({
+  id: z18.uuid().default(uuidv75),
+  number: z18.string().max(30).optional(),
+  applicationName: z18.string().min(1).max(50),
   type: ApprovalRequestType.default("Single"),
   status: ApprovalStatus,
-  emailBody: z17.string().min(1),
-  created: z17.date(),
-  createdBy: z17.custom(),
-  updated: z17.date(),
-  updatedBy: z17.custom(),
-  approvalFlows: z17.array(z17.custom()).min(1),
-  currentApprovers: z17.array(z17.custom())
+  emailBody: z18.string().min(1),
+  created: z18.date(),
+  createdBy: z18.custom(),
+  updated: z18.date(),
+  updatedBy: z18.custom(),
+  approvalFlows: z18.array(z18.custom()).min(1),
+  currentApprovers: z18.array(z18.custom())
 });
-var ApprovalCreateSchema = ApprovalSchema.pick({
+var CreateApprovalSchema = ApprovalSchema.pick({
   id: true,
   number: true,
   applicationName: true,
@@ -4655,14 +4667,14 @@ var ApprovalCreateSchema = ApprovalSchema.pick({
   emailBody: true,
   approvalFlows: true
 }).extend({
-  approvalFlows: z17.array(
+  approvalFlows: z18.array(
     ApprovalFlowSchema.pick({
       approvalStage: true,
       batchSequence: true,
       stepApprovalOrder: true,
       steps: true
     }).extend({
-      steps: z17.array(
+      steps: z18.array(
         ApprovalFlowStepSchema.pick({
           approverRole: true,
           approver: true
@@ -4671,27 +4683,51 @@ var ApprovalCreateSchema = ApprovalSchema.pick({
     })
   ).min(1)
 });
-var SingleApprovalSchema = z17.object({
+var ApproveApprovalSchema = z18.object({
+  id: z18.uuid(),
   result: ApprovalStepResult,
-  resultComment: z17.string().max(2e3).optional(),
-  emailBody: z17.string().min(1)
+  resultComment: z18.string().max(2e3).optional(),
+  emailBody: z18.string().min(1)
+});
+var ResubmitApprovalSchema = ApprovalSchema.pick({
+  id: true,
+  approvalFlows: true
+}).extend({
+  approvalFlows: z18.array(
+    ApprovalFlowSchema.pick({
+      approvalStage: true,
+      batchSequence: true,
+      stepApprovalOrder: true,
+      steps: true
+    }).extend({
+      steps: z18.array(
+        ApprovalFlowStepSchema.pick({
+          approverRole: true,
+          approver: true
+        })
+      )
+    })
+  ).min(1)
 });
-var CancelApprovalSchema = z17.object({
-  comment: z17.string().min(1).max(2e3),
-  emailBody: z17.string().min(1)
+var CancelApprovalSchema = z18.object({
+  id: z18.uuid(),
+  comment: z18.string().min(1).max(2e3),
+  emailBody: z18.string().min(1)
 });
-var WithdrawApprovalSchema = z17.object({
-  comment: z17.string().min(1).max(2e3),
-  emailBody: z17.string().min(1)
+var WithdrawApprovalSchema = z18.object({
+  id: z18.uuid(),
+  comment: z18.string().min(1).max(2e3),
+  emailBody: z18.string().min(1)
 });
 export {
-  ApprovalCreateSchema,
   ApprovalEmployeeSchema,
   ApprovalFlowSchema,
   ApprovalFlowStepSchema,
   ApprovalSchema,
+  ApproveApprovalSchema,
   CancelApprovalSchema,
   ChipInputCell,
+  CreateApprovalSchema,
   DepartmentSchema,
   Dropzone,
   EditableColumnHeader,
@@ -4703,6 +4739,7 @@ export {
   Fullscreen,
   LayoutProvider,
   Platform,
+  ResubmitApprovalSchema,
   RouterButton,
   RouterError,
   RouterGridActionsCellItem,
@@ -4711,9 +4748,9 @@ export {
   RouterListItemButton,
   RouterNotFound,
   RouterTab,
-  SingleApprovalSchema,
   TypographyWithIcon,
   WithdrawApprovalSchema,
+  getThemeMode,
   rootRouteHead,
   t,
   useDeleteFile,