aq-fe-framework 0.1.229 → 0.1.231

package/dist/{chunk-MXGYYDEO.mjs → chunk-PZS7HFGP.mjs}

@@ -6660,29 +6660,51 @@ function MyDateInput(_a) {
 }
 
 // src/components/Inputs/Fieldset/MyFieldset.tsx
-import { Box as Box4, Fieldset as Fieldset4, Text as Text13 } from "@mantine/core";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import {
+  Fieldset as Fieldset4,
+  Group as Group14,
+  Text as Text13,
+  useMantineColorScheme as useMantineColorScheme2
+} from "@mantine/core";
+import { jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
 function MyFieldset(_a) {
   var _b = _a, {
     children,
-    title
-  } = _b, rest = __objRest(_b, [
+    title,
+    textColor,
+    bgColor,
+    styles,
+    customLegend
+  } = _b, props = __objRest(_b, [
     "children",
-    "title"
+    "title",
+    "textColor",
+    "bgColor",
+    "styles",
+    "customLegend"
   ]);
+  const { colorScheme } = useMantineColorScheme2();
+  const isDark = colorScheme === "dark";
+  const defaultLegendStyles = {
+    borderLeft: `4px solid ${isDark ? "#638cab" : "var(--mantine-color-blue-4)"}`,
+    backgroundColor: bgColor != null ? bgColor : isDark ? "var(--mantine-color-gray-8)" : "var(--mantine-color-blue-1)",
+    paddingLeft: "var(--mantine-spacing-xs)",
+    paddingRight: "var(--mantine-spacing-xs)",
+    color: textColor != null ? textColor : isDark ? "var(--mantine-color-white)" : "var(--mantine-color-blue-8)"
+  };
+  const mergedStyles = typeof styles === "function" ? styles : __spreadProps(__spreadValues({}, styles), {
+    legend: __spreadValues(__spreadValues({}, defaultLegendStyles), styles == null ? void 0 : styles.legend)
+  });
   return /* @__PURE__ */ jsx45(
     Fieldset4,
-    __spreadProps(__spreadValues({}, rest), {
-      legend: /* @__PURE__ */ jsx45(
-        Box4,
-        {
-          bg: "blue.4",
-          px: "xs",
-          py: 2,
-          style: { borderRadius: 4 },
-          children: /* @__PURE__ */ jsx45(Text13, { c: "white", fw: 500, children: title })
-        }
-      ),
+    __spreadProps(__spreadValues({
+      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx45(Group14, { gap: "xs", children: /* @__PURE__ */ jsxs26(Text13, { fw: 600, children: [
+        " ",
+        title,
+        " "
+      ] }) }),
+      styles: mergedStyles
+    }, props), {
       children
     })
   );
@@ -6732,7 +6754,7 @@ import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useEffect as useEffect8, useState as useState8 } from "react";
-import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
 function MyTextEditor(_a) {
   var _b = _a, {
     autoHiddenToolBar = false,
@@ -6834,9 +6856,9 @@ function MyTextEditor(_a) {
       editor.commands.setContent(value);
     }
   }, [value, editor]);
-  return /* @__PURE__ */ jsx49(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */ jsxs26(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" }, children: [
-    /* @__PURE__ */ jsxs26(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
-      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
+  return /* @__PURE__ */ jsx49(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */ jsxs27(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" }, 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, {}),
@@ -6845,13 +6867,13 @@ function MyTextEditor(_a) {
         /* @__PURE__ */ jsx49(RichTextEditor.Highlight, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.Code, {})
       ] }),
-      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
+      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx49(RichTextEditor.H1, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.H2, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.H3, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.H4, {})
       ] }),
-      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
+      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx49(RichTextEditor.Blockquote, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.Hr, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.BulletList, {}),
@@ -6859,11 +6881,11 @@ function MyTextEditor(_a) {
         /* @__PURE__ */ jsx49(RichTextEditor.Subscript, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.Superscript, {})
       ] }),
-      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
+      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx49(RichTextEditor.Link, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.Unlink, {})
       ] }),
-      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
+      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx49(RichTextEditor.AlignLeft, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.AlignCenter, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.AlignJustify, {}),
@@ -6923,7 +6945,7 @@ import {
   AppShell,
   Badge as Badge3,
   Divider as Divider2,
-  Group as Group14,
+  Group as Group15,
   Image as Image3,
   NavLink,
   ScrollArea as ScrollArea3,
@@ -6939,7 +6961,7 @@ import {
 import Link3 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
 import { useEffect as useEffect9, useMemo as useMemo3, useState as useState9 } from "react";
-import { Fragment as Fragment13, jsx as jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
 function findBreadcrumbPath(items, currentPath, parents = []) {
   for (const item of items) {
     if (item.link === currentPath) {
@@ -6975,7 +6997,7 @@ function RenderNavLinks({
       component: Link3,
       opened: basicAppShellStore.state.groupMenuOpenId.includes(item.label),
       href: `/${pathName.split("/")[1]}/${item.link}` || "#",
-      label: /* @__PURE__ */ jsxs27(MyFlexRow, { justify: "space-between", children: [
+      label: /* @__PURE__ */ jsxs28(MyFlexRow, { justify: "space-between", children: [
         item.label,
         " ",
         getRightSection(item.status)
@@ -7110,7 +7132,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__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     AppShell,
     {
       header: { height: 60 },
@@ -7124,8 +7146,8 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
       },
       padding: "md",
       children: [
-        /* @__PURE__ */ jsx51(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs27(Group14, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ jsxs27(Group14, { h: "100%", 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(
               Tooltip5,
               {
@@ -7154,7 +7176,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
             ) })
           ] }),
           /* @__PURE__ */ jsx51(
-            Group14,
+            Group15,
             {
               style: {
                 position: "absolute",
@@ -7164,13 +7186,13 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
               children: /* @__PURE__ */ jsx51(Text14, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
             }
           ),
-          /* @__PURE__ */ jsxs27(Group14, { children: [
+          /* @__PURE__ */ jsxs28(Group15, { children: [
             extraTopRight,
             /* @__PURE__ */ jsx51(MySwitchTheme, {})
           ] })
         ] }) : (
           // For mobile screens - simplified layout
-          /* @__PURE__ */ jsxs27(Group14, { h: "100%", px: "md", justify: "space-between", children: [
+          /* @__PURE__ */ jsxs28(Group15, { h: "100%", px: "md", justify: "space-between", children: [
             /* @__PURE__ */ jsx51(
               ActionIcon11,
               {
@@ -7182,20 +7204,20 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
               }
             ),
             /* @__PURE__ */ jsx51(Text14, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
-            /* @__PURE__ */ jsxs27(Group14, { children: [
+            /* @__PURE__ */ jsxs28(Group15, { children: [
               extraTopRight,
               /* @__PURE__ */ jsx51(MySwitchTheme, {})
             ] })
           ] })
         ) }),
-        /* @__PURE__ */ jsxs27(AppShell.Navbar, { children: [
+        /* @__PURE__ */ jsxs28(AppShell.Navbar, { children: [
           /* @__PURE__ */ jsx51(MyAppSpotlight, { menu }),
-          /* @__PURE__ */ jsxs27(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
+          /* @__PURE__ */ jsxs28(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
             /* @__PURE__ */ jsx51(RenderNavLinks, { items: menu }),
             /* @__PURE__ */ jsx51(Divider2, {}),
             /* @__PURE__ */ jsx51(F_authenticate_Logout, {})
           ] }),
-          /* @__PURE__ */ jsxs27(AppShell.Section, { p: "md", children: [
+          /* @__PURE__ */ jsxs28(AppShell.Section, { p: "md", children: [
             /* @__PURE__ */ jsx51(Divider2, {}),
             /* @__PURE__ */ jsx51(
               Image3,
@@ -7281,13 +7303,13 @@ var OBJECT_COlORS = {
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
 import {
-  Box as Box5,
+  Box as Box4,
   Burger,
   Button as Button15,
   Container as Container2,
   Divider as Divider3,
   Drawer,
-  Group as Group15,
+  Group as Group16,
   Image as Image4,
   ScrollArea as ScrollArea4,
   Text as Text15,
@@ -7322,7 +7344,7 @@ function useHeaderMegaMenuStore() {
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
-import { jsx as jsx53, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
 var mockdata = [
   {
     icon: IconCode,
@@ -7360,20 +7382,20 @@ function HeaderMegaMenu({ children, menus }) {
   const [linksOpened, { toggle: toggleLinks }] = useDisclosure10(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx53(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs28(Group15, { wrap: "nowrap", align: "flex-start", children: [
+  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__ */ jsxs28("div", { children: [
+    /* @__PURE__ */ jsxs29("div", { children: [
       /* @__PURE__ */ jsx53(Text15, { size: "sm", fw: 500, children: item.title }),
       /* @__PURE__ */ jsx53(Text15, { size: "xs", c: "dimmed", children: item.description })
     ] })
   ] }) }, item.title));
-  return /* @__PURE__ */ jsxs28(Box5, { children: [
-    /* @__PURE__ */ jsx53("header", { className: css_default.header, children: /* @__PURE__ */ jsxs28(Group15, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ jsxs28(Group15, { children: [
+  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(Group15, { 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)) })
+        /* @__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)) })
       ] }),
-      /* @__PURE__ */ jsxs28(Group15, { children: [
+      /* @__PURE__ */ jsxs29(Group16, { children: [
         /* @__PURE__ */ jsx53(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx53(IconSearch2, {}), radius: "xl", w: "250px" }),
         /* @__PURE__ */ jsx53(MySwitchTheme, {})
       ] }),
@@ -7390,7 +7412,7 @@ function HeaderMegaMenu({ children, menus }) {
         title: "Navigation",
         hiddenFrom: "sm",
         zIndex: 1e6,
-        children: /* @__PURE__ */ jsxs28(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
+        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" })
@@ -7401,8 +7423,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 Group16, Text as Text16, Title } from "@mantine/core";
-import { jsx as jsx54, jsxs as jsxs29 } from "react/jsx-runtime";
+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 jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
 var getStatusColor = (status) => {
   switch (status) {
     case "Prototype":
@@ -7413,8 +7435,8 @@ var getStatusColor = (status) => {
 };
 function PageTitle({ title, status, note }) {
   const color = getStatusColor(status);
-  return /* @__PURE__ */ jsx54(Group16, { children: /* @__PURE__ */ jsxs29(MyFlexColumn, { gap: 0, children: [
-    /* @__PURE__ */ jsxs29(Group16, { align: "center", children: [
+  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(
         Badge4,
@@ -7440,9 +7462,9 @@ function MyPageContent({
   var _a;
   const basicAppShellStore = useS_BasicAppShell();
   const finalTitle = title || basicAppShellStore.state.title;
-  return /* @__PURE__ */ jsxs29(Container3, { p: 0, fluid: true, children: [
-    /* @__PURE__ */ jsxs29(Group16, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs29(Group16, { children: [
+  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(
           PageTitle,
@@ -7454,7 +7476,7 @@ function MyPageContent({
         ),
         leftTopBar
       ] }),
-      /* @__PURE__ */ jsxs29(Group16, { p: "md", children: [
+      /* @__PURE__ */ jsxs30(Group17, { 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)) })
       ] })
@@ -7468,11 +7490,11 @@ function MyPageContent({
 
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space3, Tabs } from "@mantine/core";
-import { jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs31 } 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__ */ jsxs30(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
+  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);
     }) }),
@@ -7482,20 +7504,20 @@ function MyTab(_a) {
 }
 
 // src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
-import { ActionIcon as ActionIcon12, Button as Button16, Fieldset as Fieldset5, Group as Group17, Modal as Modal11 } from "@mantine/core";
+import { ActionIcon as ActionIcon12, Button as Button16, Fieldset as Fieldset5, Group as Group18, Modal as Modal11 } from "@mantine/core";
 import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
 import { IconX as IconX2 } from "@tabler/icons-react";
-import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
 function MyDataTableSelect(_a) {
   var _b = _a, { modalSize, renderTopToolbarCustomActions, data, selectButtonlabel, listState, columns, listLabel } = _b, rest = __objRest(_b, ["modalSize", "renderTopToolbarCustomActions", "data", "selectButtonlabel", "listState", "columns", "listLabel"]);
   const disc = useDisclosure11(false);
   if (data == void 0) return "\u0110ang t\u1EA3i...";
-  return /* @__PURE__ */ jsxs31(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
+  return /* @__PURE__ */ jsxs32(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
     /* @__PURE__ */ jsx56(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsxs31(Group17, { children: [
+          return /* @__PURE__ */ jsxs32(Group18, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
             /* @__PURE__ */ jsx56(Button16, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });

package/dist/components/index.d.mts

@@ -335,11 +335,14 @@ interface IDateInput extends DateInputProps {
 }
 declare function MyDateInput({ label, ...rest }: IDateInput): react_jsx_runtime.JSX.Element;
 
-interface MyFieldsetProps extends FieldsetProps {
-    chilren?: ReactNode;
-    title?: string;
+interface IFieldset extends FieldsetProps {
+    children?: ReactNode;
+    title: string;
+    textColor?: string;
+    bgColor?: string;
+    customLegend?: ReactNode;
 }
-declare function MyFieldset({ children, title, ...rest }: MyFieldsetProps): react_jsx_runtime.JSX.Element;
+declare function MyFieldset({ children, title, textColor, bgColor, styles, customLegend, ...props }: IFieldset): react_jsx_runtime.JSX.Element;
 
 interface IFileInput extends FileInputProps {
     label?: string;

package/dist/components/index.mjs

@@ -65,7 +65,7 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-MXGYYDEO.mjs";
+} from "../chunk-PZS7HFGP.mjs";
 import "../chunk-P5TKOHP7.mjs";
 import "../chunk-Y3YGC5IH.mjs";
 import "../chunk-5U2JSHSJ.mjs";

package/dist/hooks/index.d.mts

@@ -20,7 +20,7 @@ declare function createBaseApi<T>(baseUrl: string, axiosInstance: AxiosInstance)
 };
 
 declare const useLoadAxiosConfig: ({ axiosInstance }: {
-    axiosInstance?: AxiosInstance;
+    axiosInstance: AxiosInstance;
 }) => void;
 
 interface MyReactMutationProps<IReq, IRes> {

package/dist/modules-features/index.mjs

@@ -25,7 +25,7 @@ import {
   useS_BasicAppShell,
   useS_authenticate,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-MXGYYDEO.mjs";
+} from "../chunk-PZS7HFGP.mjs";
 import {
   baseAxios_default,
   useQ_AQ_GetAQModule,
@@ -1372,7 +1372,6 @@ function F_core35923() {
 import { Grid as Grid2, Paper as Paper4, ScrollArea as ScrollArea2 } from "@mantine/core";
 
 // src/modules-features/admin/core/core38677/F_core38677_ReadUser.tsx
-import { Container } from "@mantine/core";
 import { useQuery as useQuery7 } from "@tanstack/react-query";
 import { useEffect, useMemo as useMemo6, useState } from "react";
 
@@ -1458,7 +1457,7 @@ function F_core38677_ReadUser() {
   }, [query.data]);
   if (query.isLoading) return "Loading...";
   if (query.isError) return "C\xF3 l\u1ED7i x\u1EA3y ra!";
-  return /* @__PURE__ */ jsx27(Container, { fluid: true, children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx27(
     MyDataTable,
     {
       columns,
@@ -1476,7 +1475,7 @@ function F_core38677_ReadUser() {
       }),
       state: rowSelection
     }
-  ) });
+  );
 }
 function useQ_Account_GetAdminAccount() {
   const query = useQuery7({
@@ -1839,9 +1838,9 @@ function useGetUserPermission() {
 // src/modules-features/admin/core/core38677/F_core38677.tsx
 import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
 function F_core38677({ menuData: menuData2 }) {
-  return /* @__PURE__ */ jsxs22(Grid2, { grow: true, children: [
-    /* @__PURE__ */ jsx30(Grid2.Col, { span: 4, children: /* @__PURE__ */ jsx30(F_core38677_ReadUser, {}) }),
-    /* @__PURE__ */ jsx30(Grid2.Col, { span: 8, children: /* @__PURE__ */ jsxs22(MyFlexColumn, { h: "80vh", flex: 1, children: [
+  return /* @__PURE__ */ jsxs22(Grid2, { children: [
+    /* @__PURE__ */ jsx30(Grid2.Col, { span: { base: 12, sm: 5 }, children: /* @__PURE__ */ jsx30(ScrollArea2.Autosize, { children: /* @__PURE__ */ jsx30(F_core38677_ReadUser, {}) }) }),
+    /* @__PURE__ */ jsx30(Grid2.Col, { span: { base: 12, sm: 7 }, children: /* @__PURE__ */ jsxs22(MyFlexColumn, { h: "80vh", flex: 1, children: [
       /* @__PURE__ */ jsx30(ScrollArea2.Autosize, { h: "100%", children: /* @__PURE__ */ jsx30(Paper4, { p: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, children: /* @__PURE__ */ jsx30(F_core38677_ViewMenuPermissions, { menuData: menuData2 }) }) }),
       /* @__PURE__ */ jsx30(F_core38677_Save, {})
     ] }) })
@@ -3113,7 +3112,6 @@ function F_core76318({ SecurityTypeId }) {
 import { Grid as Grid4, Paper as Paper6, ScrollArea as ScrollArea4 } from "@mantine/core";
 
 // src/modules-features/admin/core/core83092/F_core83092_ReadUser.tsx
-import { Container as Container2 } from "@mantine/core";
 import { useQuery as useQuery15 } from "@tanstack/react-query";
 import { useEffect as useEffect8, useMemo as useMemo13, useState as useState6 } from "react";
 import { jsx as jsx58 } from "react/jsx-runtime";
@@ -3125,8 +3123,7 @@ function F_core83092_ReadUser() {
     () => [
       {
         header: "H\u1ECD v\xE0 t\xEAn",
-        accessorKey: "fullName",
-        size: 60
+        accessorKey: "fullName"
       },
       {
         header: "Email",
@@ -3149,7 +3146,7 @@ function F_core83092_ReadUser() {
   }, [query.data]);
   if (query.isLoading) return "Loading...";
   if (query.isError) return "C\xF3 l\u1ED7i x\u1EA3y ra!";
-  return /* @__PURE__ */ jsx58(Container2, { fluid: true, w: "100%", children: /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx58(
     MyDataTable,
     {
       columns,
@@ -3162,12 +3159,12 @@ function F_core83092_ReadUser() {
         onClick: () => handleRowClick(row.id),
         style: {
           cursor: "pointer",
-          backgroundColor: rowSelection[row.id] ? "#d0e7ff" : "transparent"
+          backgroundColor: rowSelection[row.id] ? "var(--mantine-color-blue-light)" : "transparent"
         }
       }),
       state: rowSelection
     }
-  ) });
+  );
 }
 function useQ_core83092_Account_GetAdminAccount() {
   const query = useQuery15({
@@ -3445,9 +3442,9 @@ function useGetUserPermission2({ menuData: menuData2 }) {
 // src/modules-features/admin/core/core83092/F_core83092.tsx
 import { jsx as jsx61, jsxs as jsxs39 } from "react/jsx-runtime";
 function F_core83092({ menuData: menuData2 }) {
-  return /* @__PURE__ */ jsxs39(Grid4, { grow: true, children: [
-    /* @__PURE__ */ jsx61(Grid4.Col, { span: 4, children: /* @__PURE__ */ jsx61(F_core83092_ReadUser, {}) }),
-    /* @__PURE__ */ jsx61(Grid4.Col, { span: 8, children: /* @__PURE__ */ jsxs39(MyFlexColumn, { h: "80vh", flex: 1, children: [
+  return /* @__PURE__ */ jsxs39(Grid4, { children: [
+    /* @__PURE__ */ jsx61(Grid4.Col, { span: { base: 12, sm: 5 }, children: /* @__PURE__ */ jsx61(ScrollArea4.Autosize, { children: /* @__PURE__ */ jsx61(F_core83092_ReadUser, {}) }) }),
+    /* @__PURE__ */ jsx61(Grid4.Col, { span: { base: 12, sm: 7 }, children: /* @__PURE__ */ jsxs39(MyFlexColumn, { h: "80vh", flex: 1, children: [
       /* @__PURE__ */ jsx61(ScrollArea4.Autosize, { h: "100%", children: /* @__PURE__ */ jsx61(Paper6, { p: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, children: /* @__PURE__ */ jsx61(F_core83092_ViewMenuPermissions, { menuData: menuData2 }) }) }),
       /* @__PURE__ */ jsx61(F_core83092_Save, {})
     ] }) })

package/package.json

@@ -22,7 +22,7 @@
       "types": "./dist/hooks/index.d.mts"
     }
   },
-  "version": "0.1.229",
+  "version": "0.1.231",
   "private": false,
   "files": [
     "dist"