aq-fe-framework 0.1.492 → 0.1.493

package/dist/{chunk-63FBLZHT.mjs → chunk-M7LQN7UK.mjs}

@@ -2,7 +2,7 @@ import {
   MyDataTable,
   MyFlexColumn,
   MyFlexRow
-} from "./chunk-SOZCWGDW.mjs";
+} from "./chunk-ZXZZLBG3.mjs";
 import {
   const_object_colors
 } from "./chunk-OMJJAHOC.mjs";

package/dist/{chunk-SOZCWGDW.mjs → chunk-ZXZZLBG3.mjs}

@@ -6828,6 +6828,65 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
   ) });
 }
 
+// src/components/DataDisplay/StatCard/AQStatCard2.tsx
+import { Box as Box4, Group as Group14, Paper as Paper7, Text as Text13 } from "@mantine/core";
+import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
+function AQStatCard2({
+  title,
+  value,
+  unit = "",
+  icons
+}) {
+  return /* @__PURE__ */ jsxs26(
+    Paper7,
+    {
+      withBorder: true,
+      radius: "xl",
+      p: "lg",
+      shadow: "md",
+      style: {
+        transition: "transform 0.2s ease, box-shadow 0.2s ease"
+      },
+      onMouseEnter: (e4) => e4.currentTarget.style.transform = "translateY(-4px)",
+      onMouseLeave: (e4) => e4.currentTarget.style.transform = "translateY(0)",
+      children: [
+        /* @__PURE__ */ jsxs26(Group14, { justify: "space-between", align: "flex-start", children: [
+          /* @__PURE__ */ jsxs26(Box4, { children: [
+            /* @__PURE__ */ jsx44(MyFlexRow, { gap: 6, align: "end", children: /* @__PURE__ */ jsx44(
+              Text13,
+              {
+                size: "sm",
+                fw: 700,
+                tt: "uppercase",
+                variant: "gradient",
+                gradient: { from: "indigo.5", to: "cyan.5", deg: 45 },
+                children: title
+              }
+            ) }),
+            unit ? /* @__PURE__ */ jsxs26(Text13, { size: "sm", c: "gray.6", children: [
+              "\u0110\u01A1n v\u1ECB: ",
+              /* @__PURE__ */ jsx44("strong", { children: unit })
+            ] }) : /* @__PURE__ */ jsx44(Text13, { size: "sm", style: { visibility: "hidden" }, children: "\u0110\u01A1n v\u1ECB: _" })
+          ] }),
+          /* @__PURE__ */ jsx44(Box4, { children: icons })
+        ] }),
+        /* @__PURE__ */ jsx44(Group14, { align: "flex-end", gap: "xs", children: /* @__PURE__ */ jsx44(
+          Text13,
+          {
+            fz: 35,
+            fw: 699,
+            style: {
+              letterSpacing: "-1px",
+              transition: "color 0.2s"
+            },
+            children: value
+          }
+        ) })
+      ]
+    }
+  );
+}
+
 // src/components/FaviconSetter/FaviconSetter.tsx
 import { useEffect as useEffect7 } from "react";
 
@@ -6904,20 +6963,20 @@ function FaviconSetter() {
 
 // src/components/Inputs/DateInput/MyDateInput.tsx
 import { DateInput } from "@mantine/dates";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function MyDateInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx44(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx45(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 Group15,
+  Text as Text14,
   useMantineColorScheme as useMantineColorScheme2
 } from "@mantine/core";
-import { jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
 function MyFieldset(_a) {
   var _b = _a, {
     children,
@@ -6946,10 +7005,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__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Fieldset4,
     __spreadProps(__spreadValues({
-      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx45(Group14, { gap: "xs", children: /* @__PURE__ */ jsxs26(Text13, { fw: 600, children: [
+      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx46(Group15, { gap: "xs", children: /* @__PURE__ */ jsxs27(Text14, { fw: 600, children: [
         " ",
         title,
         " "
@@ -6964,13 +7023,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 jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function MyFileInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     FileInput3,
     __spreadValues({
-      rightSection: /* @__PURE__ */ jsx46(IconFile, {}),
+      rightSection: /* @__PURE__ */ jsx47(IconFile, {}),
       label,
       placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : ""
     }, rest)
@@ -6980,26 +7039,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 jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function MyNumberInput(_a) {
   var _b = _a, { minValue, label } = _b, rest = __objRest(_b, ["minValue", "label"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     NumberInput2,
     __spreadValues({
       label,
       min: minValue ? minValue : 0,
       placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "",
-      rightSection: /* @__PURE__ */ jsx47(IconNumbers, {})
+      rightSection: /* @__PURE__ */ jsx48(IconNumbers, {})
     }, rest)
   );
 }
 
 // src/components/Inputs/TextArea/MyTextArea.tsx
 import { Textarea } from "@mantine/core";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function MyTextArea(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx48(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx49(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/TextEditor/MyTextEditor.tsx
@@ -7015,7 +7074,7 @@ import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useEffect as useEffect8, useState as useState9 } from "react";
-import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
 function MyTextEditor(_a) {
   var _b = _a, {
     autoHiddenToolBar = false,
@@ -7121,43 +7180,43 @@ function MyTextEditor(_a) {
       editor.commands.setContent(value);
     }
   }, [value, editor]);
-  return /* @__PURE__ */ jsx49(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__ */ jsx49(RichTextEditor.Bold, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Italic, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Underline, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Strikethrough, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.ClearFormatting, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Highlight, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Code, {})
+  return /* @__PURE__ */ jsx50(Input.Wrapper, __spreadProps(__spreadValues({ label, flex: 1, error, withAsterisk }, inputWrapperProps), { children: /* @__PURE__ */ jsxs28(RichTextEditor, __spreadProps(__spreadValues({ editor, style: { border: error && "1px solid #e03131" } }, richTextEditorProps), { children: [
+    /* @__PURE__ */ jsxs28(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
+      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx50(RichTextEditor.Bold, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.Italic, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.Underline, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.Strikethrough, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.ClearFormatting, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.Highlight, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.Code, {})
       ] }),
-      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx49(RichTextEditor.H1, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.H2, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.H3, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.H4, {})
+      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx50(RichTextEditor.H1, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.H2, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.H3, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.H4, {})
       ] }),
-      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx49(RichTextEditor.Blockquote, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Hr, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.BulletList, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.OrderedList, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Subscript, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Superscript, {})
+      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx50(RichTextEditor.Blockquote, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.Hr, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.BulletList, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.OrderedList, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.Subscript, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.Superscript, {})
       ] }),
-      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx49(RichTextEditor.Link, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Unlink, {})
+      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx50(RichTextEditor.Link, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.Unlink, {})
       ] }),
-      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx49(RichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.AlignRight, {})
+      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx50(RichTextEditor.AlignLeft, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.AlignCenter, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.AlignJustify, {}),
+        /* @__PURE__ */ jsx50(RichTextEditor.AlignRight, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(
       ScrollArea2.Autosize,
       {
         onMouseDown: () => {
@@ -7172,7 +7231,7 @@ function MyTextEditor(_a) {
           setHiddenToolBar(false);
         },
         style: { cursor: "text", maxHeight: "400px" },
-        children: /* @__PURE__ */ jsx49(RichTextEditor.Content, { mih: contentHeight })
+        children: /* @__PURE__ */ jsx50(RichTextEditor.Content, { mih: contentHeight })
       }
     )
   ] })) }));
@@ -7194,14 +7253,14 @@ function useS_authenticate() {
 }
 
 // src/modules-features/authenticate/F_authenticate_Logout.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function F_authenticate_Logout({ redirectURL = "/auth/login" }) {
   const router = useRouter3();
   const S_Authenticate = useS_authenticate();
-  return /* @__PURE__ */ jsx50(Button14, { onClick: () => {
+  return /* @__PURE__ */ jsx51(Button14, { onClick: () => {
     S_Authenticate.setProperty("token", "");
     router.replace(redirectURL);
-  }, leftSection: /* @__PURE__ */ jsx50(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
+  }, leftSection: /* @__PURE__ */ jsx51(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
 }
 
 // src/components/Layouts/BasicAppShell/BasicAppShell.tsx
@@ -7210,11 +7269,11 @@ import {
   AppShell,
   Badge as Badge3,
   Divider as Divider2,
-  Group as Group15,
+  Group as Group16,
   Image as Image3,
   NavLink,
   ScrollArea as ScrollArea3,
-  Text as Text14,
+  Text as Text15,
   Tooltip as Tooltip5
 } from "@mantine/core";
 import { useFavicon, useMediaQuery } from "@mantine/hooks";
@@ -7226,7 +7285,7 @@ import {
 import Link3 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
 import { useEffect as useEffect9, useMemo as useMemo3, useState as useState10 } from "react";
-import { Fragment as Fragment13, jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
 function findBreadcrumbPath(items, currentPath, parents = []) {
   for (const item of items) {
     if (item.link === currentPath) {
@@ -7241,13 +7300,13 @@ function findBreadcrumbPath(items, currentPath, parents = []) {
 }
 function getRightSection(status) {
   if (status === "Prototype")
-    return /* @__PURE__ */ jsx51(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
+    return /* @__PURE__ */ jsx52(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
   if (status === "New")
-    return /* @__PURE__ */ jsx51(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
+    return /* @__PURE__ */ jsx52(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
   if (status === "Menu")
-    return /* @__PURE__ */ jsx51(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
+    return /* @__PURE__ */ jsx52(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
   if (status === "Change")
-    return /* @__PURE__ */ jsx51(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
+    return /* @__PURE__ */ jsx52(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
   return null;
 }
 function RenderNavLinks({
@@ -7259,14 +7318,14 @@ function RenderNavLinks({
   const extractPathName = pathName.slice(index).replace("/", "");
   const segments = pathName.split("/").filter(Boolean);
   segments.pop();
-  return /* @__PURE__ */ jsx51(Fragment13, { children: items.map((item, index2) => /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(Fragment13, { children: items.map((item, index2) => /* @__PURE__ */ jsx52(
     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__ */ jsxs29(MyFlexRow, { justify: "space-between", children: [
         item.label,
         " ",
         getRightSection(item.status)
@@ -7278,7 +7337,7 @@ function RenderNavLinks({
           return;
         }
       },
-      children: item.links && /* @__PURE__ */ jsx51(RenderNavLinks, { items: item.links })
+      children: item.links && /* @__PURE__ */ jsx52(RenderNavLinks, { items: item.links })
     },
     index2
   )) });
@@ -7401,7 +7460,7 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
     basicAppShellStore.setProperty("note", linkItem == null ? void 0 : linkItem.note);
     basicAppShellStore.setProperty("status", linkItem == null ? void 0 : linkItem.status);
   }, [pathName]);
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     AppShell,
     {
       header: { height: 60 },
@@ -7415,77 +7474,77 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
       },
       padding: "md",
       children: [
-        /* @__PURE__ */ jsx51(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs28(Group15, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ jsxs28(Group15, { h: "100%", children: [
-            /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs29(Group16, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ jsxs29(Group16, { h: "100%", children: [
+            /* @__PURE__ */ jsx52(
               Tooltip5,
               {
                 label: basicAppShellStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu",
-                children: /* @__PURE__ */ jsx51(
+                children: /* @__PURE__ */ jsx52(
                   ActionIcon11,
                   {
                     size: "lg",
                     radius: "md",
                     variant: "default",
                     onClick: basicAppShellStore.toggle,
-                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx51(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx51(IconLayoutSidebarLeftCollapse, {})
+                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx52(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx52(IconLayoutSidebarLeftCollapse, {})
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx51(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx51(
+            /* @__PURE__ */ jsx52(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx52(
               ActionIcon11,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: () => basicAppShellStore.clearGroupMenuOpenId(),
-                children: /* @__PURE__ */ jsx51(IconLibraryMinus, {})
+                children: /* @__PURE__ */ jsx52(IconLibraryMinus, {})
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx51(
-            Group15,
+          /* @__PURE__ */ jsx52(
+            Group16,
             {
               style: {
                 position: "absolute",
                 left: "50%",
                 transform: "translateX(-50%)"
               },
-              children: /* @__PURE__ */ jsx51(Text14, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
+              children: /* @__PURE__ */ jsx52(Text15, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
             }
           ),
-          /* @__PURE__ */ jsxs28(Group15, { children: [
+          /* @__PURE__ */ jsxs29(Group16, { children: [
             extraTopRight,
-            /* @__PURE__ */ jsx51(MySwitchTheme, {})
+            /* @__PURE__ */ jsx52(MySwitchTheme, {})
           ] })
         ] }) : (
           // For mobile screens - simplified layout
-          /* @__PURE__ */ jsxs28(Group15, { h: "100%", px: "md", justify: "space-between", children: [
-            /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsxs29(Group16, { h: "100%", px: "md", justify: "space-between", children: [
+            /* @__PURE__ */ jsx52(
               ActionIcon11,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: basicAppShellStore.toggle,
-                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx51(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx51(IconLayoutSidebarLeftCollapse, {})
+                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx52(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx52(IconLayoutSidebarLeftCollapse, {})
               }
             ),
-            /* @__PURE__ */ jsx51(Text14, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
-            /* @__PURE__ */ jsxs28(Group15, { children: [
+            /* @__PURE__ */ jsx52(Text15, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
+            /* @__PURE__ */ jsxs29(Group16, { children: [
               extraTopRight,
-              /* @__PURE__ */ jsx51(MySwitchTheme, {})
+              /* @__PURE__ */ jsx52(MySwitchTheme, {})
             ] })
           ] })
         ) }),
-        /* @__PURE__ */ jsxs28(AppShell.Navbar, { children: [
-          /* @__PURE__ */ jsx51(MyAppSpotlight, { menu }),
-          /* @__PURE__ */ jsx51(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: /* @__PURE__ */ jsx51(RenderNavLinks, { items: menu }) }),
-          /* @__PURE__ */ jsxs28(AppShell.Section, { px: "md", children: [
-            /* @__PURE__ */ jsx51(Divider2, {}),
-            /* @__PURE__ */ jsx51(F_authenticate_Logout, { redirectURL: logoutRedirect }),
-            process.env.NEXT_PUBLIC_APP_PROTOTYPE == "1" ? /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsxs29(AppShell.Navbar, { children: [
+          /* @__PURE__ */ jsx52(MyAppSpotlight, { menu }),
+          /* @__PURE__ */ jsx52(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: /* @__PURE__ */ jsx52(RenderNavLinks, { items: menu }) }),
+          /* @__PURE__ */ jsxs29(AppShell.Section, { px: "md", children: [
+            /* @__PURE__ */ jsx52(Divider2, {}),
+            /* @__PURE__ */ jsx52(F_authenticate_Logout, { redirectURL: logoutRedirect }),
+            process.env.NEXT_PUBLIC_APP_PROTOTYPE == "1" ? /* @__PURE__ */ jsx52(
               Image3,
               {
                 fit: "contain",
@@ -7495,7 +7554,7 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
                 alt: "Main logo",
                 w: "330px"
               }
-            ) : /* @__PURE__ */ jsx51(
+            ) : /* @__PURE__ */ jsx52(
               Image3,
               {
                 fit: "contain",
@@ -7509,7 +7568,7 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52(
           AppShell.Main,
           {
             bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))",
@@ -7564,24 +7623,24 @@ function utils_layout_getItemsWithoutLinks(menu) {
 
 // src/components/Layouts/Container/MyContainer.tsx
 import { Container, Flex as Flex5 } from "@mantine/core";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function MyContainer(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx52(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx52(Flex5, { direction: "column", children }) }));
+  return /* @__PURE__ */ jsx53(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx53(Flex5, { direction: "column", children }) }));
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
 import {
-  Box as Box4,
+  Box as Box5,
   Burger,
   Button as Button15,
   Container as Container2,
   Divider as Divider3,
   Drawer,
-  Group as Group16,
+  Group as Group17,
   Image as Image4,
   ScrollArea as ScrollArea4,
-  Text as Text15,
+  Text as Text16,
   TextInput as TextInput3,
   ThemeIcon,
   UnstyledButton,
@@ -7613,7 +7672,7 @@ function useHeaderMegaMenuStore() {
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
-import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
 var mockdata = [
   {
     icon: IconCode,
@@ -7651,27 +7710,27 @@ function HeaderMegaMenu({ children, menus }) {
   const [linksOpened, { toggle: toggleLinks }] = useDisclosure11(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx53(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs29(Group16, { wrap: "nowrap", align: "flex-start", children: [
-    /* @__PURE__ */ jsx53(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx53(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
-    /* @__PURE__ */ jsxs29("div", { children: [
-      /* @__PURE__ */ jsx53(Text15, { size: "sm", fw: 500, children: item.title }),
-      /* @__PURE__ */ jsx53(Text15, { size: "xs", c: "dimmed", children: item.description })
+  const links = mockdata.map((item) => /* @__PURE__ */ jsx54(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs30(Group17, { wrap: "nowrap", align: "flex-start", children: [
+    /* @__PURE__ */ jsx54(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx54(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
+    /* @__PURE__ */ jsxs30("div", { children: [
+      /* @__PURE__ */ jsx54(Text16, { size: "sm", fw: 500, children: item.title }),
+      /* @__PURE__ */ jsx54(Text16, { size: "xs", c: "dimmed", children: item.description })
     ] })
   ] }) }, item.title));
-  return /* @__PURE__ */ jsxs29(Box4, { children: [
-    /* @__PURE__ */ jsx53("header", { className: css_default.header, children: /* @__PURE__ */ jsxs29(Group16, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ jsxs29(Group16, { children: [
-        /* @__PURE__ */ jsx53(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
-        /* @__PURE__ */ jsx53(Group16, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx53(Button15, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
+  return /* @__PURE__ */ jsxs30(Box5, { children: [
+    /* @__PURE__ */ jsx54("header", { className: css_default.header, children: /* @__PURE__ */ jsxs30(Group17, { justify: "space-between", h: "100%", children: [
+      /* @__PURE__ */ jsxs30(Group17, { children: [
+        /* @__PURE__ */ jsx54(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
+        /* @__PURE__ */ jsx54(Group17, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx54(Button15, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
       ] }),
-      /* @__PURE__ */ jsxs29(Group16, { children: [
-        /* @__PURE__ */ jsx53(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx53(IconSearch2, {}), radius: "xl", w: "250px" }),
-        /* @__PURE__ */ jsx53(MySwitchTheme, {})
+      /* @__PURE__ */ jsxs30(Group17, { children: [
+        /* @__PURE__ */ jsx54(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx54(IconSearch2, {}), radius: "xl", w: "250px" }),
+        /* @__PURE__ */ jsx54(MySwitchTheme, {})
       ] }),
-      /* @__PURE__ */ jsx53(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
+      /* @__PURE__ */ jsx54(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
     ] }) }),
-    /* @__PURE__ */ jsx53(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
+    /* @__PURE__ */ jsx54(
       Drawer,
       {
         opened: drawerOpened,
@@ -7681,10 +7740,10 @@ function HeaderMegaMenu({ children, menus }) {
         title: "Navigation",
         hiddenFrom: "sm",
         zIndex: 1e6,
-        children: /* @__PURE__ */ jsxs29(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
-          /* @__PURE__ */ jsx53(Divider3, { my: "sm" }),
-          /* @__PURE__ */ jsx53(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx53(Button15, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
-          /* @__PURE__ */ jsx53(Divider3, { my: "sm" })
+        children: /* @__PURE__ */ jsxs30(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
+          /* @__PURE__ */ jsx54(Divider3, { my: "sm" }),
+          /* @__PURE__ */ jsx54(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx54(Button15, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
+          /* @__PURE__ */ jsx54(Divider3, { my: "sm" })
         ] })
       }
     )
@@ -7692,8 +7751,8 @@ function HeaderMegaMenu({ children, menus }) {
 }
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
-import { Badge as Badge4, Breadcrumbs, Container as Container3, Divider as Divider4, Group as Group17, Text as Text16, Title } from "@mantine/core";
-import { jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Badge as Badge4, Breadcrumbs, Container as Container3, Divider as Divider4, Group as Group18, Text as Text17, Title } from "@mantine/core";
+import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
 var getStatusColor = (status) => {
   switch (status) {
     case "Prototype":
@@ -7704,10 +7763,10 @@ var getStatusColor = (status) => {
 };
 function PageTitle({ title, status, note }) {
   const color = getStatusColor(status);
-  return /* @__PURE__ */ jsx54(Group17, { children: /* @__PURE__ */ jsxs30(MyFlexColumn, { gap: 0, children: [
-    /* @__PURE__ */ jsxs30(Group17, { align: "center", children: [
-      /* @__PURE__ */ jsx54(Title, { order: 3, children: title }),
-      status && /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(Group18, { children: /* @__PURE__ */ jsxs31(MyFlexColumn, { gap: 0, children: [
+    /* @__PURE__ */ jsxs31(Group18, { align: "center", children: [
+      /* @__PURE__ */ jsx55(Title, { order: 3, children: title }),
+      status && /* @__PURE__ */ jsx55(
         Badge4,
         {
           variant: "gradient",
@@ -7718,7 +7777,7 @@ function PageTitle({ title, status, note }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx54(Text16, { size: "lg", c: "dimmed", fs: "italic", children: note })
+    /* @__PURE__ */ jsx55(Text17, { size: "lg", c: "dimmed", fs: "italic", children: note })
   ] }) });
 }
 function MyPageContent({
@@ -7731,11 +7790,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__ */ jsx54(MyButtonRouterBack, {}),
-        /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsxs31(Container3, { p: 0, fluid: true, children: [
+    /* @__PURE__ */ jsxs31(Group18, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs31(Group18, { children: [
+        /* @__PURE__ */ jsx55(MyButtonRouterBack, {}),
+        /* @__PURE__ */ jsx55(
           PageTitle,
           {
             title: finalTitle,
@@ -7745,63 +7804,63 @@ function MyPageContent({
         ),
         leftTopBar
       ] }),
-      /* @__PURE__ */ jsxs30(Group17, { p: "md", children: [
+      /* @__PURE__ */ jsxs31(Group18, { p: "md", children: [
         rightTopBar,
-        /* @__PURE__ */ jsx54(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx54(Text16, { fw: "600", c: "blue", children: item }, idx)) })
+        /* @__PURE__ */ jsx55(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx55(Text17, { fw: "600", c: "blue", children: item }, idx)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx54(Divider4, { my: "xs" }),
+    /* @__PURE__ */ jsx55(Divider4, { my: "xs" }),
     children,
-    /* @__PURE__ */ jsx54(Divider4, { my: "xs" })
+    /* @__PURE__ */ jsx55(Divider4, { my: "xs" })
   ] });
 }
 
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space3, Tabs } from "@mantine/core";
-import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs32 } 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__ */ jsx55(Tabs.List, { children: tabList.map((item, idx) => {
-      return /* @__PURE__ */ jsx55(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx55(item.icon, { style: iconStyle }), children: item.label }, idx);
+  return /* @__PURE__ */ jsxs32(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
+    /* @__PURE__ */ jsx56(Tabs.List, { children: tabList.map((item, idx) => {
+      return /* @__PURE__ */ jsx56(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx56(item.icon, { style: iconStyle }), children: item.label }, idx);
     }) }),
-    /* @__PURE__ */ jsx55(Space3, { my: "md" }),
+    /* @__PURE__ */ jsx56(Space3, { my: "md" }),
     children
   ] }));
 }
 
 // src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
-import { ActionIcon as ActionIcon12, Button as Button16, Fieldset as Fieldset5, Group as Group18, Modal as Modal11 } from "@mantine/core";
+import { ActionIcon as ActionIcon12, Button as Button16, Fieldset as Fieldset5, Group as Group19, Modal as Modal11 } from "@mantine/core";
 import { useDisclosure as useDisclosure12 } from "@mantine/hooks";
 import { IconX as IconX2 } from "@tabler/icons-react";
-import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs33 } 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__ */ jsx56(
+  return /* @__PURE__ */ jsxs33(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
+    /* @__PURE__ */ jsx57(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsxs32(Group18, { children: [
+          return /* @__PURE__ */ jsxs33(Group19, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
-            /* @__PURE__ */ jsx56(Button16, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
+            /* @__PURE__ */ jsx57(Button16, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });
         },
         columns,
         data: listState[0],
         renderRowActions: ({ row }) => {
-          return /* @__PURE__ */ jsx56(MyCenterFull, { children: /* @__PURE__ */ jsx56(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx56(IconX2, {}) }) });
+          return /* @__PURE__ */ jsx57(MyCenterFull, { children: /* @__PURE__ */ jsx57(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx57(IconX2, {}) }) });
         }
       }, rest)
     ),
-    /* @__PURE__ */ jsx56(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx57(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx57(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsx56(Button16, { onClick: () => {
+          return /* @__PURE__ */ jsx57(Button16, { onClick: () => {
             table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
             disc[1].close();
           }, children: "Ch\u1ECDn" });
@@ -7817,7 +7876,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 jsx57 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 function MySelectAPIGet(_a) {
   var _b = _a, { apiGet, label = "", dataMapper } = _b, rest = __objRest(_b, ["apiGet", "label", "dataMapper"]);
   var _a2;
@@ -7836,7 +7895,7 @@ function MySelectAPIGet(_a) {
       label: `${item.code}-${item.name}`
     };
   });
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     Select3,
     __spreadValues({
       label,
@@ -7851,7 +7910,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 jsx58 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 function MyScheduleX({
   values,
   timeGridEvent,
@@ -7876,7 +7935,7 @@ function MyScheduleX({
     events: values,
     plugins: [eventsService, eventModalPlugin]
   });
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     ScheduleXCalendar2,
     {
       calendarApp: calendar,
@@ -7890,9 +7949,9 @@ function MyScheduleX({
 
 // src/components/Skeletons/SkeletonTable/MySkeletonTable.tsx
 import { Skeleton } from "@mantine/core";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 function MySkeletonTable({ h: h4 = 500 }) {
-  return /* @__PURE__ */ jsx59(Skeleton, { h: h4 });
+  return /* @__PURE__ */ jsx60(Skeleton, { h: h4 });
 }
 
 export {
@@ -7941,6 +8000,7 @@ export {
   MyIconText,
   MyNumberFormatter,
   AQStatCard1,
+  AQStatCard2,
   useS_BasicAppShell,
   FaviconSetter,
   MyDateInput,

package/dist/components/index.d.mts

@@ -344,6 +344,14 @@ declare function AQStatCard1({ title, value, unit, description, icons, diff }: {
     diff: number;
 }): react_jsx_runtime.JSX.Element;
 
+declare function AQStatCard2({ title, value, unit, icons, }: {
+    title: string;
+    value: string;
+    unit?: string;
+    description?: string;
+    icons: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
 declare function FaviconSetter(): null;
 
 interface IDateInput extends DateInputProps {
@@ -530,4 +538,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, 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, AQStatCard2, 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

@@ -4,6 +4,7 @@ import {
   AQCard,
   AQSelectTableByOpenModal,
   AQStatCard1,
+  AQStatCard2,
   BasicAppShell,
   BasicAppShell_transformMenuToEnum,
   Boxes,
@@ -65,7 +66,7 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-SOZCWGDW.mjs";
+} from "../chunk-ZXZZLBG3.mjs";
 import "../chunk-U62R2QKJ.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-OMJJAHOC.mjs";
@@ -78,6 +79,7 @@ export {
   AQCard,
   AQSelectTableByOpenModal,
   AQStatCard1,
+  AQStatCard2,
   BasicAppShell,
   BasicAppShell_transformMenuToEnum,
   Boxes,

package/dist/core/index.mjs

@@ -18,8 +18,8 @@ import {
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-63FBLZHT.mjs";
-import "../chunk-SOZCWGDW.mjs";
+} from "../chunk-M7LQN7UK.mjs";
+import "../chunk-ZXZZLBG3.mjs";
 import "../chunk-U62R2QKJ.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-GFEMKKFH.mjs";

package/dist/modules-features/index.mjs

@@ -15,7 +15,7 @@ import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-63FBLZHT.mjs";
+} from "../chunk-M7LQN7UK.mjs";
 import {
   F_authenticate_Logout,
   MyActionIconDelete,
@@ -41,7 +41,7 @@ import {
   groupToTwoLevels,
   useS_authenticate,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-SOZCWGDW.mjs";
+} from "../chunk-ZXZZLBG3.mjs";
 import {
   createGenericStore
 } from "../chunk-U62R2QKJ.mjs";

package/package.json

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