aq-fe-framework 0.1.328 → 0.1.330

package/dist/{chunk-FII3IZXA.mjs → chunk-WEZ3M7EQ.mjs}

@@ -346,13 +346,13 @@ function MyDataTableSelectOne({
 // src/core/dataDisplay/MyLabelValueRow.tsx
 import { Group, Text } from "@mantine/core";
 import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var MyLabelValueRow = ({
+function MyLabelValueRow({
   label,
   value,
   labelProps,
   valueProps,
   groupProps
-}) => {
+}) {
   return /* @__PURE__ */ jsxs3(Group, __spreadProps(__spreadValues({ gap: 5, wrap: "nowrap" }, groupProps), { children: [
     /* @__PURE__ */ jsxs3(Text, __spreadProps(__spreadValues({ fw: 600 }, labelProps), { children: [
       label,
@@ -360,7 +360,7 @@ var MyLabelValueRow = ({
     ] })),
     /* @__PURE__ */ jsx6(Text, __spreadProps(__spreadValues({}, valueProps), { children: value }))
   ] }));
-};
+}
 
 // src/core/input/MyDayOfWeekPicker.tsx
 import { Badge, Group as Group2 } from "@mantine/core";

package/dist/{chunk-FAG4PGP2.mjs → chunk-WSWTPIEG.mjs}

@@ -6574,43 +6574,30 @@ function MyIconText({ icon: Icon, text }) {
   ] });
 }
 
-// src/components/DataDisplay/KeyLabel/MyKeyLabel.tsx
-import { Group as Group12, Text as Text11 } from "@mantine/core";
-import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
-function MyKeyLabel({ keyLabel, label }) {
-  return /* @__PURE__ */ jsxs24(Group12, { gap: 5, children: [
-    /* @__PURE__ */ jsxs24(Text11, { fw: "bold", children: [
-      keyLabel,
-      ":"
-    ] }),
-    /* @__PURE__ */ jsx39(Text11, { children: label })
-  ] });
-}
-
 // src/components/DataDisplay/NumberFormatter/MyNumberFormatter.tsx
 import { NumberFormatter } from "@mantine/core";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function MyNumberFormatter(_a) {
   var rest = __objRest(_a, []);
-  return /* @__PURE__ */ jsx40(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
+  return /* @__PURE__ */ jsx39(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
 }
 
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
-import { Box as Box3, Button as Button12, Flex as Flex2, Group as Group13, Paper as Paper6, Text as Text12 } from "@mantine/core";
+import { Box as Box3, Button as Button12, Flex as Flex2, Group as Group12, Paper as Paper6, Text as Text11 } from "@mantine/core";
 import { IconArrowDownRight as IconArrowDownRight2, IconArrowUpRight as IconArrowUpRight2 } from "@tabler/icons-react";
-import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
 function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
-  return /* @__PURE__ */ jsx41(Fragment11, { children: /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx40(Fragment11, { children: /* @__PURE__ */ jsxs24(
     Paper6,
     {
       withBorder: true,
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs25(Group13, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxs25(Flex2, { direction: "column", children: [
-            /* @__PURE__ */ jsx41(
-              Text12,
+        /* @__PURE__ */ jsxs24(Group12, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxs24(Flex2, { direction: "column", children: [
+            /* @__PURE__ */ jsx40(
+              Text11,
               {
                 tt: "uppercase",
                 size: "lg",
@@ -6618,53 +6605,53 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                 children: title
               }
             ),
-            unit == "" ? /* @__PURE__ */ jsxs25(Text12, { size: "xs", style: { visibility: "hidden" }, children: [
+            unit == "" ? /* @__PURE__ */ jsxs24(Text11, { size: "xs", style: { visibility: "hidden" }, children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx41("strong", { children: unit })
-            ] }) : /* @__PURE__ */ jsxs25(Text12, { size: "xs", children: [
+              /* @__PURE__ */ jsx40("strong", { children: unit })
+            ] }) : /* @__PURE__ */ jsxs24(Text11, { size: "xs", children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx41("strong", { children: unit })
+              /* @__PURE__ */ jsx40("strong", { children: unit })
             ] })
           ] }),
-          /* @__PURE__ */ jsx41(Box3, { children: icons })
+          /* @__PURE__ */ jsx40(Box3, { children: icons })
         ] }),
-        /* @__PURE__ */ jsxs25(
-          Group13,
+        /* @__PURE__ */ jsxs24(
+          Group12,
           {
             mt: "5",
             align: "flex-end",
             gap: "xs",
             children: [
-              /* @__PURE__ */ jsx41(
-                Text12,
+              /* @__PURE__ */ jsx40(
+                Text11,
                 {
                   fw: 700,
                   fz: "h1",
                   children: value
                 }
               ),
-              /* @__PURE__ */ jsxs25(
-                Text12,
+              /* @__PURE__ */ jsxs24(
+                Text11,
                 {
                   mb: "2",
                   c: diff > 0 ? "teal" : "red",
                   fz: "h2",
                   fw: 500,
                   children: [
-                    /* @__PURE__ */ jsxs25("span", { children: [
+                    /* @__PURE__ */ jsxs24("span", { children: [
                       diff,
                       "%"
                     ] }),
-                    diff > 0 ? /* @__PURE__ */ jsx41(IconArrowUpRight2, {}) : /* @__PURE__ */ jsx41(IconArrowDownRight2, {})
+                    diff > 0 ? /* @__PURE__ */ jsx40(IconArrowUpRight2, {}) : /* @__PURE__ */ jsx40(IconArrowDownRight2, {})
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsxs25(Group13, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx41(Text12, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
-          /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsxs24(Group12, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx40(Text11, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
+          /* @__PURE__ */ jsx40(
             Button12,
             {
               variant: "light",
@@ -6755,20 +6742,20 @@ function FaviconSetter() {
 
 // src/components/Inputs/DateInput/MyDateInput.tsx
 import { DateInput } from "@mantine/dates";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function MyDateInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx42(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx41(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/Fieldset/MyFieldset.tsx
 import {
   Fieldset as Fieldset4,
-  Group as Group14,
-  Text as Text13,
+  Group as Group13,
+  Text as Text12,
   useMantineColorScheme as useMantineColorScheme2
 } from "@mantine/core";
-import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
 function MyFieldset(_a) {
   var _b = _a, {
     children,
@@ -6797,10 +6784,10 @@ function MyFieldset(_a) {
   const mergedStyles = typeof styles === "function" ? styles : __spreadProps(__spreadValues({}, styles), {
     legend: __spreadValues(__spreadValues({}, defaultLegendStyles), styles == null ? void 0 : styles.legend)
   });
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx42(
     Fieldset4,
     __spreadProps(__spreadValues({
-      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx43(Group14, { gap: "xs", children: /* @__PURE__ */ jsxs26(Text13, { fw: 600, children: [
+      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx42(Group13, { gap: "xs", children: /* @__PURE__ */ jsxs25(Text12, { fw: 600, children: [
         " ",
         title,
         " "
@@ -6815,13 +6802,13 @@ function MyFieldset(_a) {
 // src/components/Inputs/FileInput/MyFileInput.tsx
 import { FileInput as FileInput3 } from "@mantine/core";
 import { IconFile } from "@tabler/icons-react";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function MyFileInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx43(
     FileInput3,
     __spreadValues({
-      rightSection: /* @__PURE__ */ jsx44(IconFile, {}),
+      rightSection: /* @__PURE__ */ jsx43(IconFile, {}),
       label,
       placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : ""
     }, rest)
@@ -6831,26 +6818,26 @@ function MyFileInput(_a) {
 // src/components/Inputs/NumberInput/MyNumberInput.tsx
 import { NumberInput as NumberInput2 } from "@mantine/core";
 import { IconNumbers } from "@tabler/icons-react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function MyNumberInput(_a) {
   var _b = _a, { minValue, label } = _b, rest = __objRest(_b, ["minValue", "label"]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(
     NumberInput2,
     __spreadValues({
       label,
       min: minValue ? minValue : 0,
       placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "",
-      rightSection: /* @__PURE__ */ jsx45(IconNumbers, {})
+      rightSection: /* @__PURE__ */ jsx44(IconNumbers, {})
     }, rest)
   );
 }
 
 // src/components/Inputs/TextArea/MyTextArea.tsx
 import { Textarea } from "@mantine/core";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function MyTextArea(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx46(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx45(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/TextEditor/MyTextEditor.tsx
@@ -6866,7 +6853,7 @@ import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useEffect as useEffect7, useState as useState9 } from "react";
-import { jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
 function MyTextEditor(_a) {
   var _b = _a, {
     autoHiddenToolBar = false,
@@ -6972,43 +6959,43 @@ function MyTextEditor(_a) {
       editor.commands.setContent(value);
     }
   }, [value, editor]);
-  return /* @__PURE__ */ jsx47(Input.Wrapper, __spreadProps(__spreadValues({ label, flex: 1, error, withAsterisk }, inputWrapperProps), { children: /* @__PURE__ */ jsxs27(RichTextEditor, __spreadProps(__spreadValues({ editor, style: { border: error && "1px solid #e03131" } }, richTextEditorProps), { children: [
-    /* @__PURE__ */ jsxs27(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
-      /* @__PURE__ */ jsxs27(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, {})
+  return /* @__PURE__ */ jsx46(Input.Wrapper, __spreadProps(__spreadValues({ label, flex: 1, error, withAsterisk }, inputWrapperProps), { children: /* @__PURE__ */ jsxs26(RichTextEditor, __spreadProps(__spreadValues({ editor, style: { border: error && "1px solid #e03131" } }, richTextEditorProps), { children: [
+    /* @__PURE__ */ jsxs26(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
+      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx46(RichTextEditor.Bold, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.Italic, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.Underline, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.Strikethrough, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.ClearFormatting, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.Highlight, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.Code, {})
       ] }),
-      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx47(RichTextEditor.H1, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.H2, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.H3, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.H4, {})
+      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx46(RichTextEditor.H1, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.H2, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.H3, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.H4, {})
       ] }),
-      /* @__PURE__ */ jsxs27(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__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx46(RichTextEditor.Blockquote, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.Hr, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.BulletList, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.OrderedList, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.Subscript, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.Superscript, {})
       ] }),
-      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx47(RichTextEditor.Link, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.Unlink, {})
+      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx46(RichTextEditor.Link, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.Unlink, {})
       ] }),
-      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx47(RichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ jsx47(RichTextEditor.AlignRight, {})
+      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx46(RichTextEditor.AlignLeft, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.AlignCenter, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.AlignJustify, {}),
+        /* @__PURE__ */ jsx46(RichTextEditor.AlignRight, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx46(
       ScrollArea2.Autosize,
       {
         onMouseDown: () => {
@@ -7023,7 +7010,7 @@ function MyTextEditor(_a) {
           setHiddenToolBar(false);
         },
         style: { cursor: "text", maxHeight: "400px" },
-        children: /* @__PURE__ */ jsx47(RichTextEditor.Content, { mih: contentHeight })
+        children: /* @__PURE__ */ jsx46(RichTextEditor.Content, { mih: contentHeight })
       }
     )
   ] })) }));
@@ -7045,14 +7032,14 @@ function useS_authenticate() {
 }
 
 // src/modules-features/authenticate/F_authenticate_Logout.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function F_authenticate_Logout({ redirectURL = "/auth/login" }) {
   const router = useRouter3();
   const S_Authenticate = useS_authenticate();
-  return /* @__PURE__ */ jsx48(Button13, { onClick: () => {
+  return /* @__PURE__ */ jsx47(Button13, { onClick: () => {
     S_Authenticate.setProperty("token", "");
     router.replace(redirectURL);
-  }, leftSection: /* @__PURE__ */ jsx48(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
+  }, leftSection: /* @__PURE__ */ jsx47(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
 }
 
 // src/components/Layouts/BasicAppShell/BasicAppShell.tsx
@@ -7061,11 +7048,11 @@ import {
   AppShell,
   Badge as Badge3,
   Divider as Divider2,
-  Group as Group15,
+  Group as Group14,
   Image as Image3,
   NavLink,
   ScrollArea as ScrollArea3,
-  Text as Text14,
+  Text as Text13,
   Tooltip as Tooltip5
 } from "@mantine/core";
 import { useFavicon, useMediaQuery } from "@mantine/hooks";
@@ -7077,7 +7064,7 @@ import {
 import Link3 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
 import { useEffect as useEffect8, useMemo as useMemo3, useState as useState10 } from "react";
-import { Fragment as Fragment12, jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
 function findBreadcrumbPath(items, currentPath, parents = []) {
   for (const item of items) {
     if (item.link === currentPath) {
@@ -7092,13 +7079,13 @@ function findBreadcrumbPath(items, currentPath, parents = []) {
 }
 function getRightSection(status) {
   if (status === "Prototype")
-    return /* @__PURE__ */ jsx49(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
+    return /* @__PURE__ */ jsx48(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
   if (status === "New")
-    return /* @__PURE__ */ jsx49(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
+    return /* @__PURE__ */ jsx48(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
   if (status === "Menu")
-    return /* @__PURE__ */ jsx49(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
+    return /* @__PURE__ */ jsx48(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
   if (status === "Change")
-    return /* @__PURE__ */ jsx49(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
+    return /* @__PURE__ */ jsx48(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
   return null;
 }
 function RenderNavLinks({
@@ -7108,14 +7095,14 @@ function RenderNavLinks({
   const pathName = usePathname2();
   const index = pathName.split("/", 2).join("/").length;
   const extractPathName = pathName.slice(index).replace("/", "");
-  return /* @__PURE__ */ jsx49(Fragment12, { children: items.map((item, index2) => /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx48(Fragment12, { children: items.map((item, index2) => /* @__PURE__ */ jsx48(
     NavLink,
     {
       active: extractPathName === item.link,
       component: Link3,
       opened: basicAppShellStore.state.groupMenuOpenId.includes(item.label),
       href: `/${pathName.split("/")[1]}/${item.link}` || "#",
-      label: /* @__PURE__ */ jsxs28(MyFlexRow, { justify: "space-between", children: [
+      label: /* @__PURE__ */ jsxs27(MyFlexRow, { justify: "space-between", children: [
         item.label,
         " ",
         getRightSection(item.status)
@@ -7127,7 +7114,7 @@ function RenderNavLinks({
           return;
         }
       },
-      children: item.links && /* @__PURE__ */ jsx49(RenderNavLinks, { items: item.links })
+      children: item.links && /* @__PURE__ */ jsx48(RenderNavLinks, { items: item.links })
     },
     index2
   )) });
@@ -7250,7 +7237,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
     basicAppShellStore.setProperty("note", linkItem == null ? void 0 : linkItem.note);
     basicAppShellStore.setProperty("status", linkItem == null ? void 0 : linkItem.status);
   }, [pathName]);
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs27(
     AppShell,
     {
       header: { height: 60 },
@@ -7264,80 +7251,80 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
       },
       padding: "md",
       children: [
-        /* @__PURE__ */ jsx49(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs28(Group15, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ jsxs28(Group15, { h: "100%", children: [
-            /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx48(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs27(Group14, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ jsxs27(Group14, { h: "100%", children: [
+            /* @__PURE__ */ jsx48(
               Tooltip5,
               {
                 label: basicAppShellStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu",
-                children: /* @__PURE__ */ jsx49(
+                children: /* @__PURE__ */ jsx48(
                   ActionIcon11,
                   {
                     size: "lg",
                     radius: "md",
                     variant: "default",
                     onClick: basicAppShellStore.toggle,
-                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx49(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx49(IconLayoutSidebarLeftCollapse, {})
+                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx48(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx48(IconLayoutSidebarLeftCollapse, {})
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx49(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsx48(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx48(
               ActionIcon11,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: () => basicAppShellStore.clearGroupMenuOpenId(),
-                children: /* @__PURE__ */ jsx49(IconLibraryMinus, {})
+                children: /* @__PURE__ */ jsx48(IconLibraryMinus, {})
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx49(
-            Group15,
+          /* @__PURE__ */ jsx48(
+            Group14,
             {
               style: {
                 position: "absolute",
                 left: "50%",
                 transform: "translateX(-50%)"
               },
-              children: /* @__PURE__ */ jsx49(Text14, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
+              children: /* @__PURE__ */ jsx48(Text13, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
             }
           ),
-          /* @__PURE__ */ jsxs28(Group15, { children: [
+          /* @__PURE__ */ jsxs27(Group14, { children: [
             extraTopRight,
-            /* @__PURE__ */ jsx49(MySwitchTheme, {})
+            /* @__PURE__ */ jsx48(MySwitchTheme, {})
           ] })
         ] }) : (
           // For mobile screens - simplified layout
-          /* @__PURE__ */ jsxs28(Group15, { h: "100%", px: "md", justify: "space-between", children: [
-            /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsxs27(Group14, { h: "100%", px: "md", justify: "space-between", children: [
+            /* @__PURE__ */ jsx48(
               ActionIcon11,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: basicAppShellStore.toggle,
-                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx49(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx49(IconLayoutSidebarLeftCollapse, {})
+                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx48(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx48(IconLayoutSidebarLeftCollapse, {})
               }
             ),
-            /* @__PURE__ */ jsx49(Text14, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
-            /* @__PURE__ */ jsxs28(Group15, { children: [
+            /* @__PURE__ */ jsx48(Text13, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
+            /* @__PURE__ */ jsxs27(Group14, { children: [
               extraTopRight,
-              /* @__PURE__ */ jsx49(MySwitchTheme, {})
+              /* @__PURE__ */ jsx48(MySwitchTheme, {})
             ] })
           ] })
         ) }),
-        /* @__PURE__ */ jsxs28(AppShell.Navbar, { children: [
-          /* @__PURE__ */ jsx49(MyAppSpotlight, { menu }),
-          /* @__PURE__ */ jsxs28(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
-            /* @__PURE__ */ jsx49(RenderNavLinks, { items: menu }),
-            /* @__PURE__ */ jsx49(Divider2, {}),
-            /* @__PURE__ */ jsx49(F_authenticate_Logout, {})
+        /* @__PURE__ */ jsxs27(AppShell.Navbar, { children: [
+          /* @__PURE__ */ jsx48(MyAppSpotlight, { menu }),
+          /* @__PURE__ */ jsxs27(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
+            /* @__PURE__ */ jsx48(RenderNavLinks, { items: menu }),
+            /* @__PURE__ */ jsx48(Divider2, {}),
+            /* @__PURE__ */ jsx48(F_authenticate_Logout, {})
           ] }),
-          /* @__PURE__ */ jsxs28(AppShell.Section, { p: "md", children: [
-            /* @__PURE__ */ jsx49(Divider2, {}),
-            /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsxs27(AppShell.Section, { p: "md", children: [
+            /* @__PURE__ */ jsx48(Divider2, {}),
+            /* @__PURE__ */ jsx48(
               Image3,
               {
                 fit: "contain",
@@ -7351,7 +7338,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx48(
           AppShell.Main,
           {
             bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))",
@@ -7406,10 +7393,10 @@ function utils_layout_getItemsWithoutLinks(menu) {
 
 // src/components/Layouts/Container/MyContainer.tsx
 import { Container, Flex as Flex3 } from "@mantine/core";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function MyContainer(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx50(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx50(Flex3, { direction: "column", children }) }));
+  return /* @__PURE__ */ jsx49(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx49(Flex3, { direction: "column", children }) }));
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
@@ -7420,10 +7407,10 @@ import {
   Container as Container2,
   Divider as Divider3,
   Drawer,
-  Group as Group16,
+  Group as Group15,
   Image as Image4,
   ScrollArea as ScrollArea4,
-  Text as Text15,
+  Text as Text14,
   TextInput as TextInput3,
   ThemeIcon,
   UnstyledButton,
@@ -7455,7 +7442,7 @@ function useHeaderMegaMenuStore() {
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
-import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
 var mockdata = [
   {
     icon: IconCode,
@@ -7493,27 +7480,27 @@ function HeaderMegaMenu({ children, menus }) {
   const [linksOpened, { toggle: toggleLinks }] = useDisclosure11(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx51(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs29(Group16, { 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__ */ jsxs29("div", { children: [
-      /* @__PURE__ */ jsx51(Text15, { size: "sm", fw: 500, children: item.title }),
-      /* @__PURE__ */ jsx51(Text15, { size: "xs", c: "dimmed", children: item.description })
+  const links = mockdata.map((item) => /* @__PURE__ */ jsx50(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs28(Group15, { wrap: "nowrap", align: "flex-start", children: [
+    /* @__PURE__ */ jsx50(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx50(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
+    /* @__PURE__ */ jsxs28("div", { children: [
+      /* @__PURE__ */ jsx50(Text14, { size: "sm", fw: 500, children: item.title }),
+      /* @__PURE__ */ jsx50(Text14, { size: "xs", c: "dimmed", children: item.description })
     ] })
   ] }) }, item.title));
-  return /* @__PURE__ */ jsxs29(Box4, { children: [
-    /* @__PURE__ */ jsx51("header", { className: css_default.header, children: /* @__PURE__ */ jsxs29(Group16, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ jsxs29(Group16, { children: [
-        /* @__PURE__ */ jsx51(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
-        /* @__PURE__ */ jsx51(Group16, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx51(Button14, { 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__ */ jsxs28(Box4, { children: [
+    /* @__PURE__ */ jsx50("header", { className: css_default.header, children: /* @__PURE__ */ jsxs28(Group15, { justify: "space-between", h: "100%", children: [
+      /* @__PURE__ */ jsxs28(Group15, { children: [
+        /* @__PURE__ */ jsx50(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
+        /* @__PURE__ */ jsx50(Group15, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx50(Button14, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
       ] }),
-      /* @__PURE__ */ jsxs29(Group16, { children: [
-        /* @__PURE__ */ jsx51(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx51(IconSearch2, {}), radius: "xl", w: "250px" }),
-        /* @__PURE__ */ jsx51(MySwitchTheme, {})
+      /* @__PURE__ */ jsxs28(Group15, { children: [
+        /* @__PURE__ */ jsx50(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx50(IconSearch2, {}), radius: "xl", w: "250px" }),
+        /* @__PURE__ */ jsx50(MySwitchTheme, {})
       ] }),
-      /* @__PURE__ */ jsx51(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
+      /* @__PURE__ */ jsx50(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
     ] }) }),
-    /* @__PURE__ */ jsx51(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
-    /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx50(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
+    /* @__PURE__ */ jsx50(
       Drawer,
       {
         opened: drawerOpened,
@@ -7523,10 +7510,10 @@ function HeaderMegaMenu({ children, menus }) {
         title: "Navigation",
         hiddenFrom: "sm",
         zIndex: 1e6,
-        children: /* @__PURE__ */ jsxs29(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(Button14, { 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" })
+        children: /* @__PURE__ */ jsxs28(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
+          /* @__PURE__ */ jsx50(Divider3, { my: "sm" }),
+          /* @__PURE__ */ jsx50(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx50(Button14, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
+          /* @__PURE__ */ jsx50(Divider3, { my: "sm" })
         ] })
       }
     )
@@ -7534,8 +7521,8 @@ function HeaderMegaMenu({ children, menus }) {
 }
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
-import { Badge as Badge4, Breadcrumbs, Code, Container as Container3, Divider as Divider4, Group as Group17, Text as Text16, Title } from "@mantine/core";
-import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Badge as Badge4, Breadcrumbs, Code, Container as Container3, Divider as Divider4, Group as Group16, Text as Text15, Title } from "@mantine/core";
+import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
 var getStatusColor = (status) => {
   switch (status) {
     case "Prototype":
@@ -7546,10 +7533,10 @@ var getStatusColor = (status) => {
 };
 function PageTitle({ title, status, note }) {
   const color = getStatusColor(status);
-  return /* @__PURE__ */ jsx52(Group17, { children: /* @__PURE__ */ jsxs30(MyFlexColumn, { gap: 0, children: [
-    /* @__PURE__ */ jsxs30(Group17, { align: "center", children: [
-      /* @__PURE__ */ jsx52(Title, { order: 3, children: title }),
-      status && /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(Group16, { children: /* @__PURE__ */ jsxs29(MyFlexColumn, { gap: 0, children: [
+    /* @__PURE__ */ jsxs29(Group16, { align: "center", children: [
+      /* @__PURE__ */ jsx51(Title, { order: 3, children: title }),
+      status && /* @__PURE__ */ jsx51(
         Badge4,
         {
           variant: "gradient",
@@ -7560,7 +7547,7 @@ function PageTitle({ title, status, note }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx52(Text16, { size: "lg", c: "dimmed", fs: "italic", children: note })
+    /* @__PURE__ */ jsx51(Text15, { size: "lg", c: "dimmed", fs: "italic", children: note })
   ] }) });
 }
 function MyPageContent({
@@ -7573,11 +7560,11 @@ function MyPageContent({
   var _a;
   const basicAppShellStore = useS_BasicAppShell();
   const finalTitle = title || basicAppShellStore.state.title;
-  return /* @__PURE__ */ jsxs30(Container3, { p: 0, fluid: true, children: [
-    /* @__PURE__ */ jsxs30(Group17, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs30(Group17, { children: [
-        /* @__PURE__ */ jsx52(MyButtonRouterBack, {}),
-        /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsxs29(Container3, { p: 0, fluid: true, children: [
+    /* @__PURE__ */ jsxs29(Group16, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs29(Group16, { children: [
+        /* @__PURE__ */ jsx51(MyButtonRouterBack, {}),
+        /* @__PURE__ */ jsx51(
           PageTitle,
           {
             title: finalTitle,
@@ -7587,64 +7574,64 @@ function MyPageContent({
         ),
         leftTopBar
       ] }),
-      /* @__PURE__ */ jsxs30(Group17, { p: "md", children: [
+      /* @__PURE__ */ jsxs29(Group16, { p: "md", children: [
         rightTopBar,
-        /* @__PURE__ */ jsx52(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx52(Text16, { fw: "600", c: "blue", children: item }, idx)) })
+        /* @__PURE__ */ jsx51(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx51(Text15, { fw: "600", c: "blue", children: item }, idx)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx52(Divider4, { my: "xs" }),
+    /* @__PURE__ */ jsx51(Divider4, { my: "xs" }),
     children,
-    /* @__PURE__ */ jsx52(Divider4, { my: "xs" }),
-    /* @__PURE__ */ jsx52(MyFlexEnd, { children: /* @__PURE__ */ jsx52(Code, { color: "var(--mantine-color-blue-light)", children: basicAppShellStore.state.menuCode }) })
+    /* @__PURE__ */ jsx51(Divider4, { my: "xs" }),
+    /* @__PURE__ */ jsx51(MyFlexEnd, { children: /* @__PURE__ */ jsx51(Code, { color: "var(--mantine-color-blue-light)", children: basicAppShellStore.state.menuCode }) })
   ] });
 }
 
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space3, Tabs } from "@mantine/core";
-import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs30 } 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__ */ jsxs31(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);
+  return /* @__PURE__ */ jsxs30(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);
     }) }),
-    /* @__PURE__ */ jsx53(Space3, { my: "md" }),
+    /* @__PURE__ */ jsx52(Space3, { my: "md" }),
     children
   ] }));
 }
 
 // src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
-import { ActionIcon as ActionIcon12, Button as Button15, Fieldset as Fieldset5, Group as Group18, Modal as Modal11 } from "@mantine/core";
+import { ActionIcon as ActionIcon12, Button as Button15, Fieldset as Fieldset5, Group as Group17, Modal as Modal11 } from "@mantine/core";
 import { useDisclosure as useDisclosure12 } from "@mantine/hooks";
 import { IconX as IconX2 } from "@tabler/icons-react";
-import { jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
 function MyDataTableSelect(_a) {
   var _b = _a, { modalSize, renderTopToolbarCustomActions, data, selectButtonlabel, listState, columns, listLabel } = _b, rest = __objRest(_b, ["modalSize", "renderTopToolbarCustomActions", "data", "selectButtonlabel", "listState", "columns", "listLabel"]);
   const disc = useDisclosure12(false);
   if (data == void 0) return "\u0110ang t\u1EA3i...";
-  return /* @__PURE__ */ jsxs32(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
-    /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsxs31(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
+    /* @__PURE__ */ jsx53(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsxs32(Group18, { children: [
+          return /* @__PURE__ */ jsxs31(Group17, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
-            /* @__PURE__ */ jsx54(Button15, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
+            /* @__PURE__ */ jsx53(Button15, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });
         },
         columns,
         data: listState[0],
         renderRowActions: ({ row }) => {
-          return /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx54(IconX2, {}) }) });
+          return /* @__PURE__ */ jsx53(MyCenterFull, { children: /* @__PURE__ */ jsx53(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx53(IconX2, {}) }) });
         }
       }, rest)
     ),
-    /* @__PURE__ */ jsx54(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx53(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx53(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsx54(Button15, { onClick: () => {
+          return /* @__PURE__ */ jsx53(Button15, { onClick: () => {
             table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
             disc[1].close();
           }, children: "Ch\u1ECDn" });
@@ -7660,7 +7647,7 @@ function MyDataTableSelect(_a) {
 // src/components/RESTAPIComponents/SelectAPIGet/MySelectAPIGet.tsx
 import { Select as Select3 } from "@mantine/core";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function MySelectAPIGet(_a) {
   var _b = _a, { apiGet, label = "", dataMapper } = _b, rest = __objRest(_b, ["apiGet", "label", "dataMapper"]);
   var _a2;
@@ -7679,7 +7666,7 @@ function MySelectAPIGet(_a) {
       label: `${item.code}-${item.name}`
     };
   });
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx54(
     Select3,
     __spreadValues({
       label,
@@ -7694,7 +7681,7 @@ import { useNextCalendarApp as useNextCalendarApp2, ScheduleXCalendar as Schedul
 import { createEventsServicePlugin as createEventsServicePlugin2 } from "@schedule-x/events-service";
 import { useState as useState11 } from "react";
 import { createEventModalPlugin as createEventModalPlugin2 } from "@schedule-x/event-modal";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function MyScheduleX({
   values,
   timeGridEvent,
@@ -7719,7 +7706,7 @@ function MyScheduleX({
     events: values,
     plugins: [eventsService, eventModalPlugin]
   });
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx55(
     ScheduleXCalendar2,
     {
       calendarApp: calendar,
@@ -7733,9 +7720,9 @@ function MyScheduleX({
 
 // src/components/Skeletons/SkeletonTable/MySkeletonTable.tsx
 import { Skeleton } from "@mantine/core";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function MySkeletonTable({ h: h4 = 500 }) {
-  return /* @__PURE__ */ jsx57(Skeleton, { h: h4 });
+  return /* @__PURE__ */ jsx56(Skeleton, { h: h4 });
 }
 
 export {
@@ -7779,7 +7766,6 @@ export {
   AQCard,
   MyCardInformation,
   MyIconText,
-  MyKeyLabel,
   MyNumberFormatter,
   AQStatCard1,
   useS_BasicAppShell,

package/dist/components/index.d.mts

@@ -180,7 +180,7 @@ interface IFieldConfig extends IUtils_Excel_ColumnConfig<any> {
     isSelected?: boolean;
     fieldToMap?: string;
 }
-interface I$7 {
+interface I$6 {
     file?: File | null;
     title?: string[];
     data?: any[];
@@ -195,9 +195,9 @@ declare function useS_ButtonImport(): {
     getDataFinal: <T>() => T[];
     changeAllSelected: (isSelected: boolean) => void;
     autoMap: () => void;
-    state: I$7;
-    setState: (newState: I$7) => void;
-    setProperty: <K extends keyof I$7>(key: K, value: I$7[K]) => void;
+    state: I$6;
+    setState: (newState: I$6) => void;
+    setProperty: <K extends keyof I$6>(key: K, value: I$6[K]) => void;
     resetState: () => void;
 };
 
@@ -216,11 +216,11 @@ interface IAQSelectTableByOpenModal<TData extends MRT_RowData> extends Omit<MRT_
 }
 declare function AQSelectTableByOpenModal<TData extends MRT_RowData>({ setSelectedData, data, columns, API, modalSize, title, label, listLabel, objectName, fullScreen, closeAfterSelect, ...rest }: IAQSelectTableByOpenModal<TData>): react_jsx_runtime.JSX.Element;
 
-interface I$6 extends ButtonProps {
+interface I$5 extends ButtonProps {
     contentToPrint?: ReactNode;
     children?: ReactNode;
 }
-declare function MyButtonPrintPDF({ contentToPrint, children, ...rest }: I$6): react_jsx_runtime.JSX.Element;
+declare function MyButtonPrintPDF({ contentToPrint, children, ...rest }: I$5): react_jsx_runtime.JSX.Element;
 
 interface FieldConfig {
     fieldName: string;
@@ -262,9 +262,9 @@ declare function MyCenterFull({ children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-interface I$5 extends CheckboxProps {
+interface I$4 extends CheckboxProps {
 }
-declare function MyCheckbox({ ...rest }: I$5): react_jsx_runtime.JSX.Element;
+declare function MyCheckbox({ ...rest }: I$4): react_jsx_runtime.JSX.Element;
 
 interface IMySelect extends SelectProps {
     label?: string;
@@ -330,12 +330,6 @@ interface MyIconTextProps {
 }
 declare function MyIconText({ icon: Icon, text }: MyIconTextProps): react_jsx_runtime.JSX.Element;
 
-interface I$4 {
-    keyLabel?: string;
-    label?: string;
-}
-declare function MyKeyLabel({ keyLabel, label }: I$4): react_jsx_runtime.JSX.Element;
-
 interface I$3 extends NumberFormatterProps {
 }
 declare function MyNumberFormatter({ ...rest }: I$3): react_jsx_runtime.JSX.Element;
@@ -535,4 +529,4 @@ interface IMySkeletonTable extends SkeletonProps {
 }
 declare function MySkeletonTable({ h }: IMySkeletonTable): react_jsx_runtime.JSX.Element;
 
-export { AQButtonCreateByImportFile, AQButtonExportData, AQCard, AQSelectTableByOpenModal, AQStatCard1, Boxes, FaviconSetter, HeaderMegaMenu, type IAQCardProps, type IMyTextEditor, I_BasicAppShell_LinkItem, MyActionIcon, MyActionIconCheck, MyActionIconDelete, MyActionIconDownloadPDF, MyActionIconModal, MyActionIconUpdate, MyActionIconUpload, MyActionIconViewPDF, MyAnchorViewPDF, MyAppSpotlight, MyBoxesBackground, MyBoxesCore, MyButton, MyButtonCreate, MyButtonDeleteList, MyButtonImport, MyButtonModal, MyButtonPrintPDF, MyButtonPrintTablePDF, MyButtonRouterBack, MyButtonViewPDF, MyCalendar, MyCardInformation, MyCardioLoader, MyCenterFull, MyCheckbox, MyContainer, MyDataTable, type MyDataTableInternalProps, type MyDataTableProps, MyDataTableSelect, MyDateInput, MyFieldset, MyFileInput, MyFlexColumn, MyFlexEnd, MyFlexRow, MyHtmlWrapper, MyIconText, MyKeyLabel, MyNumberFormatter, MyNumberInput, MyPageContent, MyScheduleX, MySelect, MySelectAPIGet, MySkeletonTable, MySwitchTheme, MyTab, MyTextArea, MyTextEditor, MyTextInput, SelectFieldModal, SelectFileModal, type SelectFileModalProps, useHeaderMegaMenuStore, useS_BasicAppShell, useS_ButtonImport };
+export { AQButtonCreateByImportFile, AQButtonExportData, AQCard, AQSelectTableByOpenModal, AQStatCard1, Boxes, FaviconSetter, HeaderMegaMenu, type IAQCardProps, type IMyTextEditor, I_BasicAppShell_LinkItem, MyActionIcon, MyActionIconCheck, MyActionIconDelete, MyActionIconDownloadPDF, MyActionIconModal, MyActionIconUpdate, MyActionIconUpload, MyActionIconViewPDF, MyAnchorViewPDF, MyAppSpotlight, MyBoxesBackground, MyBoxesCore, MyButton, MyButtonCreate, MyButtonDeleteList, MyButtonImport, MyButtonModal, MyButtonPrintPDF, MyButtonPrintTablePDF, MyButtonRouterBack, MyButtonViewPDF, MyCalendar, MyCardInformation, MyCardioLoader, MyCenterFull, MyCheckbox, MyContainer, MyDataTable, type MyDataTableInternalProps, type MyDataTableProps, MyDataTableSelect, MyDateInput, MyFieldset, MyFileInput, MyFlexColumn, MyFlexEnd, MyFlexRow, MyHtmlWrapper, MyIconText, MyNumberFormatter, MyNumberInput, MyPageContent, MyScheduleX, MySelect, MySelectAPIGet, MySkeletonTable, MySwitchTheme, MyTab, MyTextArea, MyTextEditor, MyTextInput, SelectFieldModal, SelectFileModal, type SelectFileModalProps, useHeaderMegaMenuStore, useS_BasicAppShell, useS_ButtonImport };

package/dist/components/index.mjs

@@ -43,7 +43,6 @@ import {
   MyFlexEnd,
   MyHtmlWrapper,
   MyIconText,
-  MyKeyLabel,
   MyNumberFormatter,
   MyNumberInput,
   MyPageContent,
@@ -63,7 +62,7 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-FAG4PGP2.mjs";
+} from "../chunk-WSWTPIEG.mjs";
 import "../chunk-Y3YGC5IH.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import {
@@ -123,7 +122,6 @@ export {
   MyFlexRow,
   MyHtmlWrapper,
   MyIconText,
-  MyKeyLabel,
   MyNumberFormatter,
   MyNumberInput,
   MyPageContent,

package/dist/core/index.d.mts

@@ -60,7 +60,7 @@ interface LabelValueRowProps {
     valueProps?: TextProps;
     groupProps?: GroupProps;
 }
-declare const MyLabelValueRow: ({ label, value, labelProps, valueProps, groupProps }: LabelValueRowProps) => react_jsx_runtime.JSX.Element;
+declare function MyLabelValueRow({ label, value, labelProps, valueProps, groupProps }: LabelValueRowProps): react_jsx_runtime.JSX.Element;
 
 interface CoreDayOfWeekPickerProps {
     value?: number[];

package/dist/core/index.mjs

@@ -8,7 +8,7 @@ import {
   MyLabelValueRow,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-FII3IZXA.mjs";
+} from "../chunk-WEZ3M7EQ.mjs";
 import "../chunk-GEYCGM75.mjs";
 import "../chunk-NWBLJ3W3.mjs";
 import "../chunk-K6S7R6LU.mjs";

package/dist/interfaces/index.d.mts

@@ -2,6 +2,10 @@ import { I as IBaseEntity } from '../base-BprRafT5.mjs';
 export { I as IEmailConfig } from '../EmailConfig-DvTXTBt3.mjs';
 export { I as IAQModule } from '../IAQModule-CCtwv-e0.mjs';
 
+interface IPageContent extends IBaseEntity {
+    description?: string;
+}
+
 interface IFile {
     fileName?: string | undefined;
     fileExtension?: string | undefined;
@@ -51,8 +55,4 @@ interface IUser extends IBaseEntity {
     email?: string;
 }
 
-interface IPageContent extends IBaseEntity {
-    description?: string;
-}
-
 export { IBaseEntity, type IDocument, type IFile, type IPageContent, type IPagePermission, type IRole, type IUser };

package/dist/modules-features/index.mjs

@@ -33,7 +33,7 @@ import {
   groupToTwoLevels,
   useS_authenticate,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-FAG4PGP2.mjs";
+} from "../chunk-WSWTPIEG.mjs";
 import {
   createGenericStore
 } from "../chunk-Y3YGC5IH.mjs";
@@ -45,7 +45,7 @@ import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-FII3IZXA.mjs";
+} from "../chunk-WEZ3M7EQ.mjs";
 import {
   MyDataTable,
   MyFlexColumn,

package/package.json

@@ -42,7 +42,7 @@
       "types": "./dist/columns/index.d.mts"
     }
   },
-  "version": "0.1.328",
+  "version": "0.1.330",
   "private": false,
   "files": [
     "dist"