aq-fe-framework 0.1.302 → 0.1.303

package/dist/{chunk-EBLXYOGZ.mjs → chunk-KOCCXYVV.mjs}

@@ -1,6 +1,14 @@
+import {
+  utils_pdf_download
+} from "./chunk-5U2JSHSJ.mjs";
 import {
   const_object_colors
 } from "./chunk-NWBLJ3W3.mjs";
+import {
+  CoreDayOfWeekPicker,
+  MyFlexColumn,
+  MyFlexRow
+} from "./chunk-RK2XUPT6.mjs";
 import {
   enum_daysOfWeek
 } from "./chunk-K6S7R6LU.mjs";
@@ -9,15 +17,12 @@ import {
   useMyReactMutation,
   useQ_AQ_GetAQModule
 } from "./chunk-KKJ3OEEW.mjs";
-import {
-  createGenericStore
-} from "./chunk-Y3YGC5IH.mjs";
-import {
-  utils_pdf_download
-} from "./chunk-5U2JSHSJ.mjs";
 import {
   utils_notification_show
 } from "./chunk-7ZCOFATU.mjs";
+import {
+  createGenericStore
+} from "./chunk-Y3YGC5IH.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -182,27 +187,19 @@ function MyTextInput(_a) {
   );
 }
 
-// src/components/Layouts/FlexColumn/MyFlexColumn.tsx
-import { Flex } from "@mantine/core";
-import { jsx as jsx6 } from "react/jsx-runtime";
-function MyFlexColumn(_a) {
-  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx6(Flex, __spreadProps(__spreadValues({ direction: "column", gap: "md" }, rest), { children }));
-}
-
 // src/components/ActionIcons/ActionIconCheck/MyActionIconCheck.tsx
 import { ActionIcon as ActionIcon2, Button, Checkbox, Modal, Switch, Text as Text2, Tooltip } from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
 import { IconChecklist } from "@tabler/icons-react";
 import { useState } from "react";
-import { Fragment, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 function MyActionIconCheck(_a) {
   var _b = _a, { modalSize = "50%", comment = "" } = _b, rest = __objRest(_b, ["modalSize", "comment"]);
   const disc = useDisclosure(false);
   const fullScreen = useState(false);
   const hSize = useState("50vh");
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx7(Tooltip, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: /* @__PURE__ */ jsx7(ActionIcon2, __spreadProps(__spreadValues({ color: "cyan", onClick: disc[1].open }, rest), { children: /* @__PURE__ */ jsx7(IconChecklist, { size: 24, color: "blue" }) })) }),
+    /* @__PURE__ */ jsx6(Tooltip, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: /* @__PURE__ */ jsx6(ActionIcon2, __spreadProps(__spreadValues({ color: "cyan", onClick: disc[1].open }, rest), { children: /* @__PURE__ */ jsx6(IconChecklist, { size: 24, color: "blue" }) })) }),
     /* @__PURE__ */ jsxs2(
       Modal,
       {
@@ -210,9 +207,9 @@ function MyActionIconCheck(_a) {
         opened: disc[0],
         onClose: disc[1].close,
         size: modalSize,
-        title: /* @__PURE__ */ jsx7(Text2, { children: "Ki\u1EC3m tra h\u1ED3 s\u01A1 \u0111\xE3 \u0111\u0103ng k\xFD" }),
+        title: /* @__PURE__ */ jsx6(Text2, { children: "Ki\u1EC3m tra h\u1ED3 s\u01A1 \u0111\xE3 \u0111\u0103ng k\xFD" }),
         children: [
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx6(
             Switch,
             {
               defaultChecked: true,
@@ -220,9 +217,9 @@ function MyActionIconCheck(_a) {
             }
           ),
           /* @__PURE__ */ jsxs2(MyFlexColumn, { children: [
-            /* @__PURE__ */ jsx7(MyTextInput, { label: "Nh\u1EADn x\xE9t" }),
-            /* @__PURE__ */ jsx7(Checkbox, { label: "G\u1EEDi mail th\xF4ng b\xE1o" }),
-            /* @__PURE__ */ jsx7(Button, { children: "C\u1EADp nh\u1EADp" })
+            /* @__PURE__ */ jsx6(MyTextInput, { label: "Nh\u1EADn x\xE9t" }),
+            /* @__PURE__ */ jsx6(Checkbox, { label: "G\u1EEDi mail th\xF4ng b\xE1o" }),
+            /* @__PURE__ */ jsx6(Button, { children: "C\u1EADp nh\u1EADp" })
           ] })
         ]
       }
@@ -233,41 +230,41 @@ function MyActionIconCheck(_a) {
 // src/components/Button/Button/MyButton.tsx
 import { Button as Button2 } from "@mantine/core";
 import { IconDeviceFloppy as IconDeviceFloppy2, IconEdit as IconEdit2, IconFileExport, IconFileImport, IconPlus as IconPlus2, IconPrinter, IconTrash as IconTrash2, IconX } from "@tabler/icons-react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function MyButton(_a) {
   var _b = _a, { children, crudType } = _b, rest = __objRest(_b, ["children", "crudType"]);
   if (!crudType) {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({ color: "indigo" }, rest), { children }));
+    return /* @__PURE__ */ jsx7(Button2, __spreadProps(__spreadValues({ color: "indigo" }, rest), { children }));
   }
   if (crudType == "create") {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({ color: "indigo", type: "submit", leftSection: /* @__PURE__ */ jsx8(IconPlus2, {}) }, rest), { children: children ? children : "L\u01B0u" }));
+    return /* @__PURE__ */ jsx7(Button2, __spreadProps(__spreadValues({ color: "indigo", type: "submit", leftSection: /* @__PURE__ */ jsx7(IconPlus2, {}) }, rest), { children: children ? children : "L\u01B0u" }));
   }
   if (crudType == "createMultiple") {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({ color: "green", type: "submit", leftSection: /* @__PURE__ */ jsx8(IconPlus2, {}) }, rest), { children: children ? children : "Th\xEAm danh s\xE1ch" }));
+    return /* @__PURE__ */ jsx7(Button2, __spreadProps(__spreadValues({ color: "green", type: "submit", leftSection: /* @__PURE__ */ jsx7(IconPlus2, {}) }, rest), { children: children ? children : "Th\xEAm danh s\xE1ch" }));
   }
   if (crudType == "delete") {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({ color: "red", leftSection: /* @__PURE__ */ jsx8(IconTrash2, {}) }, rest), { children: children ? children : "X\xE1c nh\u1EADn x\xF3a" }));
+    return /* @__PURE__ */ jsx7(Button2, __spreadProps(__spreadValues({ color: "red", leftSection: /* @__PURE__ */ jsx7(IconTrash2, {}) }, rest), { children: children ? children : "X\xE1c nh\u1EADn x\xF3a" }));
   }
   if (crudType == "update") {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({ color: "yellow", type: "submit", leftSection: /* @__PURE__ */ jsx8(IconEdit2, {}) }, rest), { children: children ? children : "Ch\u1EC9nh s\u1EEDa" }));
+    return /* @__PURE__ */ jsx7(Button2, __spreadProps(__spreadValues({ color: "yellow", type: "submit", leftSection: /* @__PURE__ */ jsx7(IconEdit2, {}) }, rest), { children: children ? children : "Ch\u1EC9nh s\u1EEDa" }));
   }
   if (crudType == "save") {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({ color: "blue", type: "submit", leftSection: /* @__PURE__ */ jsx8(IconDeviceFloppy2, {}) }, rest), { children: children ? children : "L\u01B0u" }));
+    return /* @__PURE__ */ jsx7(Button2, __spreadProps(__spreadValues({ color: "blue", type: "submit", leftSection: /* @__PURE__ */ jsx7(IconDeviceFloppy2, {}) }, rest), { children: children ? children : "L\u01B0u" }));
   }
   if (crudType == "import") {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({ color: "green.8", leftSection: /* @__PURE__ */ jsx8(IconFileImport, {}) }, rest), { children: children ? children : "Import" }));
+    return /* @__PURE__ */ jsx7(Button2, __spreadProps(__spreadValues({ color: "green.8", leftSection: /* @__PURE__ */ jsx7(IconFileImport, {}) }, rest), { children: children ? children : "Import" }));
   }
   if (crudType == "print") {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({ color: "orange.7", leftSection: /* @__PURE__ */ jsx8(IconPrinter, {}) }, rest), { children: children ? children : "In" }));
+    return /* @__PURE__ */ jsx7(Button2, __spreadProps(__spreadValues({ color: "orange.7", leftSection: /* @__PURE__ */ jsx7(IconPrinter, {}) }, rest), { children: children ? children : "In" }));
   }
   if (crudType == "export") {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({ color: "green.8", leftSection: /* @__PURE__ */ jsx8(IconFileExport, {}) }, rest), { children: children ? children : "Export" }));
+    return /* @__PURE__ */ jsx7(Button2, __spreadProps(__spreadValues({ color: "green.8", leftSection: /* @__PURE__ */ jsx7(IconFileExport, {}) }, rest), { children: children ? children : "Export" }));
   }
   if (crudType == "cancel") {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({ color: "gray", leftSection: /* @__PURE__ */ jsx8(IconX, {}) }, rest), { children: children ? children : "H\u1EE7y thao t\xE1c" }));
+    return /* @__PURE__ */ jsx7(Button2, __spreadProps(__spreadValues({ color: "gray", leftSection: /* @__PURE__ */ jsx7(IconX, {}) }, rest), { children: children ? children : "H\u1EE7y thao t\xE1c" }));
   }
   if (crudType == "select") {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({}, rest), { children: children ? children : "Ch\u1ECDn" }));
+    return /* @__PURE__ */ jsx7(Button2, __spreadProps(__spreadValues({}, rest), { children: children ? children : "Ch\u1ECDn" }));
   }
 }
 
@@ -280,7 +277,7 @@ import { useState as useState2 } from "react";
 // src/components/ActionIcons/ActionIconModal/MyActionIconModal.tsx
 import { ActionIcon as ActionIcon3, Modal as Modal2 } from "@mantine/core";
 import { IconEdit as IconEdit3, IconPlus as IconPlus3, IconTrash as IconTrash3 } from "@tabler/icons-react";
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 function MyActionIconModal(_a) {
   var _b = _a, {
     fullScreen = false,
@@ -301,8 +298,8 @@ function MyActionIconModal(_a) {
   ]);
   if (!crudType) {
     return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx9(ActionIcon3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), { children: icon })),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx8(ActionIcon3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), { children: icon })),
+      /* @__PURE__ */ jsx8(
         Modal2,
         {
           fullScreen,
@@ -310,15 +307,15 @@ function MyActionIconModal(_a) {
           title,
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx9(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx8(MyFlexColumn, { children })
         }
       )
     ] });
   }
   if (crudType == "create") {
     return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx9(ActionIcon3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open }, rest), { children: icon ? icon : /* @__PURE__ */ jsx9(IconPlus3, {}) })),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx8(ActionIcon3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open }, rest), { children: icon ? icon : /* @__PURE__ */ jsx8(IconPlus3, {}) })),
+      /* @__PURE__ */ jsx8(
         Modal2,
         {
           fullScreen,
@@ -326,15 +323,15 @@ function MyActionIconModal(_a) {
           title: title ? title : "T\u1EA1o d\u1EEF li\u1EC7u m\u1EDBi",
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx9(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx8(MyFlexColumn, { children })
         }
       )
     ] });
   }
   if (crudType == "update") {
     return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx9(ActionIcon3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow" }, rest), { children: icon ? icon : /* @__PURE__ */ jsx9(IconEdit3, {}) })),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx8(ActionIcon3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow" }, rest), { children: icon ? icon : /* @__PURE__ */ jsx8(IconEdit3, {}) })),
+      /* @__PURE__ */ jsx8(
         Modal2,
         {
           fullScreen,
@@ -342,15 +339,15 @@ function MyActionIconModal(_a) {
           title: title ? title : "S\u1EEDa d\u1EEF li\u1EC7u",
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx9(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx8(MyFlexColumn, { children })
         }
       )
     ] });
   }
   if (crudType == "delete") {
     return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx9(ActionIcon3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red" }, rest), { children: icon ? icon : /* @__PURE__ */ jsx9(IconTrash3, {}) })),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx8(ActionIcon3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red" }, rest), { children: icon ? icon : /* @__PURE__ */ jsx8(IconTrash3, {}) })),
+      /* @__PURE__ */ jsx8(
         Modal2,
         {
           fullScreen,
@@ -358,15 +355,15 @@ function MyActionIconModal(_a) {
           title: title ? title : "X\xF3a d\u1EEF li\u1EC7u",
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx9(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx8(MyFlexColumn, { children })
         }
       )
     ] });
   }
   if (crudType == "check") {
     return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx9(ActionIcon3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green" }, rest), { children: icon ? icon : /* @__PURE__ */ jsx9(IconTrash3, {}) })),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx8(ActionIcon3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green" }, rest), { children: icon ? icon : /* @__PURE__ */ jsx8(IconTrash3, {}) })),
+      /* @__PURE__ */ jsx8(
         Modal2,
         {
           fullScreen,
@@ -374,7 +371,7 @@ function MyActionIconModal(_a) {
           title: title ? title : "Ki\u1EC3m tra",
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx9(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx8(MyFlexColumn, { children })
         }
       )
     ] });
@@ -382,7 +379,7 @@ function MyActionIconModal(_a) {
 }
 
 // src/components/ActionIcons/ActionIconCRUD/MyActionIconDelete.tsx
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function MyActionIconDelete(_a) {
   var _b = _a, {
     onSubmit,
@@ -443,7 +440,7 @@ function MyActionIconDelete(_a) {
       crudType: "delete"
     }, rest), {
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx9(
           Highlight,
           {
             highlight: contextData || [],
@@ -457,7 +454,7 @@ function MyActionIconDelete(_a) {
           }
         ),
         /* @__PURE__ */ jsxs4(Group, { grow: true, children: [
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx9(
             MyButton,
             {
               crudType: "delete",
@@ -465,7 +462,7 @@ function MyActionIconDelete(_a) {
               loading: loadingState[0]
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx9(
             MyButton,
             {
               crudType: "cancel",
@@ -482,7 +479,7 @@ function MyActionIconDelete(_a) {
 import { useDisclosure as useDisclosure3 } from "@mantine/hooks";
 import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 import { useEffect as useEffect2 } from "react";
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function MyActionIconUpdate(_a) {
   var _b = _a, {
     resetFormWhenclose,
@@ -540,11 +537,11 @@ function MyActionIconUpdate(_a) {
     if (disc[0] == true) return;
     form.reset();
   }, [disc[0]]);
-  return /* @__PURE__ */ jsx11(MyActionIconModal, __spreadProps(__spreadValues({ disclosure: disc, crudType: "update" }, rest), { children: /* @__PURE__ */ jsx11("form", { onSubmit: form.onSubmit((values) => {
+  return /* @__PURE__ */ jsx10(MyActionIconModal, __spreadProps(__spreadValues({ disclosure: disc, crudType: "update" }, rest), { children: /* @__PURE__ */ jsx10("form", { onSubmit: form.onSubmit((values) => {
     mutation.mutate(values);
   }), children: /* @__PURE__ */ jsxs5(MyFlexColumn, { children: [
     children,
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx10(
       MyButton,
       {
         type: "submit",
@@ -557,9 +554,9 @@ function MyActionIconUpdate(_a) {
 // src/components/ActionIcons/ActionIconDownloadPDF/MyActionIconDownloadPDF.tsx
 import { ActionIcon as ActionIcon4, Tooltip as Tooltip2 } from "@mantine/core";
 import { IconDownload } from "@tabler/icons-react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function MyActionIconDownloadPDF({ pdfLink = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2021/07/17-bgd.signed.pdf" }) {
-  return /* @__PURE__ */ jsx12(Tooltip2, { label: "Nh\u1EA5p \u0111\u1EC3 t\u1EA3i xu\u1ED1ng", children: /* @__PURE__ */ jsx12(ActionIcon4, { onClick: async () => await utils_pdf_download(pdfLink), color: "red", children: /* @__PURE__ */ jsx12(IconDownload, {}) }) });
+  return /* @__PURE__ */ jsx11(Tooltip2, { label: "Nh\u1EA5p \u0111\u1EC3 t\u1EA3i xu\u1ED1ng", children: /* @__PURE__ */ jsx11(ActionIcon4, { onClick: async () => await utils_pdf_download(pdfLink), color: "red", children: /* @__PURE__ */ jsx11(IconDownload, {}) }) });
 }
 
 // src/components/ActionIcons/ActionIconUpload/MyActionIconUpload.tsx
@@ -567,10 +564,10 @@ import { ActionIcon as ActionIcon5 } from "@mantine/core";
 import { Dropzone, MIME_TYPES } from "@mantine/dropzone";
 import { IconCloudUpload } from "@tabler/icons-react";
 import { useRef } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function MyActionIconUpload() {
   const openRef = useRef(null);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     Dropzone,
     {
       openRef,
@@ -578,7 +575,7 @@ function MyActionIconUpload() {
       },
       radius: "md",
       accept: [MIME_TYPES.pdf],
-      children: /* @__PURE__ */ jsx13(ActionIcon5, { children: /* @__PURE__ */ jsx13(IconCloudUpload, {}) })
+      children: /* @__PURE__ */ jsx12(ActionIcon5, { children: /* @__PURE__ */ jsx12(IconCloudUpload, {}) })
     }
   );
 }
@@ -588,7 +585,7 @@ import { ActionIcon as ActionIcon6, Group as Group2, Modal as Modal3, Paper, Tex
 import { useDisclosure as useDisclosure4 } from "@mantine/hooks";
 import { IconLivePhoto, IconMaximize, IconMinimize } from "@tabler/icons-react";
 import { useState as useState3 } from "react";
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 function MyActionIconViewPDF(_a) {
   var _b = _a, {
     modalSize = "80%",
@@ -601,8 +598,8 @@ function MyActionIconViewPDF(_a) {
   const fullScreen = useState3(false);
   const hSize = useState3("80vh");
   return /* @__PURE__ */ jsxs6(Fragment3, { children: [
-    /* @__PURE__ */ jsx14(Tooltip3, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: /* @__PURE__ */ jsx14(ActionIcon6, __spreadProps(__spreadValues({ color: "cyan", onClick: disc[1].open }, rest), { children: /* @__PURE__ */ jsx14(IconLivePhoto, {}) })) }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx13(Tooltip3, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: /* @__PURE__ */ jsx13(ActionIcon6, __spreadProps(__spreadValues({ color: "cyan", onClick: disc[1].open }, rest), { children: /* @__PURE__ */ jsx13(IconLivePhoto, {}) })) }),
+    /* @__PURE__ */ jsx13(
       Modal3,
       {
         fullScreen: fullScreen[0],
@@ -610,28 +607,28 @@ function MyActionIconViewPDF(_a) {
         onClose: disc[1].close,
         size: modalSize,
         title: /* @__PURE__ */ jsxs6(Group2, { children: [
-          /* @__PURE__ */ jsx14(Text3, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
-          fullScreen[0] ? /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx13(Text3, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
+          fullScreen[0] ? /* @__PURE__ */ jsx13(
             ActionIcon6,
             {
               onClick: () => {
                 fullScreen[1](false);
                 hSize[1]("80vh");
               },
-              children: /* @__PURE__ */ jsx14(IconMinimize, {})
+              children: /* @__PURE__ */ jsx13(IconMinimize, {})
             }
-          ) : /* @__PURE__ */ jsx14(
+          ) : /* @__PURE__ */ jsx13(
             ActionIcon6,
             {
               onClick: () => {
                 fullScreen[1](true);
                 hSize[1]("90vh");
               },
-              children: /* @__PURE__ */ jsx14(IconMaximize, {})
+              children: /* @__PURE__ */ jsx13(IconMaximize, {})
             }
           )
         ] }),
-        children: /* @__PURE__ */ jsx14(Paper, { h: hSize[0], p: "lg", children: /* @__PURE__ */ jsx14("iframe", { src: pdfLink, width: "100%", height: "100%" }) })
+        children: /* @__PURE__ */ jsx13(Paper, { h: hSize[0], p: "lg", children: /* @__PURE__ */ jsx13("iframe", { src: pdfLink, width: "100%", height: "100%" }) })
       }
     )
   ] });
@@ -641,7 +638,7 @@ function MyActionIconViewPDF(_a) {
 import { useEffect as useEffect3, useState as useState4 } from "react";
 import { ActionIcon as ActionIcon7, useComputedColorScheme, useMantineColorScheme } from "@mantine/core";
 import { IconMoon, IconSun } from "@tabler/icons-react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function MySwitchTheme() {
   const { setColorScheme } = useMantineColorScheme();
   const computedColorScheme = useComputedColorScheme("light", {
@@ -652,7 +649,7 @@ function MySwitchTheme() {
     setMounted(true);
   }, []);
   if (!mounted) return null;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     ActionIcon7,
     {
       onClick: () => setColorScheme(computedColorScheme === "light" ? "dark" : "light"),
@@ -660,7 +657,7 @@ function MySwitchTheme() {
       size: "lg",
       radius: "md",
       "aria-label": "Toggle color scheme",
-      children: computedColorScheme === "dark" ? /* @__PURE__ */ jsx15(IconSun, { width: "22px", height: "22px", stroke: 1.5 }) : /* @__PURE__ */ jsx15(IconMoon, { width: "22px", height: "22px", stroke: 1.5 })
+      children: computedColorScheme === "dark" ? /* @__PURE__ */ jsx14(IconSun, { width: "22px", height: "22px", stroke: 1.5 }) : /* @__PURE__ */ jsx14(IconMoon, { width: "22px", height: "22px", stroke: 1.5 })
     }
   );
 }
@@ -676,7 +673,7 @@ import { Spotlight, spotlight } from "@mantine/spotlight";
 import { IconSearch } from "@tabler/icons-react";
 import { usePathname, useRouter } from "next/navigation";
 import { useMemo, useState as useState5 } from "react";
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 function MyAppSpotlight({ menu }) {
   const router = useRouter();
   const pathName = usePathname();
@@ -702,7 +699,7 @@ function MyAppSpotlight({ menu }) {
     return item.label.toLowerCase().includes(lowerQuery) || ((_a = item.note) == null ? void 0 : _a.toLowerCase().includes(lowerQuery)) || ((_b = item.link) == null ? void 0 : _b.toLowerCase().includes(lowerQuery));
   });
   return /* @__PURE__ */ jsxs7(Fragment4, { children: [
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx15(
       TextInput2,
       {
         mt: "md",
@@ -710,7 +707,7 @@ function MyAppSpotlight({ menu }) {
         mx: 10,
         component: "button",
         onClick: spotlight.open,
-        leftSection: /* @__PURE__ */ jsx16(IconSearch, {}),
+        leftSection: /* @__PURE__ */ jsx15(IconSearch, {}),
         children: "T\xECm ki\u1EBFm (Ctrl + K)"
       }
     ),
@@ -720,14 +717,14 @@ function MyAppSpotlight({ menu }) {
         query,
         onQueryChange: setQuery,
         children: [
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx15(
             Spotlight.Search,
             {
               placeholder: "T\xECm ki\u1EBFm menu...",
-              leftSection: /* @__PURE__ */ jsx16(IconSearch, { stroke: 1.5 })
+              leftSection: /* @__PURE__ */ jsx15(IconSearch, { stroke: 1.5 })
             }
           ),
-          /* @__PURE__ */ jsx16(Spotlight.ActionsList, { mah: "800px", children: filteredItems.length > 0 ? filteredItems.map((item, idx) => /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx15(Spotlight.ActionsList, { mah: "800px", children: filteredItems.length > 0 ? filteredItems.map((item, idx) => /* @__PURE__ */ jsx15(
             Spotlight.Action,
             {
               onClick: () => {
@@ -738,9 +735,9 @@ function MyAppSpotlight({ menu }) {
               },
               children: /* @__PURE__ */ jsxs7(Group3, { wrap: "nowrap", w: "100%", children: [
                 /* @__PURE__ */ jsxs7("div", { style: { flex: 1 }, children: [
-                  /* @__PURE__ */ jsx16(Text4, { children: item.label }),
+                  /* @__PURE__ */ jsx15(Text4, { children: item.label }),
                   /* @__PURE__ */ jsxs7(Group3, { gap: 5, children: [
-                    item.note && /* @__PURE__ */ jsx16(Text4, { opacity: 0.6, size: "xs", children: item.note }),
+                    item.note && /* @__PURE__ */ jsx15(Text4, { opacity: 0.6, size: "xs", children: item.note }),
                     /* @__PURE__ */ jsxs7(Text4, { opacity: 0.6, size: "xs", children: [
                       "(",
                       item.link,
@@ -748,323 +745,59 @@ function MyAppSpotlight({ menu }) {
                     ] })
                   ] })
                 ] }),
-                item.status && item.status != "Default" && /* @__PURE__ */ jsx16(Badge, { variant: "default", children: item.status })
+                item.status && item.status != "Default" && /* @__PURE__ */ jsx15(Badge, { variant: "default", children: item.status })
               ] })
             },
             idx
-          )) : /* @__PURE__ */ jsx16(Spotlight.Empty, { children: "Kh\xF4ng t\xECm th\u1EA5y trang..." }) })
+          )) : /* @__PURE__ */ jsx15(Spotlight.Empty, { children: "Kh\xF4ng t\xECm th\u1EA5y trang..." }) })
         ]
       }
     )
   ] });
 }
 
-// src/components/Button/CoreActionIcon.tsx
-import { ActionIcon as ActionIcon8 } from "@mantine/core";
-import {
-  IconDeviceFloppy as IconDeviceFloppy3,
-  IconEdit as IconEdit4,
-  IconFileExport as IconFileExport2,
-  IconFileImport as IconFileImport2,
-  IconPlus as IconPlus4,
-  IconPrinter as IconPrinter2,
-  IconTrash as IconTrash4,
-  IconX as IconX2
-} from "@tabler/icons-react";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var actionConfig = {
-  create: {
-    color: "indigo",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx17(IconPlus4, {})
-  },
-  createMultiple: {
-    color: "green",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx17(IconPlus4, {})
-  },
-  delete: {
-    color: "red",
-    icon: /* @__PURE__ */ jsx17(IconTrash4, {})
-  },
-  update: {
-    color: "yellow",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx17(IconEdit4, {})
-  },
-  save: {
-    color: "blue",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx17(IconDeviceFloppy3, {})
-  },
-  import: {
-    color: "green.8",
-    icon: /* @__PURE__ */ jsx17(IconFileImport2, {})
-  },
-  print: {
-    color: "orange.7",
-    icon: /* @__PURE__ */ jsx17(IconPrinter2, {})
-  },
-  export: {
-    color: "green.8",
-    icon: /* @__PURE__ */ jsx17(IconFileExport2, {})
-  },
-  cancel: {
-    color: "gray",
-    icon: /* @__PURE__ */ jsx17(IconX2, {})
-  },
-  select: {},
-  check: {}
-};
-function CoreActionIcon(_a) {
-  var _b = _a, { children, actionType } = _b, rest = __objRest(_b, ["children", "actionType"]);
-  if (!actionType) {
-    return /* @__PURE__ */ jsx17(ActionIcon8, __spreadProps(__spreadValues({}, rest), { children }));
-  }
-  const config2 = actionConfig[actionType];
-  return /* @__PURE__ */ jsx17(
-    ActionIcon8,
-    __spreadProps(__spreadValues({
-      color: config2.color,
-      type: config2.type
-    }, rest), {
-      children: config2.icon
-    })
-  );
-}
-
-// src/components/Button/CoreButton.tsx
-import { Button as Button4 } from "@mantine/core";
-import {
-  IconDeviceFloppy as IconDeviceFloppy4,
-  IconEdit as IconEdit5,
-  IconFileExport as IconFileExport3,
-  IconFileImport as IconFileImport3,
-  IconPlus as IconPlus5,
-  IconPrinter as IconPrinter3,
-  IconTrash as IconTrash5,
-  IconX as IconX3
-} from "@tabler/icons-react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var actionConfig2 = {
-  create: {
-    color: "blue",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx18(IconDeviceFloppy4, {}),
-    defaultText: "L\u01B0u"
-  },
-  createMultiple: {
-    color: "green",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx18(IconPlus5, {}),
-    defaultText: "Th\xEAm danh s\xE1ch"
-  },
-  delete: {
-    color: "red",
-    icon: /* @__PURE__ */ jsx18(IconTrash5, {}),
-    defaultText: "X\xF3a"
-  },
-  update: {
-    color: "yellow",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx18(IconEdit5, {}),
-    defaultText: "Ch\u1EC9nh s\u1EEDa"
-  },
-  save: {
-    color: "blue",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx18(IconDeviceFloppy4, {}),
-    defaultText: "L\u01B0u"
-  },
-  import: {
-    color: "green.8",
-    icon: /* @__PURE__ */ jsx18(IconFileImport3, {}),
-    defaultText: "Import"
-  },
-  print: {
-    color: "orange.7",
-    icon: /* @__PURE__ */ jsx18(IconPrinter3, {}),
-    defaultText: "In"
-  },
-  export: {
-    color: "green.8",
-    icon: /* @__PURE__ */ jsx18(IconFileExport3, {}),
-    defaultText: "Export"
-  },
-  cancel: {
-    color: "gray",
-    icon: /* @__PURE__ */ jsx18(IconX3, {}),
-    defaultText: "H\u1EE7y thao t\xE1c"
-  },
-  select: {
-    defaultText: "Ch\u1ECDn"
-  },
-  check: {
-    defaultText: "Ch\u1ECDn"
-  }
-};
-function CoreButton(_a) {
-  var _b = _a, { children, actionType } = _b, rest = __objRest(_b, ["children", "actionType"]);
-  if (!actionType) {
-    return /* @__PURE__ */ jsx18(Button4, __spreadProps(__spreadValues({}, rest), { children }));
-  }
-  const config2 = actionConfig2[actionType];
-  return /* @__PURE__ */ jsx18(
-    Button4,
-    __spreadProps(__spreadValues({
-      color: config2.color,
-      type: config2.type,
-      leftSection: config2.icon
-    }, rest), {
-      children: children != null ? children : config2.defaultText
-    })
-  );
-}
-
-// src/components/Button/CoreButtonCreateUpdate.tsx
-import { useDisclosure as useDisclosure5 } from "@mantine/hooks";
-import { useQueryClient as useQueryClient3 } from "@tanstack/react-query";
-import { ActionIcon as ActionIcon9, Button as Button5, Modal as Modal4 } from "@mantine/core";
-import { IconEdit as IconEdit6, IconPlus as IconPlus6 } from "@tabler/icons-react";
-import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
-function CoreButtonCreateUpdate({
-  modalProps,
-  actionIconProps,
-  buttonProps,
-  form,
-  onSubmit,
-  onSuccess,
-  onError,
-  closeModalWhenSubmit = true,
-  resetFormWhenSubmit = true,
-  children,
-  disclosure: externalDisclosure,
-  isUpdate = false
-}) {
-  const defaultDisclosure = useDisclosure5();
-  const disclosure = externalDisclosure != null ? externalDisclosure : defaultDisclosure;
-  const queryClient = useQueryClient3();
-  const mutation = useMyReactMutation({
-    axiosFn: (values) => onSubmit(values),
-    options: __spreadValues(__spreadValues({
-      onSuccess: () => {
-        queryClient.invalidateQueries();
-        utils_notification_show({ crudType: isUpdate ? "update" : "create" });
-        disclosure[1].close();
-        if (closeModalWhenSubmit) disclosure[1].close();
-        if (resetFormWhenSubmit) form.reset();
-      }
-    }, onSuccess && {
-      onSuccess: () => {
-        onSuccess();
-      }
-    }), onError && {
-      onError: () => {
-        onError();
-      }
-    })
-  });
-  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
-    isUpdate == true ? /* @__PURE__ */ jsx19(
-      ActionIcon9,
-      __spreadProps(__spreadValues({
-        color: "yellow",
-        onClick: disclosure[1].open
-      }, actionIconProps), {
-        children: /* @__PURE__ */ jsx19(IconEdit6, {})
-      })
-    ) : /* @__PURE__ */ jsx19(
-      Button5,
-      __spreadProps(__spreadValues({
-        onClick: disclosure[1].open,
-        leftSection: /* @__PURE__ */ jsx19(IconPlus6, {})
-      }, buttonProps), {
-        children: "Th\xEAm"
-      })
-    ),
-    /* @__PURE__ */ jsx19(
-      Modal4,
-      __spreadProps(__spreadValues({
-        title: isUpdate ? "S\u1EEDa d\u1EEF li\u1EC7u" : "Th\xEAm d\u1EEF li\u1EC7u",
-        opened: disclosure[0],
-        onClose: disclosure[1].close
-      }, modalProps), {
-        children: /* @__PURE__ */ jsx19("form", { onSubmit: form.onSubmit((values) => {
-          mutation.mutate(values);
-        }), children: /* @__PURE__ */ jsxs8(MyFlexColumn, { children: [
-          children,
-          /* @__PURE__ */ jsx19(CoreButton, { actionType: "create" })
-        ] }) })
-      })
-    )
-  ] });
-}
-
-// src/components/Button/CoreButtonModal.tsx
-import { Button as Button6, Modal as Modal5 } from "@mantine/core";
-import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
-function CoreButtonModal({
-  disclosure,
-  children,
-  buttonProps,
-  modalProps
-}) {
-  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
-    /* @__PURE__ */ jsx20(Button6, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, buttonProps)),
-    /* @__PURE__ */ jsx20(
-      Modal5,
-      __spreadProps(__spreadValues({
-        opened: disclosure == null ? void 0 : disclosure[0],
-        onClose: disclosure[1].close
-      }, modalProps), {
-        children: /* @__PURE__ */ jsx20(MyFlexColumn, { children })
-      })
-    )
-  ] });
-}
-
 // src/components/Button/Anchor/MyAnchorViewPDF.tsx
-import { ActionIcon as ActionIcon10, Anchor, Group as Group4, Modal as Modal6, Paper as Paper2, Text as Text5 } from "@mantine/core";
-import { useDisclosure as useDisclosure6 } from "@mantine/hooks";
+import { ActionIcon as ActionIcon8, Anchor, Group as Group4, Modal as Modal4, Paper as Paper2, Text as Text5 } from "@mantine/core";
+import { useDisclosure as useDisclosure5 } from "@mantine/hooks";
 import { IconMaximize as IconMaximize2, IconMinimize as IconMinimize2 } from "@tabler/icons-react";
 import { useState as useState6 } from "react";
-import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 function MyAnchorViewPDF({ label, pdfLink }) {
-  const disc = useDisclosure6(false);
+  const disc = useDisclosure5(false);
   const fullScreen = useState6(false);
   const hSize = useState6("80vh");
-  return /* @__PURE__ */ jsxs10(Fragment7, { children: [
-    /* @__PURE__ */ jsx21(Anchor, { onClick: disc[1].open, children: label }),
-    /* @__PURE__ */ jsx21(
-      Modal6,
+  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
+    /* @__PURE__ */ jsx16(Anchor, { onClick: disc[1].open, children: label }),
+    /* @__PURE__ */ jsx16(
+      Modal4,
       {
         fullScreen: fullScreen[0],
         opened: disc[0],
         onClose: disc[1].close,
         size: "80%",
-        title: /* @__PURE__ */ jsxs10(Group4, { children: [
-          /* @__PURE__ */ jsx21(Text5, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
-          fullScreen[0] ? /* @__PURE__ */ jsx21(
-            ActionIcon10,
+        title: /* @__PURE__ */ jsxs8(Group4, { children: [
+          /* @__PURE__ */ jsx16(Text5, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
+          fullScreen[0] ? /* @__PURE__ */ jsx16(
+            ActionIcon8,
             {
               onClick: () => {
                 fullScreen[1](false);
                 hSize[1]("80vh");
               },
-              children: /* @__PURE__ */ jsx21(IconMinimize2, {})
+              children: /* @__PURE__ */ jsx16(IconMinimize2, {})
             }
-          ) : /* @__PURE__ */ jsx21(
-            ActionIcon10,
+          ) : /* @__PURE__ */ jsx16(
+            ActionIcon8,
             {
               onClick: () => {
                 fullScreen[1](true);
                 hSize[1]("90vh");
               },
-              children: /* @__PURE__ */ jsx21(IconMaximize2, {})
+              children: /* @__PURE__ */ jsx16(IconMaximize2, {})
             }
           )
         ] }),
-        children: /* @__PURE__ */ jsx21(Paper2, { h: hSize[0], children: /* @__PURE__ */ jsx21("iframe", { src: pdfLink, width: "100%", height: "100%" }) })
+        children: /* @__PURE__ */ jsx16(Paper2, { h: hSize[0], children: /* @__PURE__ */ jsx16("iframe", { src: pdfLink, width: "100%", height: "100%" }) })
       }
     )
   ] });
@@ -1072,15 +805,15 @@ function MyAnchorViewPDF({ label, pdfLink }) {
 
 // src/components/Button/ButtonCRUD/AQButtonCreateByImportFile.tsx
 import { FileInput } from "@mantine/core";
-import { useDisclosure as useDisclosure7 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure6 } from "@mantine/hooks";
 import { IconFileTypeXls } from "@tabler/icons-react";
-import { useMutation, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
+import { useMutation, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
 import * as XLSX from "xlsx";
 
 // src/components/Button/ButtonModal/MyButtonModal.tsx
-import { Button as Button7, Modal as Modal7 } from "@mantine/core";
-import { IconEdit as IconEdit7, IconPlus as IconPlus7, IconTrash as IconTrash6 } from "@tabler/icons-react";
-import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Button as Button3, Modal as Modal5 } from "@mantine/core";
+import { IconEdit as IconEdit4, IconPlus as IconPlus4, IconTrash as IconTrash4 } from "@tabler/icons-react";
+import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 function MyButtonModal(_a) {
   var _b = _a, {
     fullScreen = false,
@@ -1103,81 +836,81 @@ function MyButtonModal(_a) {
   ]);
   const objectNameLower = objectName == null ? void 0 : objectName.toLowerCase();
   if (!crudType) {
-    return /* @__PURE__ */ jsxs11(Fragment8, { children: [
-      /* @__PURE__ */ jsx22(Button7, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), { children: label })),
-      /* @__PURE__ */ jsx22(
-        Modal7,
+    return /* @__PURE__ */ jsxs9(Fragment6, { children: [
+      /* @__PURE__ */ jsx17(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), { children: label })),
+      /* @__PURE__ */ jsx17(
+        Modal5,
         {
           fullScreen,
           size: modalSize,
           title,
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx22(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx17(MyFlexColumn, { children })
         }
       )
     ] });
   }
   if (crudType == "create") {
-    return /* @__PURE__ */ jsxs11(Fragment8, { children: [
-      /* @__PURE__ */ jsx22(Button7, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, leftSection: /* @__PURE__ */ jsx22(IconPlus7, {}) }, rest), { children: label ? label : `Th\xEAm` })),
-      /* @__PURE__ */ jsx22(
-        Modal7,
+    return /* @__PURE__ */ jsxs9(Fragment6, { children: [
+      /* @__PURE__ */ jsx17(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, leftSection: /* @__PURE__ */ jsx17(IconPlus4, {}) }, rest), { children: label ? label : `Th\xEAm` })),
+      /* @__PURE__ */ jsx17(
+        Modal5,
         {
           fullScreen,
           size: modalSize,
           title: title ? title : `T\u1EA1o ${objectNameLower} m\u1EDBi`,
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx22(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx17(MyFlexColumn, { children })
         }
       )
     ] });
   }
   if (crudType == "createMultiple") {
-    return /* @__PURE__ */ jsxs11(Fragment8, { children: [
-      /* @__PURE__ */ jsx22(Button7, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green", leftSection: /* @__PURE__ */ jsx22(IconPlus7, {}) }, rest), { children: label ? label : `Import ${objectNameLower}` })),
-      /* @__PURE__ */ jsx22(
-        Modal7,
+    return /* @__PURE__ */ jsxs9(Fragment6, { children: [
+      /* @__PURE__ */ jsx17(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green", leftSection: /* @__PURE__ */ jsx17(IconPlus4, {}) }, rest), { children: label ? label : `Import ${objectNameLower}` })),
+      /* @__PURE__ */ jsx17(
+        Modal5,
         {
           fullScreen,
           size: modalSize,
           title: title ? title : `Th\xEAm danh s\xE1ch ${objectNameLower}`,
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx22(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx17(MyFlexColumn, { children })
         }
       )
     ] });
   }
   if (crudType == "update") {
-    return /* @__PURE__ */ jsxs11(Fragment8, { children: [
-      /* @__PURE__ */ jsx22(Button7, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow", leftSection: /* @__PURE__ */ jsx22(IconEdit7, {}) }, rest), { children: label ? label : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}` })),
-      /* @__PURE__ */ jsx22(
-        Modal7,
+    return /* @__PURE__ */ jsxs9(Fragment6, { children: [
+      /* @__PURE__ */ jsx17(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow", leftSection: /* @__PURE__ */ jsx17(IconEdit4, {}) }, rest), { children: label ? label : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}` })),
+      /* @__PURE__ */ jsx17(
+        Modal5,
         {
           fullScreen,
           size: modalSize,
           title: title ? title : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}`,
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx22(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx17(MyFlexColumn, { children })
         }
       )
     ] });
   }
   if (crudType == "delete") {
-    return /* @__PURE__ */ jsxs11(Fragment8, { children: [
-      /* @__PURE__ */ jsx22(Button7, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red", leftSection: /* @__PURE__ */ jsx22(IconTrash6, {}) }, rest), { children: label ? label : `X\xF3a ${objectNameLower}` })),
-      /* @__PURE__ */ jsx22(
-        Modal7,
+    return /* @__PURE__ */ jsxs9(Fragment6, { children: [
+      /* @__PURE__ */ jsx17(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red", leftSection: /* @__PURE__ */ jsx17(IconTrash4, {}) }, rest), { children: label ? label : `X\xF3a ${objectNameLower}` })),
+      /* @__PURE__ */ jsx17(
+        Modal5,
         {
           fullScreen,
           size: modalSize,
           title: title ? title : `X\xF3a ${objectNameLower}`,
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx22(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx17(MyFlexColumn, { children })
         }
       )
     ] });
@@ -1185,7 +918,7 @@ function MyButtonModal(_a) {
 }
 
 // src/components/Button/ButtonCRUD/AQButtonCreateByImportFile.tsx
-import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 function AQButtonCreateByImportFile(_a) {
   var _b = _a, {
     form,
@@ -1201,8 +934,8 @@ function AQButtonCreateByImportFile(_a) {
     // children,
     "setImportedData"
   ]);
-  const disc = useDisclosure7();
-  const queryClient = useQueryClient4();
+  const disc = useDisclosure6();
+  const queryClient = useQueryClient3();
   const mutation = useMutation({
     mutationFn: async () => {
       return await onSubmit();
@@ -1234,12 +967,12 @@ function AQButtonCreateByImportFile(_a) {
     };
     reader.readAsArrayBuffer(file);
   };
-  return /* @__PURE__ */ jsx23(MyButtonModal, __spreadProps(__spreadValues({ disclosure: disc, crudType: "createMultiple" }, rest), { children: /* @__PURE__ */ jsx23("form", { onSubmit: form.onSubmit((values) => {
-  }), children: /* @__PURE__ */ jsxs12(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx18(MyButtonModal, __spreadProps(__spreadValues({ disclosure: disc, crudType: "createMultiple" }, rest), { children: /* @__PURE__ */ jsx18("form", { onSubmit: form.onSubmit((values) => {
+  }), children: /* @__PURE__ */ jsxs10(MyFlexColumn, { children: [
+    /* @__PURE__ */ jsx18(
       FileInput,
       {
-        leftSection: /* @__PURE__ */ jsx23(IconFileTypeXls, {}),
+        leftSection: /* @__PURE__ */ jsx18(IconFileTypeXls, {}),
         accept: ".xlsx",
         description: "\u0110\u1ECBnh d\u1EA1ng h\u1EE3p l\u1EC7: .xlsx",
         label: "Ch\u1ECDn file",
@@ -1248,15 +981,15 @@ function AQButtonCreateByImportFile(_a) {
         placeholder: "Ch\u1ECDn file"
       }
     ),
-    /* @__PURE__ */ jsx23(MyButton, { type: "submit", crudType: "createMultiple" })
+    /* @__PURE__ */ jsx18(MyButton, { type: "submit", crudType: "createMultiple" })
   ] }) }) }));
 }
 
 // src/components/Button/ButtonCRUD/AQButtonExportData.tsx
-import { Button as Button8 } from "@mantine/core";
+import { Button as Button4 } from "@mantine/core";
 import { IconDownload as IconDownload2 } from "@tabler/icons-react";
 import * as XLSX2 from "xlsx";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function AQButtonExportData({
   isAllData,
   objectName,
@@ -1282,8 +1015,8 @@ function AQButtonExportData({
     XLSX2.utils.book_append_sheet(workbook, worksheet, "Exported Data");
     XLSX2.writeFile(workbook, `${objectName}.xlsx`);
   };
-  return /* @__PURE__ */ jsx24(
-    Button8,
+  return /* @__PURE__ */ jsx19(
+    Button4,
     {
       disabled: data.length === 0,
       variant: "filled",
@@ -1292,16 +1025,16 @@ function AQButtonExportData({
         event.preventDefault();
         handleExport();
       },
-      leftSection: /* @__PURE__ */ jsx24(IconDownload2, {}),
+      leftSection: /* @__PURE__ */ jsx19(IconDownload2, {}),
       children: "Export"
     }
   );
 }
 
 // src/components/Button/ButtonCRUD/MyButtonCreate.tsx
-import { useDisclosure as useDisclosure8 } from "@mantine/hooks";
-import { useQueryClient as useQueryClient5 } from "@tanstack/react-query";
-import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useDisclosure as useDisclosure7 } from "@mantine/hooks";
+import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
+import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 function MyButtonCreate(_a) {
   var _b = _a, {
     form,
@@ -1322,9 +1055,9 @@ function MyButtonCreate(_a) {
     "children",
     "disclosure"
   ]);
-  const defaultDisclosure = useDisclosure8();
+  const defaultDisclosure = useDisclosure7();
   const disclosure = externalDisclosure != null ? externalDisclosure : defaultDisclosure;
-  const queryClient = useQueryClient5();
+  const queryClient = useQueryClient4();
   const mutation = useMyReactMutation({
     axiosFn: (values) => {
       const result = onSubmit(values);
@@ -1365,20 +1098,20 @@ function MyButtonCreate(_a) {
       }
     })
   });
-  return /* @__PURE__ */ jsx25(MyButtonModal, __spreadProps(__spreadValues({ disclosure, crudType: "create" }, rest), { children: /* @__PURE__ */ jsx25("form", { onSubmit: form.onSubmit((values) => {
+  return /* @__PURE__ */ jsx20(MyButtonModal, __spreadProps(__spreadValues({ disclosure, crudType: "create" }, rest), { children: /* @__PURE__ */ jsx20("form", { onSubmit: form.onSubmit((values) => {
     mutation.mutate(values);
-  }), children: /* @__PURE__ */ jsxs13(MyFlexColumn, { children: [
+  }), children: /* @__PURE__ */ jsxs11(MyFlexColumn, { children: [
     children,
-    /* @__PURE__ */ jsx25(MyButton, { type: "submit", crudType: "save" })
+    /* @__PURE__ */ jsx20(MyButton, { type: "submit", crudType: "save" })
   ] }) }) }));
 }
 
 // src/components/Button/ButtonCRUD/MyButtonDeleteList.tsx
 import { Group as Group5, Highlight as Highlight2 } from "@mantine/core";
-import { useDisclosure as useDisclosure9 } from "@mantine/hooks";
-import { useMutation as useMutation2, useQueryClient as useQueryClient6 } from "@tanstack/react-query";
+import { useDisclosure as useDisclosure8 } from "@mantine/hooks";
+import { useMutation as useMutation2, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 import { useState as useState7 } from "react";
-import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 function MyButtonDeleteList(_a) {
   var _b = _a, {
     onSubmit,
@@ -1391,8 +1124,8 @@ function MyButtonDeleteList(_a) {
     "onError",
     "contextData"
   ]);
-  const queryClient = useQueryClient6();
-  const disc = useDisclosure9();
+  const queryClient = useQueryClient5();
+  const disc = useDisclosure8();
   const loadingState = useState7();
   const mutation = useMutation2({
     mutationFn: async () => await onSubmit(),
@@ -1417,7 +1150,7 @@ function MyButtonDeleteList(_a) {
     loadingState[1](true);
     mutation.mutate();
   }
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs12(
     MyButtonModal,
     __spreadProps(__spreadValues({
       disclosure: disc,
@@ -1425,7 +1158,7 @@ function MyButtonDeleteList(_a) {
       disabled: contextData == void 0 || contextData.length == 0
     }, rest), {
       children: [
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx21(
           Highlight2,
           {
             highlight: contextData || [],
@@ -1438,8 +1171,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__ */ jsxs14(Group5, { grow: true, children: [
-          /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsxs12(Group5, { grow: true, children: [
+          /* @__PURE__ */ jsx21(
             MyButton,
             {
               crudType: "delete",
@@ -1447,7 +1180,7 @@ function MyButtonDeleteList(_a) {
               loading: loadingState[0]
             }
           ),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx21(
             MyButton,
             {
               crudType: "cancel",
@@ -1461,27 +1194,27 @@ function MyButtonDeleteList(_a) {
 }
 
 // src/components/Button/ButtonImport/MyButtonImport.tsx
-import { Button as Button12, Modal as Modal10, useModalsStack as useModalsStack3 } from "@mantine/core";
-import { IconFileImport as IconFileImport4 } from "@tabler/icons-react";
+import { Button as Button8, Modal as Modal8, 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 jsx27 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function MySelect(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx27(Select, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx22(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 jsx28 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function MyFlexEnd(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx28(Group6, __spreadProps(__spreadValues({ justify: "end", mt: "md" }, rest), { children }));
+  return /* @__PURE__ */ jsx23(Group6, __spreadProps(__spreadValues({ justify: "end", mt: "md" }, rest), { children }));
 }
 
 // src/components/Button/ButtonImport/SelectFieldModal.tsx
-import { Button as Button9, Divider, Fieldset, Group as Group7, Modal as Modal8, SimpleGrid, Space as Space2, Table } from "@mantine/core";
+import { Button as Button5, Divider, Fieldset, Group as Group7, Modal as Modal6, SimpleGrid, Space as Space2, Table } from "@mantine/core";
 import { IconArrowBackUp, IconArrowBigLeft, IconArrowBigRight, IconSquareRoundedX } from "@tabler/icons-react";
 
 // src/components/Button/ButtonImport/useS_ButtonImport.ts
@@ -1635,99 +1368,99 @@ function useS_ButtonImport() {
 }
 
 // src/components/Button/ButtonImport/SelectFieldModal.tsx
-import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 function SelectFieldModal({ stack, onImport }) {
   var _a, _b;
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ jsxs15(Modal8, __spreadProps(__spreadValues({ fullScreen: true }, stack.register("select-field-page")), { title: "Import", children: [
-    /* @__PURE__ */ jsxs15(SimpleGrid, { cols: { base: 1, lg: 2 }, children: [
-      /* @__PURE__ */ jsxs15(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin", children: [
-        /* @__PURE__ */ jsxs15(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
-          /* @__PURE__ */ jsx29(Table.Thead, { bg: "cyan", children: /* @__PURE__ */ jsxs15(Table.Tr, { children: [
-            /* @__PURE__ */ jsx29(Table.Th, { children: "M\xE3 field" }),
-            /* @__PURE__ */ jsx29(Table.Th, { children: "T\xEAn field" })
+  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__ */ jsx24(Table.Thead, { bg: "cyan", children: /* @__PURE__ */ jsxs13(Table.Tr, { children: [
+            /* @__PURE__ */ jsx24(Table.Th, { children: "M\xE3 field" }),
+            /* @__PURE__ */ jsx24(Table.Th, { children: "T\xEAn field" })
           ] }) }),
-          /* @__PURE__ */ jsx29(Table.Tbody, { children: (_a = store.state.fieldConfig) == null ? void 0 : _a.filter((item) => item.isSelected == false || item.isSelected == void 0).map((item, idx) => /* @__PURE__ */ jsxs15(
+          /* @__PURE__ */ jsx24(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(
             Table.Tr,
             {
               style: { cursor: "pointer" },
               children: [
-                /* @__PURE__ */ jsx29(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true), children: item.fieldKey.toString() }),
-                /* @__PURE__ */ jsx29(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true), children: item.fieldName })
+                /* @__PURE__ */ jsx24(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true), children: item.fieldKey.toString() }),
+                /* @__PURE__ */ jsx24(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true), children: item.fieldName })
               ]
             },
             idx
           )) })
         ] }),
-        /* @__PURE__ */ jsx29(Space2, {}),
-        /* @__PURE__ */ jsx29(Group7, { children: /* @__PURE__ */ jsx29(
-          Button9,
+        /* @__PURE__ */ jsx24(Space2, {}),
+        /* @__PURE__ */ jsx24(Group7, { children: /* @__PURE__ */ jsx24(
+          Button5,
           {
             onClick: () => {
               store.changeAllSelected(true);
             },
-            leftSection: /* @__PURE__ */ jsx29(IconArrowBigRight, {}),
+            leftSection: /* @__PURE__ */ jsx24(IconArrowBigRight, {}),
             children: "Chuy\u1EC3n t\u1EA5t c\u1EA3"
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs15(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin \u0111\u01B0\u1EE3c ch\u1ECDn", children: [
-        /* @__PURE__ */ jsxs15(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
-          /* @__PURE__ */ jsx29(Table.Thead, { children: /* @__PURE__ */ jsxs15(Table.Tr, { children: [
-            /* @__PURE__ */ jsx29(Table.Th, { children: "M\xE3 field" }),
-            /* @__PURE__ */ jsx29(Table.Th, { children: "T\xEAn field" }),
-            /* @__PURE__ */ jsx29(Table.Th, { children: "C\u1ED9t map" })
+      /* @__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__ */ jsx24(Table.Thead, { children: /* @__PURE__ */ jsxs13(Table.Tr, { children: [
+            /* @__PURE__ */ jsx24(Table.Th, { children: "M\xE3 field" }),
+            /* @__PURE__ */ jsx24(Table.Th, { children: "T\xEAn field" }),
+            /* @__PURE__ */ jsx24(Table.Th, { children: "C\u1ED9t map" })
           ] }) }),
-          /* @__PURE__ */ jsx29(Table.Tbody, { children: (_b = store.state.fieldConfig) == null ? void 0 : _b.filter((item) => item.isSelected == true).map((item, idx) => /* @__PURE__ */ jsxs15(
+          /* @__PURE__ */ jsx24(Table.Tbody, { children: (_b = store.state.fieldConfig) == null ? void 0 : _b.filter((item) => item.isSelected == true).map((item, idx) => /* @__PURE__ */ jsxs13(
             Table.Tr,
             {
               style: { cursor: "pointer" },
               children: [
-                /* @__PURE__ */ jsx29(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false), children: item.fieldKey.toString() }),
-                /* @__PURE__ */ jsx29(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false), children: item.fieldName }),
-                /* @__PURE__ */ jsx29(Table.Td, { children: /* @__PURE__ */ jsx29(MySelect, { data: store.state.title, value: item.fieldToMap, onChange: (e4) => store.setFieldToMap(item.fieldKey.toString(), e4) }) })
+                /* @__PURE__ */ jsx24(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false), children: item.fieldKey.toString() }),
+                /* @__PURE__ */ jsx24(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false), children: item.fieldName }),
+                /* @__PURE__ */ jsx24(Table.Td, { children: /* @__PURE__ */ jsx24(MySelect, { data: store.state.title, value: item.fieldToMap, onChange: (e4) => store.setFieldToMap(item.fieldKey.toString(), e4) }) })
               ]
             },
             idx
           )) })
         ] }),
-        /* @__PURE__ */ jsx29(Space2, {}),
-        /* @__PURE__ */ jsx29(
-          Button9,
+        /* @__PURE__ */ jsx24(Space2, {}),
+        /* @__PURE__ */ jsx24(
+          Button5,
           {
             onClick: () => {
               store.changeAllSelected(false);
             },
-            leftSection: /* @__PURE__ */ jsx29(IconArrowBigLeft, {}),
+            leftSection: /* @__PURE__ */ jsx24(IconArrowBigLeft, {}),
             children: "Chuy\u1EC3n t\u1EA5t c\u1EA3 v\u1EC1"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx29(Divider, {}),
-    /* @__PURE__ */ jsxs15(MyFlexEnd, { children: [
-      /* @__PURE__ */ jsx29(
-        Button9,
+    /* @__PURE__ */ jsx24(Divider, {}),
+    /* @__PURE__ */ jsxs13(MyFlexEnd, { children: [
+      /* @__PURE__ */ jsx24(
+        Button5,
         {
-          leftSection: /* @__PURE__ */ jsx29(IconArrowBackUp, {}),
+          leftSection: /* @__PURE__ */ jsx24(IconArrowBackUp, {}),
           onClick: () => stack.close("select-field-page"),
           color: "gray.7",
           children: "Quay l\u1EA1i"
         }
       ),
-      /* @__PURE__ */ jsx29(
-        Button9,
+      /* @__PURE__ */ jsx24(
+        Button5,
         {
           color: "blue.8",
-          leftSection: /* @__PURE__ */ jsx29(IconArrowBigRight, {}),
+          leftSection: /* @__PURE__ */ jsx24(IconArrowBigRight, {}),
           onClick: onImport,
           children: "Ti\u1EBFp t\u1EE5c / Import"
         }
       ),
-      /* @__PURE__ */ jsx29(
-        Button9,
+      /* @__PURE__ */ jsx24(
+        Button5,
         {
-          leftSection: /* @__PURE__ */ jsx29(IconSquareRoundedX, {}),
+          leftSection: /* @__PURE__ */ jsx24(IconSquareRoundedX, {}),
           onClick: () => stack.closeAll(),
           color: "red.6",
           children: "\u0110\xF3ng"
@@ -1738,7 +1471,7 @@ function SelectFieldModal({ stack, onImport }) {
 }
 
 // src/components/DataDisplay/DataTable/MyDataTable.tsx
-import { Alert, Button as Button10, Group as Group8, Portal } from "@mantine/core";
+import { Alert, Button as Button6, 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 {
@@ -1747,7 +1480,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 Fragment9, jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 function formatData(data, formats) {
   return data.map((row) => {
     const transformedRow = {};
@@ -1810,14 +1543,14 @@ function MyDataTable(_a) {
     columns,
     data,
     renderTopToolbarCustomActions: ({ table: table2 }) => {
-      return /* @__PURE__ */ jsxs16(Group8, { children: [
+      return /* @__PURE__ */ jsxs14(Group8, { children: [
         renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table: table2 }),
-        exportAble && /* @__PURE__ */ jsx30(Fragment9, { children: /* @__PURE__ */ jsx30(
-          Button10,
+        exportAble && /* @__PURE__ */ jsx25(Fragment7, { children: /* @__PURE__ */ jsx25(
+          Button6,
           {
             color: "green.8",
             onClick: () => handleExport(table2.getSelectedRowModel().rows),
-            leftSection: /* @__PURE__ */ jsx30(IconDownload3, {}),
+            leftSection: /* @__PURE__ */ jsx25(IconDownload3, {}),
             variant: "filled",
             children: "Export"
           }
@@ -1864,7 +1597,7 @@ function MyDataTable(_a) {
       }
     },
     localization: MRT_Localization_VI,
-    renderEmptyRowsFallback: () => isError ? /* @__PURE__ */ jsx30(Alert, { icon: /* @__PURE__ */ jsx30(IconBug, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" }) : /* @__PURE__ */ jsx30(Alert, { icon: /* @__PURE__ */ jsx30(IconInfoCircle, {}), color: "gray", title: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u!", m: "md" }),
+    renderEmptyRowsFallback: () => isError ? /* @__PURE__ */ jsx25(Alert, { icon: /* @__PURE__ */ jsx25(IconBug, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" }) : /* @__PURE__ */ jsx25(Alert, { icon: /* @__PURE__ */ jsx25(IconInfoCircle, {}), color: "gray", title: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u!", m: "md" }),
     state: {
       showSkeletons: isLoading
     },
@@ -1875,24 +1608,24 @@ function MyDataTable(_a) {
     setSelectedRow && setSelectedRow(table.getSelectedRowModel().rows.map((row) => row.original));
   }, [table.getState().rowSelection]);
   if (data == void 0) return;
-  return /* @__PURE__ */ jsx30("main", { style: { position: "relative", zIndex: 1 }, children: table.getState().isFullScreen ? /* @__PURE__ */ jsx30(Portal, { children: /* @__PURE__ */ jsx30(MantineReactTable, { table }) }) : /* @__PURE__ */ jsx30(MantineReactTable, { table }) });
+  return /* @__PURE__ */ jsx25("main", { style: { position: "relative", zIndex: 1 }, children: table.getState().isFullScreen ? /* @__PURE__ */ jsx25(Portal, { children: /* @__PURE__ */ jsx25(MantineReactTable, { table }) }) : /* @__PURE__ */ jsx25(MantineReactTable, { table }) });
 }
 
 // src/components/Button/ButtonImport/SelectFileModal.tsx
-import { Button as Button11, Fieldset as Fieldset2, FileInput as FileInput2, Modal as Modal9, NumberInput, Select as Select2, SimpleGrid as SimpleGrid2 } from "@mantine/core";
+import { Button as Button7, Fieldset as Fieldset2, FileInput as FileInput2, Modal as Modal7, NumberInput, Select as Select2, SimpleGrid as SimpleGrid2 } from "@mantine/core";
 import { IconArrowBigRight as IconArrowBigRight2, IconSquareRoundedX as IconSquareRoundedX2 } from "@tabler/icons-react";
-import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 function SelectFileModal({ onExportStructure, stack }) {
   var _a;
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ jsxs17(
-    Modal9,
+  return /* @__PURE__ */ jsxs15(
+    Modal7,
     __spreadProps(__spreadValues({
       title: "Import",
       fullScreen: true
     }, stack.register("select-file-page")), {
       children: [
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx26(
           FileInput2,
           {
             value: store.state.file,
@@ -1902,8 +1635,8 @@ function SelectFileModal({ onExportStructure, stack }) {
             clearable: true
           }
         ),
-        /* @__PURE__ */ jsxs17(SimpleGrid2, { cols: { base: 1, md: 2, lg: 2, xl: 4 }, children: [
-          /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsxs15(SimpleGrid2, { cols: { base: 1, md: 2, lg: 2, xl: 4 }, children: [
+          /* @__PURE__ */ jsx26(
             NumberInput,
             {
               label: "D\xF2ng ti\xEAu \u0111\u1EC1 b\u1EAFt \u0111\u1EA7u t\u1EEB",
@@ -1911,7 +1644,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               onChange: (e4) => store.setProperty("startTitleIndex", e4)
             }
           ),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx26(
             NumberInput,
             {
               label: "D\xF2ng d\u1EEF li\u1EC7u b\u1EAFt \u0111\u1EA7u t\u1EEB",
@@ -1919,7 +1652,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               onChange: (e4) => store.setProperty("startDataIndex", e4)
             }
           ),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx26(
             Select2,
             {
               readOnly: true,
@@ -1928,7 +1661,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               defaultValue: "100.000"
             }
           ),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx26(
             Select2,
             {
               readOnly: true,
@@ -1938,37 +1671,37 @@ function SelectFileModal({ onExportStructure, stack }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx31(Fieldset2, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin trong file d\u1EEF li\u1EC7u", children: store.state.data && /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx26(Fieldset2, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin trong file d\u1EEF li\u1EC7u", children: store.state.data && /* @__PURE__ */ jsx26(
           MyDataTable,
           {
             columns: store.columns,
             data: store.state.data
           }
         ) }),
-        /* @__PURE__ */ jsxs17(MyFlexEnd, { children: [
-          /* @__PURE__ */ jsx31(
-            Button11,
+        /* @__PURE__ */ jsxs15(MyFlexEnd, { children: [
+          /* @__PURE__ */ jsx26(
+            Button7,
             {
               color: "teal.8",
               onClick: onExportStructure,
               children: "Xu\u1EA5t file c\u1EA5u tr\xFAc"
             }
           ),
-          /* @__PURE__ */ jsx31(
-            Button11,
+          /* @__PURE__ */ jsx26(
+            Button7,
             {
               disabled: ((_a = store.state.data) == null ? void 0 : _a.length) == 0,
               color: "blue.8",
-              leftSection: /* @__PURE__ */ jsx31(IconArrowBigRight2, {}),
+              leftSection: /* @__PURE__ */ jsx26(IconArrowBigRight2, {}),
               onClick: () => stack.open("select-field-page"),
               children: "Ti\u1EBFp t\u1EE5c"
             }
           ),
-          /* @__PURE__ */ jsx31(
-            Button11,
+          /* @__PURE__ */ jsx26(
+            Button7,
             {
               color: "red.6",
-              leftSection: /* @__PURE__ */ jsx31(IconSquareRoundedX2, {}),
+              leftSection: /* @__PURE__ */ jsx26(IconSquareRoundedX2, {}),
               onClick: stack.closeAll,
               children: "\u0110\xF3ng"
             }
@@ -1980,26 +1713,26 @@ function SelectFileModal({ onExportStructure, stack }) {
 }
 
 // src/components/Button/ButtonImport/MyButtonImport.tsx
-import { Fragment as Fragment10, jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs16 } 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__ */ jsxs18(Fragment10, { children: [
-    /* @__PURE__ */ jsx32(Button12, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ jsx32(IconFileImport4, {}), title: "Import", children: "Import" }),
-    /* @__PURE__ */ jsxs18(Modal10.Stack, { children: [
-      /* @__PURE__ */ jsx32(SelectFileModal, { stack, onExportStructure }),
-      /* @__PURE__ */ jsx32(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })
+  return /* @__PURE__ */ jsxs16(Fragment8, { children: [
+    /* @__PURE__ */ jsx27(Button8, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ jsx27(IconFileImport2, {}), title: "Import", children: "Import" }),
+    /* @__PURE__ */ jsxs16(Modal8.Stack, { children: [
+      /* @__PURE__ */ jsx27(SelectFileModal, { stack, onExportStructure }),
+      /* @__PURE__ */ jsx27(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })
     ] })
   ] });
 }
 
 // src/components/Button/ButtonModal/AQSelectTableByOpenModal.tsx
-import { Button as Button13, Fieldset as Fieldset3, Modal as Modal11 } from "@mantine/core";
-import { useDisclosure as useDisclosure10 } from "@mantine/hooks";
-import { Fragment as Fragment11, jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
+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 jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 function AQSelectTableByOpenModal(_a) {
   var _b = _a, {
     setSelectedData,
@@ -2026,29 +1759,29 @@ function AQSelectTableByOpenModal(_a) {
     "fullScreen",
     "closeAfterSelect"
   ]);
-  const disclosure = useDisclosure10(false);
-  return /* @__PURE__ */ jsxs19(Fragment11, { children: [
-    /* @__PURE__ */ jsx33(
-      Button13,
+  const disclosure = useDisclosure9(false);
+  return /* @__PURE__ */ jsxs17(Fragment9, { children: [
+    /* @__PURE__ */ jsx28(
+      Button9,
       __spreadProps(__spreadValues({
         onClick: disclosure[1].open
       }, rest), {
         children: label ? label : `Ch\u1ECDn t\u1EEB danh s\xE1ch`
       })
     ),
-    /* @__PURE__ */ jsx33(
-      Modal11,
+    /* @__PURE__ */ jsx28(
+      Modal9,
       {
         fullScreen,
         size: modalSize,
         title,
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close,
-        children: /* @__PURE__ */ jsx33(MyFlexColumn, { children: /* @__PURE__ */ jsx33(Fieldset3, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: /* @__PURE__ */ jsx33(
+        children: /* @__PURE__ */ jsx28(MyFlexColumn, { children: /* @__PURE__ */ jsx28(Fieldset3, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: /* @__PURE__ */ jsx28(
           MyDataTable,
           __spreadValues({
             renderTopToolbarCustomActions: ({ table }) => {
-              return /* @__PURE__ */ jsx33(Button13, { onClick: () => {
+              return /* @__PURE__ */ jsx28(Button9, { onClick: () => {
                 setSelectedData(table.getSelectedRowModel().rows.map((row) => row.original));
                 closeAfterSelect && disclosure[1].close();
               }, children: "Ch\u1ECDn" });
@@ -2065,10 +1798,10 @@ function AQSelectTableByOpenModal(_a) {
 
 // src/components/Button/ButtonPrintPDF/MyButtonPrintPDF.tsx
 import { useRef as useRef2 } from "react";
-import { Button as Button14 } from "@mantine/core";
-import { IconPrinter as IconPrinter4 } from "@tabler/icons-react";
+import { Button as Button10 } from "@mantine/core";
+import { IconPrinter as IconPrinter2 } from "@tabler/icons-react";
 import { useReactToPrint } from "react-to-print";
-import { Fragment as Fragment12, jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 function MyButtonPrintPDF(_a) {
   var _b = _a, { contentToPrint, children } = _b, rest = __objRest(_b, ["contentToPrint", "children"]);
   const printRef = useRef2(null);
@@ -2082,16 +1815,16 @@ function MyButtonPrintPDF(_a) {
     if (!contentToPrint) return;
     handlePrint();
   }
-  return /* @__PURE__ */ jsxs20(Fragment12, { children: [
-    /* @__PURE__ */ jsx34("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx34("div", { ref: printRef, children: contentToPrint }) }),
-    /* @__PURE__ */ jsx34(Button14, __spreadProps(__spreadValues({ color: "orange", onClick: handleClick, leftSection: /* @__PURE__ */ jsx34(IconPrinter4, {}) }, rest), { children }))
+  return /* @__PURE__ */ jsxs18(Fragment10, { children: [
+    /* @__PURE__ */ jsx29("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx29("div", { ref: printRef, children: contentToPrint }) }),
+    /* @__PURE__ */ jsx29(Button10, __spreadProps(__spreadValues({ color: "orange", onClick: handleClick, leftSection: /* @__PURE__ */ jsx29(IconPrinter2, {}) }, rest), { children }))
   ] });
 }
 
 // src/components/Layouts/HtmlWrapper/MyHtmlWrapper.tsx
 import { ScrollArea, TypographyStylesProvider } from "@mantine/core";
 import pako from "pako";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function MyHtmlWrapper(_a) {
   var _b = _a, { html, mah, zip = false } = _b, rest = __objRest(_b, ["html", "mah", "zip"]);
   const extractHtmlFromZip = () => {
@@ -2100,7 +1833,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__ */ jsx35(ScrollArea.Autosize, { mah, children: /* @__PURE__ */ jsx35(TypographyStylesProvider, __spreadProps(__spreadValues({}, rest), { children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx30(ScrollArea.Autosize, { mah, children: /* @__PURE__ */ jsx30(TypographyStylesProvider, __spreadProps(__spreadValues({}, rest), { children: /* @__PURE__ */ jsx30(
     "div",
     {
       dangerouslySetInnerHTML: {
@@ -2112,7 +1845,7 @@ function MyHtmlWrapper(_a) {
 
 // src/components/Button/ButtonPrintPDFTable/MyButtonPrintTablePDF.tsx
 import { Box, Table as Table2 } from "@mantine/core";
-import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
 function MyButtonPrintTablePDF(_a) {
   var _b = _a, {
     printConfig,
@@ -2138,8 +1871,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__ */ jsxs21(Table2.Tr, { children: [
-      printConfig.showRowNumbers && /* @__PURE__ */ jsx36(Table2.Td, { ta: "center", px: "xs", style: { border: "1px solid lightgray" }, children: index + 1 }),
+    return /* @__PURE__ */ jsxs19(Table2.Tr, { children: [
+      printConfig.showRowNumbers && /* @__PURE__ */ jsx31(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) {
@@ -2149,30 +1882,30 @@ function MyButtonPrintTablePDF(_a) {
         }
         const alignment = field.isCenter === false ? "left" : "center";
         if (typeof value === "string" && (value.includes("<") || value.includes("&lt;"))) {
-          return /* @__PURE__ */ jsx36(
+          return /* @__PURE__ */ jsx31(
             Table2.Td,
             {
               px: "xs",
               ta: alignment,
               style: { border: "1px solid lightgray" },
-              children: /* @__PURE__ */ jsx36(MyHtmlWrapper, { html: value })
+              children: /* @__PURE__ */ jsx31(MyHtmlWrapper, { html: value })
             },
             field.fieldName
           );
         }
         if (value === "true" || value === "false") {
-          return /* @__PURE__ */ jsx36(
+          return /* @__PURE__ */ jsx31(
             Table2.Td,
             {
               ta: alignment,
               px: "xs",
               style: { border: "1px solid lightgray" },
-              children: /* @__PURE__ */ jsx36("input", { type: "checkbox", checked: value === "true", readOnly: true })
+              children: /* @__PURE__ */ jsx31("input", { type: "checkbox", checked: value === "true", readOnly: true })
             },
             field.fieldName
           );
         }
-        return /* @__PURE__ */ jsx36(
+        return /* @__PURE__ */ jsx31(
           Table2.Td,
           {
             ta: alignment,
@@ -2196,18 +1929,18 @@ function MyButtonPrintTablePDF(_a) {
       minute: "2-digit"
     });
     const tableTitle = (printConfig == null ? void 0 : printConfig.title) || "B\u1EA3ng d\u1EEF li\u1EC7u";
-    return /* @__PURE__ */ jsxs21(Box, { p: "lg", children: [
-      /* @__PURE__ */ jsxs21("div", { style: { textAlign: "center", marginTop: "10px", fontStyle: "italic", color: "#666" }, children: [
+    return /* @__PURE__ */ jsxs19(Box, { p: "lg", children: [
+      /* @__PURE__ */ jsxs19("div", { style: { textAlign: "center", marginTop: "10px", fontStyle: "italic", color: "#666" }, children: [
         "Ng\xE0y in: ",
         formattedDate
       ] }),
-      /* @__PURE__ */ jsx36("h2", { style: { textAlign: "center", fontSize: "24px", fontWeight: "bold", marginBottom: "20px" }, children: tableTitle }),
-      /* @__PURE__ */ jsxs21(Table2, { withColumnBorders: true, highlightOnHover: true, style: { border: "1px solid lightgray" }, children: [
-        /* @__PURE__ */ jsx36(Table2.Thead, { children: /* @__PURE__ */ jsxs21(Table2.Tr, { children: [
-          printConfig.showRowNumbers && /* @__PURE__ */ jsx36(Table2.Th, { style: { border: "1px solid lightgray" }, w: "10%", ta: "center", px: "xs", children: "STT" }),
+      /* @__PURE__ */ jsx31("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__ */ jsx31(Table2.Thead, { children: /* @__PURE__ */ jsxs19(Table2.Tr, { children: [
+          printConfig.showRowNumbers && /* @__PURE__ */ jsx31(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__ */ jsx36(
+            return /* @__PURE__ */ jsx31(
               Table2.Th,
               {
                 style: { border: "1px solid lightgray" },
@@ -2219,11 +1952,11 @@ function MyButtonPrintTablePDF(_a) {
             );
           })
         ] }) }),
-        /* @__PURE__ */ jsx36(Table2.Tbody, { children: rows })
+        /* @__PURE__ */ jsx31(Table2.Tbody, { children: rows })
       ] })
     ] });
   };
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx31(
     MyButtonPrintPDF,
     __spreadValues({
       contentToPrint: renderContent()
@@ -2232,15 +1965,15 @@ function MyButtonPrintTablePDF(_a) {
 }
 
 // src/components/Button/ButtonRouterBack/MyButtonRouterBack.tsx
-import { ActionIcon as ActionIcon11 } from "@mantine/core";
+import { ActionIcon as ActionIcon9 } from "@mantine/core";
 import { IconArrowBack } from "@tabler/icons-react";
 import { useRouter as useRouter2 } from "next/navigation";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function MyButtonRouterBack(_a) {
   var _b = _a, { url, label } = _b, rest = __objRest(_b, ["url", "label"]);
   const router = useRouter2();
-  return /* @__PURE__ */ jsx37(
-    ActionIcon11,
+  return /* @__PURE__ */ jsx32(
+    ActionIcon9,
     __spreadProps(__spreadValues({
       size: "xl",
       variant: "light",
@@ -2252,27 +1985,27 @@ function MyButtonRouterBack(_a) {
         router.back();
       }
     }, rest), {
-      children: /* @__PURE__ */ jsx37(IconArrowBack, { stroke: 2 })
+      children: /* @__PURE__ */ jsx32(IconArrowBack, { stroke: 2 })
     })
   );
 }
 
 // src/components/Button/ButtonViewPDF/MyButtonViewPDF.tsx
 import {
-  ActionIcon as ActionIcon12,
-  Button as Button15,
+  ActionIcon as ActionIcon10,
+  Button as Button11,
   Group as Group9,
   LoadingOverlay,
-  Modal as Modal12,
+  Modal as Modal10,
   Paper as Paper3,
   Text as Text6,
   Tooltip as Tooltip4
 } from "@mantine/core";
-import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure10 } 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 Fragment13, jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 function MyButtonViewPDF({
   id,
   modalSize = "80%",
@@ -2282,7 +2015,7 @@ function MyButtonViewPDF({
   filePath
 }) {
   var _a, _b, _c;
-  const disc = useDisclosure11(false);
+  const disc = useDisclosure10(false);
   const fullScreen = useState8(false);
   const hSize = useState8("80vh");
   const query = useQuery({
@@ -2297,57 +2030,57 @@ function MyButtonViewPDF({
     },
     enabled: disc[0] == true
   });
-  return /* @__PURE__ */ jsxs22(Fragment13, { children: [
-    /* @__PURE__ */ jsx38(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx38(
-      ActionIcon12,
+  return /* @__PURE__ */ jsxs20(Fragment11, { children: [
+    /* @__PURE__ */ jsx33(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx33(
+      ActionIcon10,
       {
         onClick: () => {
           disc[1].open();
         },
-        children: /* @__PURE__ */ jsx38(IconLivePhoto2, {})
+        children: /* @__PURE__ */ jsx33(IconLivePhoto2, {})
       }
-    ) : /* @__PURE__ */ jsx38(
-      Button15,
+    ) : /* @__PURE__ */ jsx33(
+      Button11,
       {
         color: "cyan",
         onClick: () => {
           disc[1].open();
         },
-        leftSection: /* @__PURE__ */ jsx38(IconLivePhoto2, {}),
+        leftSection: /* @__PURE__ */ jsx33(IconLivePhoto2, {}),
         children: label
       }
     ) }),
-    /* @__PURE__ */ jsx38(
-      Modal12,
+    /* @__PURE__ */ jsx33(
+      Modal10,
       {
         fullScreen: fullScreen[0],
         opened: disc[0],
         onClose: disc[1].close,
         size: modalSize,
-        title: /* @__PURE__ */ jsxs22(Group9, { children: [
-          /* @__PURE__ */ jsx38(Text6, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
-          fullScreen[0] ? /* @__PURE__ */ jsx38(
-            ActionIcon12,
+        title: /* @__PURE__ */ jsxs20(Group9, { children: [
+          /* @__PURE__ */ jsx33(Text6, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
+          fullScreen[0] ? /* @__PURE__ */ jsx33(
+            ActionIcon10,
             {
               onClick: () => {
                 fullScreen[1](false);
                 hSize[1]("80vh");
               },
-              children: /* @__PURE__ */ jsx38(IconMinimize3, {})
+              children: /* @__PURE__ */ jsx33(IconMinimize3, {})
             }
-          ) : /* @__PURE__ */ jsx38(
-            ActionIcon12,
+          ) : /* @__PURE__ */ jsx33(
+            ActionIcon10,
             {
               onClick: () => {
                 fullScreen[1](true);
                 hSize[1]("90vh");
               },
-              children: /* @__PURE__ */ jsx38(IconMaximize3, {})
+              children: /* @__PURE__ */ jsx33(IconMaximize3, {})
             }
           )
         ] }),
-        children: /* @__PURE__ */ jsxs22(Paper3, { h: hSize[0], p: "lg", pos: "relative", children: [
-          /* @__PURE__ */ jsx38(
+        children: /* @__PURE__ */ jsxs20(Paper3, { h: hSize[0], p: "lg", pos: "relative", children: [
+          /* @__PURE__ */ jsx33(
             LoadingOverlay,
             {
               visible: query.isLoading,
@@ -2355,14 +2088,14 @@ function MyButtonViewPDF({
               overlayProps: { radius: "sm", blur: 2 }
             }
           ),
-          query.data ? /* @__PURE__ */ jsx38(
+          query.data ? /* @__PURE__ */ jsx33(
             "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__ */ jsx38("iframe", { src, width: "100%", height: "100%" })
+          ) : /* @__PURE__ */ jsx33("iframe", { src, width: "100%", height: "100%" })
         ] })
       }
     )
@@ -6717,7 +6450,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 jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
 function MyCalendar() {
   const plugins = [createEventsServicePlugin(), createEventModalPlugin()];
   const calendar = useNextCalendarApp({
@@ -6791,16 +6524,16 @@ function MyCalendar() {
   useEffect6(() => {
     calendar == null ? void 0 : calendar.events.getAll();
   }, []);
-  return /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsx39(ScheduleXCalendar, { calendarApp: calendar, customComponents: {
+  return /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(ScheduleXCalendar, { calendarApp: calendar, customComponents: {
     timeGridEvent: ({ calendarEvent }) => {
       console.log(calendarEvent);
-      return /* @__PURE__ */ jsx39(Paper4, { h: "100%", bg: calendarEvent.laLichThi ? "violet.2" : "blue.2", p: 4, children: /* @__PURE__ */ jsxs23(MyFlexColumn, { gap: 1, children: [
-        /* @__PURE__ */ jsxs23(Text7, { size: "sm", fw: "bold", children: [
+      return /* @__PURE__ */ jsx34(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: [
           calendarEvent.laLichThi ? "(Thi) " : "(H\u1ECDc) ",
           calendarEvent.title
         ] }),
-        calendarEvent.laLichThi == false && /* @__PURE__ */ jsx39(Text7, { size: "sm", children: calendarEvent.giangvien }),
-        /* @__PURE__ */ jsx39(Text7, { size: "sm", children: calendarEvent.location })
+        calendarEvent.laLichThi == false && /* @__PURE__ */ jsx34(Text7, { size: "sm", children: calendarEvent.giangvien }),
+        /* @__PURE__ */ jsx34(Text7, { size: "sm", children: calendarEvent.location })
       ] }) });
     }
     // eventModal: ({ calendarEvent }) => {
@@ -6815,31 +6548,23 @@ function MyCalendar() {
 
 // src/components/CenterFull/MyCenterFull.tsx
 import { Center as Center2, Group as Group10 } from "@mantine/core";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function MyCenterFull({ children }) {
-  return /* @__PURE__ */ jsx40(Center2, { w: "100%", children: /* @__PURE__ */ jsx40(Group10, { children }) });
+  return /* @__PURE__ */ jsx35(Center2, { w: "100%", children: /* @__PURE__ */ jsx35(Group10, { children }) });
 }
 
 // src/components/Checkbox/MyCheckbox.tsx
 import { Checkbox as Checkbox2 } from "@mantine/core";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function MyCheckbox(_a) {
   var rest = __objRest(_a, []);
-  return /* @__PURE__ */ jsx41(Checkbox2, __spreadValues({}, rest));
-}
-
-// src/components/Layouts/FlexRow/MyFlexRow.tsx
-import { Flex as Flex2 } from "@mantine/core";
-import { jsx as jsx42 } from "react/jsx-runtime";
-function MyFlexRow(_a) {
-  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx42(Flex2, __spreadProps(__spreadValues({ gap: "md", align: "center" }, rest), { children }));
+  return /* @__PURE__ */ jsx36(Checkbox2, __spreadValues({}, rest));
 }
 
 // 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 jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 function AQCard({
   imgSrc = "https://raw.githubusercontent.com/mantinedev/mantine/master/.demo/images/bg-8.png",
   title,
@@ -6849,8 +6574,8 @@ function AQCard({
   status,
   href = ""
 }) {
-  return /* @__PURE__ */ jsxs24(Card, { shadow: "sm", padding: "lg", radius: "md", withBorder: true, component: Link, href, children: [
-    /* @__PURE__ */ jsx43(Card.Section, { children: /* @__PURE__ */ jsx43(Center3, { children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsxs22(Card, { shadow: "sm", padding: "lg", radius: "md", withBorder: true, component: Link, href, children: [
+    /* @__PURE__ */ jsx37(Card.Section, { children: /* @__PURE__ */ jsx37(Center3, { children: /* @__PURE__ */ jsx37(
       Image,
       {
         src: imgSrc,
@@ -6860,19 +6585,19 @@ function AQCard({
         alt: "Norway"
       }
     ) }) }),
-    /* @__PURE__ */ jsxs24(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs", children: [
-      /* @__PURE__ */ jsx43(Text8, { fw: 500, children: title }),
-      status && /* @__PURE__ */ jsx43(Badge2, { color: "violet.5", w: "150px", children: status })
+    /* @__PURE__ */ jsxs22(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs", children: [
+      /* @__PURE__ */ jsx37(Text8, { fw: 500, children: title }),
+      status && /* @__PURE__ */ jsx37(Badge2, { color: "violet.5", w: "150px", children: status })
     ] }),
-    /* @__PURE__ */ jsx43(Text8, { size: "sm", c: "dimmed", lineClamp: 2, children: description }),
+    /* @__PURE__ */ jsx37(Text8, { size: "sm", c: "dimmed", lineClamp: 2, children: description }),
     children
   ] });
 }
 
 // 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 { Box as Box2, Flex, Group as Group11, Paper as Paper5, Text as Text9 } from "@mantine/core";
 import { IconArrowDownRight, IconArrowUpRight } from "@tabler/icons-react";
-import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
 function MyCardInformation({
   title,
   value,
@@ -6882,16 +6607,16 @@ function MyCardInformation({
   diff = 0,
   extraControl
 }) {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs23(
     Paper5,
     {
       withBorder: true,
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs25(Group11, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxs25(Flex3, { direction: "column", children: [
-            /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsxs23(Group11, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxs23(Flex, { direction: "column", children: [
+            /* @__PURE__ */ jsx38(
               Text9,
               {
                 tt: "uppercase",
@@ -6900,24 +6625,24 @@ function MyCardInformation({
                 children: title
               }
             ),
-            unit == "" ? /* @__PURE__ */ jsxs25(Text9, { size: "xs", style: { visibility: "hidden" }, children: [
+            unit == "" ? /* @__PURE__ */ jsxs23(Text9, { size: "xs", style: { visibility: "hidden" }, children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx44("strong", { children: unit })
-            ] }) : /* @__PURE__ */ jsxs25(Text9, { size: "xs", children: [
+              /* @__PURE__ */ jsx38("strong", { children: unit })
+            ] }) : /* @__PURE__ */ jsxs23(Text9, { size: "xs", children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx44("strong", { children: unit })
+              /* @__PURE__ */ jsx38("strong", { children: unit })
             ] })
           ] }),
-          /* @__PURE__ */ jsx44(Box2, { children: icon })
+          /* @__PURE__ */ jsx38(Box2, { children: icon })
         ] }),
-        /* @__PURE__ */ jsxs25(
+        /* @__PURE__ */ jsxs23(
           Group11,
           {
             mt: "5",
             align: "flex-end",
             gap: "xs",
             children: [
-              /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx38(
                 Text9,
                 {
                   fw: 700,
@@ -6925,7 +6650,7 @@ function MyCardInformation({
                   children: value
                 }
               ),
-              /* @__PURE__ */ jsxs25(
+              /* @__PURE__ */ jsxs23(
                 Text9,
                 {
                   mb: "2",
@@ -6933,19 +6658,19 @@ function MyCardInformation({
                   fz: "h2",
                   fw: 500,
                   children: [
-                    /* @__PURE__ */ jsxs25("span", { children: [
+                    /* @__PURE__ */ jsxs23("span", { children: [
                       diff,
                       "%"
                     ] }),
-                    diff > 0 ? /* @__PURE__ */ jsx44(IconArrowUpRight, {}) : /* @__PURE__ */ jsx44(IconArrowDownRight, {})
+                    diff > 0 ? /* @__PURE__ */ jsx38(IconArrowUpRight, {}) : /* @__PURE__ */ jsx38(IconArrowDownRight, {})
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsxs25(Group11, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx44(Text9, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
+        /* @__PURE__ */ jsxs23(Group11, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx38(Text9, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
           extraControl
         ] })
       ]
@@ -6956,50 +6681,50 @@ function MyCardInformation({
 
 // src/components/DataDisplay/IconText/MyIconText.tsx
 import { Group as Group12, Text as Text10 } from "@mantine/core";
-import { jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
 function MyIconText({ icon: Icon, text }) {
-  return /* @__PURE__ */ jsxs26(Group12, { wrap: "nowrap", gap: 10, mt: 3, children: [
-    Icon && /* @__PURE__ */ jsx45(Icon, { stroke: 1.5, size: 16 }),
-    /* @__PURE__ */ jsx45(Text10, { fz: "lg", c: "dimmed", children: text })
+  return /* @__PURE__ */ jsxs24(Group12, { wrap: "nowrap", gap: 10, mt: 3, children: [
+    Icon && /* @__PURE__ */ jsx39(Icon, { stroke: 1.5, size: 16 }),
+    /* @__PURE__ */ jsx39(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 jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
 function MyKeyLabel({ keyLabel, label }) {
-  return /* @__PURE__ */ jsxs27(Group13, { gap: 5, children: [
-    /* @__PURE__ */ jsxs27(Text11, { fw: "bold", children: [
+  return /* @__PURE__ */ jsxs25(Group13, { gap: 5, children: [
+    /* @__PURE__ */ jsxs25(Text11, { fw: "bold", children: [
       keyLabel,
       ":"
     ] }),
-    /* @__PURE__ */ jsx46(Text11, { children: label })
+    /* @__PURE__ */ jsx40(Text11, { children: label })
   ] });
 }
 
 // src/components/DataDisplay/NumberFormatter/MyNumberFormatter.tsx
 import { NumberFormatter } from "@mantine/core";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function MyNumberFormatter(_a) {
   var rest = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
+  return /* @__PURE__ */ jsx41(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
 }
 
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
-import { Box as Box3, Button as Button17, Flex as Flex4, Group as Group14, Paper as Paper6, Text as Text12 } from "@mantine/core";
+import { Box as Box3, Button as Button13, Flex as Flex2, 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 Fragment14, jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
 function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
-  return /* @__PURE__ */ jsx48(Fragment14, { children: /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsx42(Fragment12, { children: /* @__PURE__ */ jsxs26(
     Paper6,
     {
       withBorder: true,
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs28(Group14, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxs28(Flex4, { direction: "column", children: [
-            /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsxs26(Group14, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxs26(Flex2, { direction: "column", children: [
+            /* @__PURE__ */ jsx42(
               Text12,
               {
                 tt: "uppercase",
@@ -7008,24 +6733,24 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                 children: title
               }
             ),
-            unit == "" ? /* @__PURE__ */ jsxs28(Text12, { size: "xs", style: { visibility: "hidden" }, children: [
+            unit == "" ? /* @__PURE__ */ jsxs26(Text12, { size: "xs", style: { visibility: "hidden" }, children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx48("strong", { children: unit })
-            ] }) : /* @__PURE__ */ jsxs28(Text12, { size: "xs", children: [
+              /* @__PURE__ */ jsx42("strong", { children: unit })
+            ] }) : /* @__PURE__ */ jsxs26(Text12, { size: "xs", children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx48("strong", { children: unit })
+              /* @__PURE__ */ jsx42("strong", { children: unit })
             ] })
           ] }),
-          /* @__PURE__ */ jsx48(Box3, { children: icons })
+          /* @__PURE__ */ jsx42(Box3, { children: icons })
         ] }),
-        /* @__PURE__ */ jsxs28(
+        /* @__PURE__ */ jsxs26(
           Group14,
           {
             mt: "5",
             align: "flex-end",
             gap: "xs",
             children: [
-              /* @__PURE__ */ jsx48(
+              /* @__PURE__ */ jsx42(
                 Text12,
                 {
                   fw: 700,
@@ -7033,7 +6758,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                   children: value
                 }
               ),
-              /* @__PURE__ */ jsxs28(
+              /* @__PURE__ */ jsxs26(
                 Text12,
                 {
                   mb: "2",
@@ -7041,21 +6766,21 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                   fz: "h2",
                   fw: 500,
                   children: [
-                    /* @__PURE__ */ jsxs28("span", { children: [
+                    /* @__PURE__ */ jsxs26("span", { children: [
                       diff,
                       "%"
                     ] }),
-                    diff > 0 ? /* @__PURE__ */ jsx48(IconArrowUpRight2, {}) : /* @__PURE__ */ jsx48(IconArrowDownRight2, {})
+                    diff > 0 ? /* @__PURE__ */ jsx42(IconArrowUpRight2, {}) : /* @__PURE__ */ jsx42(IconArrowDownRight2, {})
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsxs28(Group14, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx48(Text12, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
-          /* @__PURE__ */ jsx48(
-            Button17,
+        /* @__PURE__ */ jsxs26(Group14, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx42(Text12, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
+          /* @__PURE__ */ jsx42(
+            Button13,
             {
               variant: "light",
               size: "xs",
@@ -7145,45 +6870,20 @@ function FaviconSetter() {
 
 // src/components/Inputs/DateInput/MyDateInput.tsx
 import { DateInput } from "@mantine/dates";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function MyDateInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx49(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
-}
-
-// src/components/Inputs/DayOfWeekPicker/CoreDayOfWeekPicker.tsx
-import { Badge as Badge3, Group as Group15 } from "@mantine/core";
-import { jsx as jsx50 } from "react/jsx-runtime";
-var days = Object.entries(enum_daysOfWeek).filter(([key]) => isNaN(Number(key))).map(([label, value]) => ({ label, value }));
-function CoreDayOfWeekPicker({ value = [], onChange }) {
-  const toggle = (val) => {
-    if (!onChange) return;
-    const newValue = value.includes(val) ? value.filter((v5) => v5 !== val) : [...value, val].sort((a5, b4) => a5 - b4);
-    onChange(newValue);
-  };
-  return /* @__PURE__ */ jsx50(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx50(Group15, { gap: "xs", children: days.map((d5) => /* @__PURE__ */ jsx50(
-    Badge3,
-    {
-      variant: value.includes(d5.value) ? "filled" : "outline",
-      color: "blue",
-      radius: "sm",
-      size: "lg",
-      onClick: () => toggle(d5.value),
-      style: { cursor: onChange ? "pointer" : "default", userSelect: "none" },
-      children: d5.label
-    },
-    d5.value
-  )) }) });
+  return /* @__PURE__ */ jsx43(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/Fieldset/MyFieldset.tsx
 import {
   Fieldset as Fieldset4,
-  Group as Group16,
-  Text as Text14,
+  Group as Group15,
+  Text as Text13,
   useMantineColorScheme as useMantineColorScheme2
 } from "@mantine/core";
-import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
 function MyFieldset(_a) {
   var _b = _a, {
     children,
@@ -7212,10 +6912,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__ */ jsx51(
+  return /* @__PURE__ */ jsx44(
     Fieldset4,
     __spreadProps(__spreadValues({
-      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx51(Group16, { gap: "xs", children: /* @__PURE__ */ jsxs29(Text14, { fw: 600, children: [
+      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx44(Group15, { gap: "xs", children: /* @__PURE__ */ jsxs27(Text13, { fw: 600, children: [
         " ",
         title,
         " "
@@ -7230,13 +6930,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 jsx52 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function MyFileInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx45(
     FileInput3,
     __spreadValues({
-      rightSection: /* @__PURE__ */ jsx52(IconFile, {}),
+      rightSection: /* @__PURE__ */ jsx45(IconFile, {}),
       label,
       placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : ""
     }, rest)
@@ -7245,10 +6945,10 @@ function MyFileInput(_a) {
 
 // src/components/Inputs/NumberInput/MyNumberInput.tsx
 import { NumberInput as NumberInput2 } from "@mantine/core";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function MyNumberInput(_a) {
   var _b = _a, { minValue, label } = _b, rest = __objRest(_b, ["minValue", "label"]);
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx46(
     NumberInput2,
     __spreadValues({
       label,
@@ -7260,10 +6960,10 @@ function MyNumberInput(_a) {
 
 // src/components/Inputs/TextArea/MyTextArea.tsx
 import { Textarea } from "@mantine/core";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function MyTextArea(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx54(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx47(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/TextEditor/MyTextEditor.tsx
@@ -7279,7 +6979,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 jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
 function MyTextEditor(_a) {
   var _b = _a, {
     autoHiddenToolBar = false,
@@ -7385,43 +7085,43 @@ function MyTextEditor(_a) {
       editor.commands.setContent(value);
     }
   }, [value, editor]);
-  return /* @__PURE__ */ jsx55(Input.Wrapper, __spreadProps(__spreadValues({ label, flex: 1, error, withAsterisk }, inputWrapperProps), { children: /* @__PURE__ */ jsxs30(RichTextEditor, __spreadProps(__spreadValues({ editor, style: { border: error && "1px solid #e03131" } }, richTextEditorProps), { children: [
-    /* @__PURE__ */ jsxs30(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
-      /* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx55(RichTextEditor.Bold, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.Italic, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.Underline, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.Strikethrough, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.ClearFormatting, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.Highlight, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.Code, {})
+  return /* @__PURE__ */ jsx48(Input.Wrapper, __spreadProps(__spreadValues({ label, flex: 1, error, withAsterisk }, inputWrapperProps), { children: /* @__PURE__ */ jsxs28(RichTextEditor, __spreadProps(__spreadValues({ editor, style: { border: error && "1px solid #e03131" } }, richTextEditorProps), { children: [
+    /* @__PURE__ */ jsxs28(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
+      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx48(RichTextEditor.Bold, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Italic, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Underline, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Strikethrough, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.ClearFormatting, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Highlight, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Code, {})
       ] }),
-      /* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx55(RichTextEditor.H1, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.H2, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.H3, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.H4, {})
+      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx48(RichTextEditor.H1, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.H2, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.H3, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.H4, {})
       ] }),
-      /* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx55(RichTextEditor.Blockquote, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.Hr, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.BulletList, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.OrderedList, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.Subscript, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.Superscript, {})
+      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx48(RichTextEditor.Blockquote, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Hr, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.BulletList, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.OrderedList, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Subscript, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Superscript, {})
       ] }),
-      /* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx55(RichTextEditor.Link, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.Unlink, {})
+      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx48(RichTextEditor.Link, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Unlink, {})
       ] }),
-      /* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx55(RichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ jsx55(RichTextEditor.AlignRight, {})
+      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx48(RichTextEditor.AlignLeft, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.AlignCenter, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.AlignJustify, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.AlignRight, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx48(
       ScrollArea2.Autosize,
       {
         onMouseDown: () => {
@@ -7436,7 +7136,7 @@ function MyTextEditor(_a) {
           setHiddenToolBar(false);
         },
         style: { cursor: "text", maxHeight: "400px" },
-        children: /* @__PURE__ */ jsx55(RichTextEditor.Content, { mih: contentHeight })
+        children: /* @__PURE__ */ jsx48(RichTextEditor.Content, { mih: contentHeight })
       }
     )
   ] })) }));
@@ -7444,18 +7144,18 @@ function MyTextEditor(_a) {
 
 // src/components/Inputs/WeeklySessionSchedulerPicker/MyWeeklySessionSchedulerPicker.tsx
 import {
-  Button as Button18,
+  Button as Button14,
   Center as Center4,
   Divider as Divider2,
-  Group as Group17,
+  Group as Group16,
   NumberInput as NumberInput3,
   Paper as Paper7,
   ScrollArea as ScrollArea3,
-  Text as Text15
+  Text as Text14
 } from "@mantine/core";
-import { IconPlus as IconPlus8, IconTrash as IconTrash7 } from "@tabler/icons-react";
+import { IconPlus as IconPlus5, IconTrash as IconTrash5 } from "@tabler/icons-react";
 import { useState as useState10 } from "react";
-import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
 function MyWeeklySessionSchedulerPicker({
   value = [],
   onChange
@@ -7486,52 +7186,52 @@ function MyWeeklySessionSchedulerPicker({
     return acc;
   }, {});
   const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
-  return /* @__PURE__ */ jsx56(Paper7, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs31(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx56(Center4, { children: /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx49(Paper7, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs29(MyFlexColumn, { children: [
+    /* @__PURE__ */ jsx49(Center4, { children: /* @__PURE__ */ jsx49(
       CoreDayOfWeekPicker,
       {
         value: selectedDays,
-        onChange: (days2) => {
-          const sorted = [...days2].sort((a5, b4) => a5 - b4);
+        onChange: (days) => {
+          const sorted = [...days].sort((a5, b4) => a5 - b4);
           setSelectedDays(sorted);
         }
       }
     ) }),
-    /* @__PURE__ */ jsx56(Divider2, { my: "xs" }),
-    /* @__PURE__ */ jsx56(Center4, { children: /* @__PURE__ */ jsx56(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx56(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
+    /* @__PURE__ */ jsx49(Divider2, { my: "xs" }),
+    /* @__PURE__ */ jsx49(Center4, { children: /* @__PURE__ */ jsx49(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx49(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
       var _a;
-      return /* @__PURE__ */ jsxs31(
+      return /* @__PURE__ */ jsxs29(
         Paper7,
         {
           w: "100%",
           p: "md",
           bg: const_object_colors.mantineBackgroundBlueLight,
           children: [
-            /* @__PURE__ */ jsxs31(Group17, { gap: "apart", children: [
-              /* @__PURE__ */ jsx56(Text15, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
-              /* @__PURE__ */ jsx56(
-                Button18,
+            /* @__PURE__ */ jsxs29(Group16, { gap: "apart", children: [
+              /* @__PURE__ */ jsx49(Text14, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
+              /* @__PURE__ */ jsx49(
+                Button14,
                 {
                   color: "teal.5",
-                  leftSection: /* @__PURE__ */ jsx56(IconPlus8, { size: 14 }),
+                  leftSection: /* @__PURE__ */ jsx49(IconPlus5, { size: 14 }),
                   onClick: () => handleAddSession(dayOfWeek),
                   children: "Th\xEAm bu\u1ED5i"
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx56(Divider2, { my: "sm" }),
+            /* @__PURE__ */ jsx49(Divider2, { my: "sm" }),
             (_a = grouped[dayOfWeek]) == null ? void 0 : _a.map((item, indexInDay) => {
               const globalIndex = value.findIndex(
                 (v5) => v5 === item
               );
-              return /* @__PURE__ */ jsxs31(
-                Group17,
+              return /* @__PURE__ */ jsxs29(
+                Group16,
                 {
                   mt: "xs",
                   gap: "xs",
                   align: "flex-end",
                   children: [
-                    /* @__PURE__ */ jsx56(
+                    /* @__PURE__ */ jsx49(
                       NumberInput3,
                       {
                         label: "Ti\u1EBFt b\u1EAFt \u0111\u1EA7u",
@@ -7543,7 +7243,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx56(
+                    /* @__PURE__ */ jsx49(
                       NumberInput3,
                       {
                         label: "S\u1ED1 ti\u1EBFt",
@@ -7555,7 +7255,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx56(
+                    /* @__PURE__ */ jsx49(
                       NumberInput3,
                       {
                         label: "S\u1ED1 ph\xFAt  ",
@@ -7564,13 +7264,13 @@ function MyWeeklySessionSchedulerPicker({
                         value: item.durationMinutes
                       }
                     ),
-                    /* @__PURE__ */ jsx56(
-                      Button18,
+                    /* @__PURE__ */ jsx49(
+                      Button14,
                       {
                         variant: "light",
                         color: "red",
                         onClick: () => handleRemove(globalIndex),
-                        leftSection: /* @__PURE__ */ jsx56(IconTrash7, { size: 14 }),
+                        leftSection: /* @__PURE__ */ jsx49(IconTrash5, { size: 14 }),
                         children: "X\xF3a bu\u1ED5i"
                       }
                     )
@@ -7588,7 +7288,7 @@ function MyWeeklySessionSchedulerPicker({
 }
 
 // src/modules-features/authenticate/F_authenticate_Logout.tsx
-import { Button as Button19 } from "@mantine/core";
+import { Button as Button15 } from "@mantine/core";
 import { IconLogout } from "@tabler/icons-react";
 import { useRouter as useRouter3 } from "next/navigation";
 
@@ -7603,27 +7303,27 @@ function useS_authenticate() {
 }
 
 // src/modules-features/authenticate/F_authenticate_Logout.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function F_authenticate_Logout({ redirectURL = "/auth/login" }) {
   const router = useRouter3();
   const S_Authenticate = useS_authenticate();
-  return /* @__PURE__ */ jsx57(Button19, { onClick: () => {
+  return /* @__PURE__ */ jsx50(Button15, { onClick: () => {
     S_Authenticate.setProperty("token", "");
     router.replace(redirectURL);
-  }, leftSection: /* @__PURE__ */ jsx57(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
+  }, leftSection: /* @__PURE__ */ jsx50(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
 }
 
 // src/components/Layouts/BasicAppShell/BasicAppShell.tsx
 import {
-  ActionIcon as ActionIcon13,
+  ActionIcon as ActionIcon11,
   AppShell,
-  Badge as Badge4,
+  Badge as Badge3,
   Divider as Divider3,
-  Group as Group18,
+  Group as Group17,
   Image as Image3,
   NavLink,
   ScrollArea as ScrollArea4,
-  Text as Text16,
+  Text as Text15,
   Tooltip as Tooltip5
 } from "@mantine/core";
 import { useFavicon, useMediaQuery } from "@mantine/hooks";
@@ -7635,7 +7335,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 Fragment15, jsx as jsx58, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx51, jsxs as jsxs30 } from "react/jsx-runtime";
 function findBreadcrumbPath(items, currentPath, parents = []) {
   for (const item of items) {
     if (item.link === currentPath) {
@@ -7650,13 +7350,13 @@ function findBreadcrumbPath(items, currentPath, parents = []) {
 }
 function getRightSection(status) {
   if (status === "Prototype")
-    return /* @__PURE__ */ jsx58(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
+    return /* @__PURE__ */ jsx51(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
   if (status === "New")
-    return /* @__PURE__ */ jsx58(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
+    return /* @__PURE__ */ jsx51(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
   if (status === "Menu")
-    return /* @__PURE__ */ jsx58(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
+    return /* @__PURE__ */ jsx51(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
   if (status === "Change")
-    return /* @__PURE__ */ jsx58(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
+    return /* @__PURE__ */ jsx51(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
   return null;
 }
 function RenderNavLinks({
@@ -7664,14 +7364,14 @@ function RenderNavLinks({
 }) {
   const basicAppShellStore = useS_BasicAppShell();
   const pathName = usePathname2();
-  return /* @__PURE__ */ jsx58(Fragment15, { children: items.map((item, index) => /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx51(Fragment13, { children: items.map((item, index) => /* @__PURE__ */ jsx51(
     NavLink,
     {
       active: item.link === pathName.split("/")[2],
       component: Link3,
       opened: basicAppShellStore.state.groupMenuOpenId.includes(item.label),
       href: `/${pathName.split("/")[1]}/${item.link}` || "#",
-      label: /* @__PURE__ */ jsxs32(MyFlexRow, { justify: "space-between", children: [
+      label: /* @__PURE__ */ jsxs30(MyFlexRow, { justify: "space-between", children: [
         item.label,
         " ",
         getRightSection(item.status)
@@ -7683,7 +7383,7 @@ function RenderNavLinks({
           return;
         }
       },
-      children: item.links && /* @__PURE__ */ jsx58(RenderNavLinks, { items: item.links })
+      children: item.links && /* @__PURE__ */ jsx51(RenderNavLinks, { items: item.links })
     },
     index
   )) });
@@ -7806,7 +7506,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__ */ jsxs32(
+  return /* @__PURE__ */ jsxs30(
     AppShell,
     {
       header: { height: 60 },
@@ -7820,80 +7520,80 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
       },
       padding: "md",
       children: [
-        /* @__PURE__ */ jsx58(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs32(Group18, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ jsxs32(Group18, { h: "100%", children: [
-            /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx51(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs30(Group17, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ jsxs30(Group17, { h: "100%", children: [
+            /* @__PURE__ */ jsx51(
               Tooltip5,
               {
                 label: basicAppShellStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu",
-                children: /* @__PURE__ */ jsx58(
-                  ActionIcon13,
+                children: /* @__PURE__ */ jsx51(
+                  ActionIcon11,
                   {
                     size: "lg",
                     radius: "md",
                     variant: "default",
                     onClick: basicAppShellStore.toggle,
-                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx58(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx58(IconLayoutSidebarLeftCollapse, {})
+                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx51(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx51(IconLayoutSidebarLeftCollapse, {})
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx58(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx58(
-              ActionIcon13,
+            /* @__PURE__ */ jsx51(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx51(
+              ActionIcon11,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: () => basicAppShellStore.clearGroupMenuOpenId(),
-                children: /* @__PURE__ */ jsx58(IconLibraryMinus, {})
+                children: /* @__PURE__ */ jsx51(IconLibraryMinus, {})
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx58(
-            Group18,
+          /* @__PURE__ */ jsx51(
+            Group17,
             {
               style: {
                 position: "absolute",
                 left: "50%",
                 transform: "translateX(-50%)"
               },
-              children: /* @__PURE__ */ jsx58(Text16, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
+              children: /* @__PURE__ */ jsx51(Text15, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
             }
           ),
-          /* @__PURE__ */ jsxs32(Group18, { children: [
+          /* @__PURE__ */ jsxs30(Group17, { children: [
             extraTopRight,
-            /* @__PURE__ */ jsx58(MySwitchTheme, {})
+            /* @__PURE__ */ jsx51(MySwitchTheme, {})
           ] })
         ] }) : (
           // For mobile screens - simplified layout
-          /* @__PURE__ */ jsxs32(Group18, { h: "100%", px: "md", justify: "space-between", children: [
-            /* @__PURE__ */ jsx58(
-              ActionIcon13,
+          /* @__PURE__ */ jsxs30(Group17, { h: "100%", px: "md", justify: "space-between", children: [
+            /* @__PURE__ */ jsx51(
+              ActionIcon11,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: basicAppShellStore.toggle,
-                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx58(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx58(IconLayoutSidebarLeftCollapse, {})
+                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx51(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx51(IconLayoutSidebarLeftCollapse, {})
               }
             ),
-            /* @__PURE__ */ jsx58(Text16, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
-            /* @__PURE__ */ jsxs32(Group18, { children: [
+            /* @__PURE__ */ jsx51(Text15, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
+            /* @__PURE__ */ jsxs30(Group17, { children: [
               extraTopRight,
-              /* @__PURE__ */ jsx58(MySwitchTheme, {})
+              /* @__PURE__ */ jsx51(MySwitchTheme, {})
             ] })
           ] })
         ) }),
-        /* @__PURE__ */ jsxs32(AppShell.Navbar, { children: [
-          /* @__PURE__ */ jsx58(MyAppSpotlight, { menu }),
-          /* @__PURE__ */ jsxs32(AppShell.Section, { grow: true, component: ScrollArea4, p: 5, children: [
-            /* @__PURE__ */ jsx58(RenderNavLinks, { items: menu }),
-            /* @__PURE__ */ jsx58(Divider3, {}),
-            /* @__PURE__ */ jsx58(F_authenticate_Logout, {})
+        /* @__PURE__ */ jsxs30(AppShell.Navbar, { children: [
+          /* @__PURE__ */ jsx51(MyAppSpotlight, { menu }),
+          /* @__PURE__ */ jsxs30(AppShell.Section, { grow: true, component: ScrollArea4, p: 5, children: [
+            /* @__PURE__ */ jsx51(RenderNavLinks, { items: menu }),
+            /* @__PURE__ */ jsx51(Divider3, {}),
+            /* @__PURE__ */ jsx51(F_authenticate_Logout, {})
           ] }),
-          /* @__PURE__ */ jsxs32(AppShell.Section, { p: "md", children: [
-            /* @__PURE__ */ jsx58(Divider3, {}),
-            /* @__PURE__ */ jsx58(
+          /* @__PURE__ */ jsxs30(AppShell.Section, { p: "md", children: [
+            /* @__PURE__ */ jsx51(Divider3, {}),
+            /* @__PURE__ */ jsx51(
               Image3,
               {
                 fit: "contain",
@@ -7907,7 +7607,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx51(
           AppShell.Main,
           {
             bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))",
@@ -7961,31 +7661,31 @@ function utils_layout_getItemsWithoutLinks(menu) {
 }
 
 // src/components/Layouts/Container/MyContainer.tsx
-import { Container, Flex as Flex5 } from "@mantine/core";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { Container, Flex as Flex3 } from "@mantine/core";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function MyContainer(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx59(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx59(Flex5, { direction: "column", children }) }));
+  return /* @__PURE__ */ jsx52(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx52(Flex3, { direction: "column", children }) }));
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
 import {
   Box as Box4,
   Burger,
-  Button as Button20,
+  Button as Button16,
   Container as Container2,
   Divider as Divider4,
   Drawer,
-  Group as Group19,
+  Group as Group18,
   Image as Image4,
   ScrollArea as ScrollArea5,
-  Text as Text17,
+  Text as Text16,
   TextInput as TextInput3,
   ThemeIcon,
   UnstyledButton,
   useMantineTheme
 } from "@mantine/core";
-import { useDisclosure as useDisclosure12 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
 import {
   IconBook,
   IconChartPie3,
@@ -8011,7 +7711,7 @@ function useHeaderMegaMenuStore() {
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
-import { jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
 var mockdata = [
   {
     icon: IconCode,
@@ -8045,31 +7745,31 @@ var mockdata = [
   }
 ];
 function HeaderMegaMenu({ children, menus }) {
-  const [drawerOpened, { toggle: toggleDrawer, close: closeDrawer }] = useDisclosure12(false);
-  const [linksOpened, { toggle: toggleLinks }] = useDisclosure12(false);
+  const [drawerOpened, { toggle: toggleDrawer, close: closeDrawer }] = useDisclosure11(false);
+  const [linksOpened, { toggle: toggleLinks }] = useDisclosure11(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx60(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs33(Group19, { wrap: "nowrap", align: "flex-start", children: [
-    /* @__PURE__ */ jsx60(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx60(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
-    /* @__PURE__ */ jsxs33("div", { children: [
-      /* @__PURE__ */ jsx60(Text17, { size: "sm", fw: 500, children: item.title }),
-      /* @__PURE__ */ jsx60(Text17, { size: "xs", c: "dimmed", children: item.description })
+  const links = mockdata.map((item) => /* @__PURE__ */ jsx53(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs31(Group18, { wrap: "nowrap", align: "flex-start", children: [
+    /* @__PURE__ */ jsx53(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx53(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
+    /* @__PURE__ */ jsxs31("div", { children: [
+      /* @__PURE__ */ jsx53(Text16, { size: "sm", fw: 500, children: item.title }),
+      /* @__PURE__ */ jsx53(Text16, { size: "xs", c: "dimmed", children: item.description })
     ] })
   ] }) }, item.title));
-  return /* @__PURE__ */ jsxs33(Box4, { children: [
-    /* @__PURE__ */ jsx60("header", { className: css_default.header, children: /* @__PURE__ */ jsxs33(Group19, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ jsxs33(Group19, { children: [
-        /* @__PURE__ */ jsx60(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
-        /* @__PURE__ */ jsx60(Group19, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx60(Button20, { 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__ */ jsxs31(Box4, { children: [
+    /* @__PURE__ */ jsx53("header", { className: css_default.header, children: /* @__PURE__ */ jsxs31(Group18, { justify: "space-between", h: "100%", children: [
+      /* @__PURE__ */ jsxs31(Group18, { children: [
+        /* @__PURE__ */ jsx53(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
+        /* @__PURE__ */ jsx53(Group18, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx53(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__ */ jsxs33(Group19, { children: [
-        /* @__PURE__ */ jsx60(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx60(IconSearch2, {}), radius: "xl", w: "250px" }),
-        /* @__PURE__ */ jsx60(MySwitchTheme, {})
+      /* @__PURE__ */ jsxs31(Group18, { children: [
+        /* @__PURE__ */ jsx53(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx53(IconSearch2, {}), radius: "xl", w: "250px" }),
+        /* @__PURE__ */ jsx53(MySwitchTheme, {})
       ] }),
-      /* @__PURE__ */ jsx60(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
+      /* @__PURE__ */ jsx53(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
     ] }) }),
-    /* @__PURE__ */ jsx60(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
-    /* @__PURE__ */ jsx60(
+    /* @__PURE__ */ jsx53(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
+    /* @__PURE__ */ jsx53(
       Drawer,
       {
         opened: drawerOpened,
@@ -8079,10 +7779,10 @@ function HeaderMegaMenu({ children, menus }) {
         title: "Navigation",
         hiddenFrom: "sm",
         zIndex: 1e6,
-        children: /* @__PURE__ */ jsxs33(ScrollArea5, { h: "calc(100vh - 80px", mx: "-md", children: [
-          /* @__PURE__ */ jsx60(Divider4, { my: "sm" }),
-          /* @__PURE__ */ jsx60(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx60(Button20, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
-          /* @__PURE__ */ jsx60(Divider4, { my: "sm" })
+        children: /* @__PURE__ */ jsxs31(ScrollArea5, { h: "calc(100vh - 80px", mx: "-md", children: [
+          /* @__PURE__ */ jsx53(Divider4, { my: "sm" }),
+          /* @__PURE__ */ jsx53(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx53(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__ */ jsx53(Divider4, { my: "sm" })
         ] })
       }
     )
@@ -8090,8 +7790,8 @@ 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 jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Badge as Badge4, Breadcrumbs, Code, Container as Container3, Divider as Divider5, Group as Group19, Text as Text17, Title } from "@mantine/core";
+import { jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
 var getStatusColor = (status) => {
   switch (status) {
     case "Prototype":
@@ -8102,11 +7802,11 @@ var getStatusColor = (status) => {
 };
 function PageTitle({ title, status, note }) {
   const color = getStatusColor(status);
-  return /* @__PURE__ */ jsx61(Group20, { children: /* @__PURE__ */ jsxs34(MyFlexColumn, { gap: 0, children: [
-    /* @__PURE__ */ jsxs34(Group20, { align: "center", children: [
-      /* @__PURE__ */ jsx61(Title, { order: 3, children: title }),
-      status && /* @__PURE__ */ jsx61(
-        Badge5,
+  return /* @__PURE__ */ jsx54(Group19, { children: /* @__PURE__ */ jsxs32(MyFlexColumn, { gap: 0, children: [
+    /* @__PURE__ */ jsxs32(Group19, { align: "center", children: [
+      /* @__PURE__ */ jsx54(Title, { order: 3, children: title }),
+      status && /* @__PURE__ */ jsx54(
+        Badge4,
         {
           variant: "gradient",
           gradient: { from: color, to: `${color}.5` },
@@ -8116,7 +7816,7 @@ function PageTitle({ title, status, note }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx61(Text18, { size: "lg", c: "dimmed", fs: "italic", children: note })
+    /* @__PURE__ */ jsx54(Text17, { size: "lg", c: "dimmed", fs: "italic", children: note })
   ] }) });
 }
 function MyPageContent({
@@ -8129,11 +7829,11 @@ function MyPageContent({
   var _a;
   const basicAppShellStore = useS_BasicAppShell();
   const finalTitle = title || basicAppShellStore.state.title;
-  return /* @__PURE__ */ jsxs34(Container3, { p: 0, fluid: true, children: [
-    /* @__PURE__ */ jsxs34(Group20, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs34(Group20, { children: [
-        /* @__PURE__ */ jsx61(MyButtonRouterBack, {}),
-        /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsxs32(Container3, { p: 0, fluid: true, children: [
+    /* @__PURE__ */ jsxs32(Group19, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs32(Group19, { children: [
+        /* @__PURE__ */ jsx54(MyButtonRouterBack, {}),
+        /* @__PURE__ */ jsx54(
           PageTitle,
           {
             title: finalTitle,
@@ -8143,64 +7843,64 @@ function MyPageContent({
         ),
         leftTopBar
       ] }),
-      /* @__PURE__ */ jsxs34(Group20, { p: "md", children: [
+      /* @__PURE__ */ jsxs32(Group19, { p: "md", children: [
         rightTopBar,
-        /* @__PURE__ */ jsx61(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx61(Text18, { fw: "600", c: "blue", children: item }, idx)) })
+        /* @__PURE__ */ jsx54(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx54(Text17, { fw: "600", c: "blue", children: item }, idx)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx61(Divider5, { my: "xs" }),
+    /* @__PURE__ */ jsx54(Divider5, { my: "xs" }),
     children,
-    /* @__PURE__ */ jsx61(Divider5, { my: "xs" }),
-    /* @__PURE__ */ jsx61(MyFlexEnd, { children: /* @__PURE__ */ jsx61(Code, { color: "var(--mantine-color-blue-light)", children: basicAppShellStore.state.menuCode }) })
+    /* @__PURE__ */ jsx54(Divider5, { my: "xs" }),
+    /* @__PURE__ */ jsx54(MyFlexEnd, { children: /* @__PURE__ */ jsx54(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 jsx62, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs33 } 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__ */ jsxs35(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
-    /* @__PURE__ */ jsx62(Tabs.List, { children: tabList.map((item, idx) => {
-      return /* @__PURE__ */ jsx62(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx62(item.icon, { style: iconStyle }), children: item.label }, idx);
+  return /* @__PURE__ */ jsxs33(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
+    /* @__PURE__ */ jsx55(Tabs.List, { children: tabList.map((item, idx) => {
+      return /* @__PURE__ */ jsx55(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx55(item.icon, { style: iconStyle }), children: item.label }, idx);
     }) }),
-    /* @__PURE__ */ jsx62(Space3, { my: "md" }),
+    /* @__PURE__ */ jsx55(Space3, { my: "md" }),
     children
   ] }));
 }
 
 // src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
-import { ActionIcon as ActionIcon14, Button as Button21, Fieldset as Fieldset5, Group as Group21, Modal as Modal13 } from "@mantine/core";
-import { useDisclosure as useDisclosure13 } from "@mantine/hooks";
-import { IconX as IconX4 } from "@tabler/icons-react";
-import { jsx as jsx63, jsxs as jsxs36 } from "react/jsx-runtime";
+import { ActionIcon as ActionIcon12, Button as Button17, Fieldset as Fieldset5, Group as Group20, Modal as Modal11 } from "@mantine/core";
+import { useDisclosure as useDisclosure12 } from "@mantine/hooks";
+import { IconX as IconX2 } from "@tabler/icons-react";
+import { jsx as jsx56, jsxs as jsxs34 } 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 = useDisclosure13(false);
+  const disc = useDisclosure12(false);
   if (data == void 0) return "\u0110ang t\u1EA3i...";
-  return /* @__PURE__ */ jsxs36(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
-    /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs34(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
+    /* @__PURE__ */ jsx56(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsxs36(Group21, { children: [
+          return /* @__PURE__ */ jsxs34(Group20, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
-            /* @__PURE__ */ jsx63(Button21, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
+            /* @__PURE__ */ jsx56(Button17, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });
         },
         columns,
         data: listState[0],
         renderRowActions: ({ row }) => {
-          return /* @__PURE__ */ jsx63(MyCenterFull, { children: /* @__PURE__ */ jsx63(ActionIcon14, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx63(IconX4, {}) }) });
+          return /* @__PURE__ */ jsx56(MyCenterFull, { children: /* @__PURE__ */ jsx56(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx56(IconX2, {}) }) });
         }
       }, rest)
     ),
-    /* @__PURE__ */ jsx63(Modal13, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx56(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx56(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsx63(Button21, { onClick: () => {
+          return /* @__PURE__ */ jsx56(Button17, { onClick: () => {
             table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
             disc[1].close();
           }, children: "Ch\u1ECDn" });
@@ -8216,7 +7916,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 jsx64 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function MySelectAPIGet(_a) {
   var _b = _a, { apiGet, label = "", dataMapper } = _b, rest = __objRest(_b, ["apiGet", "label", "dataMapper"]);
   var _a2;
@@ -8235,7 +7935,7 @@ function MySelectAPIGet(_a) {
       label: `${item.code}-${item.name}`
     };
   });
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx57(
     Select3,
     __spreadValues({
       label,
@@ -8250,7 +7950,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 jsx65 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 function MyScheduleX({
   values,
   timeGridEvent,
@@ -8275,7 +7975,7 @@ function MyScheduleX({
     events: values,
     plugins: [eventsService, eventModalPlugin]
   });
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx58(
     ScheduleXCalendar2,
     {
       calendarApp: calendar,
@@ -8289,9 +7989,9 @@ function MyScheduleX({
 
 // src/components/Skeletons/SkeletonTable/MySkeletonTable.tsx
 import { Skeleton } from "@mantine/core";
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 function MySkeletonTable({ h: h4 = 500 }) {
-  return /* @__PURE__ */ jsx66(Skeleton, { h: h4 });
+  return /* @__PURE__ */ jsx59(Skeleton, { h: h4 });
 }
 
 export {
@@ -8301,7 +8001,6 @@ export {
   MyBoxesBackground,
   MyActionIcon,
   MyTextInput,
-  MyFlexColumn,
   MyActionIconCheck,
   MyButton,
   MyActionIconModal,
@@ -8312,10 +8011,6 @@ export {
   MyActionIconViewPDF,
   MySwitchTheme,
   MyAppSpotlight,
-  CoreActionIcon,
-  CoreButton,
-  CoreButtonCreateUpdate,
-  CoreButtonModal,
   MyAnchorViewPDF,
   MyButtonModal,
   AQButtonCreateByImportFile,
@@ -8338,7 +8033,6 @@ export {
   MyCalendar,
   MyCenterFull,
   MyCheckbox,
-  MyFlexRow,
   AQCard,
   MyCardInformation,
   MyIconText,
@@ -8348,7 +8042,6 @@ export {
   useS_BasicAppShell,
   FaviconSetter,
   MyDateInput,
-  CoreDayOfWeekPicker,
   MyFieldset,
   MyFileInput,
   MyNumberInput,