aq-fe-framework 0.1.451 → 0.1.453

package/dist/{chunk-QMN4DRTF.mjs → chunk-M4NVNBCO.mjs}

@@ -2,7 +2,7 @@ import {
   MyDataTable,
   MyFlexColumn,
   MyFlexRow
-} from "./chunk-RZBHPPQT.mjs";
+} from "./chunk-562G3GRP.mjs";
 import {
   const_object_colors
 } from "./chunk-OMJJAHOC.mjs";
@@ -319,9 +319,21 @@ function MyButtonCreateUpdate({
   ] });
 }
 
+// src/core/button/MyButtonExportStructure.tsx
+import { Button as Button4 } from "@mantine/core";
+import ExcelJS from "exceljs";
+import { saveAs } from "file-saver";
+import { jsx as jsx5 } from "react/jsx-runtime";
+
+// src/core/button/MyButtonImport.tsx
+import { Button as Button6, FileInput } from "@mantine/core";
+import { useDisclosure as useDisclosure2 } from "@mantine/hooks";
+import { IconFileImport as IconFileImport3 } from "@tabler/icons-react";
+import { useMemo } from "react";
+
 // src/core/button/MyButtonModal.tsx
-import { Button as Button4, Modal as Modal2 } from "@mantine/core";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Button as Button5, Modal as Modal2 } from "@mantine/core";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 function MyButtonModal({
   disclosure,
   children,
@@ -329,34 +341,37 @@ function MyButtonModal({
   modalProps
 }) {
   return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx5(Button4, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, buttonProps)),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(Button5, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, buttonProps)),
+    /* @__PURE__ */ jsx6(
       Modal2,
       __spreadProps(__spreadValues({
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close
       }, modalProps), {
-        children: /* @__PURE__ */ jsx5(MyFlexColumn, { children })
+        children: /* @__PURE__ */ jsx6(MyFlexColumn, { children })
       })
     )
   ] });
 }
 
+// src/core/button/MyButtonImport.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+
 // src/core/dataDisplay/MyDataTableSelectOne.tsx
-import { useEffect, useMemo } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { useEffect, useMemo as useMemo2 } from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function MyDataTableSelectOne({
   columns,
   queryResult,
   idSelection,
   setIdSelection
 }) {
-  const columnsState = useMemo(() => columns, []);
+  const columnsState = useMemo2(() => columns, []);
   useEffect(() => {
     if (!queryResult.data) return;
     setIdSelection(queryResult.data[0].id);
   }, [queryResult.data]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx8(
     MyDataTable,
     {
       columns: columnsState,
@@ -382,20 +397,20 @@ function MyDataTableSelectOne({
 
 // src/core/dataDisplay/MyInfoBox.tsx
 import { Group, Paper, Stack, Text } from "@mantine/core";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function MyInfoBox({ title, data, paperProps }) {
-  return /* @__PURE__ */ jsx7(Paper, __spreadProps(__spreadValues({ withBorder: true, shadow: "xs", radius: "md", p: "md", bg: const_object_colors.mantineBackgroundBlueLight }, paperProps), { children: /* @__PURE__ */ jsxs3(Stack, { children: [
-    title && /* @__PURE__ */ jsx7(Text, { fw: 600, size: "sm", children: title }),
-    data.map((item, index) => /* @__PURE__ */ jsxs3(Group, { justify: "space-between", children: [
-      /* @__PURE__ */ jsx7(Text, { size: "sm", fw: 500, c: "dimmed", children: item.label }),
-      /* @__PURE__ */ jsx7(Text, { size: "sm", fw: 500, children: item.value })
+  return /* @__PURE__ */ jsx9(Paper, __spreadProps(__spreadValues({ withBorder: true, shadow: "xs", radius: "md", p: "md", bg: const_object_colors.mantineBackgroundBlueLight }, paperProps), { children: /* @__PURE__ */ jsxs4(Stack, { children: [
+    title && /* @__PURE__ */ jsx9(Text, { fw: 600, size: "sm", children: title }),
+    data.map((item, index) => /* @__PURE__ */ jsxs4(Group, { justify: "space-between", children: [
+      /* @__PURE__ */ jsx9(Text, { size: "sm", fw: 500, c: "dimmed", children: item.label }),
+      /* @__PURE__ */ jsx9(Text, { size: "sm", fw: 500, children: item.value })
     ] }, index))
   ] }) }));
 }
 
 // src/core/dataDisplay/MyLabelValueRow.tsx
 import { Group as Group2, Text as Text2 } from "@mantine/core";
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function MyLabelValueRow({
   label,
   value,
@@ -403,18 +418,18 @@ function MyLabelValueRow({
   valueProps,
   groupProps
 }) {
-  return /* @__PURE__ */ jsxs4(Group2, __spreadProps(__spreadValues({ gap: 5, wrap: "nowrap" }, groupProps), { children: [
-    /* @__PURE__ */ jsxs4(Text2, __spreadProps(__spreadValues({ fw: 600 }, labelProps), { children: [
+  return /* @__PURE__ */ jsxs5(Group2, __spreadProps(__spreadValues({ gap: 5, wrap: "nowrap" }, groupProps), { children: [
+    /* @__PURE__ */ jsxs5(Text2, __spreadProps(__spreadValues({ fw: 600 }, labelProps), { children: [
       label,
       ":"
     ] })),
-    /* @__PURE__ */ jsx8(Text2, __spreadProps(__spreadValues({}, valueProps), { children: value }))
+    /* @__PURE__ */ jsx10(Text2, __spreadProps(__spreadValues({}, valueProps), { children: value }))
   ] }));
 }
 
 // src/core/dataDisplay/MyStatsCartd.tsx
 import { Box, Card, ThemeIcon } from "@mantine/core";
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 function MyStatsCard({
   title,
   value,
@@ -423,22 +438,22 @@ function MyStatsCard({
   color,
   themeIconProps
 }) {
-  return /* @__PURE__ */ jsxs5(Card, { children: [
-    /* @__PURE__ */ jsx9("div", { className: `absolute inset-0 bg-gradient-to-br ${color} opacity-5` }),
-    /* @__PURE__ */ jsx9(Box, { className: "p-6", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium text-muted-foreground", children: title }),
-        /* @__PURE__ */ jsx9("p", { className: "text-3xl font-bold", children: value }),
-        /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground mt-1", children: subtitle })
+  return /* @__PURE__ */ jsxs6(Card, { children: [
+    /* @__PURE__ */ jsx11("div", { className: `absolute inset-0 bg-gradient-to-br ${color} opacity-5` }),
+    /* @__PURE__ */ jsx11(Box, { className: "p-6", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx11("p", { className: "text-sm font-medium text-muted-foreground", children: title }),
+        /* @__PURE__ */ jsx11("p", { className: "text-3xl font-bold", children: value }),
+        /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground mt-1", children: subtitle })
       ] }),
-      /* @__PURE__ */ jsx9(ThemeIcon, __spreadProps(__spreadValues({ size: "xl", radius: "xl" }, themeIconProps), { children: icon }))
+      /* @__PURE__ */ jsx11(ThemeIcon, __spreadProps(__spreadValues({ size: "xl", radius: "xl" }, themeIconProps), { children: icon }))
     ] }) })
   ] });
 }
 
 // src/core/input/MyDayOfWeekPicker.tsx
 import { Badge, Group as Group3 } from "@mantine/core";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var days = Object.entries(enum_daysOfWeek).filter(([key]) => isNaN(Number(key))).map(([label, value]) => ({ label, value }));
 function MyDayOfWeekPicker({ value = [], onChange }) {
   const toggle = (val) => {
@@ -446,7 +461,7 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
     const newValue = value.includes(val) ? value.filter((v) => v !== val) : [...value, val].sort((a, b) => a - b);
     onChange(newValue);
   };
-  return /* @__PURE__ */ jsx10(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx10(Group3, { gap: "xs", children: days.map((d) => /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx12(Group3, { gap: "xs", children: days.map((d) => /* @__PURE__ */ jsx12(
     Badge,
     {
       variant: value.includes(d.value) ? "filled" : "outline",
@@ -474,7 +489,7 @@ import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useEffect as useEffect2 } from "react";
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 function MyRichTextEditor(props) {
   const editor = useEditor({
     extensions: [
@@ -558,44 +573,44 @@ function MyRichTextEditor(props) {
       editor.commands.setContent(props.value || "", false);
     }
   }, [props.value, editor]);
-  return /* @__PURE__ */ jsx11(Input.Wrapper, __spreadProps(__spreadValues({}, props.inputWrapperProps), { children: /* @__PURE__ */ jsxs6(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, props.richTextEditorProps), { children: [
-    /* @__PURE__ */ jsxs6(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({}, props.richTextEditorToolBarProps), { children: [
-      /* @__PURE__ */ jsxs6(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.Bold, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.Italic, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.Underline, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.Strikethrough, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.ClearFormatting, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.Highlight, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.Code, {})
+  return /* @__PURE__ */ jsx13(Input.Wrapper, __spreadProps(__spreadValues({}, props.inputWrapperProps), { children: /* @__PURE__ */ jsxs7(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, props.richTextEditorProps), { children: [
+    /* @__PURE__ */ jsxs7(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({}, props.richTextEditorToolBarProps), { children: [
+      /* @__PURE__ */ jsxs7(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.Bold, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.Italic, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.Underline, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.Strikethrough, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.ClearFormatting, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.Highlight, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.Code, {})
       ] }),
-      /* @__PURE__ */ jsxs6(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.H1, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.H2, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.H3, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.H4, {})
+      /* @__PURE__ */ jsxs7(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.H1, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.H2, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.H3, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.H4, {})
       ] }),
-      /* @__PURE__ */ jsxs6(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.Blockquote, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.Hr, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.BulletList, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.OrderedList, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.Subscript, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.Superscript, {})
+      /* @__PURE__ */ jsxs7(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.Blockquote, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.Hr, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.BulletList, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.OrderedList, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.Subscript, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.Superscript, {})
       ] }),
-      /* @__PURE__ */ jsxs6(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.Link, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.Unlink, {})
+      /* @__PURE__ */ jsxs7(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.Link, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.Unlink, {})
       ] }),
-      /* @__PURE__ */ jsxs6(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ jsx11(MantineRichTextEditor.AlignRight, {})
+      /* @__PURE__ */ jsxs7(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.AlignLeft, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.AlignCenter, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.AlignJustify, {}),
+        /* @__PURE__ */ jsx13(MantineRichTextEditor.AlignRight, {})
       ] }),
       props.extraControlsGroup
     ] })),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx13(
       ScrollArea2.Autosize,
       __spreadProps(__spreadValues({
         onMouseDown: () => {
@@ -604,7 +619,7 @@ function MyRichTextEditor(props) {
         mah: "200",
         style: { cursor: "text" }
       }, props.scrollAreaAutosizeProps), {
-        children: /* @__PURE__ */ jsx11(RichTextEditor.Content, __spreadValues({ mih: "200" }, props.richTextEditorContentProps))
+        children: /* @__PURE__ */ jsx13(RichTextEditor.Content, __spreadValues({ mih: "200" }, props.richTextEditorContentProps))
       })
     )
   ] })) }));
@@ -613,7 +628,7 @@ function MyRichTextEditor(props) {
 // src/core/input/MySelect.tsx
 import { Loader, Select } from "@mantine/core";
 import React from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function extractTextFromReactNode(node) {
   if (typeof node === "string" || typeof node === "number") return String(node);
   if (Array.isArray(node)) return node.map(extractTextFromReactNode).join(" ");
@@ -628,10 +643,10 @@ function MySelect(_a) {
   } else if (isLoading) {
     placeholder = "\u0110ang t\u1EA3i...";
   } else if (label) {
-    const plainTextLabel = extractTextFromReactNode(label).toLowerCase();
+    const plainTextLabel = extractTextFromReactNode(label).toLowerCase().trim();
     placeholder = `Ch\u1ECDn ${plainTextLabel}`;
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx14(
     Select,
     __spreadValues({
       searchable: true,
@@ -639,7 +654,7 @@ function MySelect(_a) {
       placeholder,
       data: data != null ? data : [],
       error: isError ? true : void 0,
-      rightSection: isLoading ? /* @__PURE__ */ jsx12(Loader, { size: "xs" }) : void 0,
+      rightSection: isLoading ? /* @__PURE__ */ jsx14(Loader, { size: "xs" }) : void 0,
       disabled: isLoading || isError,
       styles: (theme) => ({
         input: rest.readOnly ? {
@@ -654,8 +669,8 @@ function MySelect(_a) {
 }
 
 // src/core/input/MySelectFromAPI.tsx
-import { useCallback, useEffect as useEffect3, useMemo as useMemo2, useRef } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { useCallback, useEffect as useEffect3, useMemo as useMemo3, useRef } from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function MySelectFromAPI(_a) {
   var _b = _a, {
     queryKey,
@@ -687,7 +702,7 @@ function MySelectFromAPI(_a) {
     },
     [getOptionLabel, labelWithCode]
   );
-  const options = useMemo2(() => {
+  const options = useMemo3(() => {
     var _a2, _b2;
     return (_b2 = (_a2 = query.data) == null ? void 0 : _a2.map((item) => {
       var _a3, _b3;
@@ -719,7 +734,7 @@ function MySelectFromAPI(_a) {
       hasAutoSelected.current = true;
     }
   }, [autoSelectFirstItem, query.data, value, getLabel, onChange, setObjectData]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx15(
     MySelect,
     __spreadValues({
       isLoading: query.isLoading,
@@ -733,10 +748,10 @@ function MySelectFromAPI(_a) {
 
 // src/core/input/MyTextInput.tsx
 import { TextInput } from "@mantine/core";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function MyTextInput(_a) {
   var _b = _a, { label, isPhoneNumber } = _b, rest = __objRest(_b, ["label", "isPhoneNumber"]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     TextInput,
     __spreadValues({
       onKeyDown: (e) => {
@@ -774,7 +789,7 @@ function MyTextInput(_a) {
 
 // src/core/input/MyWeeklySessionSchedulerPicker.tsx
 import {
-  Button as Button5,
+  Button as Button7,
   Center,
   Divider,
   Group as Group4,
@@ -785,7 +800,7 @@ import {
 } from "@mantine/core";
 import { IconPlus as IconPlus4, IconTrash as IconTrash3 } from "@tabler/icons-react";
 import { useState } from "react";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 function MyWeeklySessionSchedulerPicker({
   value = [],
   onChange
@@ -816,8 +831,8 @@ function MyWeeklySessionSchedulerPicker({
     return acc;
   }, {});
   const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
-  return /* @__PURE__ */ jsx15(Paper2, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs7(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx15(Center, { children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx17(Paper2, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs8(MyFlexColumn, { children: [
+    /* @__PURE__ */ jsx17(Center, { children: /* @__PURE__ */ jsx17(
       MyDayOfWeekPicker,
       {
         value: selectedDays,
@@ -827,41 +842,41 @@ function MyWeeklySessionSchedulerPicker({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx15(Divider, { my: "xs" }),
-    /* @__PURE__ */ jsx15(Center, { children: /* @__PURE__ */ jsx15(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx15(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
+    /* @__PURE__ */ jsx17(Divider, { my: "xs" }),
+    /* @__PURE__ */ jsx17(Center, { children: /* @__PURE__ */ jsx17(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx17(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
       var _a;
-      return /* @__PURE__ */ jsxs7(
+      return /* @__PURE__ */ jsxs8(
         Paper2,
         {
           w: "100%",
           p: "md",
           bg: const_object_colors.mantineBackgroundBlueLight,
           children: [
-            /* @__PURE__ */ jsxs7(Group4, { gap: "apart", children: [
-              /* @__PURE__ */ jsx15(Text4, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
-              /* @__PURE__ */ jsx15(
-                Button5,
+            /* @__PURE__ */ jsxs8(Group4, { gap: "apart", children: [
+              /* @__PURE__ */ jsx17(Text4, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
+              /* @__PURE__ */ jsx17(
+                Button7,
                 {
                   color: "teal.5",
-                  leftSection: /* @__PURE__ */ jsx15(IconPlus4, { size: 14 }),
+                  leftSection: /* @__PURE__ */ jsx17(IconPlus4, { size: 14 }),
                   onClick: () => handleAddSession(dayOfWeek),
                   children: "Th\xEAm bu\u1ED5i"
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx15(Divider, { my: "sm" }),
+            /* @__PURE__ */ jsx17(Divider, { my: "sm" }),
             (_a = grouped[dayOfWeek]) == null ? void 0 : _a.map((item, indexInDay) => {
               const globalIndex = value.findIndex(
                 (v) => v === item
               );
-              return /* @__PURE__ */ jsxs7(
+              return /* @__PURE__ */ jsxs8(
                 Group4,
                 {
                   mt: "xs",
                   gap: "xs",
                   align: "flex-end",
                   children: [
-                    /* @__PURE__ */ jsx15(
+                    /* @__PURE__ */ jsx17(
                       NumberInput,
                       {
                         label: "Ti\u1EBFt b\u1EAFt \u0111\u1EA7u",
@@ -873,7 +888,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx15(
+                    /* @__PURE__ */ jsx17(
                       NumberInput,
                       {
                         label: "S\u1ED1 ti\u1EBFt",
@@ -885,7 +900,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx15(
+                    /* @__PURE__ */ jsx17(
                       NumberInput,
                       {
                         label: "S\u1ED1 ph\xFAt  ",
@@ -894,13 +909,13 @@ function MyWeeklySessionSchedulerPicker({
                         value: item.durationMinutes
                       }
                     ),
-                    /* @__PURE__ */ jsx15(
-                      Button5,
+                    /* @__PURE__ */ jsx17(
+                      Button7,
                       {
                         variant: "light",
                         color: "red",
                         onClick: () => handleRemove(globalIndex),
-                        leftSection: /* @__PURE__ */ jsx15(IconTrash3, { size: 14 }),
+                        leftSection: /* @__PURE__ */ jsx17(IconTrash3, { size: 14 }),
                         children: "X\xF3a bu\u1ED5i"
                       }
                     )
@@ -917,6 +932,14 @@ function MyWeeklySessionSchedulerPicker({
   ] }) });
 }
 
+// src/core/layout/MyFlexEnd.tsx
+import { Group as Group5 } from "@mantine/core";
+import { jsx as jsx18 } from "react/jsx-runtime";
+function MyFlexEnd2(_a) {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx18(Group5, __spreadProps(__spreadValues({ justify: "end", mt: "md" }, rest), { children }));
+}
+
 export {
   MyActionIcon,
   MyButton,
@@ -932,5 +955,6 @@ export {
   MySelect,
   MySelectFromAPI,
   MyTextInput,
-  MyWeeklySessionSchedulerPicker
+  MyWeeklySessionSchedulerPicker,
+  MyFlexEnd2 as MyFlexEnd
 };

package/dist/components/index.mjs

@@ -36,11 +36,14 @@ import {
   MyCenterFull,
   MyCheckbox,
   MyContainer,
+  MyDataTable,
   MyDataTableSelect,
   MyDateInput,
   MyFieldset,
   MyFileInput,
+  MyFlexColumn,
   MyFlexEnd,
+  MyFlexRow,
   MyHtmlWrapper,
   MyIconText,
   MyNumberFormatter,
@@ -62,14 +65,9 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-2NIJIQ4L.mjs";
-import "../chunk-5U2JSHSJ.mjs";
+} from "../chunk-562G3GRP.mjs";
 import "../chunk-U62R2QKJ.mjs";
-import {
-  MyDataTable,
-  MyFlexColumn,
-  MyFlexRow
-} from "../chunk-RZBHPPQT.mjs";
+import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-OMJJAHOC.mjs";
 import "../chunk-KFSAV44B.mjs";
 import "../chunk-7ZCOFATU.mjs";

package/dist/core/index.css

@@ -0,0 +1,94 @@
+/* src/components/Layouts/HeaderMegaMenu/css.module.css */
+.header {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  height: calc(3.75rem * var(--mantine-scale));
+  background-color: var(--mantine-color-white);
+}
+[data-mantine-color-scheme=dark] .header {
+  background-color: var(--mantine-color-dark);
+}
+.header {
+  padding-left: var(--mantine-spacing-md);
+  padding-right: var(--mantine-spacing-md);
+  border-bottom: 1px solid var(--mantine-color-gray-3);
+}
+[data-mantine-color-scheme=dark] .header {
+  border-bottom: 1px solid var(--mantine-color-dark-4);
+}
+.link {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  padding-left: var(--mantine-spacing-md);
+  padding-right: var(--mantine-spacing-md);
+  text-decoration: none;
+  color: var(--mantine-color-black);
+}
+[data-mantine-color-scheme=dark] .link {
+  color: var(--mantine-color-white);
+}
+.link {
+  font-weight: 500;
+  font-size: var(--mantine-font-size-sm);
+}
+@media (max-width: $mantine-breakpoint-sm) {
+  .link {
+    height: calc(2.625rem * var(--mantine-scale));
+    width: 100%;
+  }
+}
+@media (hover: hover) {
+  .link:hover {
+    background-color: var(--mantine-color-gray-0);
+  }
+  [data-mantine-color-scheme=dark] .link:hover {
+    background-color: var(--mantine-color-dark-6);
+  }
+}
+@media (hover: none) {
+  .link:active {
+    background-color: var(--mantine-color-gray-0);
+  }
+  [data-mantine-color-scheme=dark] .link:active {
+    background-color: var(--mantine-color-dark-6);
+  }
+}
+.subLink {
+  width: 100%;
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
+  border-radius: var(--mantine-radius-md);
+}
+@media (hover: hover) {
+  .subLink:hover {
+    background-color: var(--mantine-color-gray-0);
+  }
+  [data-mantine-color-scheme=dark] .subLink:hover {
+    background-color: var(--mantine-color-dark-7);
+  }
+}
+@media (hover: none) {
+  .subLink:active {
+    background-color: var(--mantine-color-gray-0);
+  }
+  [data-mantine-color-scheme=dark] .subLink:active {
+    background-color: var(--mantine-color-dark-7);
+  }
+}
+.dropdownFooter {
+  background-color: var(--mantine-color-gray-0);
+}
+[data-mantine-color-scheme=dark] .dropdownFooter {
+  background-color: var(--mantine-color-dark-7);
+}
+.dropdownFooter {
+  margin: calc(var(--mantine-spacing-md) * -1);
+  margin-top: var(--mantine-spacing-sm);
+  padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
+  padding-bottom: var(--mantine-spacing-xl);
+  border-top: 1px solid var(--mantine-color-gray-1);
+}
+[data-mantine-color-scheme=dark] .dropdownFooter {
+  border-top: 1px solid var(--mantine-color-dark-5);
+}

package/dist/core/index.d.mts

@@ -41,13 +41,23 @@ interface CoreButtonCreateUpdateProps<IReq, IRes> {
 }
 declare function MyButtonCreateUpdate<IReq, IRes>({ modalProps, actionIconProps, buttonProps, form, onSubmit, onSuccess, onError, ignoreDefaultOnError, ignoreDefaultOnSuccess, closeModalWhenSubmit, resetFormWhenSubmit, children, disclosure: externalDisclosure, isUpdate, scrollAreaAutosizeProps }: CoreButtonCreateUpdateProps<IReq, IRes>): react_jsx_runtime.JSX.Element;
 
-interface CoreButtonModalProps {
+interface IFieldStructure {
+    fieldCode?: string;
+    fieldName?: string;
+}
+interface MyButtonExportStructureProps {
+    data?: IFieldStructure[];
+    fileName?: string;
+    buttonProps?: ButtonProps;
+}
+
+interface MyButtonModalProps {
     children?: ReactNode;
     disclosure: ReturnType<typeof useDisclosure>;
     buttonProps?: ButtonProps;
-    modalProps?: ModalProps;
+    modalProps?: Omit<ModalProps, "opened" | "onClose">;
 }
-declare function MyButtonModal({ disclosure, children, buttonProps, modalProps, }: CoreButtonModalProps): react_jsx_runtime.JSX.Element;
+declare function MyButtonModal({ disclosure, children, buttonProps, modalProps, }: MyButtonModalProps): react_jsx_runtime.JSX.Element;
 
 declare function MyDataTableSelectOne<TData extends MRT_RowData>({ columns, queryResult, idSelection, setIdSelection }: {
     columns: MRT_ColumnDef<TData>[];
@@ -151,4 +161,9 @@ interface IMyFlexColumn extends FlexProps {
 }
 declare function MyFlexColumn({ children, ...rest }: IMyFlexColumn): react_jsx_runtime.JSX.Element;
 
-export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, MyButtonModal, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyRichTextEditor, MySelect, MySelectFromAPI, type MySelectProps, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };
+interface MyFlexEndProps extends GroupProps {
+    children: ReactNode;
+}
+declare function MyFlexEnd({ children, ...rest }: MyFlexEndProps): react_jsx_runtime.JSX.Element;
+
+export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, type MyButtonExportStructureProps, MyButtonModal, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyFlexEnd, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyRichTextEditor, MySelect, MySelectFromAPI, type MySelectProps, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };

package/dist/core/index.mjs

@@ -6,6 +6,7 @@ import {
   MyDataTableSelectOne,
   MyDayOfWeekPicker,
   MyFlexColumn,
+  MyFlexEnd,
   MyInfoBox,
   MyLabelValueRow,
   MyRichTextEditor,
@@ -14,8 +15,10 @@ import {
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-QMN4DRTF.mjs";
-import "../chunk-RZBHPPQT.mjs";
+} from "../chunk-M4NVNBCO.mjs";
+import "../chunk-562G3GRP.mjs";
+import "../chunk-U62R2QKJ.mjs";
+import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-GFEMKKFH.mjs";
 import "../chunk-OMJJAHOC.mjs";
 import "../chunk-K6S7R6LU.mjs";
@@ -30,6 +33,7 @@ export {
   MyDataTableSelectOne,
   MyDayOfWeekPicker,
   MyFlexColumn,
+  MyFlexEnd,
   MyInfoBox,
   MyLabelValueRow,
   MyRichTextEditor,