aq-fe-framework 0.1.47 → 0.1.49

package/dist/{chunk-O3TZ7DG7.mjs → chunk-BSS3LQUY.mjs}

@@ -1,10 +1,17 @@
 import {
-  __objRest,
-  __spreadProps,
-  __spreadValues,
+  createGenericStore,
+  useS_Authenticate,
+  useS_Sidebar
+} from "./chunk-GL5OCTFE.mjs";
+import {
   utils_notification_show,
   utils_pdf_download
-} from "./chunk-ZEQATKHS.mjs";
+} from "./chunk-CDDX46TC.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
 
 // src/lib/utils.ts
 import { clsx } from "clsx";
@@ -573,63 +580,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";
-
-// src/stores/CreateGenericStore.ts
-import { create } from "zustand";
-import { persist } from "zustand/middleware";
-function createGenericStore({ initialState, storageKey }) {
-  const storeCreator = (set) => ({
-    state: initialState,
-    setState: (newState) => set({ state: newState }),
-    setProperty: (key, value) => set((store) => ({ state: __spreadProps(__spreadValues({}, store.state), { [key]: value }) })),
-    resetState: () => set({ state: initialState })
-  });
-  return storageKey ? create(persist(storeCreator, { name: storageKey })) : create(storeCreator);
-}
-
-// src/stores/useS_Authenticate.ts
-var useStore = createGenericStore({
-  initialState: { token: "" },
-  storageKey: "useS_Authenticate"
-});
-function useS_Authenticate() {
-  const store = useStore();
-  return __spreadValues({}, store);
-}
-
-// src/stores/useS_Sidebar.ts
-var useStore2 = createGenericStore({
-  initialState: {
-    title: "",
-    opened: true,
-    groupMenuOpenId: []
-  },
-  storageKey: "useS_Sidebar"
-});
-function useS_Sidebar() {
-  const store = useStore2();
-  function toggle() {
-    store.setProperty("opened", !store.state.opened);
-  }
-  function toggleGroupMenuOpenId(id) {
-    const currentIds = store.state.groupMenuOpenId;
-    if (currentIds.includes(id)) {
-      store.setProperty("groupMenuOpenId", currentIds.filter((existingId) => existingId !== id));
-    } else {
-      store.setProperty("groupMenuOpenId", [...currentIds, id]);
-    }
-  }
-  function clearGroupMenuOpenId() {
-    store.setProperty("groupMenuOpenId", []);
-  }
-  return __spreadProps(__spreadValues({}, store), {
-    toggle,
-    toggleGroupMenuOpenId,
-    clearGroupMenuOpenId
-  });
-}
-
-// src/components/AppSpotlight/MyAppSpotlight.tsx
 import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 function convertMenuToSpotlightActions(items, router, parentPath = "", sideBarStore, pathName) {
   let actions = [];
@@ -1061,7 +1011,7 @@ import { IconArrowBackUp, IconArrowBigLeft, IconArrowBigRight, IconSquareRounded
 // src/components/Buttons/ButtonImport/useS_ButtonImport.ts
 import { useEffect as useEffect2, useMemo as useMemo2 } from "react";
 import * as XLSX3 from "xlsx";
-var useStore3 = createGenericStore({
+var useStore = createGenericStore({
   initialState: {
     data: [],
     title: [],
@@ -1070,7 +1020,7 @@ var useStore3 = createGenericStore({
   }
 });
 function useS_ButtonImport() {
-  const store = useStore3();
+  const store = useStore();
   function autoMap() {
     if (!store.state.data || !store.state.data.length || !store.state.fieldConfig) return;
     const sampleRow = store.state.data[0];
@@ -1643,19 +1593,45 @@ function MyButtonPrintPDF(_a) {
   ] });
 }
 
+// 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 = () => {
+    const binaryString = Buffer.from(html, "base64");
+    const decompressedData = pako.inflate(binaryString, { to: "string" });
+    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(
+    "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";
+
 // 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 jsx30 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function MyButtonRouterBack(_a) {
   var _b = _a, { url, label } = _b, rest = __objRest(_b, ["url", "label"]);
   const router = useRouter2();
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     Button11,
     __spreadProps(__spreadValues({
       variant: "light",
-      leftSection: /* @__PURE__ */ jsx30(IconArrowBack, { stroke: 2 }),
+      leftSection: /* @__PURE__ */ jsx32(IconArrowBack, { stroke: 2 }),
       onClick: () => {
         if (url) {
           router.replace(url);
@@ -1699,7 +1675,7 @@ 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 jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+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);
@@ -1712,49 +1688,49 @@ function MyButtonViewPDF({ id, modalSize = "80%", label = "Xem file", src = "htt
     },
     enabled: id != void 0 && disc[0] == true
   });
-  return /* @__PURE__ */ jsxs19(Fragment10, { children: [
-    /* @__PURE__ */ jsx31(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: /* @__PURE__ */ jsx31(Button12, { color: "cyan", onClick: () => {
+  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__ */ jsx31(IconLivePhoto2, {}), children: label }) }),
-    /* @__PURE__ */ jsx31(
+    }, leftSection: /* @__PURE__ */ jsx33(IconLivePhoto2, {}), children: label }) }),
+    /* @__PURE__ */ jsx33(
       Modal10,
       {
         fullScreen: fullScreen[0],
         opened: disc[0],
         onClose: disc[1].close,
         size: modalSize,
-        title: /* @__PURE__ */ jsxs19(Group7, { children: [
-          /* @__PURE__ */ jsx31(Text5, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
-          fullScreen[0] ? /* @__PURE__ */ jsx31(
+        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__ */ jsx31(IconMinimize3, {})
+              children: /* @__PURE__ */ jsx33(IconMinimize3, {})
             }
-          ) : /* @__PURE__ */ jsx31(
+          ) : /* @__PURE__ */ jsx33(
             ActionIcon9,
             {
               onClick: () => {
                 fullScreen[1](true);
                 hSize[1]("90vh");
               },
-              children: /* @__PURE__ */ jsx31(IconMaximize3, {})
+              children: /* @__PURE__ */ jsx33(IconMaximize3, {})
             }
           )
         ] }),
-        children: /* @__PURE__ */ jsxs19(Paper3, { h: hSize[0], p: "lg", pos: "relative", children: [
-          /* @__PURE__ */ jsx31(LoadingOverlay, { visible: query.isLoading, zIndex: 1e3, overlayProps: { radius: "sm", blur: 2 } }),
-          query.data ? /* @__PURE__ */ jsx31(
+        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__ */ jsx31(
+          ) : /* @__PURE__ */ jsx33(
             "iframe",
             {
               src,
@@ -5707,7 +5683,7 @@ 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 jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
 function MyCalendar() {
   const plugins = [createEventsServicePlugin(), createEventModalPlugin()];
   const calendar = useNextCalendarApp({
@@ -5781,16 +5757,16 @@ function MyCalendar() {
   useEffect4(() => {
     calendar == null ? void 0 : calendar.events.getAll();
   }, []);
-  return /* @__PURE__ */ jsx32("div", { children: /* @__PURE__ */ jsx32(ScheduleXCalendar, { calendarApp: calendar, customComponents: {
+  return /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(ScheduleXCalendar, { calendarApp: calendar, customComponents: {
     timeGridEvent: ({ calendarEvent }) => {
       console.log(calendarEvent);
-      return /* @__PURE__ */ jsx32(Paper4, { h: "100%", bg: calendarEvent.laLichThi ? "violet.2" : "blue.2", p: 4, children: /* @__PURE__ */ jsxs20(MyFlexColumn, { gap: 1, children: [
-        /* @__PURE__ */ jsxs20(Text6, { size: "sm", fw: "bold", children: [
+      return /* @__PURE__ */ jsx34(Paper4, { h: "100%", bg: calendarEvent.laLichThi ? "violet.2" : "blue.2", p: 4, children: /* @__PURE__ */ jsxs21(MyFlexColumn, { gap: 1, children: [
+        /* @__PURE__ */ jsxs21(Text6, { size: "sm", fw: "bold", children: [
           calendarEvent.laLichThi ? "(Thi) " : "(H\u1ECDc) ",
           calendarEvent.title
         ] }),
-        calendarEvent.laLichThi == false && /* @__PURE__ */ jsx32(Text6, { size: "sm", children: calendarEvent.giangvien }),
-        /* @__PURE__ */ jsx32(Text6, { size: "sm", children: calendarEvent.location })
+        calendarEvent.laLichThi == false && /* @__PURE__ */ jsx34(Text6, { size: "sm", children: calendarEvent.giangvien }),
+        /* @__PURE__ */ jsx34(Text6, { size: "sm", children: calendarEvent.location })
       ] }) });
     }
     // eventModal: ({ calendarEvent }) => {
@@ -5805,31 +5781,31 @@ function MyCalendar() {
 
 // src/components/CenterFull/MyCenterFull.tsx
 import { Center as Center2, Group as Group8 } from "@mantine/core";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function MyCenterFull({ children }) {
-  return /* @__PURE__ */ jsx33(Center2, { w: "100%", children: /* @__PURE__ */ jsx33(Group8, { children }) });
+  return /* @__PURE__ */ jsx35(Center2, { w: "100%", children: /* @__PURE__ */ jsx35(Group8, { children }) });
 }
 
 // src/components/Checkbox/MyCheckbox.tsx
 import { Checkbox as Checkbox2 } from "@mantine/core";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function MyCheckbox(_a) {
   var rest = __objRest(_a, []);
-  return /* @__PURE__ */ jsx34(Checkbox2, __spreadValues({}, rest));
+  return /* @__PURE__ */ jsx36(Checkbox2, __spreadValues({}, rest));
 }
 
 // src/components/Layouts/FlexRow/MyFlexRow.tsx
 import { Flex as Flex2 } from "@mantine/core";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function MyFlexRow(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx35(Flex2, __spreadProps(__spreadValues({ gap: "md", align: "center" }, rest), { children }));
+  return /* @__PURE__ */ jsx37(Flex2, __spreadProps(__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 jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+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,
@@ -5839,8 +5815,8 @@ function AQCard({
   status,
   href = ""
 }) {
-  return /* @__PURE__ */ jsxs21(Card, { shadow: "sm", padding: "lg", radius: "md", withBorder: true, component: Link, href, children: [
-    /* @__PURE__ */ jsx36(Card.Section, { children: /* @__PURE__ */ jsx36(Center3, { children: /* @__PURE__ */ jsx36(
+  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,
@@ -5850,51 +5826,51 @@ function AQCard({
         alt: "Norway"
       }
     ) }) }),
-    /* @__PURE__ */ jsxs21(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs", children: [
-      /* @__PURE__ */ jsx36(Text7, { fw: 500, children: title }),
-      status && /* @__PURE__ */ jsx36(Badge, { color: "violet.5", w: "150px", children: status })
+    /* @__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__ */ jsx36(Text7, { size: "sm", c: "dimmed", lineClamp: 2, children: description }),
+    /* @__PURE__ */ jsx38(Text7, { size: "sm", c: "dimmed", lineClamp: 2, children: description }),
     children
   ] });
 }
 
 // src/components/DataDisplay/KeyLabel/MyKeyLabel.tsx
 import { Group as Group9, Text as Text8 } from "@mantine/core";
-import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
 function MyKeyLabel({ keyLabel, label }) {
-  return /* @__PURE__ */ jsxs22(Group9, { gap: 5, children: [
-    /* @__PURE__ */ jsxs22(Text8, { fw: "bold", children: [
+  return /* @__PURE__ */ jsxs23(Group9, { gap: 5, children: [
+    /* @__PURE__ */ jsxs23(Text8, { fw: "bold", children: [
       keyLabel,
       ":"
     ] }),
-    /* @__PURE__ */ jsx37(Text8, { children: label })
+    /* @__PURE__ */ jsx39(Text8, { children: label })
   ] });
 }
 
 // src/components/DataDisplay/NumberFormatter/MyNumberFormatter.tsx
 import { NumberFormatter } from "@mantine/core";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function MyNumberFormatter(_a) {
   var rest = __objRest(_a, []);
-  return /* @__PURE__ */ jsx38(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
+  return /* @__PURE__ */ jsx40(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
 }
 
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
-import { Box, Button as Button13, Flex as Flex3, Group as Group10, Paper as Paper5, Text as Text9 } from "@mantine/core";
+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 jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
-  return /* @__PURE__ */ jsx39(Fragment11, { children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx41(Fragment11, { children: /* @__PURE__ */ jsxs24(
     Paper5,
     {
       withBorder: true,
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs23(Group10, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxs23(Flex3, { direction: "column", children: [
-            /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsxs24(Group10, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxs24(Flex3, { direction: "column", children: [
+            /* @__PURE__ */ jsx41(
               Text9,
               {
                 tt: "uppercase",
@@ -5903,24 +5879,24 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                 children: title
               }
             ),
-            unit == "" ? /* @__PURE__ */ jsxs23(Text9, { size: "xs", style: { visibility: "hidden" }, children: [
+            unit == "" ? /* @__PURE__ */ jsxs24(Text9, { size: "xs", style: { visibility: "hidden" }, children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx39("strong", { children: unit })
-            ] }) : /* @__PURE__ */ jsxs23(Text9, { size: "xs", children: [
+              /* @__PURE__ */ jsx41("strong", { children: unit })
+            ] }) : /* @__PURE__ */ jsxs24(Text9, { size: "xs", children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx39("strong", { children: unit })
+              /* @__PURE__ */ jsx41("strong", { children: unit })
             ] })
           ] }),
-          /* @__PURE__ */ jsx39(Box, { children: icons })
+          /* @__PURE__ */ jsx41(Box2, { children: icons })
         ] }),
-        /* @__PURE__ */ jsxs23(
+        /* @__PURE__ */ jsxs24(
           Group10,
           {
             mt: "5",
             align: "flex-end",
             gap: "xs",
             children: [
-              /* @__PURE__ */ jsx39(
+              /* @__PURE__ */ jsx41(
                 Text9,
                 {
                   fw: 700,
@@ -5928,7 +5904,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                   children: value
                 }
               ),
-              /* @__PURE__ */ jsxs23(
+              /* @__PURE__ */ jsxs24(
                 Text9,
                 {
                   mb: "2",
@@ -5936,20 +5912,20 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                   fz: "h2",
                   fw: 500,
                   children: [
-                    /* @__PURE__ */ jsxs23("span", { children: [
+                    /* @__PURE__ */ jsxs24("span", { children: [
                       diff,
                       "%"
                     ] }),
-                    diff > 0 ? /* @__PURE__ */ jsx39(IconArrowUpRight, {}) : /* @__PURE__ */ jsx39(IconArrowDownRight, {})
+                    diff > 0 ? /* @__PURE__ */ jsx41(IconArrowUpRight, {}) : /* @__PURE__ */ jsx41(IconArrowDownRight, {})
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsxs23(Group10, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx39(Text9, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
-          /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsxs24(Group10, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx41(Text9, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
+          /* @__PURE__ */ jsx41(
             Button13,
             {
               variant: "light",
@@ -5966,15 +5942,15 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
 
 // src/components/Inputs/DateInput/MyDateInput.tsx
 import { DateInput } from "@mantine/dates";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function MyDateInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx40(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx42(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/Fieldset/MyFieldset.tsx
-import { Box as Box2, Fieldset as Fieldset4, Text as Text10 } from "@mantine/core";
-import { jsx as jsx41 } from "react/jsx-runtime";
+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,
@@ -5983,17 +5959,17 @@ function MyFieldset(_a) {
     "children",
     "title"
   ]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     Fieldset4,
     __spreadProps(__spreadValues({}, rest), {
-      legend: /* @__PURE__ */ jsx41(
-        Box2,
+      legend: /* @__PURE__ */ jsx43(
+        Box3,
         {
           bg: "blue.4",
           px: "xs",
           py: 2,
           style: { borderRadius: 4 },
-          children: /* @__PURE__ */ jsx41(Text10, { c: "white", fw: 500, children: title })
+          children: /* @__PURE__ */ jsx43(Text10, { c: "white", fw: 500, children: title })
         }
       ),
       children
@@ -6003,30 +5979,30 @@ function MyFieldset(_a) {
 
 // src/components/Inputs/FileInput/MyFileInput.tsx
 import { FileInput as FileInput3 } from "@mantine/core";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function MyFileInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx42(FileInput3, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx44(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 jsx43 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function MyNumberInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx43(NumberInput2, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx45(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 jsx44 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function MyTextArea(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx44(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx46(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/TextEditor/MyTextEditor.tsx
-import { Input, ScrollArea } from "@mantine/core";
+import { Input, ScrollArea as ScrollArea2 } from "@mantine/core";
 import { Link as Link2, RichTextEditor } from "@mantine/tiptap";
 import FileHandler from "@tiptap-pro/extension-file-handler";
 import Highlight2 from "@tiptap/extension-highlight";
@@ -6038,7 +6014,7 @@ 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 jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
 function MyTextEditor(_a) {
   var _b = _a, {
     autoHiddenToolBar = false,
@@ -6140,44 +6116,44 @@ function MyTextEditor(_a) {
       editor.commands.setContent(value);
     }
   }, [value, editor]);
-  return /* @__PURE__ */ jsx45(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */ jsxs24(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" }, children: [
-    /* @__PURE__ */ jsxs24(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
-      /* @__PURE__ */ jsxs24(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx45(RichTextEditor.Bold, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.Italic, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.Underline, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.Strikethrough, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.ClearFormatting, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.Highlight, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.Code, {})
+  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__ */ jsxs24(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx45(RichTextEditor.H1, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.H2, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.H3, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.H4, {})
+      /* @__PURE__ */ jsxs25(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx47(RichTextEditor.H1, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.H2, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.H3, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.H4, {})
       ] }),
-      /* @__PURE__ */ jsxs24(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx45(RichTextEditor.Blockquote, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.Hr, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.BulletList, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.OrderedList, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.Subscript, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.Superscript, {})
+      /* @__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__ */ jsxs24(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx45(RichTextEditor.Link, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.Unlink, {})
+      /* @__PURE__ */ jsxs25(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx47(RichTextEditor.Link, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.Unlink, {})
       ] }),
-      /* @__PURE__ */ jsxs24(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx45(RichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ jsx45(RichTextEditor.AlignRight, {})
+      /* @__PURE__ */ jsxs25(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx47(RichTextEditor.AlignLeft, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.AlignCenter, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.AlignJustify, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.AlignRight, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx45(
-      ScrollArea.Autosize,
+    /* @__PURE__ */ jsx47(
+      ScrollArea2.Autosize,
       {
         onMouseDown: () => {
           editor == null ? void 0 : editor.commands.focus();
@@ -6191,7 +6167,7 @@ function MyTextEditor(_a) {
           setHiddenToolBar(false);
         },
         style: { cursor: "text", maxHeight: "400px" },
-        children: /* @__PURE__ */ jsx45(RichTextEditor.Content, { mih: contentHeight })
+        children: /* @__PURE__ */ jsx47(RichTextEditor.Content, { mih: contentHeight })
       }
     )
   ] }) });
@@ -6201,14 +6177,14 @@ function MyTextEditor(_a) {
 import { Button as Button14 } from "@mantine/core";
 import { IconLogout } from "@tabler/icons-react";
 import { useRouter as useRouter3 } from "next/navigation";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function F0Logout() {
   const router = useRouter3();
   const S_Authenticate = useS_Authenticate();
-  return /* @__PURE__ */ jsx46(Button14, { onClick: () => {
+  return /* @__PURE__ */ jsx48(Button14, { onClick: () => {
     S_Authenticate.setProperty("token", "");
     router.replace("/auth/login");
-  }, leftSection: /* @__PURE__ */ jsx46(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
+  }, leftSection: /* @__PURE__ */ jsx48(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
 }
 
 // src/components/Layouts/BasicAppShell/BasicAppShell.tsx
@@ -6220,7 +6196,7 @@ import {
   Group as Group11,
   Image as Image3,
   NavLink,
-  ScrollArea as ScrollArea2,
+  ScrollArea as ScrollArea3,
   Select as Select3,
   Text as Text11,
   TextInput as TextInput2,
@@ -6231,18 +6207,18 @@ 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 jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
 function getRightSection(status) {
-  if (status === "Prototype") return /* @__PURE__ */ jsx47(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
-  if (status === "New") return /* @__PURE__ */ jsx47(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
-  if (status === "Menu") return /* @__PURE__ */ jsx47(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
-  if (status === "Change") return /* @__PURE__ */ jsx47(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
+  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" });
   return null;
 }
 function RenderNavLinks({ items }) {
   const sidebarStore = useS_Sidebar();
   const pathName = usePathname2();
-  return /* @__PURE__ */ jsx47(Fragment12, { children: items.map((item, index) => /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(Fragment12, { children: items.map((item, index) => /* @__PURE__ */ jsx49(
     NavLink,
     {
       active: item.link === pathName.split("/")[2],
@@ -6259,7 +6235,7 @@ function RenderNavLinks({ items }) {
           sidebarStore.setProperty("title", item.label);
         }
       },
-      children: item.links && /* @__PURE__ */ jsx47(RenderNavLinks, { items: item.links })
+      children: item.links && /* @__PURE__ */ jsx49(RenderNavLinks, { items: item.links })
     },
     index
   )) });
@@ -6316,7 +6292,7 @@ function BasicAppShell({ children, menu }) {
   const sidebarStore = useS_Sidebar();
   const media = useMediaQuery("(min-width: 72em)");
   const selectMedia = useMediaQuery("(min-width: 80em)");
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     AppShell,
     {
       header: { height: 60 },
@@ -6327,17 +6303,17 @@ function BasicAppShell({ children, menu }) {
       },
       padding: "md",
       children: [
-        /* @__PURE__ */ jsxs25(AppShell.Header, { children: [
-          /* @__PURE__ */ jsx47(MyAppSpotlight, { menu }),
-          media ? /* @__PURE__ */ jsxs25(Group11, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
-            /* @__PURE__ */ jsxs25(Group11, { h: "100%", children: [
-              /* @__PURE__ */ jsx47(Tooltip5, { label: sidebarStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu", children: /* @__PURE__ */ jsx47(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle, children: sidebarStore.state.opened ? /* @__PURE__ */ jsx47(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx47(IconLayoutSidebarLeftCollapse, {}) }) }),
-              /* @__PURE__ */ jsx47(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx47(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: () => sidebarStore.clearGroupMenuOpenId(), children: /* @__PURE__ */ jsx47(IconLibraryMinus, {}) }) })
+        /* @__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__ */ jsx47(Group11, { style: { position: "absolute", left: "50%", transform: "translateX(-50%)" }, children: /* @__PURE__ */ jsx47(Text11, { c: "green", fw: "bold", children: "AQ EduCourseEvaluation - Ph\u1EA7n m\u1EC1m \u0111\xE1nh gi\xE1 chu\u1EA9n \u0111\u1EA7u ra" }) }),
-            /* @__PURE__ */ jsxs25(Group11, { children: [
-              /* @__PURE__ */ jsx47(Text11, { children: "H\u1ECDc k\u1EF3 l\xE0m vi\u1EC7c" }),
-              /* @__PURE__ */ jsx47(
+            /* @__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,
@@ -6349,15 +6325,15 @@ function BasicAppShell({ children, menu }) {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx47(MySwitchTheme, {})
+              /* @__PURE__ */ jsx49(MySwitchTheme, {})
             ] })
           ] }) : (
             // For mobile screens - simplified layout
-            /* @__PURE__ */ jsxs25(Group11, { h: "100%", px: "md", justify: "space-between", children: [
-              /* @__PURE__ */ jsx47(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle, children: sidebarStore.state.opened ? /* @__PURE__ */ jsx47(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx47(IconLayoutSidebarLeftCollapse, {}) }),
-              /* @__PURE__ */ jsx47(Text11, { c: "green", fw: "bold", size: "sm", children: "AQ EduCourseEvaluation" }),
-              /* @__PURE__ */ jsxs25(Group11, { children: [
-                /* @__PURE__ */ jsx47(
+            /* @__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,
@@ -6370,24 +6346,24 @@ function BasicAppShell({ children, menu }) {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx47(MySwitchTheme, {})
+                /* @__PURE__ */ jsx49(MySwitchTheme, {})
               ] })
             ] })
           )
         ] }),
-        /* @__PURE__ */ jsxs25(AppShell.Navbar, { children: [
-          /* @__PURE__ */ jsx47(TextInput2, { mt: "md", placeholder: "T\xECm menu (Ctrl + K)", mx: 10, component: "button", onClick: spotlight2.open, leftSection: /* @__PURE__ */ jsx47(IconSearch2, {}), children: "T\xECm ki\u1EBFm (Ctrl + K)" }),
-          /* @__PURE__ */ jsxs25(AppShell.Section, { grow: true, component: ScrollArea2, p: 5, children: [
-            /* @__PURE__ */ jsx47(RenderNavLinks, { items: menu }),
-            /* @__PURE__ */ jsx47(Divider2, {}),
-            /* @__PURE__ */ jsx47(F0Logout, {})
+        /* @__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__ */ jsxs25(AppShell.Section, { p: "md", children: [
-            /* @__PURE__ */ jsx47(Divider2, {}),
-            /* @__PURE__ */ jsx47(Image3, { src: "/imgs/0/IMG0LogoAQTech.png", h: 50, alt: "", w: "auto" })
+          /* @__PURE__ */ jsxs26(AppShell.Section, { p: "md", children: [
+            /* @__PURE__ */ jsx49(Divider2, {}),
+            /* @__PURE__ */ jsx49(Image3, { src: "/imgs/0/IMG0LogoAQTech.png", h: 50, alt: "", w: "auto" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx47(AppShell.Main, { bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))", children })
+        /* @__PURE__ */ jsx49(AppShell.Main, { bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))", children })
       ]
     }
   );
@@ -6436,10 +6412,10 @@ function utils_layout_getItemsWithoutLinks(menu) {
 
 // src/components/Layouts/Container/MyContainer.tsx
 import { Container, Flex as Flex4 } from "@mantine/core";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function MyContainer(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx48(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx48(Flex4, { direction: "column", children }) }));
+  return /* @__PURE__ */ jsx50(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx50(Flex4, { direction: "column", children }) }));
 }
 
 // src/constants/object/color.ts
@@ -6451,7 +6427,7 @@ var OBJECT_COlORS = {
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
 import {
-  Box as Box3,
+  Box as Box4,
   Burger,
   Button as Button15,
   Container as Container2,
@@ -6459,7 +6435,7 @@ import {
   Drawer,
   Group as Group12,
   Image as Image4,
-  ScrollArea as ScrollArea3,
+  ScrollArea as ScrollArea4,
   Text as Text12,
   TextInput as TextInput3,
   ThemeIcon,
@@ -6482,17 +6458,17 @@ import Link4 from "next/link";
 var css_default2 = {};
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenuStore.ts
-var useStore4 = createGenericStore({
+var useStore2 = createGenericStore({
   initialState: { name: "\u0110\u0103ng k\xFD kh\xF3a h\u1ECDc" },
   storageKey: "HeaderMegaMenuStore"
 });
 function useHeaderMegaMenuStore() {
-  const store = useStore4();
+  const store = useStore2();
   return __spreadValues({}, store);
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
-import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
 var mockdata = [
   {
     icon: IconCode,
@@ -6530,27 +6506,27 @@ function HeaderMegaMenu({ children, menus }) {
   const [linksOpened, { toggle: toggleLinks }] = useDisclosure10(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx49(UnstyledButton, { className: css_default2.subLink, children: /* @__PURE__ */ jsxs26(Group12, { wrap: "nowrap", align: "flex-start", children: [
-    /* @__PURE__ */ jsx49(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx49(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
-    /* @__PURE__ */ jsxs26("div", { children: [
-      /* @__PURE__ */ jsx49(Text12, { size: "sm", fw: 500, children: item.title }),
-      /* @__PURE__ */ jsx49(Text12, { size: "xs", c: "dimmed", children: item.description })
+  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__ */ jsxs26(Box3, { children: [
-    /* @__PURE__ */ jsx49("header", { className: css_default2.header, children: /* @__PURE__ */ jsxs26(Group12, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ jsxs26(Group12, { children: [
-        /* @__PURE__ */ jsx49(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
-        /* @__PURE__ */ jsx49(Group12, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx49(Button15, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
+  return /* @__PURE__ */ 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__ */ jsxs26(Group12, { children: [
-        /* @__PURE__ */ jsx49(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx49(IconSearch3, {}), radius: "xl", w: "250px" }),
-        /* @__PURE__ */ jsx49(MySwitchTheme, {})
+      /* @__PURE__ */ jsxs27(Group12, { children: [
+        /* @__PURE__ */ jsx51(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx51(IconSearch3, {}), radius: "xl", w: "250px" }),
+        /* @__PURE__ */ jsx51(MySwitchTheme, {})
       ] }),
-      /* @__PURE__ */ jsx49(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
+      /* @__PURE__ */ jsx51(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
     ] }) }),
-    /* @__PURE__ */ jsx49(Container2, { fluid: true, pt: "sm", pb: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, mih: "93vh", children }),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx51(Container2, { fluid: true, pt: "sm", pb: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, mih: "93vh", children }),
+    /* @__PURE__ */ jsx51(
       Drawer,
       {
         opened: drawerOpened,
@@ -6560,41 +6536,19 @@ function HeaderMegaMenu({ children, menus }) {
         title: "Navigation",
         hiddenFrom: "sm",
         zIndex: 1e6,
-        children: /* @__PURE__ */ jsxs26(ScrollArea3, { h: "calc(100vh - 80px", mx: "-md", children: [
-          /* @__PURE__ */ jsx49(Divider3, { my: "sm" }),
-          /* @__PURE__ */ jsx49(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx49(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__ */ jsx49(Divider3, { my: "sm" })
+        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" })
         ] })
       }
     )
   ] });
 }
 
-// src/components/Layouts/HtmlWrapper/MyHtmlWrapper.tsx
-import { ScrollArea as ScrollArea4, TypographyStylesProvider } from "@mantine/core";
-import pako from "pako";
-import { jsx as jsx50 } from "react/jsx-runtime";
-function MyHtmlWrapper(_a) {
-  var _b = _a, { html, mah, zip = false } = _b, rest = __objRest(_b, ["html", "mah", "zip"]);
-  const extractHtmlFromZip = () => {
-    const binaryString = Buffer.from(html, "base64");
-    const decompressedData = pako.inflate(binaryString, { to: "string" });
-    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__ */ jsx50(ScrollArea4.Autosize, { mah, children: /* @__PURE__ */ jsx50(TypographyStylesProvider, __spreadProps(__spreadValues({}, rest), { children: /* @__PURE__ */ jsx50(
-    "div",
-    {
-      dangerouslySetInnerHTML: {
-        __html: zip ? extractHtmlFromZip() : html
-      }
-    }
-  ) })) });
-}
-
 // 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 jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
 var getStatusColor = (status) => {
   switch (status) {
     case "Prototype":
@@ -6607,39 +6561,39 @@ var getStatusColor = (status) => {
 };
 var PageTitle = ({ title, status }) => {
   const color = getStatusColor(status);
-  return /* @__PURE__ */ jsx51(Indicator, { label: status, size: 16, inline: true, color, disabled: !status, pt: 6, children: /* @__PURE__ */ jsx51(Title, { children: title }) });
+  return /* @__PURE__ */ jsx52(Indicator, { label: status, size: 16, inline: true, color, disabled: !status, pt: 6, children: /* @__PURE__ */ jsx52(Title, { children: title }) });
 };
 function MyPageContent({ leftTopBar, title, canBack = false, rightTopBar, status, children }) {
   const SidebarStore = useS_Sidebar();
   const finalTitle = title || SidebarStore.state.title;
-  return /* @__PURE__ */ jsxs27(Container3, { p: 0, fluid: true, children: [
-    /* @__PURE__ */ jsxs27(Group13, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs27(Group13, { children: [
-        canBack && /* @__PURE__ */ jsx51(MyButtonRouterBack, {}),
-        /* @__PURE__ */ jsx51(PageTitle, { title: finalTitle, status }),
+  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__ */ jsxs27(Group13, { children: [
+      /* @__PURE__ */ jsxs28(Group13, { children: [
         rightTopBar,
-        /* @__PURE__ */ jsx51(Code, { color: "var(--mantine-color-blue-light)", children: SidebarStore.state.menuCode })
+        /* @__PURE__ */ jsx52(Code, { color: "var(--mantine-color-blue-light)", children: SidebarStore.state.menuCode })
       ] })
     ] }),
-    /* @__PURE__ */ jsx51(Divider4, {}),
+    /* @__PURE__ */ jsx52(Divider4, {}),
     children
   ] });
 }
 
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space3, Tabs } from "@mantine/core";
-import { jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
 function MyTab(_a) {
   var _b = _a, { tabList, children } = _b, rest = __objRest(_b, ["tabList", "children"]);
   const iconStyle = { width: rem(20), height: rem(20) };
-  return /* @__PURE__ */ jsxs28(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
-    /* @__PURE__ */ jsx52(Tabs.List, { children: tabList.map((item, idx) => {
-      return /* @__PURE__ */ jsx52(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx52(item.icon, { style: iconStyle }), children: item.label }, idx);
+  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__ */ jsx52(Space3, { my: "md" }),
+    /* @__PURE__ */ jsx53(Space3, { my: "md" }),
     children
   ] }));
 }
@@ -6648,33 +6602,33 @@ function MyTab(_a) {
 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 jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
+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__ */ jsxs29(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
-    /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsxs30(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
+    /* @__PURE__ */ jsx54(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsxs29(Group14, { children: [
+          return /* @__PURE__ */ jsxs30(Group14, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
-            /* @__PURE__ */ jsx53(Button16, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
+            /* @__PURE__ */ jsx54(Button16, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });
         },
         columns,
         data: listState[0],
         renderRowActions: ({ row }) => {
-          return /* @__PURE__ */ jsx53(MyCenterFull, { children: /* @__PURE__ */ jsx53(ActionIcon11, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx53(IconX2, {}) }) });
+          return /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(ActionIcon11, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx54(IconX2, {}) }) });
         }
       }, rest)
     ),
-    /* @__PURE__ */ jsx53(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx54(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsx53(Button16, { onClick: () => {
+          return /* @__PURE__ */ jsx54(Button16, { onClick: () => {
             table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
             disc[1].close();
           }, children: "Ch\u1ECDn" });
@@ -6690,7 +6644,7 @@ function MyDataTableSelect(_a) {
 // src/components/RESTAPIComponents/SelectAPIGet/MySelectAPIGet.tsx
 import { Select as Select4 } from "@mantine/core";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { jsx as jsx54 } from "react/jsx-runtime";
+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;
@@ -6709,7 +6663,7 @@ function MySelectAPIGet(_a) {
       label: `${item.code}-${item.name}`
     };
   });
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     Select4,
     __spreadValues({
       label,
@@ -6721,9 +6675,9 @@ function MySelectAPIGet(_a) {
 
 // src/components/Skeletons/SkeletonTable/MySkeletonTable.tsx
 import { Skeleton } from "@mantine/core";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function MySkeletonTable({ h: h4 = 500 }) {
-  return /* @__PURE__ */ jsx55(Skeleton, { h: h4 });
+  return /* @__PURE__ */ jsx56(Skeleton, { h: h4 });
 }
 
 export {
@@ -6743,7 +6697,6 @@ export {
   MyActionIconUpload,
   MyActionIconViewPDF,
   MySwitchTheme,
-  createGenericStore,
   MyAppSpotlight,
   SpotlightTrigger,
   MyAnchorViewPDF,
@@ -6760,6 +6713,7 @@ export {
   MyButtonImport,
   AQSelectTableByOpenModal,
   MyButtonPrintPDF,
+  MyHtmlWrapper,
   MyButtonRouterBack,
   baseAxios_default,
   MyButtonViewPDF,
@@ -6785,7 +6739,6 @@ export {
   OBJECT_COlORS,
   useHeaderMegaMenuStore,
   HeaderMegaMenu,
-  MyHtmlWrapper,
   MyPageContent,
   MyTab,
   MyDataTableSelect,