aq-fe-framework 0.1.272 → 0.1.277

package/dist/{chunk-JCIYZBMG.mjs → chunk-UHTR5TVI.mjs}

@@ -1,9 +1,9 @@
-import {
-  const_object_colors
-} from "./chunk-NWBLJ3W3.mjs";
 import {
   enum_daysOfWeek
 } from "./chunk-K6S7R6LU.mjs";
+import {
+  const_object_colors
+} from "./chunk-NWBLJ3W3.mjs";
 import {
   baseAxios_default,
   useMyReactMutation,
@@ -64,7 +64,7 @@ var MyBoxesCore = (_a) => {
         className
       )
     }, rest), {
-      children: rows.map((_4, i5) => /* @__PURE__ */ jsx(motion.div, { className: "w-16 h-8  border-l  border-slate-700 relative", children: cols.map((_5, j4) => /* @__PURE__ */ jsx(
+      children: rows.map((_5, i5) => /* @__PURE__ */ jsx(motion.div, { className: "w-16 h-8  border-l  border-slate-700 relative", children: cols.map((_6, j4) => /* @__PURE__ */ jsx(
         motion.div,
         {
           whileHover: {
@@ -399,7 +399,23 @@ function MyActionIconDelete(_a) {
   const disc = useDisclosure2();
   const loadingState = useState2();
   const mutation = useMyReactMutation({
-    axiosFn: () => onSubmit(),
+    axiosFn: () => {
+      const result = onSubmit();
+      if (result === void 0) {
+        return Promise.resolve({
+          data: {
+            message: "X\xF3a th\xE0nh c\xF4ng (gi\u1EA3 l\u1EADp)",
+            data: {},
+            isSuccess: 1
+          },
+          status: 200,
+          statusText: "OK",
+          headers: {},
+          config: {}
+        });
+      }
+      return result;
+    },
     options: __spreadValues(__spreadValues({
       onSuccess: () => {
         queryClient.invalidateQueries();
@@ -486,7 +502,23 @@ function MyActionIconUpdate(_a) {
   const disc = useDisclosure3();
   const queryClient = useQueryClient2();
   const mutation = useMyReactMutation({
-    axiosFn: (values) => onSubmit(values),
+    axiosFn: (values) => {
+      const result = onSubmit(values);
+      if (result === void 0) {
+        return Promise.resolve({
+          data: {
+            message: "S\u1EEDa th\xE0nh c\xF4ng (gi\u1EA3 l\u1EADp)",
+            data: {},
+            isSuccess: 1
+          },
+          status: 200,
+          statusText: "OK",
+          headers: {},
+          config: {}
+        });
+      }
+      return result;
+    },
     options: __spreadValues(__spreadValues({
       onSuccess: () => {
         queryClient.invalidateQueries();
@@ -1030,7 +1062,23 @@ function MyButtonCreate(_a) {
   const disclosure = externalDisclosure != null ? externalDisclosure : defaultDisclosure;
   const queryClient = useQueryClient4();
   const mutation = useMyReactMutation({
-    axiosFn: (values) => onSubmit(values),
+    axiosFn: (values) => {
+      const result = onSubmit(values);
+      if (result === void 0) {
+        return Promise.resolve({
+          data: {
+            message: "T\u1EA1o th\xE0nh c\xF4ng (gi\u1EA3 l\u1EADp)",
+            data: {},
+            isSuccess: 1
+          },
+          status: 200,
+          statusText: "OK",
+          headers: {},
+          config: {}
+        });
+      }
+      return result;
+    },
     options: __spreadValues(__spreadValues({
       onSuccess: () => {
         queryClient.invalidateQueries();
@@ -1061,12 +1109,75 @@ function MyButtonCreate(_a) {
   ] }) }) }));
 }
 
+// src/components/Buttons/ButtonCRUD/MyButtonCreateUpdate.tsx
+import { useDisclosure as useDisclosure8 } from "@mantine/hooks";
+import { useQueryClient as useQueryClient5 } from "@tanstack/react-query";
+import { ActionIcon as ActionIcon9, Button as Button5, Modal as Modal6 } from "@mantine/core";
+import { IconEdit as IconEdit5, IconPlus as IconPlus5 } from "@tabler/icons-react";
+import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+function MyButtonCreateUpdate({
+  modalProps,
+  actionIconProps,
+  buttonProps,
+  form,
+  onSubmit,
+  onSuccess,
+  onError,
+  closeModalWhenSubmit = true,
+  resetFormWhenSubmit = true,
+  children,
+  disclosure: externalDisclosure,
+  isCreate = true
+}) {
+  const defaultDisclosure = useDisclosure8();
+  const disclosure = externalDisclosure != null ? externalDisclosure : defaultDisclosure;
+  const queryClient = useQueryClient5();
+  const mutation = useMyReactMutation({
+    axiosFn: (values) => onSubmit(values),
+    options: __spreadValues(__spreadValues({
+      onSuccess: () => {
+        queryClient.invalidateQueries();
+        utils_notification_show({ crudType: "create" });
+        disclosure[1].close();
+        if (closeModalWhenSubmit) disclosure[1].close();
+        if (resetFormWhenSubmit) form.reset();
+      }
+    }, onSuccess && {
+      onSuccess: () => {
+        onSuccess();
+      }
+    }), onError && {
+      onError: () => {
+        onError();
+      }
+    })
+  });
+  return /* @__PURE__ */ jsxs12(Fragment7, { children: [
+    isCreate ? /* @__PURE__ */ jsx22(Button5, __spreadValues({ onClick: disclosure[1].open, children: "Th\xEAm", leftSection: /* @__PURE__ */ jsx22(IconPlus5, {}) }, buttonProps)) : /* @__PURE__ */ jsx22(ActionIcon9, __spreadValues({ color: "yellow", onClick: disclosure[1].open, children: /* @__PURE__ */ jsx22(IconEdit5, {}) }, actionIconProps)),
+    /* @__PURE__ */ jsx22(
+      Modal6,
+      __spreadProps(__spreadValues({
+        title: isCreate ? "Th\xEAm d\u1EEF li\u1EC7u" : "S\u1EEDa d\u1EEF li\u1EC7u",
+        opened: disclosure[0],
+        onClose: disclosure[1].close
+      }, modalProps), {
+        children: /* @__PURE__ */ jsx22("form", { onSubmit: form.onSubmit((values) => {
+          mutation.mutate(values);
+        }), children: /* @__PURE__ */ jsxs12(MyFlexColumn, { children: [
+          children,
+          /* @__PURE__ */ jsx22(Button5, { children: "L\u01B0u" })
+        ] }) })
+      })
+    )
+  ] });
+}
+
 // src/components/Buttons/ButtonCRUD/MyButtonDeleteList.tsx
 import { Group as Group5, Highlight as Highlight2 } from "@mantine/core";
-import { useDisclosure as useDisclosure8 } from "@mantine/hooks";
-import { useMutation as useMutation2, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
+import { useDisclosure as useDisclosure9 } from "@mantine/hooks";
+import { useMutation as useMutation2, useQueryClient as useQueryClient6 } from "@tanstack/react-query";
 import { useState as useState7 } from "react";
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 function MyButtonDeleteList(_a) {
   var _b = _a, {
     onSubmit,
@@ -1079,8 +1190,8 @@ function MyButtonDeleteList(_a) {
     "onError",
     "contextData"
   ]);
-  const queryClient = useQueryClient5();
-  const disc = useDisclosure8();
+  const queryClient = useQueryClient6();
+  const disc = useDisclosure9();
   const loadingState = useState7();
   const mutation = useMutation2({
     mutationFn: async () => await onSubmit(),
@@ -1105,7 +1216,7 @@ function MyButtonDeleteList(_a) {
     loadingState[1](true);
     mutation.mutate();
   }
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     MyButtonModal,
     __spreadProps(__spreadValues({
       disclosure: disc,
@@ -1113,7 +1224,7 @@ function MyButtonDeleteList(_a) {
       disabled: contextData == void 0 || contextData.length == 0
     }, rest), {
       children: [
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(
           Highlight2,
           {
             highlight: contextData || [],
@@ -1126,8 +1237,8 @@ function MyButtonDeleteList(_a) {
             children: `B\u1EA1n s\u1EAFp x\xF3a d\u1EEF li\u1EC7u ${contextData || ""}. H\xE0nh \u0111\u1ED9ng n\xE0y kh\xF4ng th\u1EC3 ho\xE0n t\xE1c. B\u1EA1n c\xF3 ch\u1EAFc ch\u1EAFn mu\u1ED1n ti\u1EBFp t\u1EE5c?`
           }
         ),
-        /* @__PURE__ */ jsxs12(Group5, { grow: true, children: [
-          /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsxs13(Group5, { grow: true, children: [
+          /* @__PURE__ */ jsx23(
             MyButton,
             {
               crudType: "delete",
@@ -1135,7 +1246,7 @@ function MyButtonDeleteList(_a) {
               loading: loadingState[0]
             }
           ),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             MyButton,
             {
               crudType: "cancel",
@@ -1149,27 +1260,27 @@ function MyButtonDeleteList(_a) {
 }
 
 // src/components/Buttons/ButtonImport/MyButtonImport.tsx
-import { Button as Button8, Modal as Modal8, useModalsStack as useModalsStack3 } from "@mantine/core";
+import { Button as Button9, Modal as Modal9, useModalsStack as useModalsStack3 } from "@mantine/core";
 import { IconFileImport as IconFileImport2 } from "@tabler/icons-react";
 
 // src/components/Combobox/Select/MySelect.tsx
 import { Select } from "@mantine/core";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function MySelect(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx23(Select, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx24(Select, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Layouts/FlexEnd/MyFlexEnd.tsx
 import { Group as Group6 } from "@mantine/core";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function MyFlexEnd(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx24(Group6, __spreadProps(__spreadValues({ justify: "end", mt: "md" }, rest), { children }));
+  return /* @__PURE__ */ jsx25(Group6, __spreadProps(__spreadValues({ justify: "end", mt: "md" }, rest), { children }));
 }
 
 // src/components/Buttons/ButtonImport/SelectFieldModal.tsx
-import { Button as Button5, Divider, Fieldset, Group as Group7, Modal as Modal6, SimpleGrid, Space as Space2, Table } from "@mantine/core";
+import { Button as Button6, Divider, Fieldset, Group as Group7, Modal as Modal7, SimpleGrid, Space as Space2, Table } from "@mantine/core";
 import { IconArrowBackUp, IconArrowBigLeft, IconArrowBigRight, IconSquareRoundedX } from "@tabler/icons-react";
 
 // src/components/Buttons/ButtonImport/useS_ButtonImport.ts
@@ -1323,99 +1434,99 @@ function useS_ButtonImport() {
 }
 
 // src/components/Buttons/ButtonImport/SelectFieldModal.tsx
-import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 function SelectFieldModal({ stack, onImport }) {
   var _a, _b;
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ jsxs13(Modal6, __spreadProps(__spreadValues({ fullScreen: true }, stack.register("select-field-page")), { title: "Import", children: [
-    /* @__PURE__ */ jsxs13(SimpleGrid, { cols: { base: 1, lg: 2 }, children: [
-      /* @__PURE__ */ jsxs13(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin", children: [
-        /* @__PURE__ */ jsxs13(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
-          /* @__PURE__ */ jsx25(Table.Thead, { bg: "cyan", children: /* @__PURE__ */ jsxs13(Table.Tr, { children: [
-            /* @__PURE__ */ jsx25(Table.Th, { children: "M\xE3 field" }),
-            /* @__PURE__ */ jsx25(Table.Th, { children: "T\xEAn field" })
+  return /* @__PURE__ */ jsxs14(Modal7, __spreadProps(__spreadValues({ fullScreen: true }, stack.register("select-field-page")), { title: "Import", children: [
+    /* @__PURE__ */ jsxs14(SimpleGrid, { cols: { base: 1, lg: 2 }, children: [
+      /* @__PURE__ */ jsxs14(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin", children: [
+        /* @__PURE__ */ jsxs14(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
+          /* @__PURE__ */ jsx26(Table.Thead, { bg: "cyan", children: /* @__PURE__ */ jsxs14(Table.Tr, { children: [
+            /* @__PURE__ */ jsx26(Table.Th, { children: "M\xE3 field" }),
+            /* @__PURE__ */ jsx26(Table.Th, { children: "T\xEAn field" })
           ] }) }),
-          /* @__PURE__ */ jsx25(Table.Tbody, { children: (_a = store.state.fieldConfig) == null ? void 0 : _a.filter((item) => item.isSelected == false || item.isSelected == void 0).map((item, idx) => /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsx26(Table.Tbody, { children: (_a = store.state.fieldConfig) == null ? void 0 : _a.filter((item) => item.isSelected == false || item.isSelected == void 0).map((item, idx) => /* @__PURE__ */ jsxs14(
             Table.Tr,
             {
               style: { cursor: "pointer" },
               children: [
-                /* @__PURE__ */ jsx25(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true), children: item.fieldKey.toString() }),
-                /* @__PURE__ */ jsx25(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true), children: item.fieldName })
+                /* @__PURE__ */ jsx26(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true), children: item.fieldKey.toString() }),
+                /* @__PURE__ */ jsx26(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true), children: item.fieldName })
               ]
             },
             idx
           )) })
         ] }),
-        /* @__PURE__ */ jsx25(Space2, {}),
-        /* @__PURE__ */ jsx25(Group7, { children: /* @__PURE__ */ jsx25(
-          Button5,
+        /* @__PURE__ */ jsx26(Space2, {}),
+        /* @__PURE__ */ jsx26(Group7, { children: /* @__PURE__ */ jsx26(
+          Button6,
           {
             onClick: () => {
               store.changeAllSelected(true);
             },
-            leftSection: /* @__PURE__ */ jsx25(IconArrowBigRight, {}),
+            leftSection: /* @__PURE__ */ jsx26(IconArrowBigRight, {}),
             children: "Chuy\u1EC3n t\u1EA5t c\u1EA3"
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs13(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin \u0111\u01B0\u1EE3c ch\u1ECDn", children: [
-        /* @__PURE__ */ jsxs13(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
-          /* @__PURE__ */ jsx25(Table.Thead, { children: /* @__PURE__ */ jsxs13(Table.Tr, { children: [
-            /* @__PURE__ */ jsx25(Table.Th, { children: "M\xE3 field" }),
-            /* @__PURE__ */ jsx25(Table.Th, { children: "T\xEAn field" }),
-            /* @__PURE__ */ jsx25(Table.Th, { children: "C\u1ED9t map" })
+      /* @__PURE__ */ jsxs14(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin \u0111\u01B0\u1EE3c ch\u1ECDn", children: [
+        /* @__PURE__ */ jsxs14(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
+          /* @__PURE__ */ jsx26(Table.Thead, { children: /* @__PURE__ */ jsxs14(Table.Tr, { children: [
+            /* @__PURE__ */ jsx26(Table.Th, { children: "M\xE3 field" }),
+            /* @__PURE__ */ jsx26(Table.Th, { children: "T\xEAn field" }),
+            /* @__PURE__ */ jsx26(Table.Th, { children: "C\u1ED9t map" })
           ] }) }),
-          /* @__PURE__ */ jsx25(Table.Tbody, { children: (_b = store.state.fieldConfig) == null ? void 0 : _b.filter((item) => item.isSelected == true).map((item, idx) => /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsx26(Table.Tbody, { children: (_b = store.state.fieldConfig) == null ? void 0 : _b.filter((item) => item.isSelected == true).map((item, idx) => /* @__PURE__ */ jsxs14(
             Table.Tr,
             {
               style: { cursor: "pointer" },
               children: [
-                /* @__PURE__ */ jsx25(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false), children: item.fieldKey.toString() }),
-                /* @__PURE__ */ jsx25(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false), children: item.fieldName }),
-                /* @__PURE__ */ jsx25(Table.Td, { children: /* @__PURE__ */ jsx25(MySelect, { data: store.state.title, value: item.fieldToMap, onChange: (e4) => store.setFieldToMap(item.fieldKey.toString(), e4) }) })
+                /* @__PURE__ */ jsx26(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false), children: item.fieldKey.toString() }),
+                /* @__PURE__ */ jsx26(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false), children: item.fieldName }),
+                /* @__PURE__ */ jsx26(Table.Td, { children: /* @__PURE__ */ jsx26(MySelect, { data: store.state.title, value: item.fieldToMap, onChange: (e4) => store.setFieldToMap(item.fieldKey.toString(), e4) }) })
               ]
             },
             idx
           )) })
         ] }),
-        /* @__PURE__ */ jsx25(Space2, {}),
-        /* @__PURE__ */ jsx25(
-          Button5,
+        /* @__PURE__ */ jsx26(Space2, {}),
+        /* @__PURE__ */ jsx26(
+          Button6,
           {
             onClick: () => {
               store.changeAllSelected(false);
             },
-            leftSection: /* @__PURE__ */ jsx25(IconArrowBigLeft, {}),
+            leftSection: /* @__PURE__ */ jsx26(IconArrowBigLeft, {}),
             children: "Chuy\u1EC3n t\u1EA5t c\u1EA3 v\u1EC1"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx25(Divider, {}),
-    /* @__PURE__ */ jsxs13(MyFlexEnd, { children: [
-      /* @__PURE__ */ jsx25(
-        Button5,
+    /* @__PURE__ */ jsx26(Divider, {}),
+    /* @__PURE__ */ jsxs14(MyFlexEnd, { children: [
+      /* @__PURE__ */ jsx26(
+        Button6,
         {
-          leftSection: /* @__PURE__ */ jsx25(IconArrowBackUp, {}),
+          leftSection: /* @__PURE__ */ jsx26(IconArrowBackUp, {}),
           onClick: () => stack.close("select-field-page"),
           color: "gray.7",
           children: "Quay l\u1EA1i"
         }
       ),
-      /* @__PURE__ */ jsx25(
-        Button5,
+      /* @__PURE__ */ jsx26(
+        Button6,
         {
           color: "blue.8",
-          leftSection: /* @__PURE__ */ jsx25(IconArrowBigRight, {}),
+          leftSection: /* @__PURE__ */ jsx26(IconArrowBigRight, {}),
           onClick: onImport,
           children: "Ti\u1EBFp t\u1EE5c / Import"
         }
       ),
-      /* @__PURE__ */ jsx25(
-        Button5,
+      /* @__PURE__ */ jsx26(
+        Button6,
         {
-          leftSection: /* @__PURE__ */ jsx25(IconSquareRoundedX, {}),
+          leftSection: /* @__PURE__ */ jsx26(IconSquareRoundedX, {}),
           onClick: () => stack.closeAll(),
           color: "red.6",
           children: "\u0110\xF3ng"
@@ -1426,7 +1537,7 @@ function SelectFieldModal({ stack, onImport }) {
 }
 
 // src/components/DataDisplay/DataTable/MyDataTable.tsx
-import { Alert, Button as Button6, Group as Group8, Portal } from "@mantine/core";
+import { Alert, Button as Button7, Group as Group8, Portal } from "@mantine/core";
 import { IconBug, IconDownload as IconDownload3, IconInfoCircle } from "@tabler/icons-react";
 import { download, generateCsv, mkConfig } from "export-to-csv";
 import {
@@ -1435,7 +1546,7 @@ import {
 } from "mantine-react-table";
 import { MRT_Localization_VI } from "mantine-react-table/locales/vi/index.cjs";
 import { useEffect as useEffect5 } from "react";
-import { Fragment as Fragment7, jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 function formatData(data, formats) {
   return data.map((row) => {
     const transformedRow = {};
@@ -1498,14 +1609,14 @@ function MyDataTable(_a) {
     columns,
     data,
     renderTopToolbarCustomActions: ({ table: table2 }) => {
-      return /* @__PURE__ */ jsxs14(Group8, { children: [
+      return /* @__PURE__ */ jsxs15(Group8, { children: [
         renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table: table2 }),
-        exportAble && /* @__PURE__ */ jsx26(Fragment7, { children: /* @__PURE__ */ jsx26(
-          Button6,
+        exportAble && /* @__PURE__ */ jsx27(Fragment8, { children: /* @__PURE__ */ jsx27(
+          Button7,
           {
             color: "green.8",
             onClick: () => handleExport(table2.getSelectedRowModel().rows),
-            leftSection: /* @__PURE__ */ jsx26(IconDownload3, {}),
+            leftSection: /* @__PURE__ */ jsx27(IconDownload3, {}),
             variant: "filled",
             children: "Export"
           }
@@ -1552,7 +1663,7 @@ function MyDataTable(_a) {
       }
     },
     localization: MRT_Localization_VI,
-    renderEmptyRowsFallback: () => isError ? /* @__PURE__ */ jsx26(Alert, { icon: /* @__PURE__ */ jsx26(IconBug, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" }) : /* @__PURE__ */ jsx26(Alert, { icon: /* @__PURE__ */ jsx26(IconInfoCircle, {}), color: "gray", title: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u!", m: "md" }),
+    renderEmptyRowsFallback: () => isError ? /* @__PURE__ */ jsx27(Alert, { icon: /* @__PURE__ */ jsx27(IconBug, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" }) : /* @__PURE__ */ jsx27(Alert, { icon: /* @__PURE__ */ jsx27(IconInfoCircle, {}), color: "gray", title: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u!", m: "md" }),
     state: {
       showSkeletons: isLoading
     },
@@ -1563,24 +1674,24 @@ function MyDataTable(_a) {
     setSelectedRow && setSelectedRow(table.getSelectedRowModel().rows.map((row) => row.original));
   }, [table.getState().rowSelection]);
   if (data == void 0) return;
-  return /* @__PURE__ */ jsx26("main", { style: { position: "relative", zIndex: 1 }, children: table.getState().isFullScreen ? /* @__PURE__ */ jsx26(Portal, { children: /* @__PURE__ */ jsx26(MantineReactTable, { table }) }) : /* @__PURE__ */ jsx26(MantineReactTable, { table }) });
+  return /* @__PURE__ */ jsx27("main", { style: { position: "relative", zIndex: 1 }, children: table.getState().isFullScreen ? /* @__PURE__ */ jsx27(Portal, { children: /* @__PURE__ */ jsx27(MantineReactTable, { table }) }) : /* @__PURE__ */ jsx27(MantineReactTable, { table }) });
 }
 
 // src/components/Buttons/ButtonImport/SelectFileModal.tsx
-import { Button as Button7, Fieldset as Fieldset2, FileInput as FileInput2, Modal as Modal7, NumberInput, Select as Select2, SimpleGrid as SimpleGrid2 } from "@mantine/core";
+import { Button as Button8, Fieldset as Fieldset2, FileInput as FileInput2, Modal as Modal8, NumberInput, Select as Select2, SimpleGrid as SimpleGrid2 } from "@mantine/core";
 import { IconArrowBigRight as IconArrowBigRight2, IconSquareRoundedX as IconSquareRoundedX2 } from "@tabler/icons-react";
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
 function SelectFileModal({ onExportStructure, stack }) {
   var _a;
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ jsxs15(
-    Modal7,
+  return /* @__PURE__ */ jsxs16(
+    Modal8,
     __spreadProps(__spreadValues({
       title: "Import",
       fullScreen: true
     }, stack.register("select-file-page")), {
       children: [
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           FileInput2,
           {
             value: store.state.file,
@@ -1590,8 +1701,8 @@ function SelectFileModal({ onExportStructure, stack }) {
             clearable: true
           }
         ),
-        /* @__PURE__ */ jsxs15(SimpleGrid2, { cols: { base: 1, md: 2, lg: 2, xl: 4 }, children: [
-          /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsxs16(SimpleGrid2, { cols: { base: 1, md: 2, lg: 2, xl: 4 }, children: [
+          /* @__PURE__ */ jsx28(
             NumberInput,
             {
               label: "D\xF2ng ti\xEAu \u0111\u1EC1 b\u1EAFt \u0111\u1EA7u t\u1EEB",
@@ -1599,7 +1710,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               onChange: (e4) => store.setProperty("startTitleIndex", e4)
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             NumberInput,
             {
               label: "D\xF2ng d\u1EEF li\u1EC7u b\u1EAFt \u0111\u1EA7u t\u1EEB",
@@ -1607,7 +1718,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               onChange: (e4) => store.setProperty("startDataIndex", e4)
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             Select2,
             {
               readOnly: true,
@@ -1616,7 +1727,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               defaultValue: "100.000"
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             Select2,
             {
               readOnly: true,
@@ -1626,37 +1737,37 @@ function SelectFileModal({ onExportStructure, stack }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx27(Fieldset2, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin trong file d\u1EEF li\u1EC7u", children: store.state.data && /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(Fieldset2, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin trong file d\u1EEF li\u1EC7u", children: store.state.data && /* @__PURE__ */ jsx28(
           MyDataTable,
           {
             columns: store.columns,
             data: store.state.data
           }
         ) }),
-        /* @__PURE__ */ jsxs15(MyFlexEnd, { children: [
-          /* @__PURE__ */ jsx27(
-            Button7,
+        /* @__PURE__ */ jsxs16(MyFlexEnd, { children: [
+          /* @__PURE__ */ jsx28(
+            Button8,
             {
               color: "teal.8",
               onClick: onExportStructure,
               children: "Xu\u1EA5t file c\u1EA5u tr\xFAc"
             }
           ),
-          /* @__PURE__ */ jsx27(
-            Button7,
+          /* @__PURE__ */ jsx28(
+            Button8,
             {
               disabled: ((_a = store.state.data) == null ? void 0 : _a.length) == 0,
               color: "blue.8",
-              leftSection: /* @__PURE__ */ jsx27(IconArrowBigRight2, {}),
+              leftSection: /* @__PURE__ */ jsx28(IconArrowBigRight2, {}),
               onClick: () => stack.open("select-field-page"),
               children: "Ti\u1EBFp t\u1EE5c"
             }
           ),
-          /* @__PURE__ */ jsx27(
-            Button7,
+          /* @__PURE__ */ jsx28(
+            Button8,
             {
               color: "red.6",
-              leftSection: /* @__PURE__ */ jsx27(IconSquareRoundedX2, {}),
+              leftSection: /* @__PURE__ */ jsx28(IconSquareRoundedX2, {}),
               onClick: stack.closeAll,
               children: "\u0110\xF3ng"
             }
@@ -1668,26 +1779,26 @@ function SelectFileModal({ onExportStructure, stack }) {
 }
 
 // src/components/Buttons/ButtonImport/MyButtonImport.tsx
-import { Fragment as Fragment8, jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
 function MyButtonImport({
   onExportStructure,
   onImport
 }) {
   const stack = useModalsStack3(["select-file-page", "select-field-page", "implement-page"]);
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ jsxs16(Fragment8, { children: [
-    /* @__PURE__ */ jsx28(Button8, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ jsx28(IconFileImport2, {}), title: "Import", children: "Import" }),
-    /* @__PURE__ */ jsxs16(Modal8.Stack, { children: [
-      /* @__PURE__ */ jsx28(SelectFileModal, { stack, onExportStructure }),
-      /* @__PURE__ */ jsx28(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })
+  return /* @__PURE__ */ jsxs17(Fragment9, { children: [
+    /* @__PURE__ */ jsx29(Button9, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ jsx29(IconFileImport2, {}), title: "Import", children: "Import" }),
+    /* @__PURE__ */ jsxs17(Modal9.Stack, { children: [
+      /* @__PURE__ */ jsx29(SelectFileModal, { stack, onExportStructure }),
+      /* @__PURE__ */ jsx29(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })
     ] })
   ] });
 }
 
 // src/components/Buttons/ButtonModal/AQSelectTableByOpenModal.tsx
-import { Button as Button9, Fieldset as Fieldset3, Modal as Modal9 } from "@mantine/core";
-import { useDisclosure as useDisclosure9 } from "@mantine/hooks";
-import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Button as Button10, Fieldset as Fieldset3, Modal as Modal10 } from "@mantine/core";
+import { useDisclosure as useDisclosure10 } from "@mantine/hooks";
+import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
 function AQSelectTableByOpenModal(_a) {
   var _b = _a, {
     setSelectedData,
@@ -1714,29 +1825,29 @@ function AQSelectTableByOpenModal(_a) {
     "fullScreen",
     "closeAfterSelect"
   ]);
-  const disclosure = useDisclosure9(false);
-  return /* @__PURE__ */ jsxs17(Fragment9, { children: [
-    /* @__PURE__ */ jsx29(
-      Button9,
+  const disclosure = useDisclosure10(false);
+  return /* @__PURE__ */ jsxs18(Fragment10, { children: [
+    /* @__PURE__ */ jsx30(
+      Button10,
       __spreadProps(__spreadValues({
         onClick: disclosure[1].open
       }, rest), {
         children: label ? label : `Ch\u1ECDn t\u1EEB danh s\xE1ch`
       })
     ),
-    /* @__PURE__ */ jsx29(
-      Modal9,
+    /* @__PURE__ */ jsx30(
+      Modal10,
       {
         fullScreen,
         size: modalSize,
         title,
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close,
-        children: /* @__PURE__ */ jsx29(MyFlexColumn, { children: /* @__PURE__ */ jsx29(Fieldset3, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: /* @__PURE__ */ jsx29(
+        children: /* @__PURE__ */ jsx30(MyFlexColumn, { children: /* @__PURE__ */ jsx30(Fieldset3, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: /* @__PURE__ */ jsx30(
           MyDataTable,
           __spreadValues({
             renderTopToolbarCustomActions: ({ table }) => {
-              return /* @__PURE__ */ jsx29(Button9, { onClick: () => {
+              return /* @__PURE__ */ jsx30(Button10, { onClick: () => {
                 setSelectedData(table.getSelectedRowModel().rows.map((row) => row.original));
                 closeAfterSelect && disclosure[1].close();
               }, children: "Ch\u1ECDn" });
@@ -1753,10 +1864,10 @@ function AQSelectTableByOpenModal(_a) {
 
 // src/components/Buttons/ButtonPrintPDF/MyButtonPrintPDF.tsx
 import { useRef as useRef2 } from "react";
-import { Button as Button10 } from "@mantine/core";
+import { Button as Button11 } from "@mantine/core";
 import { IconPrinter as IconPrinter2 } from "@tabler/icons-react";
 import { useReactToPrint } from "react-to-print";
-import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
 function MyButtonPrintPDF(_a) {
   var _b = _a, { contentToPrint, children } = _b, rest = __objRest(_b, ["contentToPrint", "children"]);
   const printRef = useRef2(null);
@@ -1770,16 +1881,16 @@ function MyButtonPrintPDF(_a) {
     if (!contentToPrint) return;
     handlePrint();
   }
-  return /* @__PURE__ */ jsxs18(Fragment10, { children: [
-    /* @__PURE__ */ jsx30("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx30("div", { ref: printRef, children: contentToPrint }) }),
-    /* @__PURE__ */ jsx30(Button10, __spreadProps(__spreadValues({ color: "orange", onClick: handleClick, leftSection: /* @__PURE__ */ jsx30(IconPrinter2, {}) }, rest), { children }))
+  return /* @__PURE__ */ jsxs19(Fragment11, { children: [
+    /* @__PURE__ */ jsx31("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx31("div", { ref: printRef, children: contentToPrint }) }),
+    /* @__PURE__ */ jsx31(Button11, __spreadProps(__spreadValues({ color: "orange", onClick: handleClick, leftSection: /* @__PURE__ */ jsx31(IconPrinter2, {}) }, rest), { children }))
   ] });
 }
 
 // src/components/Layouts/HtmlWrapper/MyHtmlWrapper.tsx
 import { ScrollArea, TypographyStylesProvider } from "@mantine/core";
 import pako from "pako";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function MyHtmlWrapper(_a) {
   var _b = _a, { html, mah, zip = false } = _b, rest = __objRest(_b, ["html", "mah", "zip"]);
   const extractHtmlFromZip = () => {
@@ -1788,7 +1899,7 @@ function MyHtmlWrapper(_a) {
     const cleanedHtml = decompressedData == null ? void 0 : decompressedData.replaceAll(" font-family:'Times New Roman'; font-size:1em;", "");
     return cleanedHtml.replaceAll(" font-family:'Times New Roman'; font-size:1em;", "");
   };
-  return /* @__PURE__ */ jsx31(ScrollArea.Autosize, { mah, children: /* @__PURE__ */ jsx31(TypographyStylesProvider, __spreadProps(__spreadValues({}, rest), { children: /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(ScrollArea.Autosize, { mah, children: /* @__PURE__ */ jsx32(TypographyStylesProvider, __spreadProps(__spreadValues({}, rest), { children: /* @__PURE__ */ jsx32(
     "div",
     {
       dangerouslySetInnerHTML: {
@@ -1800,7 +1911,7 @@ function MyHtmlWrapper(_a) {
 
 // src/components/Buttons/ButtonPrintPDFTable/MyButtonPrintTablePDF.tsx
 import { Box, Table as Table2 } from "@mantine/core";
-import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 function MyButtonPrintTablePDF(_a) {
   var _b = _a, {
     printConfig,
@@ -1826,8 +1937,8 @@ function MyButtonPrintTablePDF(_a) {
   };
   const rows = data == null ? void 0 : data.map((item, index) => {
     if (!(printConfig == null ? void 0 : printConfig.fields)) return null;
-    return /* @__PURE__ */ jsxs19(Table2.Tr, { children: [
-      printConfig.showRowNumbers && /* @__PURE__ */ jsx32(Table2.Td, { ta: "center", px: "xs", style: { border: "1px solid lightgray" }, children: index + 1 }),
+    return /* @__PURE__ */ jsxs20(Table2.Tr, { children: [
+      printConfig.showRowNumbers && /* @__PURE__ */ jsx33(Table2.Td, { ta: "center", px: "xs", style: { border: "1px solid lightgray" }, children: index + 1 }),
       printConfig.fields.map((field) => {
         let value = item[field.fieldName];
         if (field.formatFunction) {
@@ -1837,30 +1948,30 @@ function MyButtonPrintTablePDF(_a) {
         }
         const alignment = field.isCenter === false ? "left" : "center";
         if (typeof value === "string" && (value.includes("<") || value.includes("&lt;"))) {
-          return /* @__PURE__ */ jsx32(
+          return /* @__PURE__ */ jsx33(
             Table2.Td,
             {
               px: "xs",
               ta: alignment,
               style: { border: "1px solid lightgray" },
-              children: /* @__PURE__ */ jsx32(MyHtmlWrapper, { html: value })
+              children: /* @__PURE__ */ jsx33(MyHtmlWrapper, { html: value })
             },
             field.fieldName
           );
         }
         if (value === "true" || value === "false") {
-          return /* @__PURE__ */ jsx32(
+          return /* @__PURE__ */ jsx33(
             Table2.Td,
             {
               ta: alignment,
               px: "xs",
               style: { border: "1px solid lightgray" },
-              children: /* @__PURE__ */ jsx32("input", { type: "checkbox", checked: value === "true", readOnly: true })
+              children: /* @__PURE__ */ jsx33("input", { type: "checkbox", checked: value === "true", readOnly: true })
             },
             field.fieldName
           );
         }
-        return /* @__PURE__ */ jsx32(
+        return /* @__PURE__ */ jsx33(
           Table2.Td,
           {
             ta: alignment,
@@ -1884,18 +1995,18 @@ function MyButtonPrintTablePDF(_a) {
       minute: "2-digit"
     });
     const tableTitle = (printConfig == null ? void 0 : printConfig.title) || "B\u1EA3ng d\u1EEF li\u1EC7u";
-    return /* @__PURE__ */ jsxs19(Box, { p: "lg", children: [
-      /* @__PURE__ */ jsxs19("div", { style: { textAlign: "center", marginTop: "10px", fontStyle: "italic", color: "#666" }, children: [
+    return /* @__PURE__ */ jsxs20(Box, { p: "lg", children: [
+      /* @__PURE__ */ jsxs20("div", { style: { textAlign: "center", marginTop: "10px", fontStyle: "italic", color: "#666" }, children: [
         "Ng\xE0y in: ",
         formattedDate
       ] }),
-      /* @__PURE__ */ jsx32("h2", { style: { textAlign: "center", fontSize: "24px", fontWeight: "bold", marginBottom: "20px" }, children: tableTitle }),
-      /* @__PURE__ */ jsxs19(Table2, { withColumnBorders: true, highlightOnHover: true, style: { border: "1px solid lightgray" }, children: [
-        /* @__PURE__ */ jsx32(Table2.Thead, { children: /* @__PURE__ */ jsxs19(Table2.Tr, { children: [
-          printConfig.showRowNumbers && /* @__PURE__ */ jsx32(Table2.Th, { style: { border: "1px solid lightgray" }, w: "10%", ta: "center", px: "xs", children: "STT" }),
+      /* @__PURE__ */ jsx33("h2", { style: { textAlign: "center", fontSize: "24px", fontWeight: "bold", marginBottom: "20px" }, children: tableTitle }),
+      /* @__PURE__ */ jsxs20(Table2, { withColumnBorders: true, highlightOnHover: true, style: { border: "1px solid lightgray" }, children: [
+        /* @__PURE__ */ jsx33(Table2.Thead, { children: /* @__PURE__ */ jsxs20(Table2.Tr, { children: [
+          printConfig.showRowNumbers && /* @__PURE__ */ jsx33(Table2.Th, { style: { border: "1px solid lightgray" }, w: "10%", ta: "center", px: "xs", children: "STT" }),
           printConfig.fields.map((field) => {
             const alignment = field.isCenter === false ? "left" : "center";
-            return /* @__PURE__ */ jsx32(
+            return /* @__PURE__ */ jsx33(
               Table2.Th,
               {
                 style: { border: "1px solid lightgray" },
@@ -1907,11 +2018,11 @@ function MyButtonPrintTablePDF(_a) {
             );
           })
         ] }) }),
-        /* @__PURE__ */ jsx32(Table2.Tbody, { children: rows })
+        /* @__PURE__ */ jsx33(Table2.Tbody, { children: rows })
       ] })
     ] });
   };
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     MyButtonPrintPDF,
     __spreadValues({
       contentToPrint: renderContent()
@@ -1920,15 +2031,15 @@ function MyButtonPrintTablePDF(_a) {
 }
 
 // src/components/Buttons/ButtonRouterBack/MyButtonRouterBack.tsx
-import { ActionIcon as ActionIcon9 } from "@mantine/core";
+import { ActionIcon as ActionIcon10 } from "@mantine/core";
 import { IconArrowBack } from "@tabler/icons-react";
 import { useRouter as useRouter2 } from "next/navigation";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function MyButtonRouterBack(_a) {
   var _b = _a, { url, label } = _b, rest = __objRest(_b, ["url", "label"]);
   const router = useRouter2();
-  return /* @__PURE__ */ jsx33(
-    ActionIcon9,
+  return /* @__PURE__ */ jsx34(
+    ActionIcon10,
     __spreadProps(__spreadValues({
       size: "xl",
       variant: "light",
@@ -1940,27 +2051,27 @@ function MyButtonRouterBack(_a) {
         router.back();
       }
     }, rest), {
-      children: /* @__PURE__ */ jsx33(IconArrowBack, { stroke: 2 })
+      children: /* @__PURE__ */ jsx34(IconArrowBack, { stroke: 2 })
     })
   );
 }
 
 // src/components/Buttons/ButtonViewPDF/MyButtonViewPDF.tsx
 import {
-  ActionIcon as ActionIcon10,
-  Button as Button11,
+  ActionIcon as ActionIcon11,
+  Button as Button12,
   Group as Group9,
   LoadingOverlay,
-  Modal as Modal10,
+  Modal as Modal11,
   Paper as Paper3,
   Text as Text6,
   Tooltip as Tooltip4
 } from "@mantine/core";
-import { useDisclosure as useDisclosure10 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
 import { IconLivePhoto as IconLivePhoto2, IconMaximize as IconMaximize3, IconMinimize as IconMinimize3 } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
 import { useState as useState8 } from "react";
-import { Fragment as Fragment11, jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 function MyButtonViewPDF({
   id,
   modalSize = "80%",
@@ -1970,7 +2081,7 @@ function MyButtonViewPDF({
   filePath
 }) {
   var _a, _b, _c;
-  const disc = useDisclosure10(false);
+  const disc = useDisclosure11(false);
   const fullScreen = useState8(false);
   const hSize = useState8("80vh");
   const query = useQuery({
@@ -1985,57 +2096,57 @@ function MyButtonViewPDF({
     },
     enabled: disc[0] == true
   });
-  return /* @__PURE__ */ jsxs20(Fragment11, { children: [
-    /* @__PURE__ */ jsx34(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx34(
-      ActionIcon10,
+  return /* @__PURE__ */ jsxs21(Fragment12, { children: [
+    /* @__PURE__ */ jsx35(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx35(
+      ActionIcon11,
       {
         onClick: () => {
           disc[1].open();
         },
-        children: /* @__PURE__ */ jsx34(IconLivePhoto2, {})
+        children: /* @__PURE__ */ jsx35(IconLivePhoto2, {})
       }
-    ) : /* @__PURE__ */ jsx34(
-      Button11,
+    ) : /* @__PURE__ */ jsx35(
+      Button12,
       {
         color: "cyan",
         onClick: () => {
           disc[1].open();
         },
-        leftSection: /* @__PURE__ */ jsx34(IconLivePhoto2, {}),
+        leftSection: /* @__PURE__ */ jsx35(IconLivePhoto2, {}),
         children: label
       }
     ) }),
-    /* @__PURE__ */ jsx34(
-      Modal10,
+    /* @__PURE__ */ jsx35(
+      Modal11,
       {
         fullScreen: fullScreen[0],
         opened: disc[0],
         onClose: disc[1].close,
         size: modalSize,
-        title: /* @__PURE__ */ jsxs20(Group9, { children: [
-          /* @__PURE__ */ jsx34(Text6, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
-          fullScreen[0] ? /* @__PURE__ */ jsx34(
-            ActionIcon10,
+        title: /* @__PURE__ */ jsxs21(Group9, { children: [
+          /* @__PURE__ */ jsx35(Text6, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
+          fullScreen[0] ? /* @__PURE__ */ jsx35(
+            ActionIcon11,
             {
               onClick: () => {
                 fullScreen[1](false);
                 hSize[1]("80vh");
               },
-              children: /* @__PURE__ */ jsx34(IconMinimize3, {})
+              children: /* @__PURE__ */ jsx35(IconMinimize3, {})
             }
-          ) : /* @__PURE__ */ jsx34(
-            ActionIcon10,
+          ) : /* @__PURE__ */ jsx35(
+            ActionIcon11,
             {
               onClick: () => {
                 fullScreen[1](true);
                 hSize[1]("90vh");
               },
-              children: /* @__PURE__ */ jsx34(IconMaximize3, {})
+              children: /* @__PURE__ */ jsx35(IconMaximize3, {})
             }
           )
         ] }),
-        children: /* @__PURE__ */ jsxs20(Paper3, { h: hSize[0], p: "lg", pos: "relative", children: [
-          /* @__PURE__ */ jsx34(
+        children: /* @__PURE__ */ jsxs21(Paper3, { h: hSize[0], p: "lg", pos: "relative", children: [
+          /* @__PURE__ */ jsx35(
             LoadingOverlay,
             {
               visible: query.isLoading,
@@ -2043,14 +2154,14 @@ function MyButtonViewPDF({
               overlayProps: { radius: "sm", blur: 2 }
             }
           ),
-          query.data ? /* @__PURE__ */ jsx34(
+          query.data ? /* @__PURE__ */ jsx35(
             "iframe",
             {
               src: `data:application/pdf;base64, ${filePath ? (_a = query.data) == null ? void 0 : _a.fileBase64String : (_c = (_b = query.data) == null ? void 0 : _b.fileDetail) == null ? void 0 : _c.fileBase64String}`,
               width: "100%",
               height: "100%"
             }
-          ) : /* @__PURE__ */ jsx34("iframe", { src, width: "100%", height: "100%" })
+          ) : /* @__PURE__ */ jsx35("iframe", { src, width: "100%", height: "100%" })
         ] })
       }
     )
@@ -2060,8 +2171,8 @@ function MyButtonViewPDF({
 // node_modules/preact/dist/preact.mjs
 var n;
 var l;
-var t;
 var u;
+var t;
 var i;
 var r;
 var o;
@@ -2074,22 +2185,22 @@ var h;
 var p = {};
 var v = [];
 var y = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
-var d = Array.isArray;
-function w(n3, l4) {
-  for (var t4 in l4) n3[t4] = l4[t4];
+var w = Array.isArray;
+function d(n3, l4) {
+  for (var u5 in l4) n3[u5] = l4[u5];
   return n3;
 }
 function g(n3) {
   n3 && n3.parentNode && n3.parentNode.removeChild(n3);
 }
-function _(l4, t4, u5) {
+function _(l4, u5, t4) {
   var i5, r4, o4, e4 = {};
-  for (o4 in t4) "key" == o4 ? i5 = t4[o4] : "ref" == o4 ? r4 = t4[o4] : e4[o4] = t4[o4];
-  if (arguments.length > 2 && (e4.children = arguments.length > 3 ? n.call(arguments, 2) : u5), "function" == typeof l4 && null != l4.defaultProps) for (o4 in l4.defaultProps) void 0 === e4[o4] && (e4[o4] = l4.defaultProps[o4]);
+  for (o4 in u5) "key" == o4 ? i5 = u5[o4] : "ref" == o4 ? r4 = u5[o4] : e4[o4] = u5[o4];
+  if (arguments.length > 2 && (e4.children = arguments.length > 3 ? n.call(arguments, 2) : t4), "function" == typeof l4 && null != l4.defaultProps) for (o4 in l4.defaultProps) void 0 === e4[o4] && (e4[o4] = l4.defaultProps[o4]);
   return m(l4, e4, i5, r4, null);
 }
-function m(n3, u5, i5, r4, o4) {
-  var e4 = { type: n3, props: u5, key: i5, ref: r4, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: null == o4 ? ++t : o4, __i: -1, __u: 0 };
+function m(n3, t4, i5, r4, o4) {
+  var e4 = { type: n3, props: t4, key: i5, ref: r4, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: null == o4 ? ++u : o4, __i: -1, __u: 0 };
   return null == o4 && null != l.vnode && l.vnode(e4), e4;
 }
 function k(n3) {
@@ -2100,225 +2211,225 @@ function x(n3, l4) {
 }
 function S(n3, l4) {
   if (null == l4) return n3.__ ? S(n3.__, n3.__i + 1) : null;
-  for (var t4; l4 < n3.__k.length; l4++) if (null != (t4 = n3.__k[l4]) && null != t4.__e) return t4.__e;
+  for (var u5; l4 < n3.__k.length; l4++) if (null != (u5 = n3.__k[l4]) && null != u5.__e) return u5.__e;
   return "function" == typeof n3.type ? S(n3) : null;
 }
 function C(n3) {
-  var l4, t4;
+  var l4, u5;
   if (null != (n3 = n3.__) && null != n3.__c) {
-    for (n3.__e = n3.__c.base = null, l4 = 0; l4 < n3.__k.length; l4++) if (null != (t4 = n3.__k[l4]) && null != t4.__e) {
-      n3.__e = n3.__c.base = t4.__e;
+    for (n3.__e = n3.__c.base = null, l4 = 0; l4 < n3.__k.length; l4++) if (null != (u5 = n3.__k[l4]) && null != u5.__e) {
+      n3.__e = n3.__c.base = u5.__e;
       break;
     }
     return C(n3);
   }
 }
 function M(n3) {
-  (!n3.__d && (n3.__d = true) && i.push(n3) && !$.__r++ || r !== l.debounceRendering) && ((r = l.debounceRendering) || o)($);
+  (!n3.__d && (n3.__d = true) && i.push(n3) && !$.__r++ || r != l.debounceRendering) && ((r = l.debounceRendering) || o)($);
 }
 function $() {
-  for (var n3, t4, u5, r4, o4, f5, c5, s4 = 1; i.length; ) i.length > s4 && i.sort(e), n3 = i.shift(), s4 = i.length, n3.__d && (u5 = void 0, o4 = (r4 = (t4 = n3).__v).__e, f5 = [], c5 = [], t4.__P && ((u5 = w({}, r4)).__v = r4.__v + 1, l.vnode && l.vnode(u5), O(t4.__P, u5, r4, t4.__n, t4.__P.namespaceURI, 32 & r4.__u ? [o4] : null, f5, null == o4 ? S(r4) : o4, !!(32 & r4.__u), c5), u5.__v = r4.__v, u5.__.__k[u5.__i] = u5, z(f5, u5, c5), u5.__e != o4 && C(u5)));
+  for (var n3, u5, t4, r4, o4, f5, c4, s4 = 1; i.length; ) i.length > s4 && i.sort(e), n3 = i.shift(), s4 = i.length, n3.__d && (t4 = void 0, o4 = (r4 = (u5 = n3).__v).__e, f5 = [], c4 = [], u5.__P && ((t4 = d({}, r4)).__v = r4.__v + 1, l.vnode && l.vnode(t4), O(u5.__P, t4, r4, u5.__n, u5.__P.namespaceURI, 32 & r4.__u ? [o4] : null, f5, null == o4 ? S(r4) : o4, !!(32 & r4.__u), c4), t4.__v = r4.__v, t4.__.__k[t4.__i] = t4, z(f5, t4, c4), t4.__e != o4 && C(t4)));
   $.__r = 0;
 }
-function I(n3, l4, t4, u5, i5, r4, o4, e4, f5, c5, s4) {
-  var a5, h4, y4, d5, w4, g5, _4 = u5 && u5.__k || v, m3 = l4.length;
-  for (f5 = P(t4, l4, _4, f5, m3), a5 = 0; a5 < m3; a5++) null != (y4 = t4.__k[a5]) && (h4 = -1 === y4.__i ? p : _4[y4.__i] || p, y4.__i = a5, g5 = O(n3, y4, h4, i5, r4, o4, e4, f5, c5, s4), d5 = y4.__e, y4.ref && h4.ref != y4.ref && (h4.ref && q(h4.ref, null, y4), s4.push(y4.ref, y4.__c || d5, y4)), null == w4 && null != d5 && (w4 = d5), 4 & y4.__u || h4.__k === y4.__k ? f5 = A(y4, f5, n3) : "function" == typeof y4.type && void 0 !== g5 ? f5 = g5 : d5 && (f5 = d5.nextSibling), y4.__u &= -7);
-  return t4.__e = w4, f5;
+function I(n3, l4, u5, t4, i5, r4, o4, e4, f5, c4, s4) {
+  var a4, h5, y5, w5, d5, g6, _5 = t4 && t4.__k || v, m4 = l4.length;
+  for (f5 = P(u5, l4, _5, f5, m4), a4 = 0; a4 < m4; a4++) null != (y5 = u5.__k[a4]) && (h5 = -1 == y5.__i ? p : _5[y5.__i] || p, y5.__i = a4, g6 = O(n3, y5, h5, i5, r4, o4, e4, f5, c4, s4), w5 = y5.__e, y5.ref && h5.ref != y5.ref && (h5.ref && q(h5.ref, null, y5), s4.push(y5.ref, y5.__c || w5, y5)), null == d5 && null != w5 && (d5 = w5), 4 & y5.__u || h5.__k === y5.__k ? f5 = A(y5, f5, n3) : "function" == typeof y5.type && void 0 !== g6 ? f5 = g6 : w5 && (f5 = w5.nextSibling), y5.__u &= -7);
+  return u5.__e = d5, f5;
 }
-function P(n3, l4, t4, u5, i5) {
-  var r4, o4, e4, f5, c5, s4 = t4.length, a5 = s4, h4 = 0;
-  for (n3.__k = new Array(i5), r4 = 0; r4 < i5; r4++) null != (o4 = l4[r4]) && "boolean" != typeof o4 && "function" != typeof o4 ? (f5 = r4 + h4, (o4 = n3.__k[r4] = "string" == typeof o4 || "number" == typeof o4 || "bigint" == typeof o4 || o4.constructor == String ? m(null, o4, null, null, null) : d(o4) ? m(k, { children: o4 }, null, null, null) : void 0 === o4.constructor && o4.__b > 0 ? m(o4.type, o4.props, o4.key, o4.ref ? o4.ref : null, o4.__v) : o4).__ = n3, o4.__b = n3.__b + 1, e4 = null, -1 !== (c5 = o4.__i = L(o4, t4, f5, a5)) && (a5--, (e4 = t4[c5]) && (e4.__u |= 2)), null == e4 || null === e4.__v ? (-1 == c5 && (i5 > s4 ? h4-- : i5 < s4 && h4++), "function" != typeof o4.type && (o4.__u |= 4)) : c5 != f5 && (c5 == f5 - 1 ? h4-- : c5 == f5 + 1 ? h4++ : (c5 > f5 ? h4-- : h4++, o4.__u |= 4))) : n3.__k[r4] = null;
-  if (a5) for (r4 = 0; r4 < s4; r4++) null != (e4 = t4[r4]) && 0 == (2 & e4.__u) && (e4.__e == u5 && (u5 = S(e4)), B(e4, e4));
-  return u5;
+function P(n3, l4, u5, t4, i5) {
+  var r4, o4, e4, f5, c4, s4 = u5.length, a4 = s4, h5 = 0;
+  for (n3.__k = new Array(i5), r4 = 0; r4 < i5; r4++) null != (o4 = l4[r4]) && "boolean" != typeof o4 && "function" != typeof o4 ? (f5 = r4 + h5, (o4 = n3.__k[r4] = "string" == typeof o4 || "number" == typeof o4 || "bigint" == typeof o4 || o4.constructor == String ? m(null, o4, null, null, null) : w(o4) ? m(k, { children: o4 }, null, null, null) : null == o4.constructor && o4.__b > 0 ? m(o4.type, o4.props, o4.key, o4.ref ? o4.ref : null, o4.__v) : o4).__ = n3, o4.__b = n3.__b + 1, e4 = null, -1 != (c4 = o4.__i = L(o4, u5, f5, a4)) && (a4--, (e4 = u5[c4]) && (e4.__u |= 2)), null == e4 || null == e4.__v ? (-1 == c4 && (i5 > s4 ? h5-- : i5 < s4 && h5++), "function" != typeof o4.type && (o4.__u |= 4)) : c4 != f5 && (c4 == f5 - 1 ? h5-- : c4 == f5 + 1 ? h5++ : (c4 > f5 ? h5-- : h5++, o4.__u |= 4))) : n3.__k[r4] = null;
+  if (a4) for (r4 = 0; r4 < s4; r4++) null != (e4 = u5[r4]) && 0 == (2 & e4.__u) && (e4.__e == t4 && (t4 = S(e4)), B(e4, e4));
+  return t4;
 }
-function A(n3, l4, t4) {
-  var u5, i5;
+function A(n3, l4, u5) {
+  var t4, i5;
   if ("function" == typeof n3.type) {
-    for (u5 = n3.__k, i5 = 0; u5 && i5 < u5.length; i5++) u5[i5] && (u5[i5].__ = n3, l4 = A(u5[i5], l4, t4));
+    for (t4 = n3.__k, i5 = 0; t4 && i5 < t4.length; i5++) t4[i5] && (t4[i5].__ = n3, l4 = A(t4[i5], l4, u5));
     return l4;
   }
-  n3.__e != l4 && (l4 && n3.type && !t4.contains(l4) && (l4 = S(n3)), t4.insertBefore(n3.__e, l4 || null), l4 = n3.__e);
+  n3.__e != l4 && (l4 && n3.type && !u5.contains(l4) && (l4 = S(n3)), u5.insertBefore(n3.__e, l4 || null), l4 = n3.__e);
   do {
     l4 = l4 && l4.nextSibling;
   } while (null != l4 && 8 == l4.nodeType);
   return l4;
 }
 function H(n3, l4) {
-  return l4 = l4 || [], null == n3 || "boolean" == typeof n3 || (d(n3) ? n3.some(function(n4) {
+  return l4 = l4 || [], null == n3 || "boolean" == typeof n3 || (w(n3) ? n3.some(function(n4) {
     H(n4, l4);
   }) : l4.push(n3)), l4;
 }
-function L(n3, l4, t4, u5) {
-  var i5, r4, o4 = n3.key, e4 = n3.type, f5 = l4[t4];
-  if (null === f5 && null == n3.key || f5 && o4 == f5.key && e4 === f5.type && 0 == (2 & f5.__u)) return t4;
-  if (u5 > (null != f5 && 0 == (2 & f5.__u) ? 1 : 0)) for (i5 = t4 - 1, r4 = t4 + 1; i5 >= 0 || r4 < l4.length; ) {
+function L(n3, l4, u5, t4) {
+  var i5, r4, o4 = n3.key, e4 = n3.type, f5 = l4[u5];
+  if (null === f5 && null == n3.key || f5 && o4 == f5.key && e4 == f5.type && 0 == (2 & f5.__u)) return u5;
+  if (t4 > (null != f5 && 0 == (2 & f5.__u) ? 1 : 0)) for (i5 = u5 - 1, r4 = u5 + 1; i5 >= 0 || r4 < l4.length; ) {
     if (i5 >= 0) {
-      if ((f5 = l4[i5]) && 0 == (2 & f5.__u) && o4 == f5.key && e4 === f5.type) return i5;
+      if ((f5 = l4[i5]) && 0 == (2 & f5.__u) && o4 == f5.key && e4 == f5.type) return i5;
       i5--;
     }
     if (r4 < l4.length) {
-      if ((f5 = l4[r4]) && 0 == (2 & f5.__u) && o4 == f5.key && e4 === f5.type) return r4;
+      if ((f5 = l4[r4]) && 0 == (2 & f5.__u) && o4 == f5.key && e4 == f5.type) return r4;
       r4++;
     }
   }
   return -1;
 }
-function T(n3, l4, t4) {
-  "-" == l4[0] ? n3.setProperty(l4, null == t4 ? "" : t4) : n3[l4] = null == t4 ? "" : "number" != typeof t4 || y.test(l4) ? t4 : t4 + "px";
+function T(n3, l4, u5) {
+  "-" == l4[0] ? n3.setProperty(l4, null == u5 ? "" : u5) : n3[l4] = null == u5 ? "" : "number" != typeof u5 || y.test(l4) ? u5 : u5 + "px";
 }
-function j(n3, l4, t4, u5, i5) {
-  var r4;
-  n: if ("style" == l4) if ("string" == typeof t4) n3.style.cssText = t4;
+function j(n3, l4, u5, t4, i5) {
+  var r4, o4;
+  n: if ("style" == l4) if ("string" == typeof u5) n3.style.cssText = u5;
   else {
-    if ("string" == typeof u5 && (n3.style.cssText = u5 = ""), u5) for (l4 in u5) t4 && l4 in t4 || T(n3.style, l4, "");
-    if (t4) for (l4 in t4) u5 && t4[l4] === u5[l4] || T(n3.style, l4, t4[l4]);
+    if ("string" == typeof t4 && (n3.style.cssText = t4 = ""), t4) for (l4 in t4) u5 && l4 in u5 || T(n3.style, l4, "");
+    if (u5) for (l4 in u5) t4 && u5[l4] == t4[l4] || T(n3.style, l4, u5[l4]);
   }
-  else if ("o" == l4[0] && "n" == l4[1]) r4 = l4 != (l4 = l4.replace(f, "$1")), l4 = l4.toLowerCase() in n3 || "onFocusOut" == l4 || "onFocusIn" == l4 ? l4.toLowerCase().slice(2) : l4.slice(2), n3.l || (n3.l = {}), n3.l[l4 + r4] = t4, t4 ? u5 ? t4.t = u5.t : (t4.t = c, n3.addEventListener(l4, r4 ? a : s, r4)) : n3.removeEventListener(l4, r4 ? a : s, r4);
+  else if ("o" == l4[0] && "n" == l4[1]) r4 = l4 != (l4 = l4.replace(f, "$1")), o4 = l4.toLowerCase(), l4 = o4 in n3 || "onFocusOut" == l4 || "onFocusIn" == l4 ? o4.slice(2) : l4.slice(2), n3.l || (n3.l = {}), n3.l[l4 + r4] = u5, u5 ? t4 ? u5.u = t4.u : (u5.u = c, n3.addEventListener(l4, r4 ? a : s, r4)) : n3.removeEventListener(l4, r4 ? a : s, r4);
   else {
     if ("http://www.w3.org/2000/svg" == i5) l4 = l4.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
     else if ("width" != l4 && "height" != l4 && "href" != l4 && "list" != l4 && "form" != l4 && "tabIndex" != l4 && "download" != l4 && "rowSpan" != l4 && "colSpan" != l4 && "role" != l4 && "popover" != l4 && l4 in n3) try {
-      n3[l4] = null == t4 ? "" : t4;
+      n3[l4] = null == u5 ? "" : u5;
       break n;
     } catch (n4) {
     }
-    "function" == typeof t4 || (null == t4 || false === t4 && "-" != l4[4] ? n3.removeAttribute(l4) : n3.setAttribute(l4, "popover" == l4 && 1 == t4 ? "" : t4));
+    "function" == typeof u5 || (null == u5 || false === u5 && "-" != l4[4] ? n3.removeAttribute(l4) : n3.setAttribute(l4, "popover" == l4 && 1 == u5 ? "" : u5));
   }
 }
 function F(n3) {
-  return function(t4) {
+  return function(u5) {
     if (this.l) {
-      var u5 = this.l[t4.type + n3];
-      if (null == t4.u) t4.u = c++;
-      else if (t4.u < u5.t) return;
-      return u5(l.event ? l.event(t4) : t4);
+      var t4 = this.l[u5.type + n3];
+      if (null == u5.t) u5.t = c++;
+      else if (u5.t < t4.u) return;
+      return t4(l.event ? l.event(u5) : u5);
     }
   };
 }
-function O(n3, t4, u5, i5, r4, o4, e4, f5, c5, s4) {
-  var a5, h4, p5, v5, y4, _4, m3, b3, S2, C3, M2, $3, P4, A4, H3, L2, T4, j4 = t4.type;
-  if (void 0 !== t4.constructor) return null;
-  128 & u5.__u && (c5 = !!(32 & u5.__u), o4 = [f5 = t4.__e = u5.__e]), (a5 = l.__b) && a5(t4);
+function O(n3, u5, t4, i5, r4, o4, e4, f5, c4, s4) {
+  var a4, h5, p5, v5, y5, _5, m4, b4, S2, C3, M2, $3, P4, A5, H3, L2, T5, j4 = u5.type;
+  if (null != u5.constructor) return null;
+  128 & t4.__u && (c4 = !!(32 & t4.__u), o4 = [f5 = u5.__e = t4.__e]), (a4 = l.__b) && a4(u5);
   n: if ("function" == typeof j4) try {
-    if (b3 = t4.props, S2 = "prototype" in j4 && j4.prototype.render, C3 = (a5 = j4.contextType) && i5[a5.__c], M2 = a5 ? C3 ? C3.props.value : a5.__ : i5, u5.__c ? m3 = (h4 = t4.__c = u5.__c).__ = h4.__E : (S2 ? t4.__c = h4 = new j4(b3, M2) : (t4.__c = h4 = new x(b3, M2), h4.constructor = j4, h4.render = D), C3 && C3.sub(h4), h4.props = b3, h4.state || (h4.state = {}), h4.context = M2, h4.__n = i5, p5 = h4.__d = true, h4.__h = [], h4._sb = []), S2 && null == h4.__s && (h4.__s = h4.state), S2 && null != j4.getDerivedStateFromProps && (h4.__s == h4.state && (h4.__s = w({}, h4.__s)), w(h4.__s, j4.getDerivedStateFromProps(b3, h4.__s))), v5 = h4.props, y4 = h4.state, h4.__v = t4, p5) S2 && null == j4.getDerivedStateFromProps && null != h4.componentWillMount && h4.componentWillMount(), S2 && null != h4.componentDidMount && h4.__h.push(h4.componentDidMount);
+    if (b4 = u5.props, S2 = "prototype" in j4 && j4.prototype.render, C3 = (a4 = j4.contextType) && i5[a4.__c], M2 = a4 ? C3 ? C3.props.value : a4.__ : i5, t4.__c ? m4 = (h5 = u5.__c = t4.__c).__ = h5.__E : (S2 ? u5.__c = h5 = new j4(b4, M2) : (u5.__c = h5 = new x(b4, M2), h5.constructor = j4, h5.render = D), C3 && C3.sub(h5), h5.props = b4, h5.state || (h5.state = {}), h5.context = M2, h5.__n = i5, p5 = h5.__d = true, h5.__h = [], h5._sb = []), S2 && null == h5.__s && (h5.__s = h5.state), S2 && null != j4.getDerivedStateFromProps && (h5.__s == h5.state && (h5.__s = d({}, h5.__s)), d(h5.__s, j4.getDerivedStateFromProps(b4, h5.__s))), v5 = h5.props, y5 = h5.state, h5.__v = u5, p5) S2 && null == j4.getDerivedStateFromProps && null != h5.componentWillMount && h5.componentWillMount(), S2 && null != h5.componentDidMount && h5.__h.push(h5.componentDidMount);
     else {
-      if (S2 && null == j4.getDerivedStateFromProps && b3 !== v5 && null != h4.componentWillReceiveProps && h4.componentWillReceiveProps(b3, M2), !h4.__e && (null != h4.shouldComponentUpdate && false === h4.shouldComponentUpdate(b3, h4.__s, M2) || t4.__v == u5.__v)) {
-        for (t4.__v != u5.__v && (h4.props = b3, h4.state = h4.__s, h4.__d = false), t4.__e = u5.__e, t4.__k = u5.__k, t4.__k.some(function(n4) {
-          n4 && (n4.__ = t4);
-        }), $3 = 0; $3 < h4._sb.length; $3++) h4.__h.push(h4._sb[$3]);
-        h4._sb = [], h4.__h.length && e4.push(h4);
+      if (S2 && null == j4.getDerivedStateFromProps && b4 !== v5 && null != h5.componentWillReceiveProps && h5.componentWillReceiveProps(b4, M2), !h5.__e && null != h5.shouldComponentUpdate && false === h5.shouldComponentUpdate(b4, h5.__s, M2) || u5.__v == t4.__v) {
+        for (u5.__v != t4.__v && (h5.props = b4, h5.state = h5.__s, h5.__d = false), u5.__e = t4.__e, u5.__k = t4.__k, u5.__k.some(function(n4) {
+          n4 && (n4.__ = u5);
+        }), $3 = 0; $3 < h5._sb.length; $3++) h5.__h.push(h5._sb[$3]);
+        h5._sb = [], h5.__h.length && e4.push(h5);
         break n;
       }
-      null != h4.componentWillUpdate && h4.componentWillUpdate(b3, h4.__s, M2), S2 && null != h4.componentDidUpdate && h4.__h.push(function() {
-        h4.componentDidUpdate(v5, y4, _4);
+      null != h5.componentWillUpdate && h5.componentWillUpdate(b4, h5.__s, M2), S2 && null != h5.componentDidUpdate && h5.__h.push(function() {
+        h5.componentDidUpdate(v5, y5, _5);
       });
     }
-    if (h4.context = M2, h4.props = b3, h4.__P = n3, h4.__e = false, P4 = l.__r, A4 = 0, S2) {
-      for (h4.state = h4.__s, h4.__d = false, P4 && P4(t4), a5 = h4.render(h4.props, h4.state, h4.context), H3 = 0; H3 < h4._sb.length; H3++) h4.__h.push(h4._sb[H3]);
-      h4._sb = [];
+    if (h5.context = M2, h5.props = b4, h5.__P = n3, h5.__e = false, P4 = l.__r, A5 = 0, S2) {
+      for (h5.state = h5.__s, h5.__d = false, P4 && P4(u5), a4 = h5.render(h5.props, h5.state, h5.context), H3 = 0; H3 < h5._sb.length; H3++) h5.__h.push(h5._sb[H3]);
+      h5._sb = [];
     } else do {
-      h4.__d = false, P4 && P4(t4), a5 = h4.render(h4.props, h4.state, h4.context), h4.state = h4.__s;
-    } while (h4.__d && ++A4 < 25);
-    h4.state = h4.__s, null != h4.getChildContext && (i5 = w(w({}, i5), h4.getChildContext())), S2 && !p5 && null != h4.getSnapshotBeforeUpdate && (_4 = h4.getSnapshotBeforeUpdate(v5, y4)), L2 = a5, null != a5 && a5.type === k && null == a5.key && (L2 = N(a5.props.children)), f5 = I(n3, d(L2) ? L2 : [L2], t4, u5, i5, r4, o4, e4, f5, c5, s4), h4.base = t4.__e, t4.__u &= -161, h4.__h.length && e4.push(h4), m3 && (h4.__E = h4.__ = null);
+      h5.__d = false, P4 && P4(u5), a4 = h5.render(h5.props, h5.state, h5.context), h5.state = h5.__s;
+    } while (h5.__d && ++A5 < 25);
+    h5.state = h5.__s, null != h5.getChildContext && (i5 = d(d({}, i5), h5.getChildContext())), S2 && !p5 && null != h5.getSnapshotBeforeUpdate && (_5 = h5.getSnapshotBeforeUpdate(v5, y5)), L2 = a4, null != a4 && a4.type === k && null == a4.key && (L2 = N(a4.props.children)), f5 = I(n3, w(L2) ? L2 : [L2], u5, t4, i5, r4, o4, e4, f5, c4, s4), h5.base = u5.__e, u5.__u &= -161, h5.__h.length && e4.push(h5), m4 && (h5.__E = h5.__ = null);
   } catch (n4) {
-    if (t4.__v = null, c5 || null != o4) if (n4.then) {
-      for (t4.__u |= c5 ? 160 : 128; f5 && 8 == f5.nodeType && f5.nextSibling; ) f5 = f5.nextSibling;
-      o4[o4.indexOf(f5)] = null, t4.__e = f5;
-    } else for (T4 = o4.length; T4--; ) g(o4[T4]);
-    else t4.__e = u5.__e, t4.__k = u5.__k;
-    l.__e(n4, t4, u5);
-  }
-  else null == o4 && t4.__v == u5.__v ? (t4.__k = u5.__k, t4.__e = u5.__e) : f5 = t4.__e = V(u5.__e, t4, u5, i5, r4, o4, e4, c5, s4);
-  return (a5 = l.diffed) && a5(t4), 128 & t4.__u ? void 0 : f5;
-}
-function z(n3, t4, u5) {
-  for (var i5 = 0; i5 < u5.length; i5++) q(u5[i5], u5[++i5], u5[++i5]);
-  l.__c && l.__c(t4, n3), n3.some(function(t5) {
+    if (u5.__v = null, c4 || null != o4) if (n4.then) {
+      for (u5.__u |= c4 ? 160 : 128; f5 && 8 == f5.nodeType && f5.nextSibling; ) f5 = f5.nextSibling;
+      o4[o4.indexOf(f5)] = null, u5.__e = f5;
+    } else for (T5 = o4.length; T5--; ) g(o4[T5]);
+    else u5.__e = t4.__e, u5.__k = t4.__k;
+    l.__e(n4, u5, t4);
+  }
+  else null == o4 && u5.__v == t4.__v ? (u5.__k = t4.__k, u5.__e = t4.__e) : f5 = u5.__e = V(t4.__e, u5, t4, i5, r4, o4, e4, c4, s4);
+  return (a4 = l.diffed) && a4(u5), 128 & u5.__u ? void 0 : f5;
+}
+function z(n3, u5, t4) {
+  for (var i5 = 0; i5 < t4.length; i5++) q(t4[i5], t4[++i5], t4[++i5]);
+  l.__c && l.__c(u5, n3), n3.some(function(u6) {
     try {
-      n3 = t5.__h, t5.__h = [], n3.some(function(n4) {
-        n4.call(t5);
+      n3 = u6.__h, u6.__h = [], n3.some(function(n4) {
+        n4.call(u6);
       });
     } catch (n4) {
-      l.__e(n4, t5.__v);
+      l.__e(n4, u6.__v);
     }
   });
 }
 function N(n3) {
-  return "object" != typeof n3 || null == n3 ? n3 : d(n3) ? n3.map(N) : w({}, n3);
+  return "object" != typeof n3 || null == n3 || n3.__b && n3.__b > 0 ? n3 : w(n3) ? n3.map(N) : d({}, n3);
 }
-function V(t4, u5, i5, r4, o4, e4, f5, c5, s4) {
-  var a5, h4, v5, y4, w4, _4, m3, b3 = i5.props, k3 = u5.props, x3 = u5.type;
+function V(u5, t4, i5, r4, o4, e4, f5, c4, s4) {
+  var a4, h5, v5, y5, d5, _5, m4, b4 = i5.props, k4 = t4.props, x3 = t4.type;
   if ("svg" == x3 ? o4 = "http://www.w3.org/2000/svg" : "math" == x3 ? o4 = "http://www.w3.org/1998/Math/MathML" : o4 || (o4 = "http://www.w3.org/1999/xhtml"), null != e4) {
-    for (a5 = 0; a5 < e4.length; a5++) if ((w4 = e4[a5]) && "setAttribute" in w4 == !!x3 && (x3 ? w4.localName == x3 : 3 == w4.nodeType)) {
-      t4 = w4, e4[a5] = null;
+    for (a4 = 0; a4 < e4.length; a4++) if ((d5 = e4[a4]) && "setAttribute" in d5 == !!x3 && (x3 ? d5.localName == x3 : 3 == d5.nodeType)) {
+      u5 = d5, e4[a4] = null;
       break;
     }
   }
-  if (null == t4) {
-    if (null == x3) return document.createTextNode(k3);
-    t4 = document.createElementNS(o4, x3, k3.is && k3), c5 && (l.__m && l.__m(u5, e4), c5 = false), e4 = null;
+  if (null == u5) {
+    if (null == x3) return document.createTextNode(k4);
+    u5 = document.createElementNS(o4, x3, k4.is && k4), c4 && (l.__m && l.__m(t4, e4), c4 = false), e4 = null;
   }
-  if (null === x3) b3 === k3 || c5 && t4.data === k3 || (t4.data = k3);
+  if (null == x3) b4 === k4 || c4 && u5.data == k4 || (u5.data = k4);
   else {
-    if (e4 = e4 && n.call(t4.childNodes), b3 = i5.props || p, !c5 && null != e4) for (b3 = {}, a5 = 0; a5 < t4.attributes.length; a5++) b3[(w4 = t4.attributes[a5]).name] = w4.value;
-    for (a5 in b3) if (w4 = b3[a5], "children" == a5) ;
-    else if ("dangerouslySetInnerHTML" == a5) v5 = w4;
-    else if (!(a5 in k3)) {
-      if ("value" == a5 && "defaultValue" in k3 || "checked" == a5 && "defaultChecked" in k3) continue;
-      j(t4, a5, null, w4, o4);
+    if (e4 = e4 && n.call(u5.childNodes), b4 = i5.props || p, !c4 && null != e4) for (b4 = {}, a4 = 0; a4 < u5.attributes.length; a4++) b4[(d5 = u5.attributes[a4]).name] = d5.value;
+    for (a4 in b4) if (d5 = b4[a4], "children" == a4) ;
+    else if ("dangerouslySetInnerHTML" == a4) v5 = d5;
+    else if (!(a4 in k4)) {
+      if ("value" == a4 && "defaultValue" in k4 || "checked" == a4 && "defaultChecked" in k4) continue;
+      j(u5, a4, null, d5, o4);
     }
-    for (a5 in k3) w4 = k3[a5], "children" == a5 ? y4 = w4 : "dangerouslySetInnerHTML" == a5 ? h4 = w4 : "value" == a5 ? _4 = w4 : "checked" == a5 ? m3 = w4 : c5 && "function" != typeof w4 || b3[a5] === w4 || j(t4, a5, w4, b3[a5], o4);
-    if (h4) c5 || v5 && (h4.__html === v5.__html || h4.__html === t4.innerHTML) || (t4.innerHTML = h4.__html), u5.__k = [];
-    else if (v5 && (t4.innerHTML = ""), I("template" === u5.type ? t4.content : t4, d(y4) ? y4 : [y4], u5, i5, r4, "foreignObject" == x3 ? "http://www.w3.org/1999/xhtml" : o4, e4, f5, e4 ? e4[0] : i5.__k && S(i5, 0), c5, s4), null != e4) for (a5 = e4.length; a5--; ) g(e4[a5]);
-    c5 || (a5 = "value", "progress" == x3 && null == _4 ? t4.removeAttribute("value") : void 0 !== _4 && (_4 !== t4[a5] || "progress" == x3 && !_4 || "option" == x3 && _4 !== b3[a5]) && j(t4, a5, _4, b3[a5], o4), a5 = "checked", void 0 !== m3 && m3 !== t4[a5] && j(t4, a5, m3, b3[a5], o4));
+    for (a4 in k4) d5 = k4[a4], "children" == a4 ? y5 = d5 : "dangerouslySetInnerHTML" == a4 ? h5 = d5 : "value" == a4 ? _5 = d5 : "checked" == a4 ? m4 = d5 : c4 && "function" != typeof d5 || b4[a4] === d5 || j(u5, a4, d5, b4[a4], o4);
+    if (h5) c4 || v5 && (h5.__html == v5.__html || h5.__html == u5.innerHTML) || (u5.innerHTML = h5.__html), t4.__k = [];
+    else if (v5 && (u5.innerHTML = ""), I("template" == t4.type ? u5.content : u5, w(y5) ? y5 : [y5], t4, i5, r4, "foreignObject" == x3 ? "http://www.w3.org/1999/xhtml" : o4, e4, f5, e4 ? e4[0] : i5.__k && S(i5, 0), c4, s4), null != e4) for (a4 = e4.length; a4--; ) g(e4[a4]);
+    c4 || (a4 = "value", "progress" == x3 && null == _5 ? u5.removeAttribute("value") : null != _5 && (_5 !== u5[a4] || "progress" == x3 && !_5 || "option" == x3 && _5 != b4[a4]) && j(u5, a4, _5, b4[a4], o4), a4 = "checked", null != m4 && m4 != u5[a4] && j(u5, a4, m4, b4[a4], o4));
   }
-  return t4;
+  return u5;
 }
-function q(n3, t4, u5) {
+function q(n3, u5, t4) {
   try {
     if ("function" == typeof n3) {
       var i5 = "function" == typeof n3.__u;
-      i5 && n3.__u(), i5 && null == t4 || (n3.__u = n3(t4));
-    } else n3.current = t4;
+      i5 && n3.__u(), i5 && null == u5 || (n3.__u = n3(u5));
+    } else n3.current = u5;
   } catch (n4) {
-    l.__e(n4, u5);
+    l.__e(n4, t4);
   }
 }
-function B(n3, t4, u5) {
+function B(n3, u5, t4) {
   var i5, r4;
-  if (l.unmount && l.unmount(n3), (i5 = n3.ref) && (i5.current && i5.current !== n3.__e || q(i5, null, t4)), null != (i5 = n3.__c)) {
+  if (l.unmount && l.unmount(n3), (i5 = n3.ref) && (i5.current && i5.current != n3.__e || q(i5, null, u5)), null != (i5 = n3.__c)) {
     if (i5.componentWillUnmount) try {
       i5.componentWillUnmount();
     } catch (n4) {
-      l.__e(n4, t4);
+      l.__e(n4, u5);
     }
     i5.base = i5.__P = null;
   }
-  if (i5 = n3.__k) for (r4 = 0; r4 < i5.length; r4++) i5[r4] && B(i5[r4], t4, u5 || "function" != typeof n3.type);
-  u5 || g(n3.__e), n3.__c = n3.__ = n3.__e = void 0;
+  if (i5 = n3.__k) for (r4 = 0; r4 < i5.length; r4++) i5[r4] && B(i5[r4], u5, t4 || "function" != typeof n3.type);
+  t4 || g(n3.__e), n3.__c = n3.__ = n3.__e = void 0;
 }
-function D(n3, l4, t4) {
-  return this.constructor(n3, t4);
+function D(n3, l4, u5) {
+  return this.constructor(n3, u5);
 }
-function E(t4, u5, i5) {
+function E(u5, t4, i5) {
   var r4, o4, e4, f5;
-  u5 == document && (u5 = document.documentElement), l.__ && l.__(t4, u5), o4 = (r4 = "function" == typeof i5) ? null : i5 && i5.__k || u5.__k, e4 = [], f5 = [], O(u5, t4 = (!r4 && i5 || u5).__k = _(k, null, [t4]), o4 || p, p, u5.namespaceURI, !r4 && i5 ? [i5] : o4 ? null : u5.firstChild ? n.call(u5.childNodes) : null, e4, !r4 && i5 ? i5 : o4 ? o4.__e : u5.firstChild, r4, f5), z(e4, t4, f5);
+  t4 == document && (t4 = document.documentElement), l.__ && l.__(u5, t4), o4 = (r4 = "function" == typeof i5) ? null : i5 && i5.__k || t4.__k, e4 = [], f5 = [], O(t4, u5 = (!r4 && i5 || t4).__k = _(k, null, [u5]), o4 || p, p, t4.namespaceURI, !r4 && i5 ? [i5] : o4 ? null : t4.firstChild ? n.call(t4.childNodes) : null, e4, !r4 && i5 ? i5 : o4 ? o4.__e : t4.firstChild, r4, f5), z(e4, u5, f5);
 }
 function K(n3) {
   function l4(n4) {
-    var t4, u5;
-    return this.getChildContext || (t4 = /* @__PURE__ */ new Set(), (u5 = {})[l4.__c] = this, this.getChildContext = function() {
-      return u5;
+    var u5, t4;
+    return this.getChildContext || (u5 = /* @__PURE__ */ new Set(), (t4 = {})[l4.__c] = this, this.getChildContext = function() {
+      return t4;
     }, this.componentWillUnmount = function() {
-      t4 = null;
+      u5 = null;
     }, this.shouldComponentUpdate = function(n5) {
-      this.props.value !== n5.value && t4.forEach(function(n6) {
+      this.props.value != n5.value && u5.forEach(function(n6) {
         n6.__e = true, M(n6);
       });
     }, this.sub = function(n5) {
-      t4.add(n5);
+      u5.add(n5);
       var l5 = n5.componentWillUnmount;
       n5.componentWillUnmount = function() {
-        t4 && t4.delete(n5), l5 && l5.call(n5);
+        u5 && u5.delete(n5), l5 && l5.call(n5);
       };
     }), n4.children;
   }
@@ -2326,18 +2437,18 @@ function K(n3) {
     return n4.children(l5);
   }).contextType = l4, l4;
 }
-n = v.slice, l = { __e: function(n3, l4, t4, u5) {
+n = v.slice, l = { __e: function(n3, l4, u5, t4) {
   for (var i5, r4, o4; l4 = l4.__; ) if ((i5 = l4.__c) && !i5.__) try {
-    if ((r4 = i5.constructor) && null != r4.getDerivedStateFromError && (i5.setState(r4.getDerivedStateFromError(n3)), o4 = i5.__d), null != i5.componentDidCatch && (i5.componentDidCatch(n3, u5 || {}), o4 = i5.__d), o4) return i5.__E = i5;
+    if ((r4 = i5.constructor) && null != r4.getDerivedStateFromError && (i5.setState(r4.getDerivedStateFromError(n3)), o4 = i5.__d), null != i5.componentDidCatch && (i5.componentDidCatch(n3, t4 || {}), o4 = i5.__d), o4) return i5.__E = i5;
   } catch (l5) {
     n3 = l5;
   }
   throw n3;
-} }, t = 0, u = function(n3) {
+} }, u = 0, t = function(n3) {
   return null != n3 && null == n3.constructor;
 }, x.prototype.setState = function(n3, l4) {
-  var t4;
-  t4 = null != this.__s && this.__s !== this.state ? this.__s : this.__s = w({}, this.state), "function" == typeof n3 && (n3 = n3(w({}, t4), this.props)), n3 && w(t4, n3), null != n3 && this.__v && (l4 && this._sb.push(l4), M(this));
+  var u5;
+  u5 = null != this.__s && this.__s != this.state ? this.__s : this.__s = d({}, this.state), "function" == typeof n3 && (n3 = n3(d({}, u5), this.props)), n3 && d(u5, n3), null != n3 && this.__v && (l4 && this._sb.push(l4), M(this));
 }, x.prototype.forceUpdate = function(n3) {
   this.__v && (this.__e = true, n3 && this.__h.push(n3), M(this));
 }, x.prototype.render = k, i = [], o = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e = function(n3, l4) {
@@ -2349,10 +2460,10 @@ var f2 = 0;
 var i2 = Array.isArray;
 function u2(e4, t4, n3, o4, i5, u5) {
   t4 || (t4 = {});
-  var a5, c5, p5 = t4;
-  if ("ref" in p5) for (c5 in p5 = {}, t4) "ref" == c5 ? a5 = t4[c5] : p5[c5] = t4[c5];
-  var l4 = { type: e4, props: p5, key: n3, ref: a5, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f2, __i: -1, __u: 0, __source: i5, __self: u5 };
-  if ("function" == typeof e4 && (a5 = e4.defaultProps)) for (c5 in a5) void 0 === p5[c5] && (p5[c5] = a5[c5]);
+  var a4, c4, p5 = t4;
+  if ("ref" in p5) for (c4 in p5 = {}, t4) "ref" == c4 ? a4 = t4[c4] : p5[c4] = t4[c4];
+  var l4 = { type: e4, props: p5, key: n3, ref: a4, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f2, __i: -1, __u: 0, __source: i5, __self: u5 };
+  if ("function" == typeof e4 && (a4 = e4.defaultProps)) for (c4 in a4) void 0 === p5[c4] && (p5[c4] = a4[c4]);
   return l.vnode && l.vnode(l4), l4;
 }
 
@@ -2391,21 +2502,21 @@ function h2(n3, u5, i5) {
       });
       if (u6.every(function(n5) {
         return !n5.__N;
-      })) return !c5 || c5.call(this, n4, t4, r4);
+      })) return !c4 || c4.call(this, n4, t4, r4);
       var i6 = o4.__c.props !== n4;
       return u6.forEach(function(n5) {
         if (n5.__N) {
           var t5 = n5.__[0];
           n5.__ = n5.__N, n5.__N = void 0, t5 !== n5.__[0] && (i6 = true);
         }
-      }), c5 && c5.call(this, n4, t4, r4) || i6;
+      }), c4 && c4.call(this, n4, t4, r4) || i6;
     };
     r2.__f = true;
-    var c5 = r2.shouldComponentUpdate, e4 = r2.componentWillUpdate;
+    var c4 = r2.shouldComponentUpdate, e4 = r2.componentWillUpdate;
     r2.componentWillUpdate = function(n4, t4, r4) {
       if (this.__e) {
-        var u6 = c5;
-        c5 = void 0, f5(n4, t4, r4), c5 = u6;
+        var u6 = c4;
+        c4 = void 0, f5(n4, t4, r4), c4 = u6;
       }
       e4 && e4.call(this, n4, t4, r4);
     }, r2.shouldComponentUpdate = f5;
@@ -2479,7 +2590,7 @@ var k2 = "function" == typeof requestAnimationFrame;
 function w2(n3) {
   var t4, r4 = function() {
     clearTimeout(u5), k2 && cancelAnimationFrame(t4), setTimeout(n3);
-  }, u5 = setTimeout(r4, 100);
+  }, u5 = setTimeout(r4, 35);
   k2 && (t4 = requestAnimationFrame(r4));
 }
 function z2(n3) {
@@ -2531,7 +2642,7 @@ var U = l.unmount;
 function V2(n3, t4, e4) {
   return n3 && (n3.__c && n3.__c.__H && (n3.__c.__H.__.forEach(function(n4) {
     "function" == typeof n4.__c && n4.__c();
-  }), n3.__c.__H = null), null != (n3 = g3({}, n3)).__c && (n3.__c.__P === e4 && (n3.__c.__P = t4), n3.__c = null), n3.__k = n3.__k && n3.__k.map(function(n4) {
+  }), n3.__c.__H = null), null != (n3 = g3({}, n3)).__c && (n3.__c.__P === e4 && (n3.__c.__P = t4), n3.__c.__e = true, n3.__c = null), n3.__k = n3.__k && n3.__k.map(function(n4) {
     return V2(n4, t4, e4);
   })), n3;
 }
@@ -2557,10 +2668,10 @@ l.unmount = function(n3) {
   var e4 = t4.__c, r4 = this;
   null == r4.o && (r4.o = []), r4.o.push(e4);
   var u5 = j3(r4.__v), o4 = false, i5 = function() {
-    o4 || (o4 = true, e4.__R = null, u5 ? u5(c5) : c5());
+    o4 || (o4 = true, e4.__R = null, u5 ? u5(l4) : l4());
   };
   e4.__R = i5;
-  var c5 = function() {
+  var l4 = function() {
     if (!--r4.__u) {
       if (r4.state.__a) {
         var n4 = r4.state.__a;
@@ -2638,8 +2749,8 @@ function on() {
 l.event = function(n3) {
   return en && (n3 = en(n3)), n3.persist = rn, n3.isPropagationStopped = un, n3.isDefaultPrevented = on, n3.nativeEvent = n3;
 };
-var cn2;
-var ln = { enumerable: false, configurable: true, get: function() {
+var ln;
+var cn2 = { enumerable: false, configurable: true, get: function() {
   return this.class;
 } };
 var fn = l.vnode;
@@ -2647,28 +2758,28 @@ l.vnode = function(n3) {
   "string" == typeof n3.type && function(n4) {
     var t4 = n4.props, e4 = n4.type, u5 = {}, o4 = -1 === e4.indexOf("-");
     for (var i5 in t4) {
-      var c5 = t4[i5];
-      if (!("value" === i5 && "defaultValue" in t4 && null == c5 || Q && "children" === i5 && "noscript" === e4 || "class" === i5 || "className" === i5)) {
-        var l4 = i5.toLowerCase();
-        "defaultValue" === i5 && "value" in t4 && null == t4.value ? i5 = "value" : "download" === i5 && true === c5 ? c5 = "" : "translate" === l4 && "no" === c5 ? c5 = false : "o" === l4[0] && "n" === l4[1] ? "ondoubleclick" === l4 ? i5 = "ondblclick" : "onchange" !== l4 || "input" !== e4 && "textarea" !== e4 || X(t4.type) ? "onfocus" === l4 ? i5 = "onfocusin" : "onblur" === l4 ? i5 = "onfocusout" : J2.test(i5) && (i5 = l4) : l4 = i5 = "oninput" : o4 && G2.test(i5) ? i5 = i5.replace(K2, "-$&").toLowerCase() : null === c5 && (c5 = void 0), "oninput" === l4 && u5[i5 = l4] && (i5 = "oninputCapture"), u5[i5] = c5;
+      var l4 = t4[i5];
+      if (!("value" === i5 && "defaultValue" in t4 && null == l4 || Q && "children" === i5 && "noscript" === e4 || "class" === i5 || "className" === i5)) {
+        var c4 = i5.toLowerCase();
+        "defaultValue" === i5 && "value" in t4 && null == t4.value ? i5 = "value" : "download" === i5 && true === l4 ? l4 = "" : "translate" === c4 && "no" === l4 ? l4 = false : "o" === c4[0] && "n" === c4[1] ? "ondoubleclick" === c4 ? i5 = "ondblclick" : "onchange" !== c4 || "input" !== e4 && "textarea" !== e4 || X(t4.type) ? "onfocus" === c4 ? i5 = "onfocusin" : "onblur" === c4 ? i5 = "onfocusout" : J2.test(i5) && (i5 = c4) : c4 = i5 = "oninput" : o4 && G2.test(i5) ? i5 = i5.replace(K2, "-$&").toLowerCase() : null === l4 && (l4 = void 0), "oninput" === c4 && u5[i5 = c4] && (i5 = "oninputCapture"), u5[i5] = l4;
       }
     }
     "select" == e4 && u5.multiple && Array.isArray(u5.value) && (u5.value = H(t4.children).forEach(function(n5) {
       n5.props.selected = -1 != u5.value.indexOf(n5.props.value);
     })), "select" == e4 && null != u5.defaultValue && (u5.value = H(t4.children).forEach(function(n5) {
       n5.props.selected = u5.multiple ? -1 != u5.defaultValue.indexOf(n5.props.value) : u5.defaultValue == n5.props.value;
-    })), t4.class && !t4.className ? (u5.class = t4.class, Object.defineProperty(u5, "className", ln)) : (t4.className && !t4.class || t4.class && t4.className) && (u5.class = u5.className = t4.className), n4.props = u5;
+    })), t4.class && !t4.className ? (u5.class = t4.class, Object.defineProperty(u5, "className", cn2)) : (t4.className && !t4.class || t4.class && t4.className) && (u5.class = u5.className = t4.className), n4.props = u5;
   }(n3), n3.$$typeof = q3, fn && fn(n3);
 };
 var an = l.__r;
 l.__r = function(n3) {
-  an && an(n3), cn2 = n3.__c;
+  an && an(n3), ln = n3.__c;
 };
 var sn = l.diffed;
 l.diffed = function(n3) {
   sn && sn(n3);
   var t4 = n3.props, e4 = n3.__e;
-  null != e4 && "textarea" === n3.type && "value" in t4 && t4.value !== e4.value && (e4.value = null == t4.value ? "" : t4.value), cn2 = null;
+  null != e4 && "textarea" === n3.type && "value" in t4 && t4.value !== e4.value && (e4.value = null == t4.value ? "" : t4.value), ln = null;
 };
 
 // node_modules/@preact/signals-core/dist/signals-core.mjs
@@ -2702,8 +2813,26 @@ function t3() {
   r3--;
   if (t4) throw i5;
 }
+function o3(i5) {
+  if (r3 > 0) return i5();
+  r3++;
+  try {
+    return i5();
+  } finally {
+    t3();
+  }
+}
 var n2;
 var s3;
+function h3(i5) {
+  const t4 = n2;
+  n2 = void 0;
+  try {
+    return i5();
+  } finally {
+    n2 = t4;
+  }
+}
 var r3 = 0;
 var f4 = 0;
 var e3 = 0;
@@ -2730,21 +2859,28 @@ function c3(i5) {
     return t4;
   }
 }
-function u4(i5) {
+function u4(i5, t4) {
   this.v = i5;
   this.i = 0;
   this.n = void 0;
   this.t = void 0;
+  this.W = null == t4 ? void 0 : t4.watched;
+  this.Z = null == t4 ? void 0 : t4.unwatched;
 }
 u4.prototype.brand = i4;
 u4.prototype.h = function() {
   return true;
 };
 u4.prototype.S = function(i5) {
-  if (this.t !== i5 && void 0 === i5.e) {
-    i5.x = this.t;
-    if (void 0 !== this.t) this.t.e = i5;
+  const t4 = this.t;
+  if (t4 !== i5 && void 0 === i5.e) {
+    i5.x = t4;
     this.t = i5;
+    if (void 0 !== t4) t4.e = i5;
+    else h3(() => {
+      var i6;
+      null == (i6 = this.W) || i6.call(this);
+    });
   }
 };
 u4.prototype.U = function(i5) {
@@ -2758,7 +2894,13 @@ u4.prototype.U = function(i5) {
       o4.e = t4;
       i5.x = void 0;
     }
-    if (i5 === this.t) this.t = o4;
+    if (i5 === this.t) {
+      this.t = o4;
+      if (void 0 === o4) h3(() => {
+        var i6;
+        null == (i6 = this.Z) || i6.call(this);
+      });
+    }
   }
 };
 u4.prototype.subscribe = function(i5) {
@@ -2808,8 +2950,8 @@ Object.defineProperty(u4.prototype, "value", { get() {
     }
   }
 } });
-function d3(i5) {
-  return new u4(i5);
+function d3(i5, t4) {
+  return new u4(i5, t4);
 }
 function v3(i5) {
   for (let t4 = i5.s; void 0 !== t4; t4 = t4.n) if (t4.S.i !== t4.i || !t4.S.h() || t4.S.i !== t4.i) return true;
@@ -2842,14 +2984,17 @@ function y3(i5) {
   }
   i5.s = t4;
 }
-function a3(i5) {
+function a3(i5, t4) {
   u4.call(this, void 0);
   this.x = i5;
   this.s = void 0;
   this.g = e3 - 1;
   this.f = 4;
+  this.W = null == t4 ? void 0 : t4.watched;
+  this.Z = null == t4 ? void 0 : t4.unwatched;
 }
-(a3.prototype = new u4()).h = function() {
+a3.prototype = new u4();
+a3.prototype.h = function() {
   this.f &= -3;
   if (1 & this.f) return false;
   if (32 == (36 & this.f)) return true;
@@ -2911,8 +3056,8 @@ Object.defineProperty(a3.prototype, "value", { get() {
   if (16 & this.f) throw this.v;
   return this.v;
 } });
-function w3(i5) {
-  return new a3(i5);
+function w3(i5, t4) {
+  return new a3(i5, t4);
 }
 function _3(i5) {
   const o4 = i5.u;
@@ -3000,46 +3145,54 @@ function E3(i5) {
 }
 
 // node_modules/@preact/signals/dist/signals.mjs
-function c4(t4, e4) {
+var h4;
+var d4;
+var p4;
+var m3 = [];
+var _4 = [];
+E3(function() {
+  h4 = this.N;
+})();
+function v4(t4, e4) {
   l[t4] = e4.bind(null, l[t4] || (() => {
   }));
 }
-var a4;
-var h3;
-function d4(t4) {
-  if (h3) h3();
-  h3 = t4 && t4.S();
+function g5(t4) {
+  if (p4) p4();
+  p4 = t4 && t4.S();
 }
-function p4({ data: t4 }) {
+function b3({ data: t4 }) {
   const i5 = useSignal(t4);
   i5.value = t4;
-  const o4 = T2(() => {
-    let t5 = this.__v;
-    while (t5 = t5.__) if (t5.__c) {
-      t5.__c.__$f |= 4;
+  const [n3, f5] = T2(() => {
+    let t5 = this, n4 = this.__v;
+    while (n4 = n4.__) if (n4.__c) {
+      n4.__c.__$f |= 4;
       break;
     }
-    this.__$u.c = () => {
-      var t6;
-      const i6 = this.__$u.S(), n3 = o4.value;
-      i6();
-      if (u(n3) || 3 !== (null == (t6 = this.base) ? void 0 : t6.nodeType)) {
-        this.__$f |= 1;
-        this.setState({});
-      } else this.base.data = n3;
-    };
-    return w3(() => {
+    const o4 = w3(() => {
       let t6 = i5.value.value;
       return 0 === t6 ? 0 : true === t6 ? "" : t6 || "";
-    });
+    }), f6 = w3(() => !Array.isArray(o4.value) && !t(o4.value)), r4 = E3(function() {
+      this.N = T4;
+      if (f6.value) {
+        const i6 = o4.value;
+        if (t5.__v && t5.__v.__e && 3 === t5.__v.__e.nodeType) t5.__v.__e.data = i6;
+      }
+    }), u5 = this.__$u.d;
+    this.__$u.d = function() {
+      r4();
+      u5.call(this);
+    };
+    return [f6, o4];
   }, []);
-  return o4.value;
+  return n3.value ? f5.peek() : f5.value;
 }
-p4.displayName = "_st";
-Object.defineProperties(u4.prototype, { constructor: { configurable: true, value: void 0 }, type: { configurable: true, value: p4 }, props: { configurable: true, get() {
+b3.displayName = "_st";
+Object.defineProperties(u4.prototype, { constructor: { configurable: true, value: void 0 }, type: { configurable: true, value: b3 }, props: { configurable: true, get() {
   return { data: this };
 } }, __b: { configurable: true, value: 1 } });
-c4("__b", (t4, i5) => {
+v4("__b", (t4, i5) => {
   if ("string" == typeof i5.type) {
     let t5, e4 = i5.props;
     for (let n3 in e4) {
@@ -3054,36 +3207,38 @@ c4("__b", (t4, i5) => {
   }
   t4(i5);
 });
-c4("__r", (t4, i5) => {
-  d4();
-  let e4, n3 = i5.__c;
-  if (n3) {
-    n3.__$f &= -2;
-    e4 = n3.__$u;
-    if (void 0 === e4) n3.__$u = e4 = function(t5) {
-      let i6;
-      E3(function() {
-        i6 = this;
-      });
-      i6.c = () => {
-        n3.__$f |= 1;
-        n3.setState({});
-      };
-      return i6;
-    }();
+v4("__r", (t4, i5) => {
+  if (i5.type !== k) {
+    g5();
+    let t5, e4 = i5.__c;
+    if (e4) {
+      e4.__$f &= -2;
+      t5 = e4.__$u;
+      if (void 0 === t5) e4.__$u = t5 = function(t6) {
+        let i6;
+        E3(function() {
+          i6 = this;
+        });
+        i6.c = () => {
+          e4.__$f |= 1;
+          e4.setState({});
+        };
+        return i6;
+      }();
+    }
+    d4 = e4;
+    g5(t5);
   }
-  a4 = n3;
-  d4(e4);
   t4(i5);
 });
-c4("__e", (t4, i5, e4, n3) => {
-  d4();
-  a4 = void 0;
+v4("__e", (t4, i5, e4, n3) => {
+  g5();
+  d4 = void 0;
   t4(i5, e4, n3);
 });
-c4("diffed", (t4, i5) => {
-  d4();
-  a4 = void 0;
+v4("diffed", (t4, i5) => {
+  g5();
+  d4 = void 0;
   let e4;
   if ("string" == typeof i5.type && (e4 = i5.__e)) {
     let t5 = i5.__np, n3 = i5.props;
@@ -3101,23 +3256,24 @@ c4("diffed", (t4, i5) => {
         e4.U = i6;
       }
       for (let o4 in t5) {
-        let r4 = i6[o4], f5 = t5[o4];
-        if (void 0 === r4) {
-          r4 = v4(e4, o4, f5, n3);
-          i6[o4] = r4;
-        } else r4.o(f5, n3);
+        let f5 = i6[o4], r4 = t5[o4];
+        if (void 0 === f5) {
+          f5 = y4(e4, o4, r4, n3);
+          i6[o4] = f5;
+        } else f5.o(r4, n3);
       }
     }
   }
   t4(i5);
 });
-function v4(t4, i5, e4, n3) {
-  const o4 = i5 in t4 && void 0 === t4.ownerSVGElement, r4 = d3(e4);
+function y4(t4, i5, e4, n3) {
+  const o4 = i5 in t4 && void 0 === t4.ownerSVGElement, f5 = d3(e4);
   return { o: (t5, i6) => {
-    r4.value = t5;
+    f5.value = t5;
     n3 = i6;
-  }, d: E3(() => {
-    const e5 = r4.value.value;
+  }, d: E3(function() {
+    this.N = T4;
+    const e5 = f5.value.value;
     if (n3[i5] !== e5) {
       n3[i5] = e5;
       if (o4) t4[i5] = e5;
@@ -3126,7 +3282,7 @@ function v4(t4, i5, e4, n3) {
     }
   }) };
 }
-c4("unmount", (t4, i5) => {
+v4("unmount", (t4, i5) => {
   if ("string" == typeof i5.type) {
     let t5 = i5.__e;
     if (t5) {
@@ -3151,7 +3307,7 @@ c4("unmount", (t4, i5) => {
   }
   t4(i5);
 });
-c4("__h", (t4, i5, e4, n3) => {
+v4("__h", (t4, i5, e4, n3) => {
   if (n3 < 3 || 9 === n3) i5.__$f |= 2;
   t4(i5, e4, n3);
 });
@@ -3170,13 +3326,46 @@ x.prototype.shouldComponentUpdate = function(t4, i5) {
   for (let i6 in this.props) if (!(i6 in t4)) return true;
   return false;
 };
-function useSignal(t4) {
-  return T2(() => d3(t4), []);
+function useSignal(t4, i5) {
+  return T2(() => d3(t4, i5), []);
+}
+var k3 = "undefined" == typeof requestAnimationFrame ? setTimeout : function(t4) {
+  const i5 = () => {
+    clearTimeout(e4);
+    cancelAnimationFrame(n3);
+    t4();
+  }, e4 = setTimeout(i5, 35), n3 = requestAnimationFrame(i5);
+};
+var q4 = (t4) => {
+  queueMicrotask(() => {
+    queueMicrotask(t4);
+  });
+};
+function A4() {
+  o3(() => {
+    let t4;
+    while (t4 = m3.shift()) h4.call(t4);
+  });
+}
+function w4() {
+  if (1 === m3.push(this)) (l.requestAnimationFrame || k3)(A4);
+}
+function F4() {
+  o3(() => {
+    let t4;
+    while (t4 = _4.shift()) h4.call(t4);
+  });
+}
+function T4() {
+  if (1 === _4.push(this)) (l.requestAnimationFrame || q4)(F4);
 }
 function useSignalEffect(t4) {
   const i5 = A2(t4);
   i5.current = t4;
-  y2(() => E3(() => i5.current()), []);
+  y2(() => E3(function() {
+    this.N = w4;
+    return i5.current();
+  }), []);
 }
 
 // node_modules/@schedule-x/calendar/dist/core.js
@@ -4008,27 +4197,27 @@ function TimeGridEvent({ calendarEvent, dayBoundariesDateTime, isCopy, setMouseD
     __html: ((_c = calendarEvent._customContent) === null || _c === void 0 ? void 0 : _c.timeGrid) || ""
   } }), $app.config.plugins.resize && !((_d = calendarEvent._options) === null || _d === void 0 ? void 0 : _d.disableResize) && u2("div", { className: "sx__time-grid-event-resize-handle", onMouseDown: startResize })] }) }), eventCopy && u2(TimeGridEvent, { calendarEvent: eventCopy, isCopy: true, setMouseDown, dayBoundariesDateTime })] });
 }
-var sortEventsByStartAndEnd = (a5, b3) => {
-  if (a5.start === b3.start) {
-    if (a5.end < b3.end)
+var sortEventsByStartAndEnd = (a4, b4) => {
+  if (a4.start === b4.start) {
+    if (a4.end < b4.end)
       return 1;
-    if (a5.end > b3.end)
+    if (a4.end > b4.end)
       return -1;
     return 0;
   }
-  if (a5.start < b3.start)
+  if (a4.start < b4.start)
     return -1;
-  if (a5.start > b3.start)
+  if (a4.start > b4.start)
     return 1;
   return 0;
 };
-var sortEventsForMonthGrid = (a5, b3) => {
-  const aStartDate = dateFromDateTime(a5.start);
-  const bStartDate = dateFromDateTime(b3.start);
-  const aEndDate = dateFromDateTime(a5.end);
-  const bEndDate = dateFromDateTime(b3.end);
+var sortEventsForMonthGrid = (a4, b4) => {
+  const aStartDate = dateFromDateTime(a4.start);
+  const bStartDate = dateFromDateTime(b4.start);
+  const aEndDate = dateFromDateTime(a4.end);
+  const bEndDate = dateFromDateTime(b4.end);
   if (aStartDate === bStartDate && aEndDate === bEndDate) {
-    if (a5.start < b3.start)
+    if (a4.start < b4.start)
       return -1;
   }
   if (aStartDate === bStartDate) {
@@ -4044,22 +4233,33 @@ var sortEventsForMonthGrid = (a5, b3) => {
     return 1;
   return 0;
 };
+var isEvent0Minutes = (e4) => {
+  return (e4 === null || e4 === void 0 ? void 0 : e4.start) === (e4 === null || e4 === void 0 ? void 0 : e4.end) && DateFormats.DATE_TIME_STRING.test((e4 === null || e4 === void 0 ? void 0 : e4.start) || "");
+};
+var areEvents0MinutesAndConcurrent = (e1, e22) => {
+  return isEvent0Minutes(e1) && isEvent0Minutes(e22) && (e1 === null || e1 === void 0 ? void 0 : e1.start) === (e22 === null || e22 === void 0 ? void 0 : e22.start);
+};
 var handleEventConcurrency = (sortedEvents, concurrentEventsCache = [], currentIndex = 0) => {
   for (let i5 = currentIndex; i5 < sortedEvents.length; i5++) {
     const event = sortedEvents[i5];
     const nextEvent = sortedEvents[i5 + 1];
-    if (concurrentEventsCache.length && (!nextEvent || concurrentEventsCache.every((e4) => e4.end <= nextEvent.start))) {
+    const areBothEventsZeroMinutes = areEvents0MinutesAndConcurrent(event, nextEvent);
+    if (concurrentEventsCache.length && (!nextEvent || concurrentEventsCache.every((e4) => e4.end <= nextEvent.start) && !areBothEventsZeroMinutes)) {
       concurrentEventsCache.push(event);
       for (let ii = 0; ii < concurrentEventsCache.length; ii++) {
         const currentEvent = concurrentEventsCache[ii];
         const NpreviousConcurrentEvents = concurrentEventsCache.filter((cachedEvent, index) => {
           if (cachedEvent === currentEvent || index > ii)
             return false;
+          if (areEvents0MinutesAndConcurrent(cachedEvent, currentEvent))
+            return true;
           return cachedEvent.start <= currentEvent.start && cachedEvent.end > currentEvent.start;
         }).length;
         const NupcomingConcurrentEvents = concurrentEventsCache.filter((cachedEvent, index) => {
           if (cachedEvent === currentEvent || index < ii)
             return false;
+          if (areEvents0MinutesAndConcurrent(cachedEvent, currentEvent))
+            return true;
           return cachedEvent.start < currentEvent.end && cachedEvent.end >= currentEvent.start;
         }).length;
         currentEvent._totalConcurrentEvents = NpreviousConcurrentEvents + NupcomingConcurrentEvents + 1;
@@ -4067,12 +4267,12 @@ var handleEventConcurrency = (sortedEvents, concurrentEventsCache = [], currentI
         let maxOverlappingEvents = 0;
         const timePoints = [];
         concurrentEventsCache.forEach((cachedEvent) => {
-          if (cachedEvent.end > currentEvent.start && cachedEvent.start < currentEvent.end) {
+          if (cachedEvent.end > currentEvent.start && cachedEvent.start < currentEvent.end || areEvents0MinutesAndConcurrent(cachedEvent, currentEvent)) {
             timePoints.push({ time: cachedEvent.start, type: "start" });
             timePoints.push({ time: cachedEvent.end, type: "end" });
           }
         });
-        timePoints.sort((a5, b3) => a5.time.localeCompare(b3.time) || (a5.type === "end" ? -1 : 1));
+        timePoints.sort((a4, b4) => a4.time.localeCompare(b4.time) || (a4.type === "end" ? -1 : 1));
         let currentOverlap = 0;
         timePoints.forEach((point) => {
           if (point.type === "start") {
@@ -4087,7 +4287,7 @@ var handleEventConcurrency = (sortedEvents, concurrentEventsCache = [], currentI
       concurrentEventsCache = [];
       return handleEventConcurrency(sortedEvents, concurrentEventsCache, i5 + 1);
     }
-    if (nextEvent && event.end > nextEvent.start || concurrentEventsCache.some((e4) => e4.end > event.start)) {
+    if (nextEvent && event.end > nextEvent.start || concurrentEventsCache.some((e4) => e4.end > event.start) || areBothEventsZeroMinutes) {
       concurrentEventsCache.push(event);
       return handleEventConcurrency(sortedEvents, concurrentEventsCache, i5 + 1);
     }
@@ -4688,6 +4888,7 @@ var dateFormatLocalizedRules = /* @__PURE__ */ new Map([
   ["et-EE", formatRules.periodDMY],
   ["fi-FI", formatRules.periodDMY],
   ["fr-FR", formatRules.slashDMY],
+  ["fr-CH", formatRules.periodDMY],
   ["hr-HR", formatRules.periodDMY],
   ["id-ID", formatRules.slashDMY],
   ["it-IT", formatRules.slashDMY],
@@ -5798,6 +5999,39 @@ var timePickerRoRO = {
   "Select time": "Selecta\u021Bi ora"
 };
 var roRO = __spreadValues(__spreadValues(__spreadValues({}, datePickerRoRO), calendarRoRO), timePickerRoRO);
+var datePickerFaIR = {
+  Date: "\u062A\u0627\u0631\u06CC\u062E",
+  "MM/DD/YYYY": "MM/DD/YYYY",
+  "Next month": "\u0645\u0627\u0647 \u0628\u0639\u062F",
+  "Previous month": "\u0645\u0627\u0647 \u0642\u0628\u0644",
+  "Choose Date": "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E"
+};
+var calendarFaIR = {
+  Today: "\u0627\u0645\u0631\u0648\u0632",
+  Month: "\u0645\u0627\u0647",
+  Week: "\u0647\u0641\u062A\u0647",
+  Day: "\u0631\u0648\u0632",
+  "Select View": "\u0627\u0646\u062A\u062E\u0627\u0628 \u0646\u0645\u0627",
+  events: "\u0631\u0648\u06CC\u062F\u0627\u062F\u0647\u0627",
+  event: "\u0631\u0648\u06CC\u062F\u0627\u062F",
+  "No events": "\u0631\u0648\u06CC\u062F\u0627\u062F\u06CC \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F",
+  "Next period": "\u062F\u0648\u0631\u0647 \u0628\u0639\u062F\u06CC",
+  "Previous period": "\u062F\u0648\u0631\u0647 \u0642\u0628\u0644\u06CC",
+  to: "\u062A\u0627",
+  "Full day- and multiple day events": "\u0631\u0648\u06CC\u062F\u0627\u062F\u0647\u0627\u06CC \u062A\u0645\u0627\u0645 \u0631\u0648\u0632 \u0648 \u0686\u0646\u062F \u0631\u0648\u0632\u0647",
+  "Link to {{n}} more events on {{date}}": "\u0644\u06CC\u0646\u06A9 \u0628\u0647 {{n}} \u0631\u0648\u06CC\u062F\u0627\u062F \u0628\u06CC\u0634\u062A\u0631 \u062F\u0631 \u062A\u0627\u0631\u06CC\u062E {{date}}",
+  "Link to 1 more event on {{date}}": "\u0644\u06CC\u0646\u06A9 \u0628\u0647 1 \u0631\u0648\u06CC\u062F\u0627\u062F \u0628\u06CC\u0634\u062A\u0631 \u062F\u0631 \u062A\u0627\u0631\u06CC\u062E {{date}}",
+  CW: "\u0647\u0641\u062A\u0647 {{week}}"
+};
+var timePickerFaIR = {
+  Time: "\u0632\u0645\u0627\u0646",
+  AM: "\u0642.\u0638",
+  PM: "\u0628.\u0638",
+  Cancel: "\u0644\u063A\u0648",
+  OK: "\u062A\u0627\u06CC\u06CC\u062F",
+  "Select time": "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646"
+};
+var faIR = __spreadValues(__spreadValues(__spreadValues({}, datePickerFaIR), calendarFaIR), timePickerFaIR);
 var datePickerHeIL = {
   Date: "\u05EA\u05B7\u05D0\u05B2\u05E8\u05B4\u05D9\u05DA",
   "MM/DD/YYYY": "MM/DD/YYYY",
@@ -6199,10 +6433,7 @@ function MonthAgendaDay({ day, isActive, setActiveDate }) {
   };
   const isBeforeMinDate = !!($app.config.minDate.value && day.date < $app.config.minDate.value);
   const isPastMaxDate = !!($app.config.maxDate.value && day.date > $app.config.maxDate.value);
-  return u2("button", { type: "button", className: dayClasses.join(" "), onClick: (e4) => handleClick(e4, $app.config.callbacks.onClickAgendaDate), onDblClick: (e4) => handleClick(e4, $app.config.callbacks.onDoubleClickAgendaDate), disabled: isBeforeMinDate || isPastMaxDate, "aria-label": getLocalizedDate(day.date, $app.config.locale.value), tabIndex: hasFocus(day) ? 0 : -1, "data-agenda-focus": hasFocus(day) ? "true" : void 0, onKeyDown: handleKeyDown, children: [u2("div", { children: jsDate.getDate() }), u2("div", { className: "sx__month-agenda-day__event-icons", children: day.events.slice(0, 3).map((event) => u2("div", { style: {
-    backgroundColor: `var(--sx-color-${event._color})`,
-    filter: `brightness(1.6)`
-  }, className: "sx__month-agenda-day__event-icon" })) })] });
+  return u2("button", { type: "button", className: dayClasses.join(" "), onClick: (e4) => handleClick(e4, $app.config.callbacks.onClickAgendaDate), onDblClick: (e4) => handleClick(e4, $app.config.callbacks.onDoubleClickAgendaDate), disabled: isBeforeMinDate || isPastMaxDate, "aria-label": getLocalizedDate(day.date, $app.config.locale.value), tabIndex: hasFocus(day) ? 0 : -1, "data-agenda-focus": hasFocus(day) ? "true" : void 0, onKeyDown: handleKeyDown, children: [u2("div", { children: jsDate.getDate() }), u2("div", { className: "sx__month-agenda-day__event-icons", children: day.events.slice(0, 3).map((event) => u2("div", { style: { backgroundColor: `var(--sx-color-${event._color})` }, className: "sx__month-agenda-day__event-icon" })) })] });
 }
 function MonthAgendaWeek({ week, setActiveDate, activeDate }) {
   const $app = x2(AppContext);
@@ -6353,7 +6584,7 @@ import { ScheduleXCalendar, useNextCalendarApp } from "@schedule-x/react";
 import { Paper as Paper4, Text as Text7 } from "@mantine/core";
 import "@schedule-x/theme-default/dist/index.css";
 import { useEffect as useEffect6 } from "react";
-import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
 function MyCalendar() {
   const plugins = [createEventsServicePlugin(), createEventModalPlugin()];
   const calendar = useNextCalendarApp({
@@ -6427,16 +6658,16 @@ function MyCalendar() {
   useEffect6(() => {
     calendar == null ? void 0 : calendar.events.getAll();
   }, []);
-  return /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(ScheduleXCalendar, { calendarApp: calendar, customComponents: {
+  return /* @__PURE__ */ jsx36("div", { children: /* @__PURE__ */ jsx36(ScheduleXCalendar, { calendarApp: calendar, customComponents: {
     timeGridEvent: ({ calendarEvent }) => {
       console.log(calendarEvent);
-      return /* @__PURE__ */ jsx35(Paper4, { h: "100%", bg: calendarEvent.laLichThi ? "violet.2" : "blue.2", p: 4, children: /* @__PURE__ */ jsxs21(MyFlexColumn, { gap: 1, children: [
-        /* @__PURE__ */ jsxs21(Text7, { size: "sm", fw: "bold", children: [
+      return /* @__PURE__ */ jsx36(Paper4, { h: "100%", bg: calendarEvent.laLichThi ? "violet.2" : "blue.2", p: 4, children: /* @__PURE__ */ jsxs22(MyFlexColumn, { gap: 1, children: [
+        /* @__PURE__ */ jsxs22(Text7, { size: "sm", fw: "bold", children: [
           calendarEvent.laLichThi ? "(Thi) " : "(H\u1ECDc) ",
           calendarEvent.title
         ] }),
-        calendarEvent.laLichThi == false && /* @__PURE__ */ jsx35(Text7, { size: "sm", children: calendarEvent.giangvien }),
-        /* @__PURE__ */ jsx35(Text7, { size: "sm", children: calendarEvent.location })
+        calendarEvent.laLichThi == false && /* @__PURE__ */ jsx36(Text7, { size: "sm", children: calendarEvent.giangvien }),
+        /* @__PURE__ */ jsx36(Text7, { size: "sm", children: calendarEvent.location })
       ] }) });
     }
     // eventModal: ({ calendarEvent }) => {
@@ -6451,31 +6682,31 @@ function MyCalendar() {
 
 // src/components/CenterFull/MyCenterFull.tsx
 import { Center as Center2, Group as Group10 } from "@mantine/core";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function MyCenterFull({ children }) {
-  return /* @__PURE__ */ jsx36(Center2, { w: "100%", children: /* @__PURE__ */ jsx36(Group10, { children }) });
+  return /* @__PURE__ */ jsx37(Center2, { w: "100%", children: /* @__PURE__ */ jsx37(Group10, { children }) });
 }
 
 // src/components/Checkbox/MyCheckbox.tsx
 import { Checkbox as Checkbox2 } from "@mantine/core";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function MyCheckbox(_a) {
   var rest = __objRest(_a, []);
-  return /* @__PURE__ */ jsx37(Checkbox2, __spreadValues({}, rest));
+  return /* @__PURE__ */ jsx38(Checkbox2, __spreadValues({}, rest));
 }
 
 // src/components/Layouts/FlexRow/MyFlexRow.tsx
 import { Flex as Flex2 } from "@mantine/core";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function MyFlexRow(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx38(Flex2, __spreadProps(__spreadValues({ gap: "md", align: "center" }, rest), { children }));
+  return /* @__PURE__ */ jsx39(Flex2, __spreadProps(__spreadValues({ gap: "md", align: "center" }, rest), { children }));
 }
 
 // src/components/DataDisplay/Card/AQCard.tsx
 import { Badge as Badge2, Card, Center as Center3, Image, Text as Text8 } from "@mantine/core";
 import Link from "next/link";
-import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 function AQCard({
   imgSrc = "https://raw.githubusercontent.com/mantinedev/mantine/master/.demo/images/bg-8.png",
   title,
@@ -6485,8 +6716,8 @@ function AQCard({
   status,
   href = ""
 }) {
-  return /* @__PURE__ */ jsxs22(Card, { shadow: "sm", padding: "lg", radius: "md", withBorder: true, component: Link, href, children: [
-    /* @__PURE__ */ jsx39(Card.Section, { children: /* @__PURE__ */ jsx39(Center3, { children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsxs23(Card, { shadow: "sm", padding: "lg", radius: "md", withBorder: true, component: Link, href, children: [
+    /* @__PURE__ */ jsx40(Card.Section, { children: /* @__PURE__ */ jsx40(Center3, { children: /* @__PURE__ */ jsx40(
       Image,
       {
         src: imgSrc,
@@ -6496,11 +6727,11 @@ function AQCard({
         alt: "Norway"
       }
     ) }) }),
-    /* @__PURE__ */ jsxs22(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs", children: [
-      /* @__PURE__ */ jsx39(Text8, { fw: 500, children: title }),
-      status && /* @__PURE__ */ jsx39(Badge2, { color: "violet.5", w: "150px", children: status })
+    /* @__PURE__ */ jsxs23(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs", children: [
+      /* @__PURE__ */ jsx40(Text8, { fw: 500, children: title }),
+      status && /* @__PURE__ */ jsx40(Badge2, { color: "violet.5", w: "150px", children: status })
     ] }),
-    /* @__PURE__ */ jsx39(Text8, { size: "sm", c: "dimmed", lineClamp: 2, children: description }),
+    /* @__PURE__ */ jsx40(Text8, { size: "sm", c: "dimmed", lineClamp: 2, children: description }),
     children
   ] });
 }
@@ -6508,7 +6739,7 @@ function AQCard({
 // src/components/DataDisplay/CardInformation/MyCardInformation.tsx
 import { Box as Box2, Flex as Flex3, Group as Group11, Paper as Paper5, Text as Text9 } from "@mantine/core";
 import { IconArrowDownRight, IconArrowUpRight } from "@tabler/icons-react";
-import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 function MyCardInformation({
   title,
   value,
@@ -6518,16 +6749,16 @@ function MyCardInformation({
   diff = 0,
   extraControl
 }) {
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     Paper5,
     {
       withBorder: true,
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs23(Group11, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxs23(Flex3, { direction: "column", children: [
-            /* @__PURE__ */ jsx40(
+        /* @__PURE__ */ jsxs24(Group11, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxs24(Flex3, { direction: "column", children: [
+            /* @__PURE__ */ jsx41(
               Text9,
               {
                 tt: "uppercase",
@@ -6536,24 +6767,24 @@ function MyCardInformation({
                 children: title
               }
             ),
-            unit == "" ? /* @__PURE__ */ jsxs23(Text9, { size: "xs", style: { visibility: "hidden" }, children: [
+            unit == "" ? /* @__PURE__ */ jsxs24(Text9, { size: "xs", style: { visibility: "hidden" }, children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx40("strong", { children: unit })
-            ] }) : /* @__PURE__ */ jsxs23(Text9, { size: "xs", children: [
+              /* @__PURE__ */ jsx41("strong", { children: unit })
+            ] }) : /* @__PURE__ */ jsxs24(Text9, { size: "xs", children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx40("strong", { children: unit })
+              /* @__PURE__ */ jsx41("strong", { children: unit })
             ] })
           ] }),
-          /* @__PURE__ */ jsx40(Box2, { children: icon })
+          /* @__PURE__ */ jsx41(Box2, { children: icon })
         ] }),
-        /* @__PURE__ */ jsxs23(
+        /* @__PURE__ */ jsxs24(
           Group11,
           {
             mt: "5",
             align: "flex-end",
             gap: "xs",
             children: [
-              /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsx41(
                 Text9,
                 {
                   fw: 700,
@@ -6561,7 +6792,7 @@ function MyCardInformation({
                   children: value
                 }
               ),
-              /* @__PURE__ */ jsxs23(
+              /* @__PURE__ */ jsxs24(
                 Text9,
                 {
                   mb: "2",
@@ -6569,19 +6800,19 @@ function MyCardInformation({
                   fz: "h2",
                   fw: 500,
                   children: [
-                    /* @__PURE__ */ jsxs23("span", { children: [
+                    /* @__PURE__ */ jsxs24("span", { children: [
                       diff,
                       "%"
                     ] }),
-                    diff > 0 ? /* @__PURE__ */ jsx40(IconArrowUpRight, {}) : /* @__PURE__ */ jsx40(IconArrowDownRight, {})
+                    diff > 0 ? /* @__PURE__ */ jsx41(IconArrowUpRight, {}) : /* @__PURE__ */ jsx41(IconArrowDownRight, {})
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsxs23(Group11, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx40(Text9, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
+        /* @__PURE__ */ jsxs24(Group11, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx41(Text9, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
           extraControl
         ] })
       ]
@@ -6592,50 +6823,50 @@ function MyCardInformation({
 
 // src/components/DataDisplay/IconText/MyIconText.tsx
 import { Group as Group12, Text as Text10 } from "@mantine/core";
-import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
 function MyIconText({ icon: Icon, text }) {
-  return /* @__PURE__ */ jsxs24(Group12, { wrap: "nowrap", gap: 10, mt: 3, children: [
-    Icon && /* @__PURE__ */ jsx41(Icon, { stroke: 1.5, size: 16 }),
-    /* @__PURE__ */ jsx41(Text10, { fz: "lg", c: "dimmed", children: text })
+  return /* @__PURE__ */ jsxs25(Group12, { wrap: "nowrap", gap: 10, mt: 3, children: [
+    Icon && /* @__PURE__ */ jsx42(Icon, { stroke: 1.5, size: 16 }),
+    /* @__PURE__ */ jsx42(Text10, { fz: "lg", c: "dimmed", children: text })
   ] });
 }
 
 // src/components/DataDisplay/KeyLabel/MyKeyLabel.tsx
 import { Group as Group13, Text as Text11 } from "@mantine/core";
-import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
 function MyKeyLabel({ keyLabel, label }) {
-  return /* @__PURE__ */ jsxs25(Group13, { gap: 5, children: [
-    /* @__PURE__ */ jsxs25(Text11, { fw: "bold", children: [
+  return /* @__PURE__ */ jsxs26(Group13, { gap: 5, children: [
+    /* @__PURE__ */ jsxs26(Text11, { fw: "bold", children: [
       keyLabel,
       ":"
     ] }),
-    /* @__PURE__ */ jsx42(Text11, { children: label })
+    /* @__PURE__ */ jsx43(Text11, { children: label })
   ] });
 }
 
 // src/components/DataDisplay/NumberFormatter/MyNumberFormatter.tsx
 import { NumberFormatter } from "@mantine/core";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function MyNumberFormatter(_a) {
   var rest = __objRest(_a, []);
-  return /* @__PURE__ */ jsx43(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
+  return /* @__PURE__ */ jsx44(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
 }
 
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
-import { Box as Box3, Button as Button13, Flex as Flex4, Group as Group14, Paper as Paper6, Text as Text12 } from "@mantine/core";
+import { Box as Box3, Button as Button14, Flex as Flex4, Group as Group14, Paper as Paper6, Text as Text12 } from "@mantine/core";
 import { IconArrowDownRight as IconArrowDownRight2, IconArrowUpRight as IconArrowUpRight2 } from "@tabler/icons-react";
-import { Fragment as Fragment12, jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
 function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
-  return /* @__PURE__ */ jsx44(Fragment12, { children: /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsx45(Fragment13, { children: /* @__PURE__ */ jsxs27(
     Paper6,
     {
       withBorder: true,
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs26(Group14, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxs26(Flex4, { direction: "column", children: [
-            /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsxs27(Group14, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxs27(Flex4, { direction: "column", children: [
+            /* @__PURE__ */ jsx45(
               Text12,
               {
                 tt: "uppercase",
@@ -6644,24 +6875,24 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                 children: title
               }
             ),
-            unit == "" ? /* @__PURE__ */ jsxs26(Text12, { size: "xs", style: { visibility: "hidden" }, children: [
+            unit == "" ? /* @__PURE__ */ jsxs27(Text12, { size: "xs", style: { visibility: "hidden" }, children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx44("strong", { children: unit })
-            ] }) : /* @__PURE__ */ jsxs26(Text12, { size: "xs", children: [
+              /* @__PURE__ */ jsx45("strong", { children: unit })
+            ] }) : /* @__PURE__ */ jsxs27(Text12, { size: "xs", children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx44("strong", { children: unit })
+              /* @__PURE__ */ jsx45("strong", { children: unit })
             ] })
           ] }),
-          /* @__PURE__ */ jsx44(Box3, { children: icons })
+          /* @__PURE__ */ jsx45(Box3, { children: icons })
         ] }),
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27(
           Group14,
           {
             mt: "5",
             align: "flex-end",
             gap: "xs",
             children: [
-              /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx45(
                 Text12,
                 {
                   fw: 700,
@@ -6669,7 +6900,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                   children: value
                 }
               ),
-              /* @__PURE__ */ jsxs26(
+              /* @__PURE__ */ jsxs27(
                 Text12,
                 {
                   mb: "2",
@@ -6677,21 +6908,21 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                   fz: "h2",
                   fw: 500,
                   children: [
-                    /* @__PURE__ */ jsxs26("span", { children: [
+                    /* @__PURE__ */ jsxs27("span", { children: [
                       diff,
                       "%"
                     ] }),
-                    diff > 0 ? /* @__PURE__ */ jsx44(IconArrowUpRight2, {}) : /* @__PURE__ */ jsx44(IconArrowDownRight2, {})
+                    diff > 0 ? /* @__PURE__ */ jsx45(IconArrowUpRight2, {}) : /* @__PURE__ */ jsx45(IconArrowDownRight2, {})
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsxs26(Group14, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx44(Text12, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
-          /* @__PURE__ */ jsx44(
-            Button13,
+        /* @__PURE__ */ jsxs27(Group14, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx45(Text12, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
+          /* @__PURE__ */ jsx45(
+            Button14,
             {
               variant: "light",
               size: "xs",
@@ -6781,15 +7012,15 @@ function FaviconSetter() {
 
 // src/components/Inputs/DateInput/MyDateInput.tsx
 import { DateInput } from "@mantine/dates";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function MyDateInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx45(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx46(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/DayOfWeekPicker/MyDayOfWeekPicker.tsx
 import { Badge as Badge3, Group as Group15, Text as Text13 } from "@mantine/core";
-import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
 var days = Object.entries(enum_daysOfWeek).filter(([key]) => isNaN(Number(key))).map(([label, value]) => ({ label, value }));
 function MyDayOfWeekPicker({ value = [], onChange }) {
   const toggle = (val) => {
@@ -6797,9 +7028,9 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
     const newValue = value.includes(val) ? value.filter((v5) => v5 !== val) : [...value, val];
     onChange(newValue);
   };
-  return /* @__PURE__ */ jsxs27(MyFlexRow, { align: "center", children: [
-    /* @__PURE__ */ jsx46(Text13, { children: "Danh s\xE1ch th\u1EE9: " }),
-    /* @__PURE__ */ jsx46(Group15, { gap: "xs", children: days.map((d5) => /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsxs28(MyFlexRow, { align: "center", children: [
+    /* @__PURE__ */ jsx47(Text13, { children: "Danh s\xE1ch th\u1EE9: " }),
+    /* @__PURE__ */ jsx47(Group15, { gap: "xs", children: days.map((d5) => /* @__PURE__ */ jsx47(
       Badge3,
       {
         variant: value.includes(d5.value) ? "filled" : "outline",
@@ -6822,7 +7053,7 @@ import {
   Text as Text14,
   useMantineColorScheme as useMantineColorScheme2
 } from "@mantine/core";
-import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
 function MyFieldset(_a) {
   var _b = _a, {
     children,
@@ -6851,10 +7082,10 @@ function MyFieldset(_a) {
   const mergedStyles = typeof styles === "function" ? styles : __spreadProps(__spreadValues({}, styles), {
     legend: __spreadValues(__spreadValues({}, defaultLegendStyles), styles == null ? void 0 : styles.legend)
   });
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     Fieldset4,
     __spreadProps(__spreadValues({
-      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx47(Group16, { gap: "xs", children: /* @__PURE__ */ jsxs28(Text14, { fw: 600, children: [
+      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx48(Group16, { gap: "xs", children: /* @__PURE__ */ jsxs29(Text14, { fw: 600, children: [
         " ",
         title,
         " "
@@ -6869,13 +7100,13 @@ function MyFieldset(_a) {
 // src/components/Inputs/FileInput/MyFileInput.tsx
 import { FileInput as FileInput3 } from "@mantine/core";
 import { IconFile } from "@tabler/icons-react";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function MyFileInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     FileInput3,
     __spreadValues({
-      rightSection: /* @__PURE__ */ jsx48(IconFile, {}),
+      rightSection: /* @__PURE__ */ jsx49(IconFile, {}),
       label,
       placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : ""
     }, rest)
@@ -6884,10 +7115,10 @@ function MyFileInput(_a) {
 
 // src/components/Inputs/NumberInput/MyNumberInput.tsx
 import { NumberInput as NumberInput2 } from "@mantine/core";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function MyNumberInput(_a) {
   var _b = _a, { minValue, label } = _b, rest = __objRest(_b, ["minValue", "label"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     NumberInput2,
     __spreadValues({
       label,
@@ -6899,10 +7130,10 @@ function MyNumberInput(_a) {
 
 // src/components/Inputs/TextArea/MyTextArea.tsx
 import { Textarea } from "@mantine/core";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function MyTextArea(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx50(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx51(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/TextEditor/MyTextEditor.tsx
@@ -6918,7 +7149,7 @@ import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useEffect as useEffect8, useState as useState9 } from "react";
-import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
 function MyTextEditor(_a) {
   var _b = _a, {
     autoHiddenToolBar = false,
@@ -7020,43 +7251,43 @@ function MyTextEditor(_a) {
       editor.commands.setContent(value);
     }
   }, [value, editor]);
-  return /* @__PURE__ */ jsx51(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */ jsxs29(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" }, children: [
-    /* @__PURE__ */ jsxs29(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
-      /* @__PURE__ */ jsxs29(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx51(RichTextEditor.Bold, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.Italic, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.Underline, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.Strikethrough, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.ClearFormatting, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.Highlight, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.Code, {})
+  return /* @__PURE__ */ jsx52(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */ jsxs30(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" }, children: [
+    /* @__PURE__ */ jsxs30(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
+      /* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx52(RichTextEditor.Bold, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.Italic, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.Underline, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.Strikethrough, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.ClearFormatting, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.Highlight, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.Code, {})
       ] }),
-      /* @__PURE__ */ jsxs29(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx51(RichTextEditor.H1, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.H2, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.H3, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.H4, {})
+      /* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx52(RichTextEditor.H1, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.H2, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.H3, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.H4, {})
       ] }),
-      /* @__PURE__ */ jsxs29(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx51(RichTextEditor.Blockquote, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.Hr, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.BulletList, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.OrderedList, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.Subscript, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.Superscript, {})
+      /* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx52(RichTextEditor.Blockquote, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.Hr, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.BulletList, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.OrderedList, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.Subscript, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.Superscript, {})
       ] }),
-      /* @__PURE__ */ jsxs29(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx51(RichTextEditor.Link, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.Unlink, {})
+      /* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx52(RichTextEditor.Link, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.Unlink, {})
       ] }),
-      /* @__PURE__ */ jsxs29(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx51(RichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ jsx51(RichTextEditor.AlignRight, {})
+      /* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx52(RichTextEditor.AlignLeft, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.AlignCenter, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.AlignJustify, {}),
+        /* @__PURE__ */ jsx52(RichTextEditor.AlignRight, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx52(
       ScrollArea2.Autosize,
       {
         onMouseDown: () => {
@@ -7071,7 +7302,7 @@ function MyTextEditor(_a) {
           setHiddenToolBar(false);
         },
         style: { cursor: "text", maxHeight: "400px" },
-        children: /* @__PURE__ */ jsx51(RichTextEditor.Content, { mih: contentHeight })
+        children: /* @__PURE__ */ jsx52(RichTextEditor.Content, { mih: contentHeight })
       }
     )
   ] }) });
@@ -7079,7 +7310,7 @@ function MyTextEditor(_a) {
 
 // src/components/Inputs/WeeklySessionSchedulerPicker/MyWeeklySessionSchedulerPicker.tsx
 import {
-  Button as Button14,
+  Button as Button15,
   Center as Center4,
   Divider as Divider2,
   Group as Group17,
@@ -7088,9 +7319,9 @@ import {
   ScrollArea as ScrollArea3,
   Text as Text15
 } from "@mantine/core";
-import { IconPlus as IconPlus5, IconTrash as IconTrash5 } from "@tabler/icons-react";
+import { IconPlus as IconPlus6, IconTrash as IconTrash5 } from "@tabler/icons-react";
 import { useState as useState10 } from "react";
-import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
 function MyWeeklySessionSchedulerPicker({
   value = [],
   onChange
@@ -7121,52 +7352,52 @@ function MyWeeklySessionSchedulerPicker({
     return acc;
   }, {});
   const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
-  return /* @__PURE__ */ jsx52(Paper7, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs30(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx52(Center4, { children: /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(Paper7, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs31(MyFlexColumn, { children: [
+    /* @__PURE__ */ jsx53(Center4, { children: /* @__PURE__ */ jsx53(
       MyDayOfWeekPicker,
       {
         value: selectedDays,
         onChange: (days2) => {
-          const sorted = [...days2].sort((a5, b3) => a5 - b3);
+          const sorted = [...days2].sort((a4, b4) => a4 - b4);
           setSelectedDays(sorted);
         }
       }
     ) }),
-    /* @__PURE__ */ jsx52(Divider2, { my: "xs" }),
-    /* @__PURE__ */ jsx52(Center4, { children: /* @__PURE__ */ jsx52(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx52(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
+    /* @__PURE__ */ jsx53(Divider2, { my: "xs" }),
+    /* @__PURE__ */ jsx53(Center4, { children: /* @__PURE__ */ jsx53(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx53(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
       var _a;
-      return /* @__PURE__ */ jsxs30(
+      return /* @__PURE__ */ jsxs31(
         Paper7,
         {
           w: "100%",
           p: "md",
           bg: const_object_colors.mantineBackgroundBlueLight,
           children: [
-            /* @__PURE__ */ jsxs30(Group17, { gap: "apart", children: [
-              /* @__PURE__ */ jsx52(Text15, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
-              /* @__PURE__ */ jsx52(
-                Button14,
+            /* @__PURE__ */ jsxs31(Group17, { gap: "apart", children: [
+              /* @__PURE__ */ jsx53(Text15, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
+              /* @__PURE__ */ jsx53(
+                Button15,
                 {
                   color: "teal.5",
-                  leftSection: /* @__PURE__ */ jsx52(IconPlus5, { size: 14 }),
+                  leftSection: /* @__PURE__ */ jsx53(IconPlus6, { size: 14 }),
                   onClick: () => handleAddSession(dayOfWeek),
                   children: "Th\xEAm bu\u1ED5i"
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx52(Divider2, { my: "sm" }),
+            /* @__PURE__ */ jsx53(Divider2, { my: "sm" }),
             (_a = grouped[dayOfWeek]) == null ? void 0 : _a.map((item, indexInDay) => {
               const globalIndex = value.findIndex(
                 (v5) => v5 === item
               );
-              return /* @__PURE__ */ jsxs30(
+              return /* @__PURE__ */ jsxs31(
                 Group17,
                 {
                   mt: "xs",
                   gap: "xs",
                   align: "flex-end",
                   children: [
-                    /* @__PURE__ */ jsx52(
+                    /* @__PURE__ */ jsx53(
                       NumberInput3,
                       {
                         label: "Ti\u1EBFt b\u1EAFt \u0111\u1EA7u",
@@ -7178,7 +7409,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx52(
+                    /* @__PURE__ */ jsx53(
                       NumberInput3,
                       {
                         label: "S\u1ED1 ti\u1EBFt",
@@ -7190,7 +7421,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx52(
+                    /* @__PURE__ */ jsx53(
                       NumberInput3,
                       {
                         label: "S\u1ED1 ph\xFAt  ",
@@ -7199,13 +7430,13 @@ function MyWeeklySessionSchedulerPicker({
                         value: item.durationMinutes
                       }
                     ),
-                    /* @__PURE__ */ jsx52(
-                      Button14,
+                    /* @__PURE__ */ jsx53(
+                      Button15,
                       {
                         variant: "light",
                         color: "red",
                         onClick: () => handleRemove(globalIndex),
-                        leftSection: /* @__PURE__ */ jsx52(IconTrash5, { size: 14 }),
+                        leftSection: /* @__PURE__ */ jsx53(IconTrash5, { size: 14 }),
                         children: "X\xF3a bu\u1ED5i"
                       }
                     )
@@ -7223,7 +7454,7 @@ function MyWeeklySessionSchedulerPicker({
 }
 
 // src/modules-features/authenticate/F_authenticate_Logout.tsx
-import { Button as Button15 } from "@mantine/core";
+import { Button as Button16 } from "@mantine/core";
 import { IconLogout } from "@tabler/icons-react";
 import { useRouter as useRouter3 } from "next/navigation";
 
@@ -7238,19 +7469,19 @@ function useS_authenticate() {
 }
 
 // src/modules-features/authenticate/F_authenticate_Logout.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function F_authenticate_Logout({ redirectURL = "/auth/login" }) {
   const router = useRouter3();
   const S_Authenticate = useS_authenticate();
-  return /* @__PURE__ */ jsx53(Button15, { onClick: () => {
+  return /* @__PURE__ */ jsx54(Button16, { onClick: () => {
     S_Authenticate.setProperty("token", "");
     router.replace(redirectURL);
-  }, leftSection: /* @__PURE__ */ jsx53(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
+  }, leftSection: /* @__PURE__ */ jsx54(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
 }
 
 // src/components/Layouts/BasicAppShell/BasicAppShell.tsx
 import {
-  ActionIcon as ActionIcon11,
+  ActionIcon as ActionIcon12,
   AppShell,
   Badge as Badge4,
   Divider as Divider3,
@@ -7270,7 +7501,7 @@ import {
 import Link3 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
 import { useEffect as useEffect9, useMemo as useMemo3, useState as useState11 } from "react";
-import { Fragment as Fragment13, jsx as jsx54, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx55, jsxs as jsxs32 } from "react/jsx-runtime";
 function findBreadcrumbPath(items, currentPath, parents = []) {
   for (const item of items) {
     if (item.link === currentPath) {
@@ -7285,13 +7516,13 @@ function findBreadcrumbPath(items, currentPath, parents = []) {
 }
 function getRightSection(status) {
   if (status === "Prototype")
-    return /* @__PURE__ */ jsx54(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
+    return /* @__PURE__ */ jsx55(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
   if (status === "New")
-    return /* @__PURE__ */ jsx54(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
+    return /* @__PURE__ */ jsx55(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
   if (status === "Menu")
-    return /* @__PURE__ */ jsx54(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
+    return /* @__PURE__ */ jsx55(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
   if (status === "Change")
-    return /* @__PURE__ */ jsx54(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
+    return /* @__PURE__ */ jsx55(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
   return null;
 }
 function RenderNavLinks({
@@ -7299,14 +7530,14 @@ function RenderNavLinks({
 }) {
   const basicAppShellStore = useS_BasicAppShell();
   const pathName = usePathname2();
-  return /* @__PURE__ */ jsx54(Fragment13, { children: items.map((item, index) => /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(Fragment14, { children: items.map((item, index) => /* @__PURE__ */ jsx55(
     NavLink,
     {
       active: item.link === pathName.split("/")[2],
       component: Link3,
       opened: basicAppShellStore.state.groupMenuOpenId.includes(item.label),
       href: `/${pathName.split("/")[1]}/${item.link}` || "#",
-      label: /* @__PURE__ */ jsxs31(MyFlexRow, { justify: "space-between", children: [
+      label: /* @__PURE__ */ jsxs32(MyFlexRow, { justify: "space-between", children: [
         item.label,
         " ",
         getRightSection(item.status)
@@ -7318,7 +7549,7 @@ function RenderNavLinks({
           return;
         }
       },
-      children: item.links && /* @__PURE__ */ jsx54(RenderNavLinks, { items: item.links })
+      children: item.links && /* @__PURE__ */ jsx55(RenderNavLinks, { items: item.links })
     },
     index
   )) });
@@ -7364,9 +7595,9 @@ function validateMenuItems(items) {
   return true;
 }
 function sortMenuItemsByPageId(items) {
-  return items.sort((a5, b3) => {
+  return items.sort((a4, b4) => {
     var _a, _b;
-    return ((_a = a5.pageId) != null ? _a : 0) - ((_b = b3.pageId) != null ? _b : 0);
+    return ((_a = a4.pageId) != null ? _a : 0) - ((_b = b4.pageId) != null ? _b : 0);
   });
 }
 function BasicAppShell_transformMenuToEnum(prefixProjectName, menu) {
@@ -7441,7 +7672,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
     basicAppShellStore.setProperty("note", linkItem == null ? void 0 : linkItem.note);
     basicAppShellStore.setProperty("status", linkItem == null ? void 0 : linkItem.status);
   }, [pathName]);
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     AppShell,
     {
       header: { height: 60 },
@@ -7455,36 +7686,36 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
       },
       padding: "md",
       children: [
-        /* @__PURE__ */ jsx54(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs31(Group18, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ jsxs31(Group18, { h: "100%", children: [
-            /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsx55(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs32(Group18, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ jsxs32(Group18, { h: "100%", children: [
+            /* @__PURE__ */ jsx55(
               Tooltip5,
               {
                 label: basicAppShellStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu",
-                children: /* @__PURE__ */ jsx54(
-                  ActionIcon11,
+                children: /* @__PURE__ */ jsx55(
+                  ActionIcon12,
                   {
                     size: "lg",
                     radius: "md",
                     variant: "default",
                     onClick: basicAppShellStore.toggle,
-                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx54(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx54(IconLayoutSidebarLeftCollapse, {})
+                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx55(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx55(IconLayoutSidebarLeftCollapse, {})
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx54(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx54(
-              ActionIcon11,
+            /* @__PURE__ */ jsx55(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx55(
+              ActionIcon12,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: () => basicAppShellStore.clearGroupMenuOpenId(),
-                children: /* @__PURE__ */ jsx54(IconLibraryMinus, {})
+                children: /* @__PURE__ */ jsx55(IconLibraryMinus, {})
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx55(
             Group18,
             {
               style: {
@@ -7492,43 +7723,43 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
                 left: "50%",
                 transform: "translateX(-50%)"
               },
-              children: /* @__PURE__ */ jsx54(Text16, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
+              children: /* @__PURE__ */ jsx55(Text16, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
             }
           ),
-          /* @__PURE__ */ jsxs31(Group18, { children: [
+          /* @__PURE__ */ jsxs32(Group18, { children: [
             extraTopRight,
-            /* @__PURE__ */ jsx54(MySwitchTheme, {})
+            /* @__PURE__ */ jsx55(MySwitchTheme, {})
           ] })
         ] }) : (
           // For mobile screens - simplified layout
-          /* @__PURE__ */ jsxs31(Group18, { h: "100%", px: "md", justify: "space-between", children: [
-            /* @__PURE__ */ jsx54(
-              ActionIcon11,
+          /* @__PURE__ */ jsxs32(Group18, { h: "100%", px: "md", justify: "space-between", children: [
+            /* @__PURE__ */ jsx55(
+              ActionIcon12,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: basicAppShellStore.toggle,
-                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx54(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx54(IconLayoutSidebarLeftCollapse, {})
+                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx55(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx55(IconLayoutSidebarLeftCollapse, {})
               }
             ),
-            /* @__PURE__ */ jsx54(Text16, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
-            /* @__PURE__ */ jsxs31(Group18, { children: [
+            /* @__PURE__ */ jsx55(Text16, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
+            /* @__PURE__ */ jsxs32(Group18, { children: [
               extraTopRight,
-              /* @__PURE__ */ jsx54(MySwitchTheme, {})
+              /* @__PURE__ */ jsx55(MySwitchTheme, {})
             ] })
           ] })
         ) }),
-        /* @__PURE__ */ jsxs31(AppShell.Navbar, { children: [
-          /* @__PURE__ */ jsx54(MyAppSpotlight, { menu }),
-          /* @__PURE__ */ jsxs31(AppShell.Section, { grow: true, component: ScrollArea4, p: 5, children: [
-            /* @__PURE__ */ jsx54(RenderNavLinks, { items: menu }),
-            /* @__PURE__ */ jsx54(Divider3, {}),
-            /* @__PURE__ */ jsx54(F_authenticate_Logout, {})
+        /* @__PURE__ */ jsxs32(AppShell.Navbar, { children: [
+          /* @__PURE__ */ jsx55(MyAppSpotlight, { menu }),
+          /* @__PURE__ */ jsxs32(AppShell.Section, { grow: true, component: ScrollArea4, p: 5, children: [
+            /* @__PURE__ */ jsx55(RenderNavLinks, { items: menu }),
+            /* @__PURE__ */ jsx55(Divider3, {}),
+            /* @__PURE__ */ jsx55(F_authenticate_Logout, {})
           ] }),
-          /* @__PURE__ */ jsxs31(AppShell.Section, { p: "md", children: [
-            /* @__PURE__ */ jsx54(Divider3, {}),
-            /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsxs32(AppShell.Section, { p: "md", children: [
+            /* @__PURE__ */ jsx55(Divider3, {}),
+            /* @__PURE__ */ jsx55(
               Image3,
               {
                 fit: "contain",
@@ -7542,7 +7773,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsx55(
           AppShell.Main,
           {
             bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))",
@@ -7597,17 +7828,17 @@ function utils_layout_getItemsWithoutLinks(menu) {
 
 // src/components/Layouts/Container/MyContainer.tsx
 import { Container, Flex as Flex5 } from "@mantine/core";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function MyContainer(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx55(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx55(Flex5, { direction: "column", children }) }));
+  return /* @__PURE__ */ jsx56(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx56(Flex5, { direction: "column", children }) }));
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
 import {
   Box as Box4,
   Burger,
-  Button as Button16,
+  Button as Button17,
   Container as Container2,
   Divider as Divider4,
   Drawer,
@@ -7620,7 +7851,7 @@ import {
   UnstyledButton,
   useMantineTheme
 } from "@mantine/core";
-import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure12 } from "@mantine/hooks";
 import {
   IconBook,
   IconChartPie3,
@@ -7646,7 +7877,7 @@ function useHeaderMegaMenuStore() {
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
-import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
 var mockdata = [
   {
     icon: IconCode,
@@ -7680,31 +7911,31 @@ var mockdata = [
   }
 ];
 function HeaderMegaMenu({ children, menus }) {
-  const [drawerOpened, { toggle: toggleDrawer, close: closeDrawer }] = useDisclosure11(false);
-  const [linksOpened, { toggle: toggleLinks }] = useDisclosure11(false);
+  const [drawerOpened, { toggle: toggleDrawer, close: closeDrawer }] = useDisclosure12(false);
+  const [linksOpened, { toggle: toggleLinks }] = useDisclosure12(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx56(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs32(Group19, { wrap: "nowrap", align: "flex-start", children: [
-    /* @__PURE__ */ jsx56(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx56(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
-    /* @__PURE__ */ jsxs32("div", { children: [
-      /* @__PURE__ */ jsx56(Text17, { size: "sm", fw: 500, children: item.title }),
-      /* @__PURE__ */ jsx56(Text17, { size: "xs", c: "dimmed", children: item.description })
+  const links = mockdata.map((item) => /* @__PURE__ */ jsx57(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs33(Group19, { wrap: "nowrap", align: "flex-start", children: [
+    /* @__PURE__ */ jsx57(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx57(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
+    /* @__PURE__ */ jsxs33("div", { children: [
+      /* @__PURE__ */ jsx57(Text17, { size: "sm", fw: 500, children: item.title }),
+      /* @__PURE__ */ jsx57(Text17, { size: "xs", c: "dimmed", children: item.description })
     ] })
   ] }) }, item.title));
-  return /* @__PURE__ */ jsxs32(Box4, { children: [
-    /* @__PURE__ */ jsx56("header", { className: css_default.header, children: /* @__PURE__ */ jsxs32(Group19, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ jsxs32(Group19, { children: [
-        /* @__PURE__ */ jsx56(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
-        /* @__PURE__ */ jsx56(Group19, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx56(Button16, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
+  return /* @__PURE__ */ jsxs33(Box4, { children: [
+    /* @__PURE__ */ jsx57("header", { className: css_default.header, children: /* @__PURE__ */ jsxs33(Group19, { justify: "space-between", h: "100%", children: [
+      /* @__PURE__ */ jsxs33(Group19, { children: [
+        /* @__PURE__ */ jsx57(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
+        /* @__PURE__ */ jsx57(Group19, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx57(Button17, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
       ] }),
-      /* @__PURE__ */ jsxs32(Group19, { children: [
-        /* @__PURE__ */ jsx56(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx56(IconSearch2, {}), radius: "xl", w: "250px" }),
-        /* @__PURE__ */ jsx56(MySwitchTheme, {})
+      /* @__PURE__ */ jsxs33(Group19, { children: [
+        /* @__PURE__ */ jsx57(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx57(IconSearch2, {}), radius: "xl", w: "250px" }),
+        /* @__PURE__ */ jsx57(MySwitchTheme, {})
       ] }),
-      /* @__PURE__ */ jsx56(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
+      /* @__PURE__ */ jsx57(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
     ] }) }),
-    /* @__PURE__ */ jsx56(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
-    /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx57(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
+    /* @__PURE__ */ jsx57(
       Drawer,
       {
         opened: drawerOpened,
@@ -7714,10 +7945,10 @@ function HeaderMegaMenu({ children, menus }) {
         title: "Navigation",
         hiddenFrom: "sm",
         zIndex: 1e6,
-        children: /* @__PURE__ */ jsxs32(ScrollArea5, { h: "calc(100vh - 80px", mx: "-md", children: [
-          /* @__PURE__ */ jsx56(Divider4, { my: "sm" }),
-          /* @__PURE__ */ jsx56(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx56(Button16, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
-          /* @__PURE__ */ jsx56(Divider4, { my: "sm" })
+        children: /* @__PURE__ */ jsxs33(ScrollArea5, { h: "calc(100vh - 80px", mx: "-md", children: [
+          /* @__PURE__ */ jsx57(Divider4, { my: "sm" }),
+          /* @__PURE__ */ jsx57(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx57(Button17, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
+          /* @__PURE__ */ jsx57(Divider4, { my: "sm" })
         ] })
       }
     )
@@ -7726,7 +7957,7 @@ function HeaderMegaMenu({ children, menus }) {
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
 import { Badge as Badge5, Breadcrumbs, Code, Container as Container3, Divider as Divider5, Group as Group20, Text as Text18, Title } from "@mantine/core";
-import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs34 } from "react/jsx-runtime";
 var getStatusColor = (status) => {
   switch (status) {
     case "Prototype":
@@ -7737,10 +7968,10 @@ var getStatusColor = (status) => {
 };
 function PageTitle({ title, status, note }) {
   const color = getStatusColor(status);
-  return /* @__PURE__ */ jsx57(Group20, { children: /* @__PURE__ */ jsxs33(MyFlexColumn, { gap: 0, children: [
-    /* @__PURE__ */ jsxs33(Group20, { align: "center", children: [
-      /* @__PURE__ */ jsx57(Title, { order: 3, children: title }),
-      status && /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(Group20, { children: /* @__PURE__ */ jsxs34(MyFlexColumn, { gap: 0, children: [
+    /* @__PURE__ */ jsxs34(Group20, { align: "center", children: [
+      /* @__PURE__ */ jsx58(Title, { order: 3, children: title }),
+      status && /* @__PURE__ */ jsx58(
         Badge5,
         {
           variant: "gradient",
@@ -7751,7 +7982,7 @@ function PageTitle({ title, status, note }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx57(Text18, { size: "lg", c: "dimmed", fs: "italic", children: note })
+    /* @__PURE__ */ jsx58(Text18, { size: "lg", c: "dimmed", fs: "italic", children: note })
   ] }) });
 }
 function MyPageContent({
@@ -7764,11 +7995,11 @@ function MyPageContent({
   var _a;
   const basicAppShellStore = useS_BasicAppShell();
   const finalTitle = title || basicAppShellStore.state.title;
-  return /* @__PURE__ */ jsxs33(Container3, { p: 0, fluid: true, children: [
-    /* @__PURE__ */ jsxs33(Group20, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs33(Group20, { children: [
-        /* @__PURE__ */ jsx57(MyButtonRouterBack, {}),
-        /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs34(Container3, { p: 0, fluid: true, children: [
+    /* @__PURE__ */ jsxs34(Group20, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs34(Group20, { children: [
+        /* @__PURE__ */ jsx58(MyButtonRouterBack, {}),
+        /* @__PURE__ */ jsx58(
           PageTitle,
           {
             title: finalTitle,
@@ -7778,64 +8009,64 @@ function MyPageContent({
         ),
         leftTopBar
       ] }),
-      /* @__PURE__ */ jsxs33(Group20, { p: "md", children: [
+      /* @__PURE__ */ jsxs34(Group20, { p: "md", children: [
         rightTopBar,
-        /* @__PURE__ */ jsx57(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx57(Text18, { fw: "600", c: "blue", children: item }, idx)) })
+        /* @__PURE__ */ jsx58(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx58(Text18, { fw: "600", c: "blue", children: item }, idx)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx57(Divider5, { my: "xs" }),
+    /* @__PURE__ */ jsx58(Divider5, { my: "xs" }),
     children,
-    /* @__PURE__ */ jsx57(Divider5, { my: "xs" }),
-    /* @__PURE__ */ jsx57(MyFlexEnd, { children: /* @__PURE__ */ jsx57(Code, { color: "var(--mantine-color-blue-light)", children: basicAppShellStore.state.menuCode }) })
+    /* @__PURE__ */ jsx58(Divider5, { my: "xs" }),
+    /* @__PURE__ */ jsx58(MyFlexEnd, { children: /* @__PURE__ */ jsx58(Code, { color: "var(--mantine-color-blue-light)", children: basicAppShellStore.state.menuCode }) })
   ] });
 }
 
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space3, Tabs } from "@mantine/core";
-import { jsx as jsx58, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs35 } from "react/jsx-runtime";
 function MyTab(_a) {
   var _b = _a, { tabList, children } = _b, rest = __objRest(_b, ["tabList", "children"]);
   const iconStyle = { width: rem(20), height: rem(20) };
-  return /* @__PURE__ */ jsxs34(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
-    /* @__PURE__ */ jsx58(Tabs.List, { children: tabList.map((item, idx) => {
-      return /* @__PURE__ */ jsx58(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx58(item.icon, { style: iconStyle }), children: item.label }, idx);
+  return /* @__PURE__ */ jsxs35(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
+    /* @__PURE__ */ jsx59(Tabs.List, { children: tabList.map((item, idx) => {
+      return /* @__PURE__ */ jsx59(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx59(item.icon, { style: iconStyle }), children: item.label }, idx);
     }) }),
-    /* @__PURE__ */ jsx58(Space3, { my: "md" }),
+    /* @__PURE__ */ jsx59(Space3, { my: "md" }),
     children
   ] }));
 }
 
 // src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
-import { ActionIcon as ActionIcon12, Button as Button17, Fieldset as Fieldset5, Group as Group21, Modal as Modal11 } from "@mantine/core";
-import { useDisclosure as useDisclosure12 } from "@mantine/hooks";
+import { ActionIcon as ActionIcon13, Button as Button18, Fieldset as Fieldset5, Group as Group21, Modal as Modal12 } from "@mantine/core";
+import { useDisclosure as useDisclosure13 } from "@mantine/hooks";
 import { IconX as IconX2 } from "@tabler/icons-react";
-import { jsx as jsx59, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs36 } from "react/jsx-runtime";
 function MyDataTableSelect(_a) {
   var _b = _a, { modalSize, renderTopToolbarCustomActions, data, selectButtonlabel, listState, columns, listLabel } = _b, rest = __objRest(_b, ["modalSize", "renderTopToolbarCustomActions", "data", "selectButtonlabel", "listState", "columns", "listLabel"]);
-  const disc = useDisclosure12(false);
+  const disc = useDisclosure13(false);
   if (data == void 0) return "\u0110ang t\u1EA3i...";
-  return /* @__PURE__ */ jsxs35(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
-    /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsxs36(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
+    /* @__PURE__ */ jsx60(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsxs35(Group21, { children: [
+          return /* @__PURE__ */ jsxs36(Group21, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
-            /* @__PURE__ */ jsx59(Button17, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
+            /* @__PURE__ */ jsx60(Button18, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });
         },
         columns,
         data: listState[0],
         renderRowActions: ({ row }) => {
-          return /* @__PURE__ */ jsx59(MyCenterFull, { children: /* @__PURE__ */ jsx59(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx59(IconX2, {}) }) });
+          return /* @__PURE__ */ jsx60(MyCenterFull, { children: /* @__PURE__ */ jsx60(ActionIcon13, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx60(IconX2, {}) }) });
         }
       }, rest)
     ),
-    /* @__PURE__ */ jsx59(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx60(Modal12, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx60(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsx59(Button17, { onClick: () => {
+          return /* @__PURE__ */ jsx60(Button18, { onClick: () => {
             table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
             disc[1].close();
           }, children: "Ch\u1ECDn" });
@@ -7851,7 +8082,7 @@ function MyDataTableSelect(_a) {
 // src/components/RESTAPIComponents/SelectAPIGet/MySelectAPIGet.tsx
 import { Select as Select3 } from "@mantine/core";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 function MySelectAPIGet(_a) {
   var _b = _a, { apiGet, label = "", dataMapper } = _b, rest = __objRest(_b, ["apiGet", "label", "dataMapper"]);
   var _a2;
@@ -7870,7 +8101,7 @@ function MySelectAPIGet(_a) {
       label: `${item.code}-${item.name}`
     };
   });
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     Select3,
     __spreadValues({
       label,
@@ -7885,7 +8116,7 @@ import { useNextCalendarApp as useNextCalendarApp2, ScheduleXCalendar as Schedul
 import { createEventsServicePlugin as createEventsServicePlugin2 } from "@schedule-x/events-service";
 import { useState as useState12 } from "react";
 import { createEventModalPlugin as createEventModalPlugin2 } from "@schedule-x/event-modal";
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 function MyScheduleX({
   values,
   timeGridEvent,
@@ -7910,7 +8141,7 @@ function MyScheduleX({
     events: values,
     plugins: [eventsService, eventModalPlugin]
   });
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     ScheduleXCalendar2,
     {
       calendarApp: calendar,
@@ -7924,9 +8155,9 @@ function MyScheduleX({
 
 // src/components/Skeletons/SkeletonTable/MySkeletonTable.tsx
 import { Skeleton } from "@mantine/core";
-import { jsx as jsx62 } from "react/jsx-runtime";
-function MySkeletonTable({ h: h4 = 500 }) {
-  return /* @__PURE__ */ jsx62(Skeleton, { h: h4 });
+import { jsx as jsx63 } from "react/jsx-runtime";
+function MySkeletonTable({ h: h5 = 500 }) {
+  return /* @__PURE__ */ jsx63(Skeleton, { h: h5 });
 }
 
 export {
@@ -7952,6 +8183,7 @@ export {
   AQButtonCreateByImportFile,
   AQButtonExportData,
   MyButtonCreate,
+  MyButtonCreateUpdate,
   MyButtonDeleteList,
   MySelect,
   MyFlexEnd,