aq-fe-framework 0.1.26 → 0.1.27

package/dist/components/index.mjs

@@ -1,7 +1,9 @@
 import {
   __objRest,
   __spreadProps,
-  __spreadValues
+  __spreadValues,
+  utils_notification_show,
+  utils_pdf_download
 } from "../chunk-ZEQATKHS.mjs";
 
 // src/lib/utils.ts
@@ -75,9 +77,22 @@ var Boxes = React2.memo(MyBoxesCore);
 
 // src/components/Loaders/MyCardioLoader.tsx
 import { useEffect } from "react";
+function MyCardioLoader() {
+  useEffect(() => {
+    async function getLoader() {
+      const { cardio } = await import("ldrs");
+      cardio.register();
+    }
+    getLoader();
+  }, []);
+  return /* @__PURE__ */ React.createElement("l-cardio", { color: "var(--cyan-400)" });
+}
 
 // src/components/Aceternity/BoxesBackground/MyBoxesBackground.tsx
 import { Center, Space, Text } from "@mantine/core";
+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__ */ 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";
@@ -103,6 +118,10 @@ function MyActionIcon(_a) {
 
 // src/components/Inputs/TextInput/MyTextInput.tsx
 import { TextInput } from "@mantine/core";
+function MyTextInput(_a) {
+  var _b = _a, { label, defaultValue } = _b, rest = __objRest(_b, ["label", "defaultValue"]);
+  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";
@@ -116,6 +135,30 @@ 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";
+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__ */ 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,
+      {
+        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";
@@ -251,25 +294,187 @@ function MyActionIconModal(_a) {
   }
 }
 
+// src/components/ActionIcons/ActionIconCRUD/MyActionIconDelete.tsx
+function MyActionIconDelete(_a) {
+  var _b = _a, {
+    onSubmit,
+    onSuccess,
+    onError,
+    contextData
+  } = _b, rest = __objRest(_b, [
+    "onSubmit",
+    "onSuccess",
+    "onError",
+    "contextData"
+  ]);
+  const queryClient = useQueryClient();
+  const disc = useDisclosure2();
+  const loadingState = useState2();
+  const mutation = useMutation({
+    mutationFn: async () => await onSubmit(),
+    onSuccess: () => {
+      if (onSuccess) {
+        onSuccess();
+        return;
+      }
+      queryClient.invalidateQueries();
+      utils_notification_show({ crudType: "delete" });
+      disc[1].close();
+    },
+    onError: () => {
+      if (onError) {
+        onError();
+        return;
+      }
+    }
+  });
+  function handleCLick() {
+    loadingState[1](true);
+    mutation.mutate();
+  }
+  return /* @__PURE__ */ React.createElement(
+    MyActionIconModal,
+    __spreadValues({
+      disclosure: disc,
+      crudType: "delete"
+    }, 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";
+function MyActionIconUpdate(_a) {
+  var _b = _a, {
+    form,
+    onSubmit,
+    onSuccess,
+    onError,
+    children
+  } = _b, rest = __objRest(_b, [
+    "form",
+    "onSubmit",
+    "onSuccess",
+    "onError",
+    "children"
+  ]);
+  const disc = useDisclosure3();
+  const queryClient = useQueryClient2();
+  const mutation = useMutation2({
+    mutationFn: async (values) => {
+      await onSubmit(values);
+    },
+    onSuccess: () => {
+      if (onSuccess) {
+        onSuccess();
+      }
+      queryClient.invalidateQueries();
+      utils_notification_show({ crudType: "update" });
+      disc[1].close();
+    },
+    onError: () => {
+      if (onError) onError();
+    }
+  });
+  return /* @__PURE__ */ React.createElement(MyActionIconModal, __spreadValues({ disclosure: disc, crudType: "update" }, rest), /* @__PURE__ */ React.createElement("form", { onSubmit: form.onSubmit((values) => {
+    mutation.mutate(values);
+  }) }, /* @__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";
+function MyActionIconDownloadPDF({ pdfLink = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2021/07/17-bgd.signed.pdf" }) {
+  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
 import { ActionIcon as ActionIcon5 } from "@mantine/core";
 import { Dropzone, MIME_TYPES } from "@mantine/dropzone";
 import { IconCloudUpload } from "@tabler/icons-react";
 import { useRef } from "react";
+function MyActionIconUpload() {
+  const openRef = useRef(null);
+  return /* @__PURE__ */ React.createElement(
+    Dropzone,
+    {
+      openRef,
+      onDrop: () => {
+      },
+      radius: "md",
+      accept: [MIME_TYPES.pdf]
+    },
+    /* @__PURE__ */ React.createElement(ActionIcon5, null, /* @__PURE__ */ React.createElement(IconCloudUpload, null))
+  );
+}
 
 // src/components/ActionIcons/ActionIconViewPdf/MyActionIconViewPDF.tsx
 import { ActionIcon as ActionIcon6, Group as Group2, Modal as Modal3, Paper, Text as Text3, Tooltip as Tooltip3 } from "@mantine/core";
 import { useDisclosure as useDisclosure4 } from "@mantine/hooks";
 import { IconLivePhoto, IconMaximize, IconMinimize } from "@tabler/icons-react";
 import { useState as useState3 } from "react";
+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__ */ 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
 import { ActionIcon as ActionIcon7, useComputedColorScheme, useMantineColorScheme } from "@mantine/core";
@@ -416,6 +621,40 @@ 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";
+function MyAnchorViewPDF({ label, pdfLink }) {
+  const disc = useDisclosure5(false);
+  const fullScreen = useState5(false);
+  const hSize = useState5("80vh");
+  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
 import { FileInput } from "@mantine/core";
@@ -515,14 +754,164 @@ function MyButtonModal(_a) {
   }
 }
 
+// src/components/Buttons/ButtonCRUD/AQButtonCreateByImportFile.tsx
+function AQButtonCreateByImportFile(_a) {
+  var _b = _a, {
+    form,
+    onSubmit,
+    onSuccess,
+    onError,
+    setImportedData: setImportedData
+  } = _b, rest = __objRest(_b, [
+    "form",
+    "onSubmit",
+    "onSuccess",
+    "onError",
+    // children,
+    "setImportedData"
+  ]);
+  const disc = useDisclosure6();
+  const queryClient = useQueryClient3();
+  const mutation = useMutation3({
+    mutationFn: async () => {
+      return await onSubmit();
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries();
+      utils_notification_show({ crudType: "create" });
+      disc[1].close();
+      form.reset();
+      if (onSuccess) onSuccess();
+    },
+    onError: () => {
+      if (onError) onError();
+    }
+  });
+  const handleFileChange = (file) => {
+    if (!file) return;
+    const reader = new FileReader();
+    reader.onload = (event) => {
+      var _a2;
+      const binaryStr = (_a2 = event.target) == null ? void 0 : _a2.result;
+      if (binaryStr) {
+        const workbook = XLSX.read(binaryStr, { type: "binary" });
+        const sheetName = workbook.SheetNames[0];
+        const sheet = workbook.Sheets[sheetName];
+        const data = XLSX.utils.sheet_to_json(sheet);
+        setImportedData && setImportedData(data);
+      }
+    };
+    reader.readAsArrayBuffer(file);
+  };
+  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";
+function AQButtonExportData({
+  isAllData,
+  objectName,
+  data,
+  exportConfig
+}) {
+  const handleExport = () => {
+    const processedData = data.map((row) => {
+      const newRow = {};
+      exportConfig.fields.forEach(({ fieldName, formatFunction }) => {
+        newRow[fieldName] = formatFunction ? formatFunction(row[fieldName], row) : row[fieldName];
+      });
+      return newRow;
+    });
+    const headers = {};
+    exportConfig.fields.forEach(({ fieldName, header }) => {
+      headers[fieldName] = header;
+    });
+    const worksheet = XLSX2.utils.json_to_sheet(processedData);
+    const headerRow = exportConfig.fields.map(({ fieldName }) => headers[fieldName]);
+    XLSX2.utils.sheet_add_aoa(worksheet, [headerRow], { origin: "A1" });
+    const workbook = XLSX2.utils.book_new();
+    XLSX2.utils.book_append_sheet(workbook, worksheet, "Exported Data");
+    XLSX2.writeFile(workbook, `${objectName}.xlsx`);
+  };
+  return /* @__PURE__ */ React.createElement(
+    Button4,
+    {
+      disabled: data.length === 0,
+      variant: "filled",
+      color: "teal",
+      onClick: (event) => {
+        event.preventDefault();
+        handleExport();
+      },
+      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";
+function MyButtonCreate(_a) {
+  var _b = _a, {
+    form,
+    onSubmit,
+    onSuccess,
+    onError,
+    notCloseModalWhenSubmit = false,
+    notResetFormWhenSubmit = false,
+    children,
+    disclosure: externalDisclosure
+  } = _b, rest = __objRest(_b, [
+    "form",
+    "onSubmit",
+    "onSuccess",
+    "onError",
+    "notCloseModalWhenSubmit",
+    "notResetFormWhenSubmit",
+    "children",
+    "disclosure"
+  ]);
+  const defaultDisclosure = useDisclosure7();
+  const disclosure = externalDisclosure != null ? externalDisclosure : defaultDisclosure;
+  const queryClient = useQueryClient4();
+  const mutation = useMutation4({
+    mutationFn: async (values) => await onSubmit(values),
+    onSuccess: () => {
+      if (onSuccess) {
+        onSuccess();
+      }
+      queryClient.invalidateQueries();
+      utils_notification_show({ crudType: "create" });
+      if (notCloseModalWhenSubmit == false) {
+        disclosure[1].close();
+      }
+      if (notResetFormWhenSubmit == false) {
+        form.reset();
+      }
+    },
+    onError: () => {
+      if (onError) onError();
+    }
+  });
+  return /* @__PURE__ */ React.createElement(MyButtonModal, __spreadValues({ disclosure, crudType: "create" }, rest), /* @__PURE__ */ React.createElement("form", { onSubmit: form.onSubmit((values) => {
+    mutation.mutate(values);
+  }) }, /* @__PURE__ */ React.createElement(MyFlexColumn, null, children, /* @__PURE__ */ React.createElement(MyButton, { type: "submit", crudType: "save" }))));
+}
 
 // src/components/Buttons/ButtonImport/MyButtonImport.tsx
 import { Button as Button8, Modal as Modal8, useModalsStack as useModalsStack3 } from "@mantine/core";
@@ -530,9 +919,17 @@ import { IconFileImport as IconFileImport2 } from "@tabler/icons-react";
 
 // src/components/Combobox/Select/MySelect.tsx
 import { Select } from "@mantine/core";
+function MySelect(_a) {
+  var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
+  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";
+function MyFlexEnd(_a) {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ React.createElement(Group4, __spreadValues({ justify: "end", mt: "md" }, rest), children);
+}
 
 // src/components/Buttons/ButtonImport/SelectFieldModal.tsx
 import { Button as Button5, Divider, Fieldset, Group as Group5, Modal as Modal6, SimpleGrid, Space as Space2, Table } from "@mantine/core";
@@ -562,6 +959,210 @@ var useStore = createGenericStore({
     startDataIndex: 3
   }
 });
+function useS_ButtonImport() {
+  const store = useStore();
+  function autoMap() {
+    if (!store.state.data || !store.state.data.length || !store.state.fieldConfig) return;
+    const sampleRow = store.state.data[0];
+    const updatedFieldConfig = store.state.fieldConfig.map((config2) => {
+      const matchingKey = Object.keys(sampleRow).find(
+        (key) => key.toLowerCase().trim() === config2.fieldKey.toString().toLowerCase().trim()
+      );
+      if (matchingKey) {
+        return __spreadProps(__spreadValues({}, config2), {
+          fieldToMap: matchingKey,
+          isSelected: true
+        });
+      }
+      return config2;
+    });
+    store.setProperty("fieldConfig", updatedFieldConfig);
+  }
+  function getDataFinal() {
+    const finalData = [];
+    store.state.data.forEach((row) => {
+      const rowData = {};
+      store.state.fieldConfig.forEach((colConfig) => {
+        if (colConfig.isSelected) {
+          const key = colConfig.fieldKey;
+          const sourceKey = colConfig.fieldToMap || key;
+          rowData[key] = row[sourceKey];
+        }
+      });
+      finalData.push(rowData);
+    });
+    return finalData;
+  }
+  function changeAllSelected(isSelected) {
+    var _a;
+    store.setProperty("fieldConfig", (_a = store.state.fieldConfig) == null ? void 0 : _a.map((item) => __spreadProps(__spreadValues({}, item), {
+      isSelected
+    })));
+  }
+  function changeSelected(fieldKey, isSelected) {
+    var _a;
+    if (!store.state.fieldConfig) {
+      store.setProperty("fieldConfig", []);
+    }
+    const existingFieldConfigIndex = store.state.fieldConfig.findIndex(
+      (config2) => config2.fieldKey === fieldKey
+    );
+    if (existingFieldConfigIndex !== -1) {
+      const updatedFieldConfig = [...store.state.fieldConfig];
+      updatedFieldConfig[existingFieldConfigIndex] = __spreadProps(__spreadValues({}, updatedFieldConfig[existingFieldConfigIndex]), {
+        isSelected
+      });
+      store.setProperty("fieldConfig", updatedFieldConfig);
+    } else {
+      const fieldName = ((_a = store.state.title) == null ? void 0 : _a.find((title) => title === fieldKey)) || fieldKey;
+      const updatedFieldConfig = [
+        ...store.state.fieldConfig,
+        {
+          fieldKey,
+          fieldName,
+          isSelected
+        }
+      ];
+      store.setProperty("fieldConfig", updatedFieldConfig);
+    }
+  }
+  function setFieldToMap(fieldKey, fieldToMap) {
+    var _a;
+    if (!store.state.fieldConfig) {
+      store.setProperty("fieldConfig", []);
+    }
+    const existingFieldConfigIndex = store.state.fieldConfig.findIndex(
+      (config2) => config2.fieldKey === fieldKey
+    );
+    if (existingFieldConfigIndex !== -1) {
+      const updatedFieldConfig = [...store.state.fieldConfig];
+      updatedFieldConfig[existingFieldConfigIndex] = __spreadProps(__spreadValues({}, updatedFieldConfig[existingFieldConfigIndex]), {
+        fieldToMap
+      });
+      store.setProperty("fieldConfig", updatedFieldConfig);
+    } else {
+      const fieldName = ((_a = store.state.title) == null ? void 0 : _a.find((title) => title === fieldKey)) || fieldKey;
+      const updatedFieldConfig = [
+        ...store.state.fieldConfig,
+        {
+          fieldKey,
+          fieldName,
+          fieldToMap
+        }
+      ];
+      store.setProperty("fieldConfig", updatedFieldConfig);
+    }
+  }
+  const columns = useMemo2(() => {
+    var _a;
+    return [
+      ...((_a = store.state.title) == null ? void 0 : _a.map((item) => ({
+        header: item,
+        accessorKey: item
+      }))) || []
+    ];
+  }, [store.state.title]);
+  useEffect2(() => {
+    if (store.state.file == null) {
+      store.resetState();
+    }
+    if (!store.state.file) return;
+    const reader = new FileReader();
+    reader.onload = (event) => {
+      var _a;
+      const binaryStr = (_a = event.target) == null ? void 0 : _a.result;
+      if (!binaryStr) return;
+      const workbook = XLSX3.read(binaryStr, { type: "binary" });
+      const sheetName = workbook.SheetNames[0];
+      const sheet = workbook.Sheets[sheetName];
+      const dataBook = XLSX3.utils.sheet_to_json(sheet, { header: 1 });
+      const data = XLSX3.utils.sheet_to_json(sheet, { range: 1 });
+      if (data.lenght == 0) return;
+      store.setProperty("title", dataBook[1]);
+      store.setProperty("data", data);
+    };
+    reader.readAsArrayBuffer(store.state.file);
+  }, [store.state.file]);
+  useEffect2(() => {
+    var _a;
+    if (((_a = store.state.data) == null ? void 0 : _a.length) == 0) return;
+    autoMap();
+  }, [store.state.data]);
+  return __spreadProps(__spreadValues({}, store), {
+    columns,
+    changeSelected,
+    setFieldToMap,
+    getDataFinal,
+    changeAllSelected,
+    autoMap
+  });
+}
+
+// src/components/Buttons/ButtonImport/SelectFieldModal.tsx
+function SelectFieldModal({ stack, onImport }) {
+  var _a, _b;
+  const store = useS_ButtonImport();
+  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
 import { Button as Button6, Group as Group6 } from "@mantine/core";
@@ -675,15 +1276,186 @@ function MyDataTable(_a) {
 // 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";
+function SelectFileModal({ onExportStructure, stack }) {
+  var _a;
+  const store = useS_ButtonImport();
+  return /* @__PURE__ */ React.createElement(
+    Modal7,
+    __spreadValues({
+      title: "Import",
+      fullScreen: true
+    }, 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
+function MyButtonImport({
+  onExportStructure,
+  onImport
+}) {
+  const stack = useModalsStack3(["select-file-page", "select-field-page", "implement-page"]);
+  const store = useS_ButtonImport();
+  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";
+function AQSelectTableByOpenModal(_a) {
+  var _b = _a, {
+    setSelectedData,
+    data,
+    columns,
+    API,
+    modalSize,
+    title,
+    label,
+    listLabel,
+    objectName,
+    fullScreen = false,
+    closeAfterSelect = true
+  } = _b, rest = __objRest(_b, [
+    "setSelectedData",
+    "data",
+    "columns",
+    "API",
+    "modalSize",
+    "title",
+    "label",
+    "listLabel",
+    "objectName",
+    "fullScreen",
+    "closeAfterSelect"
+  ]);
+  const disclosure = useDisclosure8(false);
+  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/ButtonRouterBack/MyButtonRouterBack.tsx
 import { Button as Button10 } from "@mantine/core";
 import { IconArrowBack } from "@tabler/icons-react";
 import { useRouter as useRouter2 } from "next/navigation";
+function MyButtonRouterBack(_a) {
+  var _b = _a, { url, label } = _b, rest = __objRest(_b, ["url", "label"]);
+  const router = useRouter2();
+  return /* @__PURE__ */ React.createElement(
+    Button10,
+    __spreadValues({
+      variant: "light",
+      leftSection: /* @__PURE__ */ React.createElement(IconArrowBack, { stroke: 2 }),
+      onClick: () => {
+        if (url) {
+          router.replace(url);
+          return;
+        }
+        router.back();
+      }
+    }, rest),
+    label ? label : "Tr\u1EDF v\u1EC1"
+  );
+}
 
 // src/api/baseAxios.ts
 import axios from "axios";
@@ -707,6 +1479,7 @@ baseAxios.interceptors.request.use(
     return Promise.reject(error);
   }
 );
+var baseAxios_default = baseAxios;
 
 // src/components/Buttons/ButtonViewPDF/MyButtonViewPDF.tsx
 import { ActionIcon as ActionIcon9, Button as Button11, Group as Group7, LoadingOverlay, Modal as Modal10, Paper as Paper3, Text as Text5, Tooltip as Tooltip4 } from "@mantine/core";
@@ -714,6 +1487,64 @@ 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";
+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);
+  const fullScreen = useState6(false);
+  const hSize = useState6("80vh");
+  const query = useQuery({
+    queryKey: ["MyButtonViewPDF", id],
+    queryFn: async () => {
+      return (await baseAxios_default.get("/Document/Get?id=" + id)).data.data;
+    },
+    enabled: id != void 0 && disc[0] == true
+  });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }, /* @__PURE__ */ React.createElement(Button11, { 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",
+      {
+        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
 var n;
@@ -3235,6 +4066,7 @@ var config$3 = {
   backwardForwardUnits: 7
 };
 var viewWeek = createPreactView(config$3);
+var createViewWeek = () => createPreactView(config$3);
 var DayWrapper = ({ $app, id }) => {
   return u2(WeekWrapper, { "$app": $app, id });
 };
@@ -3249,6 +4081,7 @@ var config$2 = {
   backwardForwardUnits: 1
 };
 var viewDay = createPreactView(config$2);
+var createViewDay = () => createPreactView(config$2);
 var getWeekNumber = (d5, firstDayOfWeek) => {
   d5 = new Date(Date.UTC(d5.getFullYear(), d5.getMonth(), d5.getDate()));
   const dayOffset = (d5.getUTCDay() - firstDayOfWeek + 7) % 7;
@@ -4455,6 +5288,7 @@ var config$1 = {
   backwardForwardUnits: 1
 };
 var viewMonthGrid = createPreactView(config$1);
+var createViewMonthGrid = () => createPreactView(config$1);
 var createAgendaMonth = (date, timeUnitsImpl) => {
   const { year, month } = toIntegers(date);
   const monthWithDates = timeUnitsImpl.getMonthWithTrailingAndLeadingDays(year, month);
@@ -4642,6 +5476,7 @@ var config = {
   backwardForwardUnits: 1
 };
 var viewMonthAgenda = createPreactView(config);
+var createViewMonthAgenda = () => createPreactView(config);
 
 // src/components/Calendar/MyCalendar.tsx
 import { createEventModalPlugin } from "@schedule-x/event-modal";
@@ -4650,44 +5485,265 @@ 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";
+function MyCalendar() {
+  const plugins = [createEventsServicePlugin(), createEventModalPlugin()];
+  const calendar = useNextCalendarApp({
+    locale: "vi-VN",
+    dayBoundaries: {
+      start: "05:00",
+      end: "21:00"
+    },
+    weekOptions: {
+      gridHeight: 700
+    },
+    views: [createViewDay(), createViewWeek(), createViewMonthGrid(), createViewMonthAgenda()],
+    events: [
+      {
+        id: "1",
+        giangvien: "TDMU048- B\xF9i \u0110\u1EE9c Anh",
+        title: "Tin h\u1ECDc c\u0103n b\u1EA3n",
+        people: ["S\u1EE9c ch\u1EE9a: 30"],
+        location: "Ph\xF2ng: B103",
+        start: "2024-12-17 06:00",
+        end: "2024-12-17 08:00",
+        laLichThi: false,
+        description: "Gi\u1EA3ng vi\xEAn: TDMU048- B\xF9i \u0110\u1EE9c Anh"
+      },
+      {
+        id: "2",
+        giangvien: "CNTT030- Nguy\u1EC5n Th\u1EBF B\u1EA3o",
+        title: "Tin h\u1ECDc c\u0103n b\u1EA3n",
+        people: ["S\u1EE9c ch\u1EE9a: 30"],
+        location: "Ph\xF2ng: B103",
+        start: "2024-12-18 06:00",
+        end: "2024-12-18 08:00",
+        laLichThi: false,
+        description: "Gi\u1EA3ng vi\xEAn: CNTT030- Nguy\u1EC5n Th\u1EBF B\u1EA3o"
+      },
+      {
+        id: 3,
+        giangvien: "CNTT026- V\xF5 Th\u1ECB Di\u1EC5m H\u01B0\u01A1ng",
+        title: "Tin h\u1ECDc c\u0103n b\u1EA3n",
+        people: ["S\u1EE9c ch\u1EE9a: 30"],
+        location: "Ph\xF2ng: B103",
+        start: "2024-12-19 06:00",
+        end: "2024-12-19 08:00",
+        laLichThi: false,
+        description: "Gi\u1EA3ng vi\xEAn:  CNTT026- V\xF5 Th\u1ECB Di\u1EC5m H\u01B0\u01A1ng"
+      },
+      {
+        id: 4,
+        giangvien: "KHNN065- Nguy\u1EC5n Xu\xE2n Ti\u1EBFn",
+        title: "Tin h\u1ECDc c\u0103n b\u1EA3n",
+        people: ["S\u1EE9c ch\u1EE9a: 30"],
+        location: "Ph\xF2ng: B102",
+        start: "2024-12-20 06:00",
+        end: "2024-12-20 08:00",
+        laLichThi: false,
+        description: "Gi\u1EA3ng vi\xEAn: KHNN065- Nguy\u1EC5n Xu\xE2n Ti\u1EBFn"
+      },
+      {
+        id: 5,
+        // giangvien: 'KHNN065- Nguyễn Xuân Tiến',
+        title: "Ti\u1EBFng anh th\u01B0\u01A1ng m\u1EA1i",
+        people: ["S\u1EE9c ch\u1EE9a: 30"],
+        location: "Ph\xF2ng: B102",
+        start: "2024-12-16 14:00",
+        end: "2024-12-16 16:00",
+        laLichThi: true
+        // description: "Giảng viên: KHNN065- Nguyễn Xuân Tiến"
+      }
+    ]
+  }, plugins);
+  useEffect4(() => {
+    calendar == null ? void 0 : calendar.events.getAll();
+  }, []);
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ScheduleXCalendar, { calendarApp: calendar, customComponents: {
+    timeGridEvent: ({ calendarEvent }) => {
+      console.log(calendarEvent);
+      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 (
+    //         <Paper bg={'red'} style={{ position: 'relative', overflow: "hidden" }}>
+    //             âs
+    //         </Paper>
+    //     )
+    // }
+  } }));
+}
 
 // src/components/CenterFull/MyCenterFull.tsx
 import { Center as Center2, Group as Group8 } from "@mantine/core";
+function MyCenterFull({ 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";
+function MyCheckbox(_a) {
+  var rest = __objRest(_a, []);
+  return /* @__PURE__ */ React.createElement(Checkbox2, __spreadValues({}, rest));
+}
 
 // src/components/Layouts/FlexRow/MyFlexRow.tsx
 import { Flex as Flex2 } from "@mantine/core";
+function MyFlexRow(_a) {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["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";
+function AQCard({
+  imgSrc = "https://raw.githubusercontent.com/mantinedev/mantine/master/.demo/images/bg-8.png",
+  title,
+  description,
+  date,
+  children,
+  status,
+  href = ""
+}) {
+  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";
+function MyKeyLabel({ keyLabel, 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";
+function MyNumberFormatter(_a) {
+  var rest = __objRest(_a, []);
+  return /* @__PURE__ */ React.createElement(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
+}
 
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
 import { Box, Button as Button12, Flex as Flex3, Group as Group10, Paper as Paper5, Text as Text9 } from "@mantine/core";
 import { IconArrowDownRight, IconArrowUpRight } from "@tabler/icons-react";
+function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Paper5,
+    {
+      withBorder: true,
+      p: "md",
+      radius: "md",
+      key: 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(Box, 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(
+      Button12,
+      {
+        variant: "light",
+        size: "xs"
+      },
+      "Xem chi ti\u1EBFt"
+    ))
+  ));
+}
 
 // src/components/Inputs/DateInput/MyDateInput.tsx
 import { DateInput } from "@mantine/dates";
+function MyDateInput(_a) {
+  var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
+  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 Box2, Fieldset as Fieldset4, Text as Text10 } from "@mantine/core";
+function MyFieldset(_a) {
+  var _b = _a, {
+    children,
+    title
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "title"
+  ]);
+  return /* @__PURE__ */ React.createElement(
+    Fieldset4,
+    __spreadProps(__spreadValues({}, rest), {
+      legend: /* @__PURE__ */ React.createElement(
+        Box2,
+        {
+          bg: "blue.4",
+          px: "xs",
+          py: 2,
+          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";
+function MyFileInput(_a) {
+  var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
+  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";
+function MyNumberInput(_a) {
+  var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
+  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";
+function MyTextArea(_a) {
+  var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
+  return /* @__PURE__ */ React.createElement(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";
@@ -4702,6 +5758,110 @@ 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";
+function MyTextEditor(_a) {
+  var _b = _a, { autoHiddenToolBar = false, contentHeight = "400px", onChange, value, error, label } = _b, rest = __objRest(_b, ["autoHiddenToolBar", "contentHeight", "onChange", "value", "error", "label"]);
+  const [hiddenToolBar, setHiddenToolBar] = useState7(autoHiddenToolBar);
+  const editor = useEditor(__spreadValues({
+    extensions: [
+      StarterKit,
+      Underline,
+      Link2,
+      Superscript,
+      SubScript,
+      Highlight2,
+      Image2.extend({
+        addAttributes() {
+          return {
+            src: {
+              default: null
+            },
+            alt: {
+              default: null
+            }
+          };
+        },
+        parseHTML() {
+          return [
+            {
+              tag: "img[src]"
+            }
+          ];
+        },
+        renderHTML({ HTMLAttributes }) {
+          return ["img", HTMLAttributes];
+        }
+      }),
+      TextAlign.configure({ types: ["heading", "paragraph"] }),
+      FileHandler.configure({
+        allowedMimeTypes: ["image/png", "image/jpeg", "image/gif", "image/webp"],
+        onDrop: (currentEditor, files, pos) => {
+          files.forEach((file) => {
+            const fileReader = new FileReader();
+            fileReader.readAsDataURL(file);
+            fileReader.onload = () => {
+              currentEditor.chain().insertContentAt(pos, {
+                type: "image",
+                attrs: {
+                  src: fileReader.result
+                }
+              }).focus().run();
+            };
+          });
+        },
+        onPaste: (currentEditor, files, htmlContent) => {
+          files.forEach((file) => {
+            if (htmlContent) {
+              console.log(htmlContent);
+              return false;
+            }
+            const fileReader = new FileReader();
+            fileReader.readAsDataURL(file);
+            fileReader.onload = () => {
+              currentEditor.chain().insertContentAt(currentEditor.state.selection.anchor, {
+                type: "image",
+                attrs: {
+                  src: fileReader.result
+                }
+              }).focus().run();
+            };
+          });
+        }
+      })
+    ],
+    content: value,
+    onUpdate: ({ editor: editor2 }) => {
+      const content = editor2.getHTML();
+      if (content === "<p></p>") {
+        onChange("");
+      } else {
+        onChange(content);
+      }
+    }
+  }, rest));
+  useEffect5(() => {
+    if (editor && value !== editor.getHTML()) {
+      editor.commands.setContent(value);
+    }
+  }, [value, editor]);
+  return /* @__PURE__ */ React.createElement(Input.Wrapper, { label, flex: 1, error }, /* @__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(
+    ScrollArea.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/stores/S0Auth.ts
 var useStore2 = createGenericStore({
@@ -4916,6 +6076,10 @@ function utils_layout_getItemsWithoutLinks(menu) {
 
 // src/components/Layouts/Container/MyContainer.tsx
 import { Container, Flex as Flex4 } from "@mantine/core";
+function MyContainer(_a) {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ React.createElement(Container, __spreadValues({ fluid: true }, rest), /* @__PURE__ */ React.createElement(Flex4, { direction: "column" }, children));
+}
 
 // src/constants/object/color.ts
 var OBJECT_COlORS = {
@@ -5023,39 +6187,188 @@ function HeaderMegaMenu({ children, menus }) {
 // src/components/Layouts/HtmlWrapper/MyHtmlWrapper.tsx
 import { ScrollArea as ScrollArea4, TypographyStylesProvider } from "@mantine/core";
 import pako from "pako";
+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__ */ React.createElement(ScrollArea4.Autosize, { mah }, /* @__PURE__ */ React.createElement(TypographyStylesProvider, __spreadValues({}, rest), /* @__PURE__ */ React.createElement(
+    "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";
+var getStatusColor = (status) => {
+  switch (status) {
+    case "Prototype":
+      return "blue";
+    case "Beta":
+      return "orange";
+    default:
+      return "gray";
+  }
+};
+var PageTitle = ({ title, status }) => {
+  const color = getStatusColor(status);
+  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 = useS0Sidebar();
+  const finalTitle = title || SidebarStore.title;
+  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.menuCode))), /* @__PURE__ */ React.createElement(Divider4, null), children);
+}
 
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space3, Tabs } from "@mantine/core";
 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__ */ 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 Button15, 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";
+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__ */ 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(Button15, { 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(Button15, { 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";
+function MySelectAPIGet(_a) {
+  var _b = _a, { apiGet, label = "", dataMapper } = _b, rest = __objRest(_b, ["apiGet", "label", "dataMapper"]);
+  var _a2;
+  const query = useQuery2({
+    queryKey: [apiGet],
+    queryFn: async () => {
+      return (await baseAxios_default.get(apiGet)).data;
+    }
+  });
+  if (query.isLoading) return "Loading...";
+  const data = (_a2 = query.data) == null ? void 0 : _a2.map((item) => {
+    var _a3;
+    if (dataMapper) return dataMapper(item);
+    return {
+      value: (_a3 = item.id) == null ? void 0 : _a3.toString(),
+      label: `${item.code}-${item.name}`
+    };
+  });
+  return /* @__PURE__ */ React.createElement(
+    Select4,
+    __spreadValues({
+      label,
+      placeholder: `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}`,
+      data
+    }, rest)
+  );
+}
 
 // src/components/Skeletons/SkeletonTable/MySkeletonTable.tsx
 import { Skeleton } from "@mantine/core";
+function MySkeletonTable({ h: h4 = 500 }) {
+  return /* @__PURE__ */ React.createElement(Skeleton, { h: h4 });
+}
 export {
+  AQButtonCreateByImportFile,
+  AQButtonExportData,
+  AQCard,
+  AQSelectTableByOpenModal,
+  AQStatCard1,
   BasicAppShell,
   BasicAppShell_transformMenuToEnum,
   Boxes,
   HeaderMegaMenu,
   MyActionIcon,
+  MyActionIconCheck,
+  MyActionIconDelete,
+  MyActionIconDownloadPDF,
   MyActionIconModal,
+  MyActionIconUpdate,
+  MyActionIconUpload,
+  MyActionIconViewPDF,
+  MyAnchorViewPDF,
   MyAppSpotlight,
+  MyBoxesBackground,
   MyBoxesCore,
   MyButton,
+  MyButtonCreate,
+  MyButtonImport,
   MyButtonModal,
+  MyButtonRouterBack,
+  MyButtonViewPDF,
+  MyCalendar,
+  MyCardioLoader,
+  MyCenterFull,
+  MyCheckbox,
+  MyContainer,
   MyDataTable,
+  MyDataTableSelect,
+  MyDateInput,
+  MyFieldset,
+  MyFileInput,
+  MyFlexColumn,
+  MyFlexEnd,
+  MyFlexRow,
+  MyHtmlWrapper,
+  MyKeyLabel,
+  MyNumberFormatter,
+  MyNumberInput,
+  MyPageContent,
+  MySelect,
+  MySelectAPIGet,
+  MySkeletonTable,
   MySwitchTheme,
+  MyTab,
+  MyTextArea,
+  MyTextEditor,
+  MyTextInput,
+  SelectFieldModal,
+  SelectFileModal,
   SpotlightTrigger,
   groupToTwoLevels,
+  useHeaderMegaMenuStore,
+  useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
 };