aq-fe-framework 0.1.49 → 0.1.51

package/dist/{chunk-BSS3LQUY.mjs → chunk-65SFHKW6.mjs}

@@ -1,12 +1,12 @@
+import {
+  utils_notification_show,
+  utils_pdf_download
+} from "./chunk-CDDX46TC.mjs";
 import {
   createGenericStore,
   useS_Authenticate,
   useS_Sidebar
 } from "./chunk-GL5OCTFE.mjs";
-import {
-  utils_notification_show,
-  utils_pdf_download
-} from "./chunk-CDDX46TC.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -22,8 +22,7 @@ function cn(...inputs) {
 
 // src/components/Aceternity/BoxesBackground/MyBoxes.tsx
 import { motion } from "framer-motion";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
+import React2 from "react";
 var MyBoxesCore = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
   const rows = new Array(150).fill(1);
@@ -42,9 +41,9 @@ var MyBoxesCore = (_a) => {
   const getRandomColor = () => {
     return colors[Math.floor(Math.random() * colors.length)];
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React2.createElement(
     "div",
-    __spreadProps(__spreadValues({
+    __spreadValues({
       style: {
         transform: `translate(-40%,-60%) skewX(-48deg) skewY(14deg) scale(0.675) rotate(0deg) translateZ(0)`
       },
@@ -52,41 +51,39 @@ var MyBoxesCore = (_a) => {
         "absolute left-1/4 p-4 -top-1/4 flex  -translate-x-1/2 -translate-y-1/2 w-full h-full z-0 ",
         className
       )
-    }, rest), {
-      children: rows.map((_4, i5) => /* @__PURE__ */ jsx(motion.div, { className: "w-16 h-8  border-l  border-slate-700 relative", children: cols.map((_5, j4) => /* @__PURE__ */ jsx(
-        motion.div,
+    }, rest),
+    rows.map((_4, i5) => /* @__PURE__ */ React2.createElement(motion.div, { key: `row` + i5, className: "w-16 h-8  border-l  border-slate-700 relative" }, cols.map((_5, j4) => /* @__PURE__ */ React2.createElement(
+      motion.div,
+      {
+        whileHover: {
+          backgroundColor: `var(${getRandomColor()})`,
+          transition: { duration: 0 }
+        },
+        animate: {
+          transition: { duration: 2 }
+        },
+        key: `col` + j4,
+        className: "w-16 h-8  border-r border-t border-slate-700 relative"
+      },
+      j4 % 2 === 0 && i5 % 2 === 0 ? /* @__PURE__ */ React2.createElement(
+        "svg",
         {
-          whileHover: {
-            backgroundColor: `var(${getRandomColor()})`,
-            transition: { duration: 0 }
-          },
-          animate: {
-            transition: { duration: 2 }
-          },
-          className: "w-16 h-8  border-r border-t border-slate-700 relative",
-          children: j4 % 2 === 0 && i5 % 2 === 0 ? /* @__PURE__ */ jsx(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              strokeWidth: "1.5",
-              stroke: "currentColor",
-              className: "absolute h-6 w-10 -top-[14px] -left-[22px] text-slate-700 stroke-[1px] pointer-events-none",
-              children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 6v12m6-6H6" })
-            }
-          ) : null
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          strokeWidth: "1.5",
+          stroke: "currentColor",
+          className: "absolute h-6 w-10 -top-[14px] -left-[22px] text-slate-700 stroke-[1px] pointer-events-none"
         },
-        `col` + j4
-      )) }, `row` + i5))
-    })
+        /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 6v12m6-6H6" })
+      ) : null
+    ))))
   );
 };
-var Boxes = React.memo(MyBoxesCore);
+var Boxes = React2.memo(MyBoxesCore);
 
 // src/components/Loaders/MyCardioLoader.tsx
 import { useEffect } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
 function MyCardioLoader() {
   useEffect(() => {
     async function getLoader() {
@@ -95,62 +92,49 @@ function MyCardioLoader() {
     }
     getLoader();
   }, []);
-  return /* @__PURE__ */ jsx2("l-cardio", { color: "var(--cyan-400)" });
+  return /* @__PURE__ */ React.createElement("l-cardio", { color: "var(--cyan-400)" });
 }
 
 // src/components/Aceternity/BoxesBackground/MyBoxesBackground.tsx
 import { Center, Space, Text } from "@mantine/core";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 function MyBoxesBackground({ title, desc = "\u0110\u01B0\u1EE3c ph\xE1t tri\u1EC3n b\u1EDFi c\xF4ng ty c\xF4ng ngh\u1EC7 Anh Qu\xE2n." }) {
-  return /* @__PURE__ */ jsxs("div", { className: "h-[100vh] relative w-full overflow-hidden bg-slate-900 flex flex-col items-center justify-center rounded-lg", children: [
-    /* @__PURE__ */ jsx3("div", { className: "absolute inset-0 w-full h-full bg-slate-900 z-20 [mask-image:radial-gradient(transparent,white)] pointer-events-none" }),
-    /* @__PURE__ */ jsx3(MyBoxesCore, {}),
-    /* @__PURE__ */ jsx3(Center, { className: "z-20", children: /* @__PURE__ */ jsx3(MyCardioLoader, {}) }),
-    /* @__PURE__ */ jsx3(Space, { my: 7 }),
-    /* @__PURE__ */ jsx3(Center, { children: /* @__PURE__ */ jsx3(Text, { className: "z-20", fs: "italic", fw: "bold", c: "white", children: "\u0110ang t\u1EA3i..." }) }),
-    /* @__PURE__ */ jsx3(Space, { my: 7 }),
-    /* @__PURE__ */ jsx3("h1", { className: cn("md:text-4xl text-xl text-white relative z-20"), children: title }),
-    /* @__PURE__ */ jsx3("p", { className: "text-center mt-2 text-neutral-300 relative z-20", children: desc })
-  ] });
+  return /* @__PURE__ */ React.createElement("div", { className: "h-[100vh] relative w-full overflow-hidden bg-slate-900 flex flex-col items-center justify-center rounded-lg" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 w-full h-full bg-slate-900 z-20 [mask-image:radial-gradient(transparent,white)] pointer-events-none" }), /* @__PURE__ */ React.createElement(MyBoxesCore, null), /* @__PURE__ */ React.createElement(Center, { className: "z-20" }, /* @__PURE__ */ React.createElement(MyCardioLoader, null)), /* @__PURE__ */ React.createElement(Space, { my: 7 }), /* @__PURE__ */ React.createElement(Center, null, /* @__PURE__ */ React.createElement(Text, { className: "z-20", fs: "italic", fw: "bold", c: "white" }, "\u0110ang t\u1EA3i...")), /* @__PURE__ */ React.createElement(Space, { my: 7 }), /* @__PURE__ */ React.createElement("h1", { className: cn("md:text-4xl text-xl text-white relative z-20") }, title), /* @__PURE__ */ React.createElement("p", { className: "text-center mt-2 text-neutral-300 relative z-20" }, desc));
 }
 
 // src/components/ActionIcons/ActionIcon/MyActionIcon.tsx
 import { ActionIcon } from "@mantine/core";
 import { IconDeviceFloppy, IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
-import { jsx as jsx4 } from "react/jsx-runtime";
 function MyActionIcon(_a) {
   var _b = _a, { children, crudType = "delete" } = _b, rest = __objRest(_b, ["children", "crudType"]);
   if (crudType == "default") {
-    return /* @__PURE__ */ jsx4(ActionIcon, __spreadProps(__spreadValues({ color: "indigo" }, rest), { children }));
+    return /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({ color: "indigo" }, rest), children);
   }
   if (crudType == "create") {
-    return /* @__PURE__ */ jsx4(ActionIcon, __spreadProps(__spreadValues({ color: "indigo" }, rest), { children: /* @__PURE__ */ jsx4(IconPlus, {}) }));
+    return /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({ color: "indigo" }, rest), /* @__PURE__ */ React.createElement(IconPlus, null));
   }
   if (crudType == "delete") {
-    return /* @__PURE__ */ jsx4(ActionIcon, __spreadProps(__spreadValues({ color: "red" }, rest), { children: /* @__PURE__ */ jsx4(IconTrash, {}) }));
+    return /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({ color: "red" }, rest), /* @__PURE__ */ React.createElement(IconTrash, null));
   }
   if (crudType == "update") {
-    return /* @__PURE__ */ jsx4(ActionIcon, __spreadProps(__spreadValues({ color: "yellow" }, rest), { children: /* @__PURE__ */ jsx4(IconEdit, {}) }));
+    return /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({ color: "yellow" }, rest), /* @__PURE__ */ React.createElement(IconEdit, null));
   }
   if (crudType == "save") {
-    return /* @__PURE__ */ jsx4(ActionIcon, __spreadProps(__spreadValues({ color: "green" }, rest), { children: /* @__PURE__ */ jsx4(IconDeviceFloppy, {}) }));
+    return /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({ color: "green" }, rest), /* @__PURE__ */ React.createElement(IconDeviceFloppy, null));
   }
 }
 
 // src/components/Inputs/TextInput/MyTextInput.tsx
 import { TextInput } from "@mantine/core";
-import { jsx as jsx5 } from "react/jsx-runtime";
 function MyTextInput(_a) {
   var _b = _a, { label, defaultValue } = _b, rest = __objRest(_b, ["label", "defaultValue"]);
-  return /* @__PURE__ */ jsx5(TextInput, __spreadValues({ label, defaultValue, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ React.createElement(TextInput, __spreadValues({ label, defaultValue, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // 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 }));
+  return /* @__PURE__ */ React.createElement(Flex, __spreadValues({ direction: "column", gap: "md" }, rest), children);
 }
 
 // src/components/ActionIcons/ActionIconCheck/MyActionIconCheck.tsx
@@ -158,79 +142,68 @@ import { ActionIcon as ActionIcon2, Button, Checkbox, Modal, Switch, Text as Tex
 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";
 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__ */ jsxs2(
-      Modal,
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }, /* @__PURE__ */ React.createElement(ActionIcon2, __spreadValues({ color: "cyan", onClick: disc[1].open }, rest), /* @__PURE__ */ React.createElement(IconChecklist, { size: 24, color: "blue" }))), /* @__PURE__ */ React.createElement(
+    Modal,
+    {
+      fullScreen: fullScreen[0],
+      opened: disc[0],
+      onClose: disc[1].close,
+      size: modalSize,
+      title: /* @__PURE__ */ React.createElement(Text2, null, "Ki\u1EC3m tra h\u1ED3 s\u01A1 \u0111\xE3 \u0111\u0103ng k\xFD")
+    },
+    /* @__PURE__ */ React.createElement(
+      Switch,
       {
-        fullScreen: fullScreen[0],
-        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" }),
-        children: [
-          /* @__PURE__ */ jsx7(
-            Switch,
-            {
-              defaultChecked: true,
-              label: "\u0110\u1EA1t y\xEAu c\u1EA7u"
-            }
-          ),
-          /* @__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" })
-          ] })
-        ]
+        defaultChecked: true,
+        label: "\u0110\u1EA1t y\xEAu c\u1EA7u"
       }
-    )
-  ] });
+    ),
+    /* @__PURE__ */ React.createElement(MyFlexColumn, null, /* @__PURE__ */ React.createElement(MyTextInput, { label: "Nh\u1EADn x\xE9t" }), /* @__PURE__ */ React.createElement(Checkbox, { label: "G\u1EEDi mail th\xF4ng b\xE1o" }), /* @__PURE__ */ React.createElement(Button, null, "C\u1EADp nh\u1EADp"))
+  ));
 }
 
 // src/components/Buttons/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";
 function MyButton(_a) {
   var _b = _a, { children, crudType = "delete" } = _b, rest = __objRest(_b, ["children", "crudType"]);
   if (crudType == "default") {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({ color: "indigo" }, rest), { children }));
+    return /* @__PURE__ */ React.createElement(Button2, __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__ */ React.createElement(Button2, __spreadValues({ color: "indigo", type: "submit", leftSection: /* @__PURE__ */ React.createElement(IconPlus2, null) }, rest), 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__ */ React.createElement(Button2, __spreadValues({ color: "green", type: "submit", leftSection: /* @__PURE__ */ React.createElement(IconPlus2, null) }, rest), 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__ */ React.createElement(Button2, __spreadValues({ color: "red", leftSection: /* @__PURE__ */ React.createElement(IconTrash2, null) }, rest), 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__ */ React.createElement(Button2, __spreadValues({ color: "yellow", type: "submit", leftSection: /* @__PURE__ */ React.createElement(IconEdit2, null) }, rest), 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__ */ React.createElement(Button2, __spreadValues({ color: "blue", type: "submit", leftSection: /* @__PURE__ */ React.createElement(IconDeviceFloppy2, null) }, rest), 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__ */ React.createElement(Button2, __spreadValues({ color: "green.8", leftSection: /* @__PURE__ */ React.createElement(IconFileImport, null) }, rest), 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__ */ React.createElement(Button2, __spreadValues({ color: "orange.7", leftSection: /* @__PURE__ */ React.createElement(IconPrinter, null) }, rest), children ? children : "In");
   }
   if (crudType == "export") {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({ color: "green.8", leftSection: /* @__PURE__ */ jsx8(IconFileExport, {}) }, rest), { children: children ? children : "In" }));
+    return /* @__PURE__ */ React.createElement(Button2, __spreadValues({ color: "green.8", leftSection: /* @__PURE__ */ React.createElement(IconFileExport, null) }, rest), children ? children : "In");
   }
   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__ */ React.createElement(Button2, __spreadValues({ color: "gray", leftSection: /* @__PURE__ */ React.createElement(IconX, null) }, rest), children ? children : "H\u1EE7y thao t\xE1c");
   }
   if (crudType == "select") {
-    return /* @__PURE__ */ jsx8(Button2, __spreadProps(__spreadValues({}, rest), { children: children ? children : "Ch\u1ECDn" }));
+    return /* @__PURE__ */ React.createElement(Button2, __spreadValues({}, rest), children ? children : "Ch\u1ECDn");
   }
 }
 
@@ -243,7 +216,6 @@ 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";
 function MyActionIconModal(_a) {
   var _b = _a, {
     fullScreen = false,
@@ -263,89 +235,73 @@ function MyActionIconModal(_a) {
     "icon"
   ]);
   if (crudType == "default") {
-    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(
-        Modal2,
-        {
-          fullScreen,
-          size: modalSize,
-          title,
-          opened: disclosure == null ? void 0 : disclosure[0],
-          onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx9(MyFlexColumn, { children })
-        }
-      )
-    ] });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), icon), /* @__PURE__ */ React.createElement(
+      Modal2,
+      {
+        fullScreen,
+        size: modalSize,
+        title,
+        opened: disclosure == null ? void 0 : disclosure[0],
+        onClose: disclosure[1].close
+      },
+      /* @__PURE__ */ React.createElement(MyFlexColumn, null, 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(
-        Modal2,
-        {
-          fullScreen,
-          size: modalSize,
-          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 })
-        }
-      )
-    ] });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open }, rest), icon ? icon : /* @__PURE__ */ React.createElement(IconPlus3, null)), /* @__PURE__ */ React.createElement(
+      Modal2,
+      {
+        fullScreen,
+        size: modalSize,
+        title: title ? title : "T\u1EA1o d\u1EEF li\u1EC7u m\u1EDBi",
+        opened: disclosure == null ? void 0 : disclosure[0],
+        onClose: disclosure[1].close
+      },
+      /* @__PURE__ */ React.createElement(MyFlexColumn, null, 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(
-        Modal2,
-        {
-          fullScreen,
-          size: modalSize,
-          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 })
-        }
-      )
-    ] });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow" }, rest), icon ? icon : /* @__PURE__ */ React.createElement(IconEdit3, null)), /* @__PURE__ */ React.createElement(
+      Modal2,
+      {
+        fullScreen,
+        size: modalSize,
+        title: title ? title : "S\u1EEDa d\u1EEF li\u1EC7u",
+        opened: disclosure == null ? void 0 : disclosure[0],
+        onClose: disclosure[1].close
+      },
+      /* @__PURE__ */ React.createElement(MyFlexColumn, null, 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(
-        Modal2,
-        {
-          fullScreen,
-          size: modalSize,
-          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 })
-        }
-      )
-    ] });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red" }, rest), icon ? icon : /* @__PURE__ */ React.createElement(IconTrash3, null)), /* @__PURE__ */ React.createElement(
+      Modal2,
+      {
+        fullScreen,
+        size: modalSize,
+        title: title ? title : "X\xF3a d\u1EEF li\u1EC7u",
+        opened: disclosure == null ? void 0 : disclosure[0],
+        onClose: disclosure[1].close
+      },
+      /* @__PURE__ */ React.createElement(MyFlexColumn, null, 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(
-        Modal2,
-        {
-          fullScreen,
-          size: modalSize,
-          title: title ? title : "Ki\u1EC3m tra",
-          opened: disclosure == null ? void 0 : disclosure[0],
-          onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx9(MyFlexColumn, { children })
-        }
-      )
-    ] });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green" }, rest), icon ? icon : /* @__PURE__ */ React.createElement(IconTrash3, null)), /* @__PURE__ */ React.createElement(
+      Modal2,
+      {
+        fullScreen,
+        size: modalSize,
+        title: title ? title : "Ki\u1EC3m tra",
+        opened: disclosure == null ? void 0 : disclosure[0],
+        onClose: disclosure[1].close
+      },
+      /* @__PURE__ */ React.createElement(MyFlexColumn, null, children)
+    ));
   }
 }
 
 // src/components/ActionIcons/ActionIconCRUD/MyActionIconDelete.tsx
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 function MyActionIconDelete(_a) {
   var _b = _a, {
     onSubmit,
@@ -383,52 +339,45 @@ function MyActionIconDelete(_a) {
     loadingState[1](true);
     mutation.mutate();
   }
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ React.createElement(
     MyActionIconModal,
-    __spreadProps(__spreadValues({
+    __spreadValues({
       disclosure: disc,
       crudType: "delete"
-    }, rest), {
-      children: [
-        /* @__PURE__ */ jsx10(
-          Highlight,
-          {
-            highlight: contextData || [],
-            color: "red.6",
-            highlightStyles: {
-              fontWeight: 700,
-              WebkitBackgroundClip: "text",
-              WebkitTextFillColor: "transparent"
-            },
-            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__ */ jsxs4(Group, { grow: true, children: [
-          /* @__PURE__ */ jsx10(
-            MyButton,
-            {
-              crudType: "delete",
-              onClick: handleCLick,
-              loading: loadingState[0]
-            }
-          ),
-          /* @__PURE__ */ jsx10(
-            MyButton,
-            {
-              crudType: "cancel",
-              onClick: disc[1].close
-            }
-          )
-        ] })
-      ]
-    })
+    }, rest),
+    /* @__PURE__ */ React.createElement(
+      Highlight,
+      {
+        highlight: contextData || [],
+        color: "red.6",
+        highlightStyles: {
+          fontWeight: 700,
+          WebkitBackgroundClip: "text",
+          WebkitTextFillColor: "transparent"
+        }
+      },
+      `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__ */ React.createElement(Group, { grow: true }, /* @__PURE__ */ React.createElement(
+      MyButton,
+      {
+        crudType: "delete",
+        onClick: handleCLick,
+        loading: loadingState[0]
+      }
+    ), /* @__PURE__ */ React.createElement(
+      MyButton,
+      {
+        crudType: "cancel",
+        onClick: disc[1].close
+      }
+    ))
   );
 }
 
 // src/components/ActionIcons/ActionIconCRUD/MyActionIconUpdate.tsx
 import { useDisclosure as useDisclosure3 } from "@mantine/hooks";
 import { useMutation as useMutation2, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 function MyActionIconUpdate(_a) {
   var _b = _a, {
     form,
@@ -461,20 +410,16 @@ function MyActionIconUpdate(_a) {
       if (onError) onError();
     }
   });
-  return /* @__PURE__ */ jsx11(MyActionIconModal, __spreadProps(__spreadValues({ disclosure: disc, crudType: "update" }, rest), { children: /* @__PURE__ */ jsx11("form", { onSubmit: form.onSubmit((values) => {
+  return /* @__PURE__ */ React.createElement(MyActionIconModal, __spreadValues({ disclosure: disc, crudType: "update" }, rest), /* @__PURE__ */ React.createElement("form", { onSubmit: form.onSubmit((values) => {
     mutation.mutate(values);
-  }), children: /* @__PURE__ */ jsxs5(MyFlexColumn, { children: [
-    children,
-    /* @__PURE__ */ jsx11(MyButton, { type: "submit", crudType: "save" })
-  ] }) }) }));
+  }) }, /* @__PURE__ */ React.createElement(MyFlexColumn, null, children, /* @__PURE__ */ React.createElement(MyButton, { type: "submit", crudType: "save" }))));
 }
 
 // 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";
 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__ */ React.createElement(Tooltip2, { label: "Nh\u1EA5p \u0111\u1EC3 t\u1EA3i xu\u1ED1ng" }, /* @__PURE__ */ React.createElement(ActionIcon4, { onClick: async () => await utils_pdf_download(pdfLink), color: "red" }, /* @__PURE__ */ React.createElement(IconDownload, null)));
 }
 
 // src/components/ActionIcons/ActionIconUpload/MyActionIconUpload.tsx
@@ -482,19 +427,18 @@ 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";
 function MyActionIconUpload() {
   const openRef = useRef(null);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ React.createElement(
     Dropzone,
     {
       openRef,
       onDrop: () => {
       },
       radius: "md",
-      accept: [MIME_TYPES.pdf],
-      children: /* @__PURE__ */ jsx13(ActionIcon5, { children: /* @__PURE__ */ jsx13(IconCloudUpload, {}) })
-    }
+      accept: [MIME_TYPES.pdf]
+    },
+    /* @__PURE__ */ React.createElement(ActionIcon5, null, /* @__PURE__ */ React.createElement(IconCloudUpload, null))
   );
 }
 
@@ -503,47 +447,40 @@ 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";
 function MyActionIconViewPDF(_a) {
   var _b = _a, { modalSize = "80%", pdfLink = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2021/07/17-bgd.signed.pdf" } = _b, rest = __objRest(_b, ["modalSize", "pdfLink"]);
   const disc = useDisclosure4(false);
   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(
-      Modal3,
-      {
-        fullScreen: fullScreen[0],
-        opened: disc[0],
-        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(
-            ActionIcon6,
-            {
-              onClick: () => {
-                fullScreen[1](false);
-                hSize[1]("80vh");
-              },
-              children: /* @__PURE__ */ jsx14(IconMinimize, {})
-            }
-          ) : /* @__PURE__ */ jsx14(
-            ActionIcon6,
-            {
-              onClick: () => {
-                fullScreen[1](true);
-                hSize[1]("90vh");
-              },
-              children: /* @__PURE__ */ jsx14(IconMaximize, {})
-            }
-          )
-        ] }),
-        children: /* @__PURE__ */ jsx14(Paper, { h: hSize[0], p: "lg", children: /* @__PURE__ */ jsx14("iframe", { src: pdfLink, width: "100%", height: "100%" }) })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip3, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }, /* @__PURE__ */ React.createElement(ActionIcon6, __spreadValues({ color: "cyan", onClick: disc[1].open }, rest), /* @__PURE__ */ React.createElement(IconLivePhoto, null))), /* @__PURE__ */ React.createElement(
+    Modal3,
+    {
+      fullScreen: fullScreen[0],
+      opened: disc[0],
+      onClose: disc[1].close,
+      size: modalSize,
+      title: /* @__PURE__ */ React.createElement(Group2, null, /* @__PURE__ */ React.createElement(Text3, null, "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp"), fullScreen[0] ? /* @__PURE__ */ React.createElement(
+        ActionIcon6,
+        {
+          onClick: () => {
+            fullScreen[1](false);
+            hSize[1]("80vh");
+          }
+        },
+        /* @__PURE__ */ React.createElement(IconMinimize, null)
+      ) : /* @__PURE__ */ React.createElement(
+        ActionIcon6,
+        {
+          onClick: () => {
+            fullScreen[1](true);
+            hSize[1]("90vh");
+          }
+        },
+        /* @__PURE__ */ React.createElement(IconMaximize, null)
+      ))
+    },
+    /* @__PURE__ */ React.createElement(Paper, { h: hSize[0], p: "lg" }, /* @__PURE__ */ React.createElement("iframe", { src: pdfLink, width: "100%", height: "100%" }))
+  ));
 }
 
 // src/components/ActionIcons/SwitchTheme/MySwitchTheme.tsx
@@ -555,23 +492,20 @@ import cx from "clsx";
 var css_default = {};
 
 // src/components/ActionIcons/SwitchTheme/MySwitchTheme.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 function MySwitchTheme() {
   const { setColorScheme } = useMantineColorScheme();
   const computedColorScheme = useComputedColorScheme("light", { getInitialValueInEffect: true });
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ React.createElement(
     ActionIcon7,
     {
       onClick: () => setColorScheme(computedColorScheme === "light" ? "dark" : "light"),
       variant: "default",
       size: "lg",
       radius: "md",
-      "aria-label": "Toggle color scheme",
-      children: [
-        /* @__PURE__ */ jsx15(IconSun, { className: cx(css_default.icon, css_default.light), stroke: 1.5 }),
-        /* @__PURE__ */ jsx15(IconMoon, { className: cx(css_default.icon, css_default.dark), stroke: 1.5 })
-      ]
-    }
+      "aria-label": "Toggle color scheme"
+    },
+    /* @__PURE__ */ React.createElement(IconSun, { className: cx(css_default.icon, css_default.light), stroke: 1.5 }),
+    /* @__PURE__ */ React.createElement(IconMoon, { className: cx(css_default.icon, css_default.dark), stroke: 1.5 })
   );
 }
 
@@ -580,7 +514,6 @@ import { Spotlight, spotlight } from "@mantine/spotlight";
 import { IconSearch } from "@tabler/icons-react";
 import { usePathname, useRouter } from "next/navigation";
 import { useMemo, useState as useState4 } from "react";
-import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 function convertMenuToSpotlightActions(items, router, parentPath = "", sideBarStore, pathName) {
   let actions = [];
   items.forEach((item) => {
@@ -616,7 +549,7 @@ function MyAppSpotlight({ menu }) {
     [menu, router, sideBarStore]
     // Add sideBarStore to the dependency array
   );
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ React.createElement(
     Spotlight,
     {
       actions: spotlightActions,
@@ -628,14 +561,14 @@ function MyAppSpotlight({ menu }) {
       nothingFound: "Kh\xF4ng t\xECm th\u1EA5y trang",
       highlightQuery: true,
       searchProps: {
-        leftSection: /* @__PURE__ */ jsx16(IconSearch, { stroke: 1.5 }),
+        leftSection: /* @__PURE__ */ React.createElement(IconSearch, { stroke: 1.5 }),
         placeholder: "T\xECm ki\u1EBFm trang..."
       }
     }
   );
 }
 function SpotlightTrigger() {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ React.createElement(
     "button",
     {
       onClick: spotlight.open,
@@ -646,12 +579,10 @@ function SpotlightTrigger() {
         display: "flex",
         alignItems: "center",
         gap: "8px"
-      },
-      children: [
-        /* @__PURE__ */ jsx16(IconSearch, { stroke: 1.5 }),
-        "T\xECm ki\u1EBFm (Ctrl + K)"
-      ]
-    }
+      }
+    },
+    /* @__PURE__ */ React.createElement(IconSearch, { stroke: 1.5 }),
+    "T\xECm ki\u1EBFm (Ctrl + K)"
   );
 }
 
@@ -660,46 +591,39 @@ import { ActionIcon as ActionIcon8, Anchor, Group as Group3, Modal as Modal4, Pa
 import { useDisclosure as useDisclosure5 } from "@mantine/hooks";
 import { IconMaximize as IconMaximize2, IconMinimize as IconMinimize2 } from "@tabler/icons-react";
 import { useState as useState5 } from "react";
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 function MyAnchorViewPDF({ label, pdfLink }) {
   const disc = useDisclosure5(false);
   const fullScreen = useState5(false);
   const hSize = useState5("80vh");
-  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
-    /* @__PURE__ */ jsx17(Anchor, { onClick: disc[1].open, children: label }),
-    /* @__PURE__ */ jsx17(
-      Modal4,
-      {
-        fullScreen: fullScreen[0],
-        opened: disc[0],
-        onClose: disc[1].close,
-        size: "80%",
-        title: /* @__PURE__ */ jsxs9(Group3, { children: [
-          /* @__PURE__ */ jsx17(Text4, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
-          fullScreen[0] ? /* @__PURE__ */ jsx17(
-            ActionIcon8,
-            {
-              onClick: () => {
-                fullScreen[1](false);
-                hSize[1]("80vh");
-              },
-              children: /* @__PURE__ */ jsx17(IconMinimize2, {})
-            }
-          ) : /* @__PURE__ */ jsx17(
-            ActionIcon8,
-            {
-              onClick: () => {
-                fullScreen[1](true);
-                hSize[1]("90vh");
-              },
-              children: /* @__PURE__ */ jsx17(IconMaximize2, {})
-            }
-          )
-        ] }),
-        children: /* @__PURE__ */ jsx17(Paper2, { h: hSize[0], children: /* @__PURE__ */ jsx17("iframe", { src: pdfLink, width: "100%", height: "100%" }) })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Anchor, { onClick: disc[1].open }, label), /* @__PURE__ */ React.createElement(
+    Modal4,
+    {
+      fullScreen: fullScreen[0],
+      opened: disc[0],
+      onClose: disc[1].close,
+      size: "80%",
+      title: /* @__PURE__ */ React.createElement(Group3, null, /* @__PURE__ */ React.createElement(Text4, null, "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp"), fullScreen[0] ? /* @__PURE__ */ React.createElement(
+        ActionIcon8,
+        {
+          onClick: () => {
+            fullScreen[1](false);
+            hSize[1]("80vh");
+          }
+        },
+        /* @__PURE__ */ React.createElement(IconMinimize2, null)
+      ) : /* @__PURE__ */ React.createElement(
+        ActionIcon8,
+        {
+          onClick: () => {
+            fullScreen[1](true);
+            hSize[1]("90vh");
+          }
+        },
+        /* @__PURE__ */ React.createElement(IconMaximize2, null)
+      ))
+    },
+    /* @__PURE__ */ React.createElement(Paper2, { h: hSize[0] }, /* @__PURE__ */ React.createElement("iframe", { src: pdfLink, width: "100%", height: "100%" }))
+  ));
 }
 
 // src/components/Buttons/ButtonCRUD/AQButtonCreateByImportFile.tsx
@@ -712,7 +636,6 @@ import * as XLSX from "xlsx";
 // src/components/Buttons/ButtonModal/MyButtonModal.tsx
 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 Fragment5, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 function MyButtonModal(_a) {
   var _b = _a, {
     fullScreen = false,
@@ -735,89 +658,73 @@ function MyButtonModal(_a) {
   ]);
   const objectNameLower = objectName == null ? void 0 : objectName.toLowerCase();
   if (crudType == "default") {
-    return /* @__PURE__ */ jsxs10(Fragment5, { children: [
-      /* @__PURE__ */ jsx18(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), { children: label })),
-      /* @__PURE__ */ jsx18(
-        Modal5,
-        {
-          fullScreen,
-          size: modalSize,
-          title,
-          opened: disclosure == null ? void 0 : disclosure[0],
-          onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx18(MyFlexColumn, { children })
-        }
-      )
-    ] });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), label), /* @__PURE__ */ React.createElement(
+      Modal5,
+      {
+        fullScreen,
+        size: modalSize,
+        title,
+        opened: disclosure == null ? void 0 : disclosure[0],
+        onClose: disclosure[1].close
+      },
+      /* @__PURE__ */ React.createElement(MyFlexColumn, null, children)
+    ));
   }
   if (crudType == "create") {
-    return /* @__PURE__ */ jsxs10(Fragment5, { children: [
-      /* @__PURE__ */ jsx18(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, leftSection: /* @__PURE__ */ jsx18(IconPlus4, {}) }, rest), { children: label ? label : `Th\xEAm` })),
-      /* @__PURE__ */ jsx18(
-        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__ */ jsx18(MyFlexColumn, { children })
-        }
-      )
-    ] });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, leftSection: /* @__PURE__ */ React.createElement(IconPlus4, null) }, rest), label ? label : `Th\xEAm`), /* @__PURE__ */ React.createElement(
+      Modal5,
+      {
+        fullScreen,
+        size: modalSize,
+        title: title ? title : `T\u1EA1o ${objectNameLower} m\u1EDBi`,
+        opened: disclosure == null ? void 0 : disclosure[0],
+        onClose: disclosure[1].close
+      },
+      /* @__PURE__ */ React.createElement(MyFlexColumn, null, children)
+    ));
   }
   if (crudType == "createMultiple") {
-    return /* @__PURE__ */ jsxs10(Fragment5, { children: [
-      /* @__PURE__ */ jsx18(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green", leftSection: /* @__PURE__ */ jsx18(IconPlus4, {}) }, rest), { children: label ? label : `Import ${objectNameLower}` })),
-      /* @__PURE__ */ jsx18(
-        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__ */ jsx18(MyFlexColumn, { children })
-        }
-      )
-    ] });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green", leftSection: /* @__PURE__ */ React.createElement(IconPlus4, null) }, rest), label ? label : `Import ${objectNameLower}`), /* @__PURE__ */ React.createElement(
+      Modal5,
+      {
+        fullScreen,
+        size: modalSize,
+        title: title ? title : `Th\xEAm danh s\xE1ch ${objectNameLower}`,
+        opened: disclosure == null ? void 0 : disclosure[0],
+        onClose: disclosure[1].close
+      },
+      /* @__PURE__ */ React.createElement(MyFlexColumn, null, children)
+    ));
   }
   if (crudType == "update") {
-    return /* @__PURE__ */ jsxs10(Fragment5, { children: [
-      /* @__PURE__ */ jsx18(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow", leftSection: /* @__PURE__ */ jsx18(IconEdit4, {}) }, rest), { children: label ? label : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}` })),
-      /* @__PURE__ */ jsx18(
-        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__ */ jsx18(MyFlexColumn, { children })
-        }
-      )
-    ] });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow", leftSection: /* @__PURE__ */ React.createElement(IconEdit4, null) }, rest), label ? label : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}`), /* @__PURE__ */ React.createElement(
+      Modal5,
+      {
+        fullScreen,
+        size: modalSize,
+        title: title ? title : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}`,
+        opened: disclosure == null ? void 0 : disclosure[0],
+        onClose: disclosure[1].close
+      },
+      /* @__PURE__ */ React.createElement(MyFlexColumn, null, children)
+    ));
   }
   if (crudType == "delete") {
-    return /* @__PURE__ */ jsxs10(Fragment5, { children: [
-      /* @__PURE__ */ jsx18(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red", leftSection: /* @__PURE__ */ jsx18(IconTrash4, {}) }, rest), { children: label ? label : `X\xF3a ${objectNameLower}` })),
-      /* @__PURE__ */ jsx18(
-        Modal5,
-        {
-          fullScreen,
-          size: modalSize,
-          title: title ? title : `X\xF3a ${objectNameLower}`,
-          opened: disclosure == null ? void 0 : disclosure[0],
-          onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx18(MyFlexColumn, { children })
-        }
-      )
-    ] });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red", leftSection: /* @__PURE__ */ React.createElement(IconTrash4, null) }, rest), label ? label : `X\xF3a ${objectNameLower}`), /* @__PURE__ */ React.createElement(
+      Modal5,
+      {
+        fullScreen,
+        size: modalSize,
+        title: title ? title : `X\xF3a ${objectNameLower}`,
+        opened: disclosure == null ? void 0 : disclosure[0],
+        onClose: disclosure[1].close
+      },
+      /* @__PURE__ */ React.createElement(MyFlexColumn, null, children)
+    ));
   }
 }
 
 // src/components/Buttons/ButtonCRUD/AQButtonCreateByImportFile.tsx
-import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
 function AQButtonCreateByImportFile(_a) {
   var _b = _a, {
     form,
@@ -866,29 +773,25 @@ function AQButtonCreateByImportFile(_a) {
     };
     reader.readAsArrayBuffer(file);
   };
-  return /* @__PURE__ */ jsx19(MyButtonModal, __spreadProps(__spreadValues({ disclosure: disc, crudType: "createMultiple" }, rest), { children: /* @__PURE__ */ jsx19("form", { onSubmit: form.onSubmit((values) => {
-  }), children: /* @__PURE__ */ jsxs11(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx19(
-      FileInput,
-      {
-        leftSection: /* @__PURE__ */ jsx19(IconFileTypeXls, {}),
-        accept: ".xlsx",
-        description: "\u0110\u1ECBnh d\u1EA1ng h\u1EE3p l\u1EC7: .xlsx",
-        label: "Ch\u1ECDn file",
-        onChange: handleFileChange,
-        clearable: true,
-        placeholder: "Ch\u1ECDn file"
-      }
-    ),
-    /* @__PURE__ */ jsx19(MyButton, { type: "submit", crudType: "createMultiple" })
-  ] }) }) }));
+  return /* @__PURE__ */ React.createElement(MyButtonModal, __spreadValues({ disclosure: disc, crudType: "createMultiple" }, rest), /* @__PURE__ */ React.createElement("form", { onSubmit: form.onSubmit((values) => {
+  }) }, /* @__PURE__ */ React.createElement(MyFlexColumn, null, /* @__PURE__ */ React.createElement(
+    FileInput,
+    {
+      leftSection: /* @__PURE__ */ React.createElement(IconFileTypeXls, null),
+      accept: ".xlsx",
+      description: "\u0110\u1ECBnh d\u1EA1ng h\u1EE3p l\u1EC7: .xlsx",
+      label: "Ch\u1ECDn file",
+      onChange: handleFileChange,
+      clearable: true,
+      placeholder: "Ch\u1ECDn file"
+    }
+  ), /* @__PURE__ */ React.createElement(MyButton, { type: "submit", crudType: "createMultiple" }))));
 }
 
 // src/components/Buttons/ButtonCRUD/AQButtonExportData.tsx
 import { Button as Button4 } from "@mantine/core";
 import { IconDownload as IconDownload2 } from "@tabler/icons-react";
 import * as XLSX2 from "xlsx";
-import { jsx as jsx20 } from "react/jsx-runtime";
 function AQButtonExportData({
   isAllData,
   objectName,
@@ -914,7 +817,7 @@ function AQButtonExportData({
     XLSX2.utils.book_append_sheet(workbook, worksheet, "Exported Data");
     XLSX2.writeFile(workbook, `${objectName}.xlsx`);
   };
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ React.createElement(
     Button4,
     {
       disabled: data.length === 0,
@@ -924,16 +827,15 @@ function AQButtonExportData({
         event.preventDefault();
         handleExport();
       },
-      leftSection: /* @__PURE__ */ jsx20(IconDownload2, {}),
-      children: "Export"
-    }
+      leftSection: /* @__PURE__ */ React.createElement(IconDownload2, null)
+    },
+    "Export"
   );
 }
 
 // src/components/Buttons/ButtonCRUD/MyButtonCreate.tsx
 import { useDisclosure as useDisclosure7 } from "@mantine/hooks";
 import { useMutation as useMutation4, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 function MyButtonCreate(_a) {
   var _b = _a, {
     form,
@@ -976,12 +878,9 @@ function MyButtonCreate(_a) {
       if (onError) onError();
     }
   });
-  return /* @__PURE__ */ jsx21(MyButtonModal, __spreadProps(__spreadValues({ disclosure, crudType: "create" }, rest), { children: /* @__PURE__ */ jsx21("form", { onSubmit: form.onSubmit((values) => {
+  return /* @__PURE__ */ React.createElement(MyButtonModal, __spreadValues({ disclosure, crudType: "create" }, rest), /* @__PURE__ */ React.createElement("form", { onSubmit: form.onSubmit((values) => {
     mutation.mutate(values);
-  }), children: /* @__PURE__ */ jsxs12(MyFlexColumn, { children: [
-    children,
-    /* @__PURE__ */ jsx21(MyButton, { type: "submit", crudType: "save" })
-  ] }) }) }));
+  }) }, /* @__PURE__ */ React.createElement(MyFlexColumn, null, children, /* @__PURE__ */ React.createElement(MyButton, { type: "submit", crudType: "save" }))));
 }
 
 // src/components/Buttons/ButtonImport/MyButtonImport.tsx
@@ -990,18 +889,16 @@ import { IconFileImport as IconFileImport2 } from "@tabler/icons-react";
 
 // src/components/Combobox/Select/MySelect.tsx
 import { Select } from "@mantine/core";
-import { jsx as jsx22 } from "react/jsx-runtime";
 function MySelect(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx22(Select, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ React.createElement(Select, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Layouts/FlexEnd/MyFlexEnd.tsx
 import { Group as Group4 } from "@mantine/core";
-import { jsx as jsx23 } from "react/jsx-runtime";
 function MyFlexEnd(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx23(Group4, __spreadProps(__spreadValues({ justify: "end", mt: "md" }, rest), { children }));
+  return /* @__PURE__ */ React.createElement(Group4, __spreadValues({ justify: "end", mt: "md" }, rest), children);
 }
 
 // src/components/Buttons/ButtonImport/SelectFieldModal.tsx
@@ -1159,106 +1056,69 @@ function useS_ButtonImport() {
 }
 
 // src/components/Buttons/ButtonImport/SelectFieldModal.tsx
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 function SelectFieldModal({ stack, onImport }) {
   var _a, _b;
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ jsxs13(Modal6, __spreadProps(__spreadValues({ fullScreen: true }, stack.register("select-field-page")), { title: "Import", children: [
-    /* @__PURE__ */ jsxs13(SimpleGrid, { cols: { base: 1, lg: 2 }, children: [
-      /* @__PURE__ */ jsxs13(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin", children: [
-        /* @__PURE__ */ jsxs13(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
-          /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx24(Space2, {}),
-        /* @__PURE__ */ jsx24(Group5, { children: /* @__PURE__ */ jsx24(
-          Button5,
-          {
-            onClick: () => {
-              store.changeAllSelected(true);
-            },
-            leftSection: /* @__PURE__ */ jsx24(IconArrowBigRight, {}),
-            children: "Chuy\u1EC3n t\u1EA5t c\u1EA3"
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ jsxs13(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin \u0111\u01B0\u1EE3c ch\u1ECDn", children: [
-        /* @__PURE__ */ jsxs13(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
-          /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx24(Space2, {}),
-        /* @__PURE__ */ jsx24(
-          Button5,
-          {
-            onClick: () => {
-              store.changeAllSelected(false);
-            },
-            leftSection: /* @__PURE__ */ jsx24(IconArrowBigLeft, {}),
-            children: "Chuy\u1EC3n t\u1EA5t c\u1EA3 v\u1EC1"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx24(Divider, {}),
-    /* @__PURE__ */ jsxs13(MyFlexEnd, { children: [
-      /* @__PURE__ */ jsx24(
-        Button5,
-        {
-          leftSection: /* @__PURE__ */ jsx24(IconArrowBackUp, {}),
-          onClick: () => stack.close("select-field-page"),
-          color: "gray.7",
-          children: "Quay l\u1EA1i"
-        }
-      ),
-      /* @__PURE__ */ jsx24(
-        Button5,
-        {
-          color: "blue.8",
-          leftSection: /* @__PURE__ */ jsx24(IconArrowBigRight, {}),
-          onClick: onImport,
-          children: "Ti\u1EBFp t\u1EE5c / Import"
-        }
-      ),
-      /* @__PURE__ */ jsx24(
-        Button5,
-        {
-          leftSection: /* @__PURE__ */ jsx24(IconSquareRoundedX, {}),
-          onClick: () => stack.closeAll(),
-          color: "red.6",
-          children: "\u0110\xF3ng"
-        }
-      )
-    ] })
-  ] }));
+  return /* @__PURE__ */ React.createElement(Modal6, __spreadProps(__spreadValues({ fullScreen: true }, stack.register("select-field-page")), { title: "Import" }), /* @__PURE__ */ React.createElement(SimpleGrid, { cols: { base: 1, lg: 2 } }, /* @__PURE__ */ React.createElement(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin" }, /* @__PURE__ */ React.createElement(Table, { stickyHeader: true, stickyHeaderOffset: 60 }, /* @__PURE__ */ React.createElement(Table.Thead, { bg: "cyan" }, /* @__PURE__ */ React.createElement(Table.Tr, null, /* @__PURE__ */ React.createElement(Table.Th, null, "M\xE3 field"), /* @__PURE__ */ React.createElement(Table.Th, null, "T\xEAn field"))), /* @__PURE__ */ React.createElement(Table.Tbody, null, (_a = store.state.fieldConfig) == null ? void 0 : _a.filter((item) => item.isSelected == false || item.isSelected == void 0).map((item, idx) => /* @__PURE__ */ React.createElement(
+    Table.Tr,
+    {
+      key: idx,
+      style: { cursor: "pointer" }
+    },
+    /* @__PURE__ */ React.createElement(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true) }, item.fieldKey.toString()),
+    /* @__PURE__ */ React.createElement(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true) }, item.fieldName)
+  )))), /* @__PURE__ */ React.createElement(Space2, null), /* @__PURE__ */ React.createElement(Group5, null, /* @__PURE__ */ React.createElement(
+    Button5,
+    {
+      onClick: () => {
+        store.changeAllSelected(true);
+      },
+      leftSection: /* @__PURE__ */ React.createElement(IconArrowBigRight, null)
+    },
+    "Chuy\u1EC3n t\u1EA5t c\u1EA3"
+  ))), /* @__PURE__ */ React.createElement(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin \u0111\u01B0\u1EE3c ch\u1ECDn" }, /* @__PURE__ */ React.createElement(Table, { stickyHeader: true, stickyHeaderOffset: 60 }, /* @__PURE__ */ React.createElement(Table.Thead, null, /* @__PURE__ */ React.createElement(Table.Tr, null, /* @__PURE__ */ React.createElement(Table.Th, null, "M\xE3 field"), /* @__PURE__ */ React.createElement(Table.Th, null, "T\xEAn field"), /* @__PURE__ */ React.createElement(Table.Th, null, "C\u1ED9t map"))), /* @__PURE__ */ React.createElement(Table.Tbody, null, (_b = store.state.fieldConfig) == null ? void 0 : _b.filter((item) => item.isSelected == true).map((item, idx) => /* @__PURE__ */ React.createElement(
+    Table.Tr,
+    {
+      key: idx,
+      style: { cursor: "pointer" }
+    },
+    /* @__PURE__ */ React.createElement(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false) }, item.fieldKey.toString()),
+    /* @__PURE__ */ React.createElement(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false) }, item.fieldName),
+    /* @__PURE__ */ React.createElement(Table.Td, null, /* @__PURE__ */ React.createElement(MySelect, { data: store.state.title, value: item.fieldToMap, onChange: (e4) => store.setFieldToMap(item.fieldKey.toString(), e4) }))
+  )))), /* @__PURE__ */ React.createElement(Space2, null), /* @__PURE__ */ React.createElement(
+    Button5,
+    {
+      onClick: () => {
+        store.changeAllSelected(false);
+      },
+      leftSection: /* @__PURE__ */ React.createElement(IconArrowBigLeft, null)
+    },
+    "Chuy\u1EC3n t\u1EA5t c\u1EA3 v\u1EC1"
+  ))), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(MyFlexEnd, null, /* @__PURE__ */ React.createElement(
+    Button5,
+    {
+      leftSection: /* @__PURE__ */ React.createElement(IconArrowBackUp, null),
+      onClick: () => stack.close("select-field-page"),
+      color: "gray.7"
+    },
+    "Quay l\u1EA1i"
+  ), /* @__PURE__ */ React.createElement(
+    Button5,
+    {
+      color: "blue.8",
+      leftSection: /* @__PURE__ */ React.createElement(IconArrowBigRight, null),
+      onClick: onImport
+    },
+    "Ti\u1EBFp t\u1EE5c / Import"
+  ), /* @__PURE__ */ React.createElement(
+    Button5,
+    {
+      leftSection: /* @__PURE__ */ React.createElement(IconSquareRoundedX, null),
+      onClick: () => stack.closeAll(),
+      color: "red.6"
+    },
+    "\u0110\xF3ng"
+  )));
 }
 
 // src/components/DataDisplay/DataTable/MyDataTable.tsx
@@ -1271,7 +1131,6 @@ import {
 } from "mantine-react-table";
 import { MRT_Localization_VI } from "mantine-react-table/locales/vi/index.cjs";
 import { useEffect as useEffect3 } from "react";
-import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 function formatData(data, formats) {
   return data.map((row) => {
     const transformedRow = {};
@@ -1312,19 +1171,16 @@ function MyDataTable(_a) {
     columns,
     data,
     renderTopToolbarCustomActions: ({ table: table2 }) => {
-      return /* @__PURE__ */ jsxs14(Group6, { children: [
-        renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table: table2 }),
-        exportAble && /* @__PURE__ */ jsx25(Fragment6, { children: /* @__PURE__ */ jsx25(
-          Button6,
-          {
-            color: "green.8",
-            onClick: () => handleExport(table2.getSelectedRowModel().rows),
-            leftSection: /* @__PURE__ */ jsx25(IconDownload3, {}),
-            variant: "filled",
-            children: "Export"
-          }
-        ) })
-      ] });
+      return /* @__PURE__ */ React.createElement(Group6, null, renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table: table2 }), exportAble && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        Button6,
+        {
+          color: "green.8",
+          onClick: () => handleExport(table2.getSelectedRowModel().rows),
+          leftSection: /* @__PURE__ */ React.createElement(IconDownload3, null),
+          variant: "filled"
+        },
+        "Export"
+      )));
     },
     enableRowNumbers: true,
     enableRowSelection: exportAble,
@@ -1371,131 +1227,110 @@ function MyDataTable(_a) {
     setSelectedRow && setSelectedRow(table.getSelectedRowModel().rows.map((row) => row.original));
   }, [table.getState().rowSelection]);
   if (data == void 0) return;
-  return /* @__PURE__ */ jsx25(MantineReactTable, { table });
+  return /* @__PURE__ */ React.createElement(MantineReactTable, { table });
 }
 
 // src/components/Buttons/ButtonImport/SelectFileModal.tsx
 import { Button as Button7, Fieldset as Fieldset2, FileInput as FileInput2, Modal as Modal7, NumberInput, Select as Select2, SimpleGrid as SimpleGrid2 } from "@mantine/core";
 import { IconArrowBigRight as IconArrowBigRight2, IconSquareRoundedX as IconSquareRoundedX2 } from "@tabler/icons-react";
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 function SelectFileModal({ onExportStructure, stack }) {
   var _a;
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ React.createElement(
     Modal7,
-    __spreadProps(__spreadValues({
+    __spreadValues({
       title: "Import",
       fullScreen: true
-    }, stack.register("select-file-page")), {
-      children: [
-        /* @__PURE__ */ jsx26(
-          FileInput2,
-          {
-            value: store.state.file,
-            onChange: (e4) => store.setProperty("file", e4),
-            label: "File d\u1EEF li\u1EC7u",
-            placeholder: "Ch\u1ECDn file d\u1EEF li\u1EC7u",
-            clearable: true
-          }
-        ),
-        /* @__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",
-              value: store.state.startTitleIndex,
-              onChange: (e4) => store.setProperty("startTitleIndex", e4)
-            }
-          ),
-          /* @__PURE__ */ jsx26(
-            NumberInput,
-            {
-              label: "D\xF2ng d\u1EEF li\u1EC7u b\u1EAFt \u0111\u1EA7u t\u1EEB",
-              value: store.state.startDataIndex,
-              onChange: (e4) => store.setProperty("startDataIndex", e4)
-            }
-          ),
-          /* @__PURE__ */ jsx26(
-            Select2,
-            {
-              readOnly: true,
-              label: "\u0110\u1ECBnh d\u1EA1ng s\u1ED1",
-              data: ["100.000"],
-              defaultValue: "100.000"
-            }
-          ),
-          /* @__PURE__ */ jsx26(
-            Select2,
-            {
-              readOnly: true,
-              label: "\u0110\u1ECBnh d\u1EA1ng ng\xE0y",
-              data: ["dd/MM/yyyy"],
-              defaultValue: "dd/MM/yyyy"
-            }
-          )
-        ] }),
-        /* @__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__ */ jsxs15(MyFlexEnd, { children: [
-          /* @__PURE__ */ jsx26(
-            Button7,
-            {
-              color: "teal.8",
-              onClick: onExportStructure,
-              children: "Xu\u1EA5t file c\u1EA5u tr\xFAc"
-            }
-          ),
-          /* @__PURE__ */ jsx26(
-            Button7,
-            {
-              disabled: ((_a = store.state.data) == null ? void 0 : _a.length) == 0,
-              color: "blue.8",
-              leftSection: /* @__PURE__ */ jsx26(IconArrowBigRight2, {}),
-              onClick: () => stack.open("select-field-page"),
-              children: "Ti\u1EBFp t\u1EE5c"
-            }
-          ),
-          /* @__PURE__ */ jsx26(
-            Button7,
-            {
-              color: "red.6",
-              leftSection: /* @__PURE__ */ jsx26(IconSquareRoundedX2, {}),
-              onClick: stack.closeAll,
-              children: "\u0110\xF3ng"
-            }
-          )
-        ] })
-      ]
-    })
+    }, stack.register("select-file-page")),
+    /* @__PURE__ */ React.createElement(
+      FileInput2,
+      {
+        value: store.state.file,
+        onChange: (e4) => store.setProperty("file", e4),
+        label: "File d\u1EEF li\u1EC7u",
+        placeholder: "Ch\u1ECDn file d\u1EEF li\u1EC7u",
+        clearable: true
+      }
+    ),
+    /* @__PURE__ */ React.createElement(SimpleGrid2, { cols: { base: 1, md: 2, lg: 2, xl: 4 } }, /* @__PURE__ */ React.createElement(
+      NumberInput,
+      {
+        label: "D\xF2ng ti\xEAu \u0111\u1EC1 b\u1EAFt \u0111\u1EA7u t\u1EEB",
+        value: store.state.startTitleIndex,
+        onChange: (e4) => store.setProperty("startTitleIndex", e4)
+      }
+    ), /* @__PURE__ */ React.createElement(
+      NumberInput,
+      {
+        label: "D\xF2ng d\u1EEF li\u1EC7u b\u1EAFt \u0111\u1EA7u t\u1EEB",
+        value: store.state.startDataIndex,
+        onChange: (e4) => store.setProperty("startDataIndex", e4)
+      }
+    ), /* @__PURE__ */ React.createElement(
+      Select2,
+      {
+        readOnly: true,
+        label: "\u0110\u1ECBnh d\u1EA1ng s\u1ED1",
+        data: ["100.000"],
+        defaultValue: "100.000"
+      }
+    ), /* @__PURE__ */ React.createElement(
+      Select2,
+      {
+        readOnly: true,
+        label: "\u0110\u1ECBnh d\u1EA1ng ng\xE0y",
+        data: ["dd/MM/yyyy"],
+        defaultValue: "dd/MM/yyyy"
+      }
+    )),
+    /* @__PURE__ */ React.createElement(Fieldset2, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin trong file d\u1EEF li\u1EC7u" }, store.state.data && /* @__PURE__ */ React.createElement(
+      MyDataTable,
+      {
+        columns: store.columns,
+        data: store.state.data
+      }
+    )),
+    /* @__PURE__ */ React.createElement(MyFlexEnd, null, /* @__PURE__ */ React.createElement(
+      Button7,
+      {
+        color: "teal.8",
+        onClick: onExportStructure
+      },
+      "Xu\u1EA5t file c\u1EA5u tr\xFAc"
+    ), /* @__PURE__ */ React.createElement(
+      Button7,
+      {
+        disabled: ((_a = store.state.data) == null ? void 0 : _a.length) == 0,
+        color: "blue.8",
+        leftSection: /* @__PURE__ */ React.createElement(IconArrowBigRight2, null),
+        onClick: () => stack.open("select-field-page")
+      },
+      "Ti\u1EBFp t\u1EE5c"
+    ), /* @__PURE__ */ React.createElement(
+      Button7,
+      {
+        color: "red.6",
+        leftSection: /* @__PURE__ */ React.createElement(IconSquareRoundedX2, null),
+        onClick: stack.closeAll
+      },
+      "\u0110\xF3ng"
+    ))
   );
 }
 
 // src/components/Buttons/ButtonImport/MyButtonImport.tsx
-import { Fragment as Fragment7, 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__ */ jsxs16(Fragment7, { 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()) })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button8, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ React.createElement(IconFileImport2, null), title: "Import" }, "Import"), /* @__PURE__ */ React.createElement(Modal8.Stack, null, /* @__PURE__ */ React.createElement(SelectFileModal, { stack, onExportStructure }), /* @__PURE__ */ React.createElement(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })));
 }
 
 // src/components/Buttons/ButtonModal/AQSelectTableByOpenModal.tsx
 import { Button as Button9, Fieldset as Fieldset3, Modal as Modal9 } from "@mantine/core";
 import { useDisclosure as useDisclosure8 } from "@mantine/hooks";
-import { Fragment as Fragment8, jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 function AQSelectTableByOpenModal(_a) {
   var _b = _a, {
     setSelectedData,
@@ -1523,40 +1358,36 @@ function AQSelectTableByOpenModal(_a) {
     "closeAfterSelect"
   ]);
   const disclosure = useDisclosure8(false);
-  return /* @__PURE__ */ jsxs17(Fragment8, { children: [
-    /* @__PURE__ */ jsx28(
-      Button9,
-      __spreadProps(__spreadValues({
-        onClick: disclosure[1].open
-      }, rest), {
-        children: label ? label : `Ch\u1ECDn t\u1EEB danh s\xE1ch`
-      })
-    ),
-    /* @__PURE__ */ jsx28(
-      Modal9,
-      {
-        fullScreen,
-        size: modalSize,
-        title,
-        opened: disclosure == null ? void 0 : disclosure[0],
-        onClose: disclosure[1].close,
-        children: /* @__PURE__ */ jsx28(MyFlexColumn, { children: /* @__PURE__ */ jsx28(Fieldset3, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: /* @__PURE__ */ jsx28(
-          MyDataTable,
-          __spreadValues({
-            renderTopToolbarCustomActions: ({ table }) => {
-              return /* @__PURE__ */ jsx28(Button9, { onClick: () => {
-                setSelectedData(table.getSelectedRowModel().rows.map((row) => row.original));
-                closeAfterSelect && disclosure[1].close();
-              }, children: "Ch\u1ECDn" });
-            },
-            enableRowSelection: true,
-            data,
-            columns
-          }, rest)
-        ) }) })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Button9,
+    __spreadValues({
+      onClick: disclosure[1].open
+    }, rest),
+    label ? label : `Ch\u1ECDn t\u1EEB danh s\xE1ch`
+  ), /* @__PURE__ */ React.createElement(
+    Modal9,
+    {
+      fullScreen,
+      size: modalSize,
+      title,
+      opened: disclosure == null ? void 0 : disclosure[0],
+      onClose: disclosure[1].close
+    },
+    /* @__PURE__ */ React.createElement(MyFlexColumn, null, /* @__PURE__ */ React.createElement(Fieldset3, { legend: listLabel ? listLabel : "Danh s\xE1ch" }, /* @__PURE__ */ React.createElement(
+      MyDataTable,
+      __spreadValues({
+        renderTopToolbarCustomActions: ({ table }) => {
+          return /* @__PURE__ */ React.createElement(Button9, { onClick: () => {
+            setSelectedData(table.getSelectedRowModel().rows.map((row) => row.original));
+            closeAfterSelect && disclosure[1].close();
+          } }, "Ch\u1ECDn");
+        },
+        enableRowSelection: true,
+        data,
+        columns
+      }, rest)
+    )))
+  ));
 }
 
 // src/components/Buttons/ButtonPrintPDF/MyButtonPrintPDF.tsx
@@ -1564,7 +1395,6 @@ import { useRef as useRef2 } from "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 Fragment9, jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 function MyButtonPrintPDF(_a) {
   var _b = _a, { contentToPrint } = _b, rest = __objRest(_b, ["contentToPrint"]);
   const printRef = useRef2(null);
@@ -1578,25 +1408,20 @@ function MyButtonPrintPDF(_a) {
     if (!contentToPrint) return;
     handlePrint();
   }
-  return /* @__PURE__ */ jsxs18(Fragment9, { 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: "In"
-      })
-    )
-  ] });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { style: { display: "none" } }, /* @__PURE__ */ React.createElement("div", { ref: printRef }, contentToPrint)), /* @__PURE__ */ React.createElement(
+    Button10,
+    __spreadValues({
+      color: "orange",
+      onClick: handleClick,
+      leftSection: /* @__PURE__ */ React.createElement(IconPrinter2, null)
+    }, rest),
+    "In"
+  ));
 }
 
 // src/components/Layouts/HtmlWrapper/MyHtmlWrapper.tsx
 import { ScrollArea, TypographyStylesProvider } from "@mantine/core";
 import pako from "pako";
-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 = () => {
@@ -1605,33 +1430,129 @@ 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__ */ jsx30(ScrollArea.Autosize, { mah, children: /* @__PURE__ */ jsx30(TypographyStylesProvider, __spreadProps(__spreadValues({}, rest), { children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ React.createElement(ScrollArea.Autosize, { mah }, /* @__PURE__ */ React.createElement(TypographyStylesProvider, __spreadValues({}, rest), /* @__PURE__ */ React.createElement(
     "div",
     {
       dangerouslySetInnerHTML: {
         __html: zip ? extractHtmlFromZip() : html
       }
     }
-  ) })) });
+  )));
 }
 
 // src/components/Buttons/ButtonPrintPDFTable/MyButtonPrintTablePDF.tsx
 import { Box, Table as Table2 } from "@mantine/core";
-import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+function MyButtonPrintTablePDF({
+  printConfig,
+  data
+}) {
+  console.log(printConfig);
+  const formatDate = (date) => {
+    const day = String(date.getDate()).padStart(2, "0");
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const year = date.getFullYear();
+    return `${day}/${month}/${year}`;
+  };
+  const formatValue = (value) => {
+    if (value === void 0 || value === null) {
+      return "";
+    }
+    if (value instanceof Date) {
+      return formatDate(value);
+    }
+    return String(value);
+  };
+  const rows = data == null ? void 0 : data.map((item, index) => {
+    if (!(printConfig == null ? void 0 : printConfig.fields)) return null;
+    return /* @__PURE__ */ React.createElement(Table2.Tr, { key: index }, printConfig.showRowNumbers && /* @__PURE__ */ React.createElement(Table2.Td, { ta: "center", px: "xs", style: { border: "1px solid lightgray" } }, index + 1), printConfig.fields.map((field) => {
+      let value = item[field.fieldName];
+      if (field.formatFunction) {
+        value = field.formatFunction(value, item);
+      } else {
+        value = formatValue(value);
+      }
+      const alignment = field.isCenter === false ? "left" : "center";
+      if (typeof value === "string" && (value.includes("<") || value.includes("&lt;"))) {
+        return /* @__PURE__ */ React.createElement(
+          Table2.Td,
+          {
+            key: field.fieldName,
+            px: "xs",
+            ta: alignment,
+            style: { border: "1px solid lightgray" }
+          },
+          /* @__PURE__ */ React.createElement(MyHtmlWrapper, { html: value })
+        );
+      }
+      if (value === "true") {
+        return /* @__PURE__ */ React.createElement(
+          Table2.Td,
+          {
+            key: field.fieldName,
+            ta: alignment,
+            px: "xs",
+            style: { border: "1px solid lightgray" }
+          },
+          /* @__PURE__ */ React.createElement("input", { type: "checkbox", checked: true, readOnly: true })
+        );
+      }
+      return /* @__PURE__ */ React.createElement(
+        Table2.Td,
+        {
+          key: field.fieldName,
+          ta: alignment,
+          px: "xs",
+          style: { border: "1px solid lightgray" }
+        },
+        value
+      );
+    }));
+  });
+  const renderContent = () => {
+    if (!data || !(printConfig == null ? void 0 : printConfig.fields)) return null;
+    const today = /* @__PURE__ */ new Date();
+    const formattedDate = today.toLocaleDateString("vi-VN", {
+      year: "numeric",
+      month: "long",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+    const tableTitle = (printConfig == null ? void 0 : printConfig.title) || "B\u1EA3ng d\u1EEF li\u1EC7u";
+    return /* @__PURE__ */ React.createElement(Box, { p: "lg" }, /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center", marginTop: "10px", fontStyle: "italic", color: "#666" } }, "Ng\xE0y in: ", formattedDate), /* @__PURE__ */ React.createElement("h2", { style: { textAlign: "center", fontSize: "24px", fontWeight: "bold", marginBottom: "20px" } }, tableTitle), /* @__PURE__ */ React.createElement(Table2, { withColumnBorders: true, highlightOnHover: true, style: { border: "1px solid lightgray" } }, /* @__PURE__ */ React.createElement(Table2.Thead, null, /* @__PURE__ */ React.createElement(Table2.Tr, null, printConfig.showRowNumbers && /* @__PURE__ */ React.createElement(Table2.Th, { style: { border: "1px solid lightgray" }, w: "10%", ta: "center", px: "xs" }, "STT"), printConfig.fields.map((field) => {
+      const alignment = field.isCenter === false ? "left" : "center";
+      return /* @__PURE__ */ React.createElement(
+        Table2.Th,
+        {
+          key: field.fieldName,
+          style: { border: "1px solid lightgray" },
+          ta: alignment,
+          px: "xs"
+        },
+        field.header
+      );
+    }))), /* @__PURE__ */ React.createElement(Table2.Tbody, null, rows)));
+  };
+  return /* @__PURE__ */ React.createElement(
+    MyButtonPrintPDF,
+    {
+      contentToPrint: renderContent()
+    }
+  );
+}
 
 // src/components/Buttons/ButtonRouterBack/MyButtonRouterBack.tsx
 import { Button as Button11 } from "@mantine/core";
 import { IconArrowBack } from "@tabler/icons-react";
 import { useRouter as useRouter2 } from "next/navigation";
-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__ */ jsx32(
+  return /* @__PURE__ */ React.createElement(
     Button11,
-    __spreadProps(__spreadValues({
+    __spreadValues({
       variant: "light",
-      leftSection: /* @__PURE__ */ jsx32(IconArrowBack, { stroke: 2 }),
+      leftSection: /* @__PURE__ */ React.createElement(IconArrowBack, { stroke: 2 }),
       onClick: () => {
         if (url) {
           router.replace(url);
@@ -1639,9 +1560,8 @@ function MyButtonRouterBack(_a) {
         }
         router.back();
       }
-    }, rest), {
-      children: label ? label : "Tr\u1EDF v\u1EC1"
-    })
+    }, rest),
+    label ? label : "Tr\u1EDF v\u1EC1"
   );
 }
 
@@ -1675,7 +1595,6 @@ import { useDisclosure as useDisclosure9 } 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 useState6 } from "react";
-import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 function MyButtonViewPDF({ id, modalSize = "80%", label = "Xem file", src = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2016/07/85.signed.pdf" }) {
   var _a, _b;
   const disc = useDisclosure9(false);
@@ -1688,60 +1607,51 @@ function MyButtonViewPDF({ id, modalSize = "80%", label = "Xem file", src = "htt
     },
     enabled: id != void 0 && disc[0] == true
   });
-  return /* @__PURE__ */ jsxs20(Fragment10, { children: [
-    /* @__PURE__ */ jsx33(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: /* @__PURE__ */ jsx33(Button12, { color: "cyan", onClick: () => {
-      disc[1].open();
-    }, leftSection: /* @__PURE__ */ jsx33(IconLivePhoto2, {}), children: label }) }),
-    /* @__PURE__ */ jsx33(
-      Modal10,
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }, /* @__PURE__ */ React.createElement(Button12, { color: "cyan", onClick: () => {
+    disc[1].open();
+  }, leftSection: /* @__PURE__ */ React.createElement(IconLivePhoto2, null) }, label)), /* @__PURE__ */ React.createElement(
+    Modal10,
+    {
+      fullScreen: fullScreen[0],
+      opened: disc[0],
+      onClose: disc[1].close,
+      size: modalSize,
+      title: /* @__PURE__ */ React.createElement(Group7, null, /* @__PURE__ */ React.createElement(Text5, null, "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp"), fullScreen[0] ? /* @__PURE__ */ React.createElement(
+        ActionIcon9,
+        {
+          onClick: () => {
+            fullScreen[1](false);
+            hSize[1]("80vh");
+          }
+        },
+        /* @__PURE__ */ React.createElement(IconMinimize3, null)
+      ) : /* @__PURE__ */ React.createElement(
+        ActionIcon9,
+        {
+          onClick: () => {
+            fullScreen[1](true);
+            hSize[1]("90vh");
+          }
+        },
+        /* @__PURE__ */ React.createElement(IconMaximize3, null)
+      ))
+    },
+    /* @__PURE__ */ React.createElement(Paper3, { h: hSize[0], p: "lg", pos: "relative" }, /* @__PURE__ */ React.createElement(LoadingOverlay, { visible: query.isLoading, zIndex: 1e3, overlayProps: { radius: "sm", blur: 2 } }), query.data ? /* @__PURE__ */ React.createElement(
+      "iframe",
       {
-        fullScreen: fullScreen[0],
-        opened: disc[0],
-        onClose: disc[1].close,
-        size: modalSize,
-        title: /* @__PURE__ */ jsxs20(Group7, { children: [
-          /* @__PURE__ */ jsx33(Text5, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
-          fullScreen[0] ? /* @__PURE__ */ jsx33(
-            ActionIcon9,
-            {
-              onClick: () => {
-                fullScreen[1](false);
-                hSize[1]("80vh");
-              },
-              children: /* @__PURE__ */ jsx33(IconMinimize3, {})
-            }
-          ) : /* @__PURE__ */ jsx33(
-            ActionIcon9,
-            {
-              onClick: () => {
-                fullScreen[1](true);
-                hSize[1]("90vh");
-              },
-              children: /* @__PURE__ */ jsx33(IconMaximize3, {})
-            }
-          )
-        ] }),
-        children: /* @__PURE__ */ jsxs20(Paper3, { h: hSize[0], p: "lg", pos: "relative", children: [
-          /* @__PURE__ */ jsx33(LoadingOverlay, { visible: query.isLoading, zIndex: 1e3, overlayProps: { radius: "sm", blur: 2 } }),
-          query.data ? /* @__PURE__ */ jsx33(
-            "iframe",
-            {
-              src: `data:application/pdf;base64, ${(_b = (_a = query.data) == null ? void 0 : _a.fileDetail) == null ? void 0 : _b.fileBase64String}`,
-              width: "100%",
-              height: "100%"
-            }
-          ) : /* @__PURE__ */ jsx33(
-            "iframe",
-            {
-              src,
-              width: "100%",
-              height: "100%"
-            }
-          )
-        ] })
+        src: `data:application/pdf;base64, ${(_b = (_a = query.data) == null ? void 0 : _a.fileDetail) == null ? void 0 : _b.fileBase64String}`,
+        width: "100%",
+        height: "100%"
+      }
+    ) : /* @__PURE__ */ React.createElement(
+      "iframe",
+      {
+        src,
+        width: "100%",
+        height: "100%"
       }
-    )
-  ] });
+    ))
+  ));
 }
 
 // node_modules/preact/dist/preact.mjs
@@ -5683,7 +5593,6 @@ import { ScheduleXCalendar, useNextCalendarApp } from "@schedule-x/react";
 import { Paper as Paper4, Text as Text6 } from "@mantine/core";
 import "@schedule-x/theme-default/dist/index.css";
 import { useEffect as useEffect4 } from "react";
-import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
 function MyCalendar() {
   const plugins = [createEventsServicePlugin(), createEventModalPlugin()];
   const calendar = useNextCalendarApp({
@@ -5757,17 +5666,10 @@ function MyCalendar() {
   useEffect4(() => {
     calendar == null ? void 0 : calendar.events.getAll();
   }, []);
-  return /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(ScheduleXCalendar, { calendarApp: calendar, customComponents: {
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ScheduleXCalendar, { calendarApp: calendar, customComponents: {
     timeGridEvent: ({ calendarEvent }) => {
       console.log(calendarEvent);
-      return /* @__PURE__ */ jsx34(Paper4, { h: "100%", bg: calendarEvent.laLichThi ? "violet.2" : "blue.2", p: 4, children: /* @__PURE__ */ jsxs21(MyFlexColumn, { gap: 1, children: [
-        /* @__PURE__ */ jsxs21(Text6, { size: "sm", fw: "bold", children: [
-          calendarEvent.laLichThi ? "(Thi) " : "(H\u1ECDc) ",
-          calendarEvent.title
-        ] }),
-        calendarEvent.laLichThi == false && /* @__PURE__ */ jsx34(Text6, { size: "sm", children: calendarEvent.giangvien }),
-        /* @__PURE__ */ jsx34(Text6, { size: "sm", children: calendarEvent.location })
-      ] }) });
+      return /* @__PURE__ */ React.createElement(Paper4, { h: "100%", bg: calendarEvent.laLichThi ? "violet.2" : "blue.2", p: 4 }, /* @__PURE__ */ React.createElement(MyFlexColumn, { gap: 1 }, /* @__PURE__ */ React.createElement(Text6, { size: "sm", fw: "bold" }, calendarEvent.laLichThi ? "(Thi) " : "(H\u1ECDc) ", calendarEvent.title), calendarEvent.laLichThi == false && /* @__PURE__ */ React.createElement(Text6, { size: "sm" }, calendarEvent.giangvien), /* @__PURE__ */ React.createElement(Text6, { size: "sm" }, calendarEvent.location)));
     }
     // eventModal: ({ calendarEvent }) => {
     //     return (
@@ -5776,36 +5678,32 @@ function MyCalendar() {
     //         </Paper>
     //     )
     // }
-  } }) });
+  } }));
 }
 
 // src/components/CenterFull/MyCenterFull.tsx
 import { Center as Center2, Group as Group8 } from "@mantine/core";
-import { jsx as jsx35 } from "react/jsx-runtime";
 function MyCenterFull({ children }) {
-  return /* @__PURE__ */ jsx35(Center2, { w: "100%", children: /* @__PURE__ */ jsx35(Group8, { children }) });
+  return /* @__PURE__ */ React.createElement(Center2, { w: "100%" }, /* @__PURE__ */ React.createElement(Group8, null, children));
 }
 
 // src/components/Checkbox/MyCheckbox.tsx
 import { Checkbox as Checkbox2 } from "@mantine/core";
-import { jsx as jsx36 } from "react/jsx-runtime";
 function MyCheckbox(_a) {
   var rest = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(Checkbox2, __spreadValues({}, rest));
+  return /* @__PURE__ */ React.createElement(Checkbox2, __spreadValues({}, rest));
 }
 
 // src/components/Layouts/FlexRow/MyFlexRow.tsx
 import { Flex as Flex2 } from "@mantine/core";
-import { jsx as jsx37 } from "react/jsx-runtime";
 function MyFlexRow(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx37(Flex2, __spreadProps(__spreadValues({ gap: "md", align: "center" }, rest), { children }));
+  return /* @__PURE__ */ React.createElement(Flex2, __spreadValues({ gap: "md", align: "center" }, rest), children);
 }
 
 // src/components/DataDisplay/Card/AQCard.tsx
 import { Badge, Card, Center as Center3, Image, Text as Text7 } from "@mantine/core";
 import Link from "next/link";
-import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
 function AQCard({
   imgSrc = "https://raw.githubusercontent.com/mantinedev/mantine/master/.demo/images/bg-8.png",
   title,
@@ -5815,142 +5713,99 @@ function AQCard({
   status,
   href = ""
 }) {
-  return /* @__PURE__ */ jsxs22(Card, { shadow: "sm", padding: "lg", radius: "md", withBorder: true, component: Link, href, children: [
-    /* @__PURE__ */ jsx38(Card.Section, { children: /* @__PURE__ */ jsx38(Center3, { children: /* @__PURE__ */ jsx38(
-      Image,
-      {
-        src: imgSrc,
-        h: 200,
-        w: "auto",
-        fallbackSrc: "https://placehold.co/600x400?text=Placeholder",
-        alt: "Norway"
-      }
-    ) }) }),
-    /* @__PURE__ */ jsxs22(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs", children: [
-      /* @__PURE__ */ jsx38(Text7, { fw: 500, children: title }),
-      status && /* @__PURE__ */ jsx38(Badge, { color: "violet.5", w: "150px", children: status })
-    ] }),
-    /* @__PURE__ */ jsx38(Text7, { size: "sm", c: "dimmed", lineClamp: 2, children: description }),
-    children
-  ] });
+  return /* @__PURE__ */ React.createElement(Card, { shadow: "sm", padding: "lg", radius: "md", withBorder: true, component: Link, href }, /* @__PURE__ */ React.createElement(Card.Section, null, /* @__PURE__ */ React.createElement(Center3, null, /* @__PURE__ */ React.createElement(
+    Image,
+    {
+      src: imgSrc,
+      h: 200,
+      w: "auto",
+      fallbackSrc: "https://placehold.co/600x400?text=Placeholder",
+      alt: "Norway"
+    }
+  ))), /* @__PURE__ */ React.createElement(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs" }, /* @__PURE__ */ React.createElement(Text7, { fw: 500 }, title), status && /* @__PURE__ */ React.createElement(Badge, { color: "violet.5", w: "150px" }, status)), /* @__PURE__ */ React.createElement(Text7, { size: "sm", c: "dimmed", lineClamp: 2 }, description), children);
 }
 
 // src/components/DataDisplay/KeyLabel/MyKeyLabel.tsx
 import { Group as Group9, Text as Text8 } from "@mantine/core";
-import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
 function MyKeyLabel({ keyLabel, label }) {
-  return /* @__PURE__ */ jsxs23(Group9, { gap: 5, children: [
-    /* @__PURE__ */ jsxs23(Text8, { fw: "bold", children: [
-      keyLabel,
-      ":"
-    ] }),
-    /* @__PURE__ */ jsx39(Text8, { children: label })
-  ] });
+  return /* @__PURE__ */ React.createElement(Group9, { gap: 5 }, /* @__PURE__ */ React.createElement(Text8, { fw: "bold" }, keyLabel, ":"), /* @__PURE__ */ React.createElement(Text8, null, label));
 }
 
 // src/components/DataDisplay/NumberFormatter/MyNumberFormatter.tsx
 import { NumberFormatter } from "@mantine/core";
-import { jsx as jsx40 } from "react/jsx-runtime";
 function MyNumberFormatter(_a) {
   var rest = __objRest(_a, []);
-  return /* @__PURE__ */ jsx40(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
+  return /* @__PURE__ */ React.createElement(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
 }
 
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
 import { Box as Box2, Button as Button13, Flex as Flex3, Group as Group10, Paper as Paper5, Text as Text9 } from "@mantine/core";
 import { IconArrowDownRight, IconArrowUpRight } from "@tabler/icons-react";
-import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
-  return /* @__PURE__ */ jsx41(Fragment11, { children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     Paper5,
     {
       withBorder: true,
       p: "md",
       radius: "md",
-      children: [
-        /* @__PURE__ */ jsxs24(Group10, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxs24(Flex3, { direction: "column", children: [
-            /* @__PURE__ */ jsx41(
-              Text9,
-              {
-                tt: "uppercase",
-                size: "lg",
-                c: "dimmed",
-                children: title
-              }
-            ),
-            unit == "" ? /* @__PURE__ */ jsxs24(Text9, { size: "xs", style: { visibility: "hidden" }, children: [
-              "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx41("strong", { children: unit })
-            ] }) : /* @__PURE__ */ jsxs24(Text9, { size: "xs", children: [
-              "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx41("strong", { children: unit })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx41(Box2, { children: icons })
-        ] }),
-        /* @__PURE__ */ jsxs24(
-          Group10,
-          {
-            mt: "5",
-            align: "flex-end",
-            gap: "xs",
-            children: [
-              /* @__PURE__ */ jsx41(
-                Text9,
-                {
-                  fw: 700,
-                  fz: "h1",
-                  children: value
-                }
-              ),
-              /* @__PURE__ */ jsxs24(
-                Text9,
-                {
-                  mb: "2",
-                  c: diff > 0 ? "teal" : "red",
-                  fz: "h2",
-                  fw: 500,
-                  children: [
-                    /* @__PURE__ */ jsxs24("span", { children: [
-                      diff,
-                      "%"
-                    ] }),
-                    diff > 0 ? /* @__PURE__ */ jsx41(IconArrowUpRight, {}) : /* @__PURE__ */ jsx41(IconArrowDownRight, {})
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs24(Group10, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx41(Text9, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
-          /* @__PURE__ */ jsx41(
-            Button13,
-            {
-              variant: "light",
-              size: "xs",
-              children: "Xem chi ti\u1EBFt"
-            }
-          )
-        ] })
-      ]
+      key: title
     },
-    title
-  ) });
+    /* @__PURE__ */ React.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Flex3, { direction: "column" }, /* @__PURE__ */ React.createElement(
+      Text9,
+      {
+        tt: "uppercase",
+        size: "lg",
+        c: "dimmed"
+      },
+      title
+    ), unit == "" ? /* @__PURE__ */ React.createElement(Text9, { size: "xs", style: { visibility: "hidden" } }, "\u0110\u01A1n v\u1ECB: ", /* @__PURE__ */ React.createElement("strong", null, unit)) : /* @__PURE__ */ React.createElement(Text9, { size: "xs" }, "\u0110\u01A1n v\u1ECB: ", /* @__PURE__ */ React.createElement("strong", null, unit))), /* @__PURE__ */ React.createElement(Box2, null, icons)),
+    /* @__PURE__ */ React.createElement(
+      Group10,
+      {
+        mt: "5",
+        align: "flex-end",
+        gap: "xs"
+      },
+      /* @__PURE__ */ React.createElement(
+        Text9,
+        {
+          fw: 700,
+          fz: "h1"
+        },
+        value
+      ),
+      /* @__PURE__ */ React.createElement(
+        Text9,
+        {
+          mb: "2",
+          c: diff > 0 ? "teal" : "red",
+          fz: "h2",
+          fw: 500
+        },
+        /* @__PURE__ */ React.createElement("span", null, diff, "%"),
+        diff > 0 ? /* @__PURE__ */ React.createElement(IconArrowUpRight, null) : /* @__PURE__ */ React.createElement(IconArrowDownRight, null)
+      )
+    ),
+    /* @__PURE__ */ React.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Text9, { tt: "uppercase", fz: "xs", c: "dimmed" }, description), /* @__PURE__ */ React.createElement(
+      Button13,
+      {
+        variant: "light",
+        size: "xs"
+      },
+      "Xem chi ti\u1EBFt"
+    ))
+  ));
 }
 
 // src/components/Inputs/DateInput/MyDateInput.tsx
 import { DateInput } from "@mantine/dates";
-import { jsx as jsx42 } from "react/jsx-runtime";
 function MyDateInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx42(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ React.createElement(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/Fieldset/MyFieldset.tsx
 import { Box as Box3, Fieldset as Fieldset4, Text as Text10 } from "@mantine/core";
-import { jsx as jsx43 } from "react/jsx-runtime";
 function MyFieldset(_a) {
   var _b = _a, {
     children,
@@ -5959,46 +5814,43 @@ function MyFieldset(_a) {
     "children",
     "title"
   ]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ React.createElement(
     Fieldset4,
     __spreadProps(__spreadValues({}, rest), {
-      legend: /* @__PURE__ */ jsx43(
+      legend: /* @__PURE__ */ React.createElement(
         Box3,
         {
           bg: "blue.4",
           px: "xs",
           py: 2,
-          style: { borderRadius: 4 },
-          children: /* @__PURE__ */ jsx43(Text10, { c: "white", fw: 500, children: title })
-        }
-      ),
-      children
-    })
+          style: { borderRadius: 4 }
+        },
+        /* @__PURE__ */ React.createElement(Text10, { c: "white", fw: 500 }, title)
+      )
+    }),
+    children
   );
 }
 
 // src/components/Inputs/FileInput/MyFileInput.tsx
 import { FileInput as FileInput3 } from "@mantine/core";
-import { jsx as jsx44 } from "react/jsx-runtime";
 function MyFileInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx44(FileInput3, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ React.createElement(FileInput3, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/NumberInput/MyNumberInput.tsx
 import { NumberInput as NumberInput2 } from "@mantine/core";
-import { jsx as jsx45 } from "react/jsx-runtime";
 function MyNumberInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx45(NumberInput2, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ React.createElement(NumberInput2, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/TextArea/MyTextArea.tsx
 import { Textarea } from "@mantine/core";
-import { jsx as jsx46 } from "react/jsx-runtime";
 function MyTextArea(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx46(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ React.createElement(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/TextEditor/MyTextEditor.tsx
@@ -6014,7 +5866,6 @@ import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useEffect as useEffect5, useState as useState7 } from "react";
-import { jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
 function MyTextEditor(_a) {
   var _b = _a, {
     autoHiddenToolBar = false,
@@ -6116,75 +5967,37 @@ function MyTextEditor(_a) {
       editor.commands.setContent(value);
     }
   }, [value, editor]);
-  return /* @__PURE__ */ jsx47(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */ jsxs25(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" }, children: [
-    /* @__PURE__ */ jsxs25(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
-      /* @__PURE__ */ jsxs25(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx47(RichTextEditor.Bold, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.Italic, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.Underline, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.Strikethrough, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.ClearFormatting, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.Highlight, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.Code, {})
-      ] }),
-      /* @__PURE__ */ jsxs25(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx47(RichTextEditor.H1, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.H2, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.H3, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.H4, {})
-      ] }),
-      /* @__PURE__ */ jsxs25(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx47(RichTextEditor.Blockquote, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.Hr, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.BulletList, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.OrderedList, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.Subscript, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.Superscript, {})
-      ] }),
-      /* @__PURE__ */ jsxs25(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx47(RichTextEditor.Link, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.Unlink, {})
-      ] }),
-      /* @__PURE__ */ jsxs25(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx47(RichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.AlignRight, {})
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx47(
-      ScrollArea2.Autosize,
-      {
-        onMouseDown: () => {
-          editor == null ? void 0 : editor.commands.focus();
-        },
-        onBlur: () => {
-          if (autoHiddenToolBar == false) return;
-          setHiddenToolBar(true);
-        },
-        onFocus: () => {
-          if (autoHiddenToolBar == false) return;
-          setHiddenToolBar(false);
-        },
-        style: { cursor: "text", maxHeight: "400px" },
-        children: /* @__PURE__ */ jsx47(RichTextEditor.Content, { mih: contentHeight })
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ React.createElement(Input.Wrapper, { label, flex: 1, error, withAsterisk }, /* @__PURE__ */ React.createElement(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" } }, /* @__PURE__ */ React.createElement(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60 }, /* @__PURE__ */ React.createElement(RichTextEditor.ControlsGroup, null, /* @__PURE__ */ React.createElement(RichTextEditor.Bold, null), /* @__PURE__ */ React.createElement(RichTextEditor.Italic, null), /* @__PURE__ */ React.createElement(RichTextEditor.Underline, null), /* @__PURE__ */ React.createElement(RichTextEditor.Strikethrough, null), /* @__PURE__ */ React.createElement(RichTextEditor.ClearFormatting, null), /* @__PURE__ */ React.createElement(RichTextEditor.Highlight, null), /* @__PURE__ */ React.createElement(RichTextEditor.Code, null)), /* @__PURE__ */ React.createElement(RichTextEditor.ControlsGroup, null, /* @__PURE__ */ React.createElement(RichTextEditor.H1, null), /* @__PURE__ */ React.createElement(RichTextEditor.H2, null), /* @__PURE__ */ React.createElement(RichTextEditor.H3, null), /* @__PURE__ */ React.createElement(RichTextEditor.H4, null)), /* @__PURE__ */ React.createElement(RichTextEditor.ControlsGroup, null, /* @__PURE__ */ React.createElement(RichTextEditor.Blockquote, null), /* @__PURE__ */ React.createElement(RichTextEditor.Hr, null), /* @__PURE__ */ React.createElement(RichTextEditor.BulletList, null), /* @__PURE__ */ React.createElement(RichTextEditor.OrderedList, null), /* @__PURE__ */ React.createElement(RichTextEditor.Subscript, null), /* @__PURE__ */ React.createElement(RichTextEditor.Superscript, null)), /* @__PURE__ */ React.createElement(RichTextEditor.ControlsGroup, null, /* @__PURE__ */ React.createElement(RichTextEditor.Link, null), /* @__PURE__ */ React.createElement(RichTextEditor.Unlink, null)), /* @__PURE__ */ React.createElement(RichTextEditor.ControlsGroup, null, /* @__PURE__ */ React.createElement(RichTextEditor.AlignLeft, null), /* @__PURE__ */ React.createElement(RichTextEditor.AlignCenter, null), /* @__PURE__ */ React.createElement(RichTextEditor.AlignJustify, null), /* @__PURE__ */ React.createElement(RichTextEditor.AlignRight, null))), /* @__PURE__ */ React.createElement(
+    ScrollArea2.Autosize,
+    {
+      onMouseDown: () => {
+        editor == null ? void 0 : editor.commands.focus();
+      },
+      onBlur: () => {
+        if (autoHiddenToolBar == false) return;
+        setHiddenToolBar(true);
+      },
+      onFocus: () => {
+        if (autoHiddenToolBar == false) return;
+        setHiddenToolBar(false);
+      },
+      style: { cursor: "text", maxHeight: "400px" }
+    },
+    /* @__PURE__ */ React.createElement(RichTextEditor.Content, { mih: contentHeight })
+  )));
 }
 
 // src/modules-features/auth/F0Logout/F0Logout.tsx
 import { Button as Button14 } from "@mantine/core";
 import { IconLogout } from "@tabler/icons-react";
 import { useRouter as useRouter3 } from "next/navigation";
-import { jsx as jsx48 } from "react/jsx-runtime";
 function F0Logout() {
   const router = useRouter3();
   const S_Authenticate = useS_Authenticate();
-  return /* @__PURE__ */ jsx48(Button14, { onClick: () => {
+  return /* @__PURE__ */ React.createElement(Button14, { onClick: () => {
     S_Authenticate.setProperty("token", "");
     router.replace("/auth/login");
-  }, leftSection: /* @__PURE__ */ jsx48(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
+  }, leftSection: /* @__PURE__ */ React.createElement(IconLogout, null), fullWidth: true, justify: "start", variant: "subtle" }, "\u0110\u0103ng xu\u1EA5t");
 }
 
 // src/components/Layouts/BasicAppShell/BasicAppShell.tsx
@@ -6207,22 +6020,22 @@ import { spotlight as spotlight2 } from "@mantine/spotlight";
 import { IconLayoutSidebarLeftCollapse, IconLayoutSidebarLeftExpand, IconLibraryMinus, IconSearch as IconSearch2 } from "@tabler/icons-react";
 import Link3 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
-import { Fragment as Fragment12, jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
 function getRightSection(status) {
-  if (status === "Prototype") return /* @__PURE__ */ jsx49(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
-  if (status === "New") return /* @__PURE__ */ jsx49(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
-  if (status === "Menu") return /* @__PURE__ */ jsx49(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
-  if (status === "Change") return /* @__PURE__ */ jsx49(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
+  if (status === "Prototype") return /* @__PURE__ */ React.createElement(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true }, "P");
+  if (status === "New") return /* @__PURE__ */ React.createElement(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true }, "N");
+  if (status === "Menu") return /* @__PURE__ */ React.createElement(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true }, "M");
+  if (status === "Change") return /* @__PURE__ */ React.createElement(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true }, "C");
   return null;
 }
 function RenderNavLinks({ items }) {
   const sidebarStore = useS_Sidebar();
   const pathName = usePathname2();
-  return /* @__PURE__ */ jsx49(Fragment12, { children: items.map((item, index) => /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, items.map((item, index) => /* @__PURE__ */ React.createElement(
     NavLink,
     {
       active: item.link === pathName.split("/")[2],
       component: Link3,
+      key: index,
       rightSection: getRightSection(item.status),
       opened: sidebarStore.state.groupMenuOpenId.includes(item.label),
       href: `/${pathName.split("/")[1]}/${item.link}` || "#",
@@ -6234,11 +6047,10 @@ function RenderNavLinks({ items }) {
           sidebarStore.setProperty("menuCode", item.link);
           sidebarStore.setProperty("title", item.label);
         }
-      },
-      children: item.links && /* @__PURE__ */ jsx49(RenderNavLinks, { items: item.links })
+      }
     },
-    index
-  )) });
+    item.links && /* @__PURE__ */ React.createElement(RenderNavLinks, { items: item.links })
+  )));
 }
 function childrenMenuToListEnumUsingPageIdAndName(children) {
   return children.flatMap((item) => {
@@ -6292,7 +6104,7 @@ function BasicAppShell({ children, menu }) {
   const sidebarStore = useS_Sidebar();
   const media = useMediaQuery("(min-width: 72em)");
   const selectMedia = useMediaQuery("(min-width: 80em)");
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ React.createElement(
     AppShell,
     {
       header: { height: 60 },
@@ -6301,71 +6113,37 @@ function BasicAppShell({ children, menu }) {
         breakpoint: "sm",
         collapsed: { mobile: sidebarStore.state.opened, desktop: !sidebarStore.state.opened }
       },
-      padding: "md",
-      children: [
-        /* @__PURE__ */ jsxs26(AppShell.Header, { children: [
-          /* @__PURE__ */ jsx49(MyAppSpotlight, { menu }),
-          media ? /* @__PURE__ */ jsxs26(Group11, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
-            /* @__PURE__ */ jsxs26(Group11, { h: "100%", children: [
-              /* @__PURE__ */ jsx49(Tooltip5, { label: sidebarStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu", children: /* @__PURE__ */ jsx49(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle, children: sidebarStore.state.opened ? /* @__PURE__ */ jsx49(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx49(IconLayoutSidebarLeftCollapse, {}) }) }),
-              /* @__PURE__ */ jsx49(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx49(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: () => sidebarStore.clearGroupMenuOpenId(), children: /* @__PURE__ */ jsx49(IconLibraryMinus, {}) }) })
-            ] }),
-            /* @__PURE__ */ jsx49(Group11, { style: { position: "absolute", left: "50%", transform: "translateX(-50%)" }, children: /* @__PURE__ */ jsx49(Text11, { c: "green", fw: "bold", children: "AQ EduCourseEvaluation - Ph\u1EA7n m\u1EC1m \u0111\xE1nh gi\xE1 chu\u1EA9n \u0111\u1EA7u ra" }) }),
-            /* @__PURE__ */ jsxs26(Group11, { children: [
-              /* @__PURE__ */ jsx49(Text11, { children: "H\u1ECDc k\u1EF3 l\xE0m vi\u1EC7c" }),
-              /* @__PURE__ */ jsx49(
-                Select3,
-                {
-                  w: selectMedia ? 245 : 150,
-                  placeholder: "Ch\u1ECDn c\xF4ng th\u1EE9c s\u1EAFp x\u1EBFp",
-                  defaultValue: 1 == null ? void 0 : 1 .toString(),
-                  data: [
-                    { value: "1", label: "N\u0103m h\u1ECDc 2024 - 2025 H\u1ECDc k\u1EF3 1" },
-                    { value: "2", label: "N\u0103m h\u1ECDc 2024 - 2025 H\u1ECDc k\u1EF3 1" }
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx49(MySwitchTheme, {})
-            ] })
-          ] }) : (
-            // For mobile screens - simplified layout
-            /* @__PURE__ */ jsxs26(Group11, { h: "100%", px: "md", justify: "space-between", children: [
-              /* @__PURE__ */ jsx49(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle, children: sidebarStore.state.opened ? /* @__PURE__ */ jsx49(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx49(IconLayoutSidebarLeftCollapse, {}) }),
-              /* @__PURE__ */ jsx49(Text11, { c: "green", fw: "bold", size: "sm", children: "AQ EduCourseEvaluation" }),
-              /* @__PURE__ */ jsxs26(Group11, { children: [
-                /* @__PURE__ */ jsx49(
-                  Select3,
-                  {
-                    w: 100,
-                    size: "xs",
-                    placeholder: "H\u1ECDc k\u1EF3",
-                    defaultValue: 1 == null ? void 0 : 1 .toString(),
-                    data: [
-                      { value: "1", label: "20241" },
-                      { value: "2", label: "20242" }
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx49(MySwitchTheme, {})
-              ] })
-            ] })
-          )
-        ] }),
-        /* @__PURE__ */ jsxs26(AppShell.Navbar, { children: [
-          /* @__PURE__ */ jsx49(TextInput2, { mt: "md", placeholder: "T\xECm menu (Ctrl + K)", mx: 10, component: "button", onClick: spotlight2.open, leftSection: /* @__PURE__ */ jsx49(IconSearch2, {}), children: "T\xECm ki\u1EBFm (Ctrl + K)" }),
-          /* @__PURE__ */ jsxs26(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
-            /* @__PURE__ */ jsx49(RenderNavLinks, { items: menu }),
-            /* @__PURE__ */ jsx49(Divider2, {}),
-            /* @__PURE__ */ jsx49(F0Logout, {})
-          ] }),
-          /* @__PURE__ */ jsxs26(AppShell.Section, { p: "md", children: [
-            /* @__PURE__ */ jsx49(Divider2, {}),
-            /* @__PURE__ */ jsx49(Image3, { src: "/imgs/0/IMG0LogoAQTech.png", h: 50, alt: "", w: "auto" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx49(AppShell.Main, { bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))", children })
-      ]
-    }
+      padding: "md"
+    },
+    /* @__PURE__ */ React.createElement(AppShell.Header, null, /* @__PURE__ */ React.createElement(MyAppSpotlight, { menu }), media ? /* @__PURE__ */ React.createElement(Group11, { h: "100%", px: "md", justify: "space-between", align: "center" }, /* @__PURE__ */ React.createElement(Group11, { h: "100%" }, /* @__PURE__ */ React.createElement(Tooltip5, { label: sidebarStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu" }, /* @__PURE__ */ React.createElement(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle }, sidebarStore.state.opened ? /* @__PURE__ */ React.createElement(IconLayoutSidebarLeftExpand, null) : /* @__PURE__ */ React.createElement(IconLayoutSidebarLeftCollapse, null))), /* @__PURE__ */ React.createElement(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu" }, /* @__PURE__ */ React.createElement(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: () => sidebarStore.clearGroupMenuOpenId() }, /* @__PURE__ */ React.createElement(IconLibraryMinus, null)))), /* @__PURE__ */ React.createElement(Group11, { style: { position: "absolute", left: "50%", transform: "translateX(-50%)" } }, /* @__PURE__ */ React.createElement(Text11, { c: "green", fw: "bold" }, "AQ EduCourseEvaluation - Ph\u1EA7n m\u1EC1m \u0111\xE1nh gi\xE1 chu\u1EA9n \u0111\u1EA7u ra")), /* @__PURE__ */ React.createElement(Group11, null, /* @__PURE__ */ React.createElement(Text11, null, "H\u1ECDc k\u1EF3 l\xE0m vi\u1EC7c"), /* @__PURE__ */ React.createElement(
+      Select3,
+      {
+        w: selectMedia ? 245 : 150,
+        placeholder: "Ch\u1ECDn c\xF4ng th\u1EE9c s\u1EAFp x\u1EBFp",
+        defaultValue: 1 == null ? void 0 : 1 .toString(),
+        data: [
+          { value: "1", label: "N\u0103m h\u1ECDc 2024 - 2025 H\u1ECDc k\u1EF3 1" },
+          { value: "2", label: "N\u0103m h\u1ECDc 2024 - 2025 H\u1ECDc k\u1EF3 1" }
+        ]
+      }
+    ), /* @__PURE__ */ React.createElement(MySwitchTheme, null))) : (
+      // For mobile screens - simplified layout
+      /* @__PURE__ */ React.createElement(Group11, { h: "100%", px: "md", justify: "space-between" }, /* @__PURE__ */ React.createElement(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle }, sidebarStore.state.opened ? /* @__PURE__ */ React.createElement(IconLayoutSidebarLeftExpand, null) : /* @__PURE__ */ React.createElement(IconLayoutSidebarLeftCollapse, null)), /* @__PURE__ */ React.createElement(Text11, { c: "green", fw: "bold", size: "sm" }, "AQ EduCourseEvaluation"), /* @__PURE__ */ React.createElement(Group11, null, /* @__PURE__ */ React.createElement(
+        Select3,
+        {
+          w: 100,
+          size: "xs",
+          placeholder: "H\u1ECDc k\u1EF3",
+          defaultValue: 1 == null ? void 0 : 1 .toString(),
+          data: [
+            { value: "1", label: "20241" },
+            { value: "2", label: "20242" }
+          ]
+        }
+      ), /* @__PURE__ */ React.createElement(MySwitchTheme, null)))
+    )),
+    /* @__PURE__ */ React.createElement(AppShell.Navbar, null, /* @__PURE__ */ React.createElement(TextInput2, { mt: "md", placeholder: "T\xECm menu (Ctrl + K)", mx: 10, component: "button", onClick: spotlight2.open, leftSection: /* @__PURE__ */ React.createElement(IconSearch2, null) }, "T\xECm ki\u1EBFm (Ctrl + K)"), /* @__PURE__ */ React.createElement(AppShell.Section, { grow: true, component: ScrollArea3, p: 5 }, /* @__PURE__ */ React.createElement(RenderNavLinks, { items: menu }), /* @__PURE__ */ React.createElement(Divider2, null), /* @__PURE__ */ React.createElement(F0Logout, null)), /* @__PURE__ */ React.createElement(AppShell.Section, { p: "md" }, /* @__PURE__ */ React.createElement(Divider2, null), /* @__PURE__ */ React.createElement(Image3, { src: "/imgs/0/IMG0LogoAQTech.png", h: 50, alt: "", w: "auto" }))),
+    /* @__PURE__ */ React.createElement(AppShell.Main, { bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))" }, children)
   );
 }
 var groupToTwoLevels = (menu) => {
@@ -6412,10 +6190,9 @@ function utils_layout_getItemsWithoutLinks(menu) {
 
 // src/components/Layouts/Container/MyContainer.tsx
 import { Container, Flex as Flex4 } from "@mantine/core";
-import { jsx as jsx50 } from "react/jsx-runtime";
 function MyContainer(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx50(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx50(Flex4, { direction: "column", children }) }));
+  return /* @__PURE__ */ React.createElement(Container, __spreadValues({ fluid: true }, rest), /* @__PURE__ */ React.createElement(Flex4, { direction: "column" }, children));
 }
 
 // src/constants/object/color.ts
@@ -6468,7 +6245,6 @@ function useHeaderMegaMenuStore() {
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
-import { jsx as jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
 var mockdata = [
   {
     icon: IconCode,
@@ -6506,49 +6282,24 @@ function HeaderMegaMenu({ children, menus }) {
   const [linksOpened, { toggle: toggleLinks }] = useDisclosure10(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx51(UnstyledButton, { className: css_default2.subLink, children: /* @__PURE__ */ jsxs27(Group12, { wrap: "nowrap", align: "flex-start", children: [
-    /* @__PURE__ */ jsx51(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx51(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
-    /* @__PURE__ */ jsxs27("div", { children: [
-      /* @__PURE__ */ jsx51(Text12, { size: "sm", fw: 500, children: item.title }),
-      /* @__PURE__ */ jsx51(Text12, { size: "xs", c: "dimmed", children: item.description })
-    ] })
-  ] }) }, item.title));
-  return /* @__PURE__ */ jsxs27(Box4, { children: [
-    /* @__PURE__ */ jsx51("header", { className: css_default2.header, children: /* @__PURE__ */ jsxs27(Group12, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ jsxs27(Group12, { children: [
-        /* @__PURE__ */ jsx51(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
-        /* @__PURE__ */ jsx51(Group12, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx51(Button15, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
-      ] }),
-      /* @__PURE__ */ jsxs27(Group12, { children: [
-        /* @__PURE__ */ jsx51(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx51(IconSearch3, {}), radius: "xl", w: "250px" }),
-        /* @__PURE__ */ jsx51(MySwitchTheme, {})
-      ] }),
-      /* @__PURE__ */ jsx51(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
-    ] }) }),
-    /* @__PURE__ */ jsx51(Container2, { fluid: true, pt: "sm", pb: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, mih: "93vh", children }),
-    /* @__PURE__ */ jsx51(
-      Drawer,
-      {
-        opened: drawerOpened,
-        onClose: closeDrawer,
-        size: "100%",
-        padding: "md",
-        title: "Navigation",
-        hiddenFrom: "sm",
-        zIndex: 1e6,
-        children: /* @__PURE__ */ jsxs27(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
-          /* @__PURE__ */ jsx51(Divider3, { my: "sm" }),
-          /* @__PURE__ */ jsx51(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx51(Button15, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
-          /* @__PURE__ */ jsx51(Divider3, { my: "sm" })
-        ] })
-      }
-    )
-  ] });
+  const links = mockdata.map((item) => /* @__PURE__ */ React.createElement(UnstyledButton, { className: css_default2.subLink, key: item.title }, /* @__PURE__ */ React.createElement(Group12, { wrap: "nowrap", align: "flex-start" }, /* @__PURE__ */ React.createElement(ThemeIcon, { size: 34, variant: "default", radius: "md" }, /* @__PURE__ */ React.createElement(item.icon, { size: 22, color: theme.colors.blue[6] })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Text12, { size: "sm", fw: 500 }, item.title), /* @__PURE__ */ React.createElement(Text12, { size: "xs", c: "dimmed" }, item.description)))));
+  return /* @__PURE__ */ React.createElement(Box4, null, /* @__PURE__ */ React.createElement("header", { className: css_default2.header }, /* @__PURE__ */ React.createElement(Group12, { justify: "space-between", h: "100%" }, /* @__PURE__ */ React.createElement(Group12, null, /* @__PURE__ */ React.createElement(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }), /* @__PURE__ */ React.createElement(Group12, { h: "100%", gap: 5, visibleFrom: "sm" }, menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ React.createElement(Button15, { key: idx, component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }) }, item.label)))), /* @__PURE__ */ React.createElement(Group12, null, /* @__PURE__ */ React.createElement(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ React.createElement(IconSearch3, null), radius: "xl", w: "250px" }), /* @__PURE__ */ React.createElement(MySwitchTheme, null)), /* @__PURE__ */ React.createElement(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" }))), /* @__PURE__ */ React.createElement(Container2, { fluid: true, pt: "sm", pb: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, mih: "93vh" }, children), /* @__PURE__ */ React.createElement(
+    Drawer,
+    {
+      opened: drawerOpened,
+      onClose: closeDrawer,
+      size: "100%",
+      padding: "md",
+      title: "Navigation",
+      hiddenFrom: "sm",
+      zIndex: 1e6
+    },
+    /* @__PURE__ */ React.createElement(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md" }, /* @__PURE__ */ React.createElement(Divider3, { my: "sm" }), /* @__PURE__ */ React.createElement(MyFlexColumn, { h: "100%", gap: 0 }, menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ React.createElement(Button15, { key: idx, component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }) }, item.label))), /* @__PURE__ */ React.createElement(Divider3, { my: "sm" }))
+  ));
 }
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
 import { Code, Container as Container3, Divider as Divider4, Group as Group13, Indicator, Title } from "@mantine/core";
-import { jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
 var getStatusColor = (status) => {
   switch (status) {
     case "Prototype":
@@ -6561,90 +6312,64 @@ var getStatusColor = (status) => {
 };
 var PageTitle = ({ title, status }) => {
   const color = getStatusColor(status);
-  return /* @__PURE__ */ jsx52(Indicator, { label: status, size: 16, inline: true, color, disabled: !status, pt: 6, children: /* @__PURE__ */ jsx52(Title, { children: title }) });
+  return /* @__PURE__ */ React.createElement(Indicator, { label: status, size: 16, inline: true, color, disabled: !status, pt: 6 }, /* @__PURE__ */ React.createElement(Title, null, title));
 };
 function MyPageContent({ leftTopBar, title, canBack = false, rightTopBar, status, children }) {
   const SidebarStore = useS_Sidebar();
   const finalTitle = title || SidebarStore.state.title;
-  return /* @__PURE__ */ jsxs28(Container3, { p: 0, fluid: true, children: [
-    /* @__PURE__ */ jsxs28(Group13, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs28(Group13, { children: [
-        canBack && /* @__PURE__ */ jsx52(MyButtonRouterBack, {}),
-        /* @__PURE__ */ jsx52(PageTitle, { title: finalTitle, status }),
-        leftTopBar
-      ] }),
-      /* @__PURE__ */ jsxs28(Group13, { children: [
-        rightTopBar,
-        /* @__PURE__ */ jsx52(Code, { color: "var(--mantine-color-blue-light)", children: SidebarStore.state.menuCode })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx52(Divider4, {}),
-    children
-  ] });
+  return /* @__PURE__ */ React.createElement(Container3, { p: 0, fluid: true }, /* @__PURE__ */ React.createElement(Group13, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Group13, null, canBack && /* @__PURE__ */ React.createElement(MyButtonRouterBack, null), /* @__PURE__ */ React.createElement(PageTitle, { title: finalTitle, status }), leftTopBar), /* @__PURE__ */ React.createElement(Group13, null, rightTopBar, /* @__PURE__ */ React.createElement(Code, { color: "var(--mantine-color-blue-light)" }, SidebarStore.state.menuCode))), /* @__PURE__ */ React.createElement(Divider4, null), children);
 }
 
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space3, Tabs } from "@mantine/core";
-import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
+import React3 from "react";
 function MyTab(_a) {
   var _b = _a, { tabList, children } = _b, rest = __objRest(_b, ["tabList", "children"]);
   const iconStyle = { width: rem(20), height: rem(20) };
-  return /* @__PURE__ */ jsxs29(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
-    /* @__PURE__ */ jsx53(Tabs.List, { children: tabList.map((item, idx) => {
-      return /* @__PURE__ */ jsx53(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx53(item.icon, { style: iconStyle }), children: item.label }, idx);
-    }) }),
-    /* @__PURE__ */ jsx53(Space3, { my: "md" }),
-    children
-  ] }));
+  return /* @__PURE__ */ React3.createElement(Tabs, __spreadValues({ defaultValue: tabList[0].label }, rest), /* @__PURE__ */ React3.createElement(Tabs.List, null, tabList.map((item, idx) => {
+    return /* @__PURE__ */ React3.createElement(Tabs.Tab, { key: idx, value: item.label, leftSection: item.icon && /* @__PURE__ */ React3.createElement(item.icon, { style: iconStyle }) }, item.label);
+  })), /* @__PURE__ */ React3.createElement(Space3, { my: "md" }), children);
 }
 
 // src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
 import { ActionIcon as ActionIcon11, Button as Button16, Fieldset as Fieldset5, Group as Group14, Modal as Modal11 } from "@mantine/core";
 import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
 import { IconX as IconX2 } from "@tabler/icons-react";
-import { jsx as jsx54, jsxs as jsxs30 } 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 = useDisclosure11(false);
   if (data == void 0) return "\u0110ang t\u1EA3i...";
-  return /* @__PURE__ */ jsxs30(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
-    /* @__PURE__ */ jsx54(
-      MyDataTable,
-      __spreadValues({
-        renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsxs30(Group14, { children: [
-            renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
-            /* @__PURE__ */ jsx54(Button16, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
-          ] });
-        },
-        columns,
-        data: listState[0],
-        renderRowActions: ({ row }) => {
-          return /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(ActionIcon11, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx54(IconX2, {}) }) });
-        }
-      }, rest)
-    ),
-    /* @__PURE__ */ jsx54(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx54(
-      MyDataTable,
-      __spreadValues({
-        renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsx54(Button16, { onClick: () => {
-            table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
-            disc[1].close();
-          }, children: "Ch\u1ECDn" });
-        },
-        enableRowSelection: true,
-        data,
-        columns
-      }, rest)
-    ) })
-  ] });
+  return /* @__PURE__ */ React.createElement(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch" }, /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    __spreadValues({
+      renderTopToolbarCustomActions: ({ table }) => {
+        return /* @__PURE__ */ React.createElement(Group14, null, renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }), /* @__PURE__ */ React.createElement(Button16, { onClick: disc[1].open }, selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch"));
+      },
+      columns,
+      data: listState[0],
+      renderRowActions: ({ row }) => {
+        return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(ActionIcon11, { color: "red", onClick: () => listState[1].remove(row.index) }, /* @__PURE__ */ React.createElement(IconX2, null)));
+      }
+    }, rest)
+  ), /* @__PURE__ */ React.createElement(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%" }, /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    __spreadValues({
+      renderTopToolbarCustomActions: ({ table }) => {
+        return /* @__PURE__ */ React.createElement(Button16, { onClick: () => {
+          table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
+          disc[1].close();
+        } }, "Ch\u1ECDn");
+      },
+      enableRowSelection: true,
+      data,
+      columns
+    }, rest)
+  )));
 }
 
 // src/components/RESTAPIComponents/SelectAPIGet/MySelectAPIGet.tsx
 import { Select as Select4 } from "@mantine/core";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { jsx as jsx55 } from "react/jsx-runtime";
 function MySelectAPIGet(_a) {
   var _b = _a, { apiGet, label = "", dataMapper } = _b, rest = __objRest(_b, ["apiGet", "label", "dataMapper"]);
   var _a2;
@@ -6663,7 +6388,7 @@ function MySelectAPIGet(_a) {
       label: `${item.code}-${item.name}`
     };
   });
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ React.createElement(
     Select4,
     __spreadValues({
       label,
@@ -6675,9 +6400,8 @@ function MySelectAPIGet(_a) {
 
 // src/components/Skeletons/SkeletonTable/MySkeletonTable.tsx
 import { Skeleton } from "@mantine/core";
-import { jsx as jsx56 } from "react/jsx-runtime";
 function MySkeletonTable({ h: h4 = 500 }) {
-  return /* @__PURE__ */ jsx56(Skeleton, { h: h4 });
+  return /* @__PURE__ */ React.createElement(Skeleton, { h: h4 });
 }
 
 export {
@@ -6714,6 +6438,7 @@ export {
   AQSelectTableByOpenModal,
   MyButtonPrintPDF,
   MyHtmlWrapper,
+  MyButtonPrintTablePDF,
   MyButtonRouterBack,
   baseAxios_default,
   MyButtonViewPDF,