wcz-test 6.12.9 → 6.13.0

package/dist/DialogsHooks-BlUsVlfv.js

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useEventCallback, Dialog, DialogTitle, DialogContent, DialogActions, Button } from "@mui/material";
+import { createContext, useContext } from "react";
+import { useTranslation } from "react-i18next";
+const DialogsContext = createContext({});
+function AlertDialog({ open, payload, onClose }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), disableRestoreFocus: true, children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: payload.title ?? t("Layout.Dialog.Alert") }),
+    /* @__PURE__ */ jsx(DialogContent, { children: payload.message }),
+    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: () => onClose(), autoFocus: true, children: t("Layout.Dialog.Confirm") }) })
+  ] });
+}
+function ConfirmDialog({ open, payload, onClose }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), disableRestoreFocus: true, children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: payload.title ?? t("Layout.Dialog.Confirm") }),
+    /* @__PURE__ */ jsx(DialogContent, { children: payload.message }),
+    /* @__PURE__ */ jsxs(DialogActions, { children: [
+      /* @__PURE__ */ jsx(Button, { onClick: () => onClose(false), children: payload.cancelText ?? t("Layout.Dialog.Cancel") }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => onClose(true), autoFocus: true, children: t("Layout.Dialog.Confirm") })
+    ] })
+  ] });
+}
+function useDialogs() {
+  const { open, close } = useContext(DialogsContext);
+  const alert = useEventCallback(
+    (message, { ...options } = {}) => open(AlertDialog, { ...options, message })
+  );
+  const confirm = useEventCallback(
+    (message, { ...options } = {}) => open(ConfirmDialog, { ...options, message })
+  );
+  return { alert, confirm, open, close };
+}
+export {
+  DialogsContext as D,
+  useDialogs as u
+};
+//# sourceMappingURL=DialogsHooks-BlUsVlfv.js.map

package/dist/DialogsHooks-BlUsVlfv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogsHooks-BlUsVlfv.js","sources":["../src/contexts/DialogsContext.ts","../src/hooks/DialogsHooks.tsx"],"sourcesContent":["import { createContext } from \"react\";\r\nimport type { CloseDialog, OpenDialog } from \"../hooks/DialogsHooks\";\r\n\r\nexport interface DialogsContextValue {\r\n    open: OpenDialog;\r\n    close: CloseDialog;\r\n}\r\n\r\nexport const DialogsContext = createContext<DialogsContextValue>({} as DialogsContextValue);","import { Button, Dialog, DialogActions, DialogContent, DialogTitle, useEventCallback } from \"@mui/material\";\r\nimport { useContext } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { DialogsContext } from \"../contexts/DialogsContext\";\r\nimport type { ReactNode } from \"react\";\r\n\r\nexport interface OpenDialogOptions<TResult> {\r\n    onClose?: (result: TResult) => Promise<void>;\r\n}\r\n\r\nexport interface AlertOptions {\r\n    title?: ReactNode;\r\n}\r\n\r\nexport interface ConfirmOptions {\r\n    title?: ReactNode;\r\n    cancelText?: ReactNode;\r\n}\r\n\r\nexport interface DialogProps<TPayload = undefined, TResult = void> {\r\n    payload: TPayload;\r\n    open: boolean;\r\n    onClose: (result: TResult) => Promise<void>;\r\n}\r\n\r\nexport type OpenAlertDialog = (message: ReactNode, options?: AlertOptions) => Promise<void>;\r\n\r\nexport type OpenConfirmDialog = (message: ReactNode, options?: ConfirmOptions) => Promise<boolean>;\r\n\r\nexport type DialogComponent<TPayload, TResult> = React.ComponentType<DialogProps<TPayload, TResult>>;\r\n\r\nexport interface OpenDialog {\r\n    <TPayload extends undefined, TResult>(Component: DialogComponent<TPayload, TResult>, payload?: TPayload, options?: OpenDialogOptions<TResult>): Promise<TResult>;\r\n    <TPayload, TResult>(Component: DialogComponent<TPayload, TResult>, payload: TPayload, options?: OpenDialogOptions<TResult>): Promise<TResult>;\r\n}\r\n\r\nexport type CloseDialog = <TResult>(dialog: Promise<TResult>, result: TResult) => Promise<TResult>;\r\n\r\nexport interface AlertDialogPayload extends AlertOptions {\r\n    message: ReactNode;\r\n}\r\n\r\nexport type AlertDialogProps = DialogProps<AlertDialogPayload, void>\r\n\r\nexport function AlertDialog({ open, payload, onClose }: Readonly<AlertDialogProps>) {\r\n    const { t } = useTranslation();\r\n\r\n    return (\r\n        <Dialog maxWidth=\"xs\" fullWidth open={open} onClose={() => onClose()} disableRestoreFocus>\r\n            <DialogTitle>{payload.title ?? t(\"Layout.Dialog.Alert\")}</DialogTitle>\r\n            <DialogContent>{payload.message}</DialogContent>\r\n            <DialogActions>\r\n                <Button onClick={() => onClose()} autoFocus>\r\n                    {t(\"Layout.Dialog.Confirm\")}\r\n                </Button>\r\n            </DialogActions>\r\n        </Dialog>\r\n    );\r\n}\r\n\r\nexport interface ConfirmDialogPayload extends ConfirmOptions {\r\n    message: ReactNode;\r\n}\r\n\r\nexport type ConfirmDialogProps = DialogProps<ConfirmDialogPayload, boolean>\r\n\r\nexport function ConfirmDialog({ open, payload, onClose }: Readonly<ConfirmDialogProps>) {\r\n    const { t } = useTranslation();\r\n\r\n    return (\r\n        <Dialog maxWidth=\"xs\" fullWidth open={open} onClose={() => onClose(false)} disableRestoreFocus>\r\n            <DialogTitle>{payload.title ?? t(\"Layout.Dialog.Confirm\")}</DialogTitle>\r\n            <DialogContent>{payload.message}</DialogContent>\r\n            <DialogActions>\r\n                <Button onClick={() => onClose(false)}>\r\n                    {payload.cancelText ?? t(\"Layout.Dialog.Cancel\")}\r\n                </Button>\r\n                <Button onClick={() => onClose(true)} autoFocus>\r\n                    {t(\"Layout.Dialog.Confirm\")}\r\n                </Button>\r\n            </DialogActions>\r\n        </Dialog>\r\n    );\r\n}\r\n\r\ninterface DialogHook {\r\n    alert: OpenAlertDialog;\r\n    confirm: OpenConfirmDialog;\r\n    open: OpenDialog;\r\n    close: CloseDialog;\r\n}\r\n\r\nexport function useDialogs(): DialogHook {\r\n    const { open, close } = useContext(DialogsContext);\r\n\r\n    const alert = useEventCallback<OpenAlertDialog>((message, { ...options } = {}) =>\r\n        open(AlertDialog, { ...options, message }),\r\n    );\r\n\r\n    const confirm = useEventCallback<OpenConfirmDialog>((message, { ...options } = {}) =>\r\n        open(ConfirmDialog, { ...options, message }),\r\n    );\r\n\r\n    return { alert, confirm, open, close };\r\n}\r\n"],"names":[],"mappings":";;;;AAQO,MAAM,iBAAiB,cAAmC,CAAA,CAAyB;ACoCnF,SAAS,YAAY,EAAE,MAAM,SAAS,WAAuC;AAChF,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,SACI,qBAAC,QAAA,EAAO,UAAS,MAAK,WAAS,MAAC,MAAY,SAAS,MAAM,QAAA,GAAW,qBAAmB,MACrF,UAAA;AAAA,IAAA,oBAAC,aAAA,EAAa,UAAA,QAAQ,SAAS,EAAE,qBAAqB,GAAE;AAAA,IACxD,oBAAC,eAAA,EAAe,UAAA,QAAQ,QAAA,CAAQ;AAAA,IAChC,oBAAC,eAAA,EACG,UAAA,oBAAC,QAAA,EAAO,SAAS,MAAM,QAAA,GAAW,WAAS,MACtC,UAAA,EAAE,uBAAuB,GAC9B,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;AAQO,SAAS,cAAc,EAAE,MAAM,SAAS,WAAyC;AACpF,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,SACI,qBAAC,QAAA,EAAO,UAAS,MAAK,WAAS,MAAC,MAAY,SAAS,MAAM,QAAQ,KAAK,GAAG,qBAAmB,MAC1F,UAAA;AAAA,IAAA,oBAAC,aAAA,EAAa,UAAA,QAAQ,SAAS,EAAE,uBAAuB,GAAE;AAAA,IAC1D,oBAAC,eAAA,EAAe,UAAA,QAAQ,QAAA,CAAQ;AAAA,yBAC/B,eAAA,EACG,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,SAAS,MAAM,QAAQ,KAAK,GAC/B,UAAA,QAAQ,cAAc,EAAE,sBAAsB,EAAA,CACnD;AAAA,MACA,oBAAC,QAAA,EAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,WAAS,MAC1C,UAAA,EAAE,uBAAuB,EAAA,CAC9B;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;AASO,SAAS,aAAyB;AACrC,QAAM,EAAE,MAAM,UAAU,WAAW,cAAc;AAEjD,QAAM,QAAQ;AAAA,IAAkC,CAAC,SAAS,EAAE,GAAG,YAAY,CAAA,MACvE,KAAK,aAAa,EAAE,GAAG,SAAS,SAAS;AAAA,EAAA;AAG7C,QAAM,UAAU;AAAA,IAAoC,CAAC,SAAS,EAAE,GAAG,YAAY,CAAA,MAC3E,KAAK,eAAe,EAAE,GAAG,SAAS,SAAS;AAAA,EAAA;AAG/C,SAAO,EAAE,OAAO,SAAS,MAAM,MAAA;AACnC;"}

package/dist/{RouterListItemButton-CHS7rofI.js → RouterListItemButton-Cx7rXEfm.js}

@@ -1,15 +1,15 @@
-import { j as jsxRuntimeExports } from "./DialogsHooks-Bi8dZoyu.js";
+import { jsx } from "react/jsx-runtime";
 import { ListItemButton } from "@mui/material";
 import { createLink } from "@tanstack/react-router";
 import React from "react";
 const Component = React.forwardRef(function ButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemButton, { ref: reference, component: "a", ...props });
+  return /* @__PURE__ */ jsx(ListItemButton, { ref: reference, component: "a", ...props });
 });
 const CreatedComponent = createLink(Component);
 const RouterListItemButton = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent, { ...props });
+  return /* @__PURE__ */ jsx(CreatedComponent, { ...props });
 };
 export {
   RouterListItemButton as R
 };
-//# sourceMappingURL=RouterListItemButton-CHS7rofI.js.map
+//# sourceMappingURL=RouterListItemButton-Cx7rXEfm.js.map

package/dist/{RouterListItemButton-CHS7rofI.js.map → RouterListItemButton-Cx7rXEfm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RouterListItemButton-CHS7rofI.js","sources":["../src/components/router/RouterListItemButton.tsx"],"sourcesContent":["import { ListItemButton } from \"@mui/material\";\r\nimport { createLink } from \"@tanstack/react-router\";\r\nimport React from \"react\";\r\nimport type { ListItemButtonProps } from \"@mui/material\";\r\nimport type { LinkComponent } from \"@tanstack/react-router\";\r\n\r\nconst Component = React.forwardRef<HTMLAnchorElement, ListItemButtonProps<\"a\">>(function ButtonComponent(props, reference) {\r\n    return <ListItemButton ref={reference} component=\"a\" {...props} />;\r\n});\r\n\r\nconst CreatedComponent = createLink(Component);\r\n\r\nexport const RouterListItemButton: LinkComponent<typeof Component> = (props) => {\r\n    return <CreatedComponent {...props} />;\r\n};\r\n"],"names":["jsx"],"mappings":";;;;AAMA,MAAM,YAAY,MAAM,WAAwD,SAAS,gBAAgB,OAAO,WAAW;AACvH,+CAAQ,gBAAA,EAAe,KAAK,WAAW,WAAU,KAAK,GAAG,OAAO;AACpE,CAAC;AAED,MAAM,mBAAmB,WAAW,SAAS;AAEtC,MAAM,uBAAwD,CAAC,UAAU;AAC5E,SAAOA,sCAAC,kBAAA,EAAkB,GAAG,MAAA,CAAO;AACxC;"}
+{"version":3,"file":"RouterListItemButton-Cx7rXEfm.js","sources":["../src/components/router/RouterListItemButton.tsx"],"sourcesContent":["import { ListItemButton } from \"@mui/material\";\r\nimport { createLink } from \"@tanstack/react-router\";\r\nimport React from \"react\";\r\nimport type { ListItemButtonProps } from \"@mui/material\";\r\nimport type { LinkComponent } from \"@tanstack/react-router\";\r\n\r\nconst Component = React.forwardRef<HTMLAnchorElement, ListItemButtonProps<\"a\">>(function ButtonComponent(props, reference) {\r\n    return <ListItemButton ref={reference} component=\"a\" {...props} />;\r\n});\r\n\r\nconst CreatedComponent = createLink(Component);\r\n\r\nexport const RouterListItemButton: LinkComponent<typeof Component> = (props) => {\r\n    return <CreatedComponent {...props} />;\r\n};\r\n"],"names":[],"mappings":";;;;AAMA,MAAM,YAAY,MAAM,WAAwD,SAAS,gBAAgB,OAAO,WAAW;AACvH,6BAAQ,gBAAA,EAAe,KAAK,WAAW,WAAU,KAAK,GAAG,OAAO;AACpE,CAAC;AAED,MAAM,mBAAmB,WAAW,SAAS;AAEtC,MAAM,uBAAwD,CAAC,UAAU;AAC5E,SAAO,oBAAC,kBAAA,EAAkB,GAAG,MAAA,CAAO;AACxC;"}

package/dist/auth-client-o9U0_qmf.js

@@ -0,0 +1,79 @@
+import { createTheme, darken, lighten } from "@mui/material";
+import { grey } from "@mui/material/colors";
+import { enUS as enUS$2, csCZ as csCZ$2 } from "@mui/material/locale";
+import { enUS, csCZ } from "@mui/x-data-grid/locales";
+import { enUS as enUS$1, csCZ as csCZ$1 } from "@mui/x-date-pickers/locales";
+import { useTranslation } from "react-i18next";
+import { createAuthClient } from "better-auth/react";
+import { c as clientEnv } from "./env-CoxTjaDr.js";
+const WISTRON_PRIMARY_COLOR = "#00506E";
+const WISTRON_SECONDARY_COLOR = "#64DC00";
+const LOCALE_MAP = {
+  cs: [csCZ, csCZ$1, csCZ$2],
+  en: [enUS, enUS$1, enUS$2]
+};
+const useGetTheme = (theme) => {
+  const { i18n } = useTranslation();
+  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" ? grey[900] : grey[200],
+                  borderRadius: "5px"
+                },
+                "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
+                  backgroundColor: palette.mode === "dark" ? grey[800] : grey[400],
+                  borderRadius: "10px"
+                },
+                "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
+                  backgroundColor: palette.mode === "dark" ? grey[700] : grey[500]
+                },
+                "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
+                  backgroundColor: "transparent"
+                }
+              }
+            };
+          }
+        },
+        ...theme?.components
+      }
+    },
+    ...LOCALE_MAP[i18n.language]
+  );
+};
+const authClient = createAuthClient({
+  baseURL: clientEnv.VITE_API_URL
+});
+export {
+  WISTRON_PRIMARY_COLOR as W,
+  authClient as a,
+  WISTRON_SECONDARY_COLOR as b,
+  useGetTheme as u
+};
+//# sourceMappingURL=auth-client-o9U0_qmf.js.map

package/dist/auth-client-o9U0_qmf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-client-o9U0_qmf.js","sources":["../src/hooks/ThemeHook.ts","../src/lib/auth/auth-client.ts"],"sourcesContent":["import { createTheme, darken, lighten } from \"@mui/material\";\r\nimport { grey } from \"@mui/material/colors\";\r\nimport { csCZ, enUS } from \"@mui/material/locale\";\r\nimport { csCZ as dataGridCsCz, enUS as dataGridEnUs } from \"@mui/x-data-grid/locales\";\r\nimport { csCZ as datePickersCsCz, enUS as datePickersEnUs } from \"@mui/x-date-pickers/locales\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport type { CssVarsThemeOptions } from \"@mui/material\";\r\n\r\nexport const WISTRON_PRIMARY_COLOR = \"#00506E\";\r\nexport const WISTRON_SECONDARY_COLOR = \"#64DC00\";\r\n\r\nconst LOCALE_MAP = {\r\n    cs: [dataGridCsCz, datePickersCsCz, csCZ],\r\n    en: [dataGridEnUs, datePickersEnUs, enUS],\r\n} as const;\r\n\r\nexport const useGetTheme = (theme?: Pick<CssVarsThemeOptions, \"colorSchemes\" | \"components\">) => {\r\n    const { i18n } = useTranslation();\r\n\r\n    return createTheme(\r\n        {\r\n            cssVariables: {\r\n                colorSchemeSelector: \"data-mui-color-scheme\"\r\n            },\r\n            colorSchemes: {\r\n                light: {\r\n                    palette: {\r\n                        primary: { main: WISTRON_PRIMARY_COLOR },\r\n                        secondary: { main: WISTRON_SECONDARY_COLOR },\r\n                    },\r\n                },\r\n                dark: {\r\n                    palette: {\r\n                        primary: { main: lighten(WISTRON_PRIMARY_COLOR, 0.5) },\r\n                        secondary: { main: darken(WISTRON_SECONDARY_COLOR, 0.5) },\r\n                    },\r\n                },\r\n                ...theme?.colorSchemes\r\n            },\r\n            components: {\r\n                MuiCssBaseline: {\r\n                    styleOverrides: ({ palette }) => {\r\n                        return {\r\n                            body: {\r\n                                \"&::-webkit-scrollbar, & *::-webkit-scrollbar\": {\r\n                                    width: \"0.7em\",\r\n                                    height: \"0.7em\",\r\n                                },\r\n                                \"&::-webkit-scrollbar-track, & *::-webkit-scrollbar-track\": {\r\n                                    backgroundColor:\r\n                                        palette.mode === \"dark\" ? grey[900] : grey[200],\r\n                                    borderRadius: \"5px\",\r\n                                },\r\n                                \"&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb\": {\r\n                                    backgroundColor:\r\n                                        palette.mode === \"dark\" ? grey[800] : grey[400],\r\n                                    borderRadius: \"10px\",\r\n                                },\r\n                                \"&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover\":\r\n                                {\r\n                                    backgroundColor:\r\n                                        palette.mode === \"dark\" ? grey[700] : grey[500],\r\n                                },\r\n                                \"&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner\": {\r\n                                    backgroundColor: \"transparent\",\r\n                                },\r\n                            },\r\n                        };\r\n                    },\r\n                },\r\n                ...theme?.components\r\n            },\r\n        },\r\n        ...LOCALE_MAP[i18n.language as keyof typeof LOCALE_MAP]\r\n    );\r\n};\r\n","import { createAuthClient } from \"better-auth/react\";\r\nimport { clientEnv } from \"~/env\";\r\n\r\nexport const authClient = createAuthClient({\r\n    baseURL: clientEnv.VITE_API_URL,\r\n});\r\n"],"names":["dataGridCsCz","datePickersCsCz","csCZ","dataGridEnUs","datePickersEnUs","enUS"],"mappings":";;;;;;;;AAQO,MAAM,wBAAwB;AAC9B,MAAM,0BAA0B;AAEvC,MAAM,aAAa;AAAA,EACf,IAAI,CAACA,MAAcC,QAAiBC,MAAI;AAAA,EACxC,IAAI,CAACC,MAAcC,QAAiBC,MAAI;AAC5C;AAEO,MAAM,cAAc,CAAC,UAAqE;AAC7F,QAAM,EAAE,KAAA,IAAS,eAAA;AAEjB,SAAO;AAAA,IACH;AAAA,MACI,cAAc;AAAA,QACV,qBAAqB;AAAA,MAAA;AAAA,MAEzB,cAAc;AAAA,QACV,OAAO;AAAA,UACH,SAAS;AAAA,YACL,SAAS,EAAE,MAAM,sBAAA;AAAA,YACjB,WAAW,EAAE,MAAM,wBAAA;AAAA,UAAwB;AAAA,QAC/C;AAAA,QAEJ,MAAM;AAAA,UACF,SAAS;AAAA,YACL,SAAS,EAAE,MAAM,QAAQ,uBAAuB,GAAG,EAAA;AAAA,YACnD,WAAW,EAAE,MAAM,OAAO,yBAAyB,GAAG,EAAA;AAAA,UAAE;AAAA,QAC5D;AAAA,QAEJ,GAAG,OAAO;AAAA,MAAA;AAAA,MAEd,YAAY;AAAA,QACR,gBAAgB;AAAA,UACZ,gBAAgB,CAAC,EAAE,cAAc;AAC7B,mBAAO;AAAA,cACH,MAAM;AAAA,gBACF,gDAAgD;AAAA,kBAC5C,OAAO;AAAA,kBACP,QAAQ;AAAA,gBAAA;AAAA,gBAEZ,4DAA4D;AAAA,kBACxD,iBACI,QAAQ,SAAS,SAAS,KAAK,GAAG,IAAI,KAAK,GAAG;AAAA,kBAClD,cAAc;AAAA,gBAAA;AAAA,gBAElB,4DAA4D;AAAA,kBACxD,iBACI,QAAQ,SAAS,SAAS,KAAK,GAAG,IAAI,KAAK,GAAG;AAAA,kBAClD,cAAc;AAAA,gBAAA;AAAA,gBAElB,wEACA;AAAA,kBACI,iBACI,QAAQ,SAAS,SAAS,KAAK,GAAG,IAAI,KAAK,GAAG;AAAA,gBAAA;AAAA,gBAEtD,8DAA8D;AAAA,kBAC1D,iBAAiB;AAAA,gBAAA;AAAA,cACrB;AAAA,YACJ;AAAA,UAER;AAAA,QAAA;AAAA,QAEJ,GAAG,OAAO;AAAA,MAAA;AAAA,IACd;AAAA,IAEJ,GAAG,WAAW,KAAK,QAAmC;AAAA,EAAA;AAE9D;ACxEO,MAAM,aAAa,iBAAiB;AAAA,EACvC,SAAS,UAAU;AACvB,CAAC;"}

package/dist/client.js

@@ -1,4 +1,4 @@
-import { W, b, a } from "./auth-client-B6cIXYDV.js";
+import { W, b, a } from "./auth-client-o9U0_qmf.js";
 import { P } from "./utils-JYv9O0GI.js";
 export {
   P as Platform,

package/dist/components.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports, u as useDialogs } from "./DialogsHooks-Bi8dZoyu.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Typography, Stack, Box, useTheme, Paper, Menu, List, ListItemButton, ListItemIcon, ListItemText, ImageListItem, ImageListItemBar, IconButton, Tooltip, Dialog, Fab, Chip, Button, Link, Tab, Divider } from "@mui/material";
 import React, { useRef, useState, useEffectEvent, useEffect, createContext, useContext, Fragment } from "react";
 import CloudUpload from "@mui/icons-material/CloudUpload";
@@ -9,6 +9,7 @@ import { grey } from "@mui/material/colors";
 import { useInView } from "react-intersection-observer";
 import Delete from "@mui/icons-material/Delete";
 import FileDownload from "@mui/icons-material/FileDownload";
+import { u as useDialogs } from "./DialogsHooks-BlUsVlfv.js";
 import { c as useDownloadFile, f as useDeleteFile, a as useGetFileThumbnail, d as useOpenFile, b as useGetFile, u as useGetFileMetas } from "./FileHooks-BbjesS5D.js";
 import AttachFile from "@mui/icons-material/AttachFile";
 import Image from "@mui/icons-material/Image";
@@ -17,7 +18,7 @@ import Close from "@mui/icons-material/Close";
 import Edit from "@mui/icons-material/Edit";
 import { createLink } from "@tanstack/react-router";
 import { GridActionsCellItem } from "@mui/x-data-grid-premium";
-import { R } from "./RouterListItemButton-CHS7rofI.js";
+import { R } from "./RouterListItemButton-Cx7rXEfm.js";
 const TypographyWithIcon = ({ startIcon, endIcon, children, sx, ...props }) => {
   const iconSx = {
     display: "inline-flex",
@@ -29,7 +30,7 @@ const TypographyWithIcon = ({ startIcon, endIcon, children, sx, ...props }) => {
       display: "block"
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(
     Typography,
     {
       component: "span",
@@ -42,9 +43,9 @@ const TypographyWithIcon = ({ startIcon, endIcon, children, sx, ...props }) => {
       gap: 1,
       ...props,
       children: [
-        startIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: iconSx, children: startIcon }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: { display: "inline", lineHeight: "inherit" }, children }),
-        endIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: iconSx, children: endIcon })
+        startIcon && /* @__PURE__ */ jsx(Stack, { component: "span", sx: iconSx, children: startIcon }),
+        /* @__PURE__ */ jsx(Stack, { component: "span", sx: { display: "inline", lineHeight: "inherit" }, children }),
+        endIcon && /* @__PURE__ */ jsx(Stack, { component: "span", sx: iconSx, children: endIcon })
       ]
     }
   );
@@ -72,7 +73,7 @@ const Fullscreen = ({ children, sx, ...props }) => {
       ro.disconnect();
     };
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     Box,
     {
       ref: reference,
@@ -113,10 +114,10 @@ const Dropzone = ({ sx, ...props }) => {
     ...isDragAccept ? { borderColor: theme.palette.success.main } : {},
     ...isDragReject ? { borderColor: theme.palette.error.main } : {}
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ...getInputProps(), style: { display: "none" } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CloudUpload, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { children: t("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
+  return /* @__PURE__ */ jsxs(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
+    /* @__PURE__ */ jsx("input", { ...getInputProps(), style: { display: "none" } }),
+    /* @__PURE__ */ jsx(CloudUpload, {}),
+    /* @__PURE__ */ jsx(Typography, { children: t("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
   ] });
 };
 const FileContext = createContext(null);
@@ -150,7 +151,7 @@ const ActionsMenu = ({ meta, menu, setMenu }) => {
       onDelete({ remainingFileMetas, deletedFileMeta: meta });
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     Menu,
     {
       open: menu !== null,
@@ -158,14 +159,14 @@ const ActionsMenu = ({ meta, menu, setMenu }) => {
       anchorReference: "anchorPosition",
       variant: "menu",
       anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(List, { disablePadding: true, children: [
-        actions?.download !== false && /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileDownload, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText, { children: t("Layout.File.Download") })
+      children: /* @__PURE__ */ jsxs(List, { disablePadding: true, children: [
+        actions?.download !== false && /* @__PURE__ */ jsxs(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
+          /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(FileDownload, {}) }),
+          /* @__PURE__ */ jsx(ListItemText, { children: t("Layout.File.Download") })
         ] }),
-        actions?.delete !== false && /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Delete, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText, { children: t("Layout.File.Delete") })
+        actions?.delete !== false && /* @__PURE__ */ jsxs(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
+          /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Delete, {}) }),
+          /* @__PURE__ */ jsx(ListItemText, { children: t("Layout.File.Delete") })
         ] })
       ] })
     }
@@ -174,7 +175,7 @@ const ActionsMenu = ({ meta, menu, setMenu }) => {
 const IMAGE_SIZE = 150;
 const FileViewerGrid = ({ sx, size, itemBar }) => {
   const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx(
     GridFileViewerItem,
     {
       meta: fileMeta,
@@ -217,9 +218,9 @@ const GridFileViewerItem = ({ meta, size, itemBar }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, ref, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, ref, children: [
+      /* @__PURE__ */ jsx(
         Box,
         {
           component: "img",
@@ -230,21 +231,21 @@ const GridFileViewerItem = ({ meta, size, itemBar }) => {
           sx: { cursor: "pointer", objectFit: "contain", width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }
         }
       ),
-      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx(
         ImageListItemBar,
         {
-          title: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { children: meta.fileName }) }),
-          actionIcon: (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { sx: { color: grey[100] }, onClick: openMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreVert, {}) })
+          title: /* @__PURE__ */ jsx(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsx(Box, { children: meta.fileName }) }),
+          actionIcon: (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(IconButton, { sx: { color: grey[100] }, onClick: openMenu, children: /* @__PURE__ */ jsx(MoreVert, {}) })
         }
       )
     ] }),
-    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(ActionsMenu, { meta, menu, setMenu })
+    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, { meta, menu, setMenu })
   ] });
 };
 const FileViewerList = ({ sx }) => {
   const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(List, { dense: true, sx, children: fileMetas.map(
-    (fileMeta) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(List, { dense: true, sx, children: fileMetas.map(
+    (fileMeta) => /* @__PURE__ */ jsx(
       ListFileViewerItem,
       {
         meta: fileMeta
@@ -281,23 +282,23 @@ const ListFileViewerItem = ({ meta }) => {
   const icon = () => {
     switch (meta.mediaType) {
       case "image": {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(Image, {});
+        return /* @__PURE__ */ jsx(Image, {});
       }
       case "video": {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(SmartDisplay, {});
+        return /* @__PURE__ */ jsx(SmartDisplay, {});
       }
       default: {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(AttachFile, {});
+        return /* @__PURE__ */ jsx(AttachFile, {});
       }
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton, { onClick, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon, { children: icon() }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText, { primary: `${meta.fileName}.${meta.fileExtension}` }),
-      (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreVert, {}) })
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(ListItemButton, { onClick, children: [
+      /* @__PURE__ */ jsx(ListItemIcon, { children: icon() }),
+      /* @__PURE__ */ jsx(ListItemText, { primary: `${meta.fileName}.${meta.fileExtension}` }),
+      (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(IconButton, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx(MoreVert, {}) })
     ] }, meta.id),
-    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(ActionsMenu, { meta, menu, setMenu })
+    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, { meta, menu, setMenu })
   ] });
 };
 const ImageViewer = ({ metaId }) => {
@@ -342,9 +343,9 @@ const ImageViewer = ({ metaId }) => {
   };
   const onClose = () => setImageId("");
   if (!metaId) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Dialog, { open: true, onClose, maxWidth: "xl", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Close, {}) })
+  return /* @__PURE__ */ jsxs(Dialog, { open: true, onClose, maxWidth: "xl", children: [
+    /* @__PURE__ */ jsx(Box, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
+    /* @__PURE__ */ jsx(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsx(Close, {}) })
   ] });
 };
 const FileViewer = ({ subId, onDelete, actions, children }) => {
@@ -352,9 +353,9 @@ const FileViewer = ({ subId, onDelete, actions, children }) => {
   const [imageId, setImageId] = useState("");
   const components = { Grid: FileViewerGrid, List: FileViewerList };
   if (fileMetas.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
+  return /* @__PURE__ */ jsxs(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
     children(components),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ImageViewer, { metaId: imageId })
+    /* @__PURE__ */ jsx(ImageViewer, { metaId: imageId })
   ] });
 };
 const isArray = (value) => Array.isArray(value);
@@ -365,64 +366,64 @@ const ChipInputCell = ({ params, slotProps, getLabel }) => {
     return value;
   };
   if (isArray(params.value))
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
-      (value, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
+    return /* @__PURE__ */ jsx(Stack, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
+      (value, index) => /* @__PURE__ */ jsx(Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
     ) });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Chip, { label: getLabelValue(params.value), ...slotProps });
+  return /* @__PURE__ */ jsx(Chip, { label: getLabelValue(params.value), ...slotProps });
 };
 const EditableColumnHeader = ({ colDef }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
+  return /* @__PURE__ */ jsx(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
 };
 const Component$4 = React.forwardRef(function ButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { ref: reference, component: "a", ...props });
+  return /* @__PURE__ */ jsx(Button, { ref: reference, component: "a", ...props });
 });
 const CreatedComponent$4 = createLink(Component$4);
 const RouterButton = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$4, { ...props });
+  return /* @__PURE__ */ jsx(CreatedComponent$4, { ...props });
 };
 const Component$3 = React.forwardRef(
   function GridActionsCellItemComponent(props, reference) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(GridActionsCellItem, { ref: reference, component: "a", ...props });
+    return /* @__PURE__ */ jsx(GridActionsCellItem, { ref: reference, component: "a", ...props });
   }
 );
 const CreatedComponent$3 = createLink(Component$3);
 const RouterGridActionsCellItem = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$3, { ...props });
+  return /* @__PURE__ */ jsx(CreatedComponent$3, { ...props });
 };
 const Component$2 = React.forwardRef(function IconButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { ref: reference, component: "a", ...props });
+  return /* @__PURE__ */ jsx(IconButton, { ref: reference, component: "a", ...props });
 });
 const CreatedComponent$2 = createLink(Component$2);
 const RouterIconButton = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$2, { ...props });
+  return /* @__PURE__ */ jsx(CreatedComponent$2, { ...props });
 };
 const Component$1 = React.forwardRef(function LinkComponent(props, reference) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { ref: reference, ...props });
+  return /* @__PURE__ */ jsx(Link, { ref: reference, ...props });
 });
 const CreatedComponent$1 = createLink(Component$1);
 const RouterLink = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$1, { ...props });
+  return /* @__PURE__ */ jsx(CreatedComponent$1, { ...props });
 };
 const Component = React.forwardRef(function TabComponent(props, reference) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tab, { ref: reference, component: "a", ...props });
+  return /* @__PURE__ */ jsx(Tab, { ref: reference, component: "a", ...props });
 });
 const CreatedComponent = createLink(Component);
 const RouterTab = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent, { ...props });
+  return /* @__PURE__ */ jsx(CreatedComponent, { ...props });
 };
 function RouterNotFound() {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h5", component: "span", children: t("Layout.ThisPageCouldNotBeFound") })
+  return /* @__PURE__ */ jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
+    /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx(Typography, { variant: "h5", component: "span", children: t("Layout.ThisPageCouldNotBeFound") })
   ] }) });
 }
 const RouterError = ({ error }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h5", component: "span", children: error.message })
+  return /* @__PURE__ */ jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
+    /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx(Typography, { variant: "h5", component: "span", children: error.message })
   ] }) });
 };
 export {