aq-fe-framework 0.1.1023 → 0.1.1024

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/{chunk-3IS6U7OY.mjs → chunk-DRUHKWPQ.mjs} +16 -10
  2. package/dist/components/index.css +165 -0
  3. package/dist/components/index.mjs +2 -2
  4. package/dist/const/index.mjs +1 -1
  5. package/dist/core/index.css +165 -0
  6. package/dist/core/index.mjs +2 -2
  7. package/dist/modules-features/index.css +165 -0
  8. package/dist/modules-features/index.mjs +2 -2
  9. package/dist/shared/index.css +165 -0
  10. package/dist/shared/index.mjs +2 -2
  11. package/package.json +2 -1
  12. package/dist/Customtabs.module-RMUG5QY4.module.css +0 -93
  13. package/dist/css.module-4ICLUKPO.module.css +0 -107
  14. package/dist/{chunk-C74M5VPE.mjs → chunk-OHAOJE5F.mjs} +1 -1
package/dist/{chunk-3IS6U7OY.mjs → chunk-DRUHKWPQ.mjs} RENAMED
@@ -31,7 +31,7 @@ import {
31
31
  import {
32
32
  const_object_colors,
33
33
  const_object_documentTypes
34
- } from "./chunk-C74M5VPE.mjs";
34
+ } from "./chunk-OHAOJE5F.mjs";
35
35
  import {
36
36
  enumLabel_gender,
37
37
  enum_daysOfWeek
@@ -6910,12 +6910,12 @@ function MonthGridDay({ day, isFirstWeek, isLastWeek }) {
6910
6910
  ];
6911
6911
  const [wrapperClasses, setWrapperClasses] = d2(baseClasses);
6912
6912
  y2(() => {
6913
- const classes3 = [...baseClasses];
6913
+ const classes = [...baseClasses];
6914
6914
  if (dayMonth !== selectedDateMonth)
6915
- classes3.push("is-leading-or-trailing");
6915
+ classes.push("is-leading-or-trailing");
6916
6916
  if ($app.datePickerState.selectedDate.value === day.date)
6917
- classes3.push("is-selected");
6918
- setWrapperClasses(classes3);
6917
+ classes.push("is-selected");
6918
+ setWrapperClasses(classes);
6919
6919
  }, [$app.datePickerState.selectedDate.value]);
6920
6920
  const getNumberOfNonDisplayedEvents = () => {
6921
6921
  return Object.values(day.events).slice($app.config.monthGridOptions.value.nEventsPerDay).filter((event) => event === DATE_GRID_BLOCKER || typeof event === "object").length;
@@ -17343,7 +17343,9 @@ import {
17343
17343
  IconSearch as IconSearch6
17344
17344
  } from "@tabler/icons-react";
17345
17345
  import Link4 from "next/link.js";
17346
- import classes from "./css.module-4ICLUKPO.module.css";
17346
+
17347
+ // src/components/Layouts/HeaderMegaMenu/css.module.css
17348
+ var css_default = {};
17347
17349
 
17348
17350
  // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenuStore.ts
17349
17351
  var useStore6 = createGenericStore({
@@ -17394,7 +17396,7 @@ function HeaderMegaMenu({ children, menus }) {
17394
17396
  const [linksOpened, { toggle: toggleLinks }] = useDisclosure19(false);
17395
17397
  const HeaderMegaMenuStore = useHeaderMegaMenuStore();
17396
17398
  const theme = useMantineTheme();
17397
- const links = mockdata.map((item) => /* @__PURE__ */ jsx215(UnstyledButton, { className: classes.subLink, children: /* @__PURE__ */ jsxs124(Group33, { wrap: "nowrap", align: "flex-start", children: [
17399
+ const links = mockdata.map((item) => /* @__PURE__ */ jsx215(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs124(Group33, { wrap: "nowrap", align: "flex-start", children: [
17398
17400
  /* @__PURE__ */ jsx215(ThemeIcon2, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx215(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
17399
17401
  /* @__PURE__ */ jsxs124("div", { children: [
17400
17402
  /* @__PURE__ */ jsx215(Text23, { size: "sm", fw: 500, children: item.title }),
@@ -17402,7 +17404,7 @@ function HeaderMegaMenu({ children, menus }) {
17402
17404
  ] })
17403
17405
  ] }) }, item.title));
17404
17406
  return /* @__PURE__ */ jsxs124(Box7, { children: [
17405
- /* @__PURE__ */ jsx215("header", { className: classes.header, children: /* @__PURE__ */ jsxs124(Group33, { justify: "space-between", h: "100%", children: [
17407
+ /* @__PURE__ */ jsx215("header", { className: css_default.header, children: /* @__PURE__ */ jsxs124(Group33, { justify: "space-between", h: "100%", children: [
17406
17408
  /* @__PURE__ */ jsxs124(Group33, { children: [
17407
17409
  /* @__PURE__ */ jsx215(Image5, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
17408
17410
  /* @__PURE__ */ jsx215(Group33, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx215(Button24, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
@@ -18509,7 +18511,11 @@ function MyFlexEnd2(_a) {
18509
18511
 
18510
18512
  // src/core/navigation/CustomTabs/CustomTabs.tsx
18511
18513
  import { Paper as Paper16, Tabs as Tabs5, Text as Text31 } from "@mantine/core";
18512
- import classes2 from "./Customtabs.module-RMUG5QY4.module.css";
18514
+
18515
+ // src/core/navigation/CustomTabs/Customtabs.module.css
18516
+ var Customtabs_default = {};
18517
+
18518
+ // src/core/navigation/CustomTabs/CustomTabs.tsx
18513
18519
  import { jsx as jsx242, jsxs as jsxs135 } from "react/jsx-runtime";
18514
18520
  var tabColors = [
18515
18521
  { color: "blue" },
@@ -18520,7 +18526,7 @@ var tabColors = [
18520
18526
  ];
18521
18527
  function CustomTabs(_a) {
18522
18528
  var _b = _a, { tabs } = _b, rest = __objRest(_b, ["tabs"]);
18523
- return /* @__PURE__ */ jsx242(Paper16, { bg: const_object_colors.mantineBackgroundSecondary, children: /* @__PURE__ */ jsxs135(Tabs5, __spreadProps(__spreadValues({ defaultValue: "gallery", color: "lime", variant: "outline", h: "55vh", classNames: classes2 }, rest), { children: [
18529
+ return /* @__PURE__ */ jsx242(Paper16, { bg: const_object_colors.mantineBackgroundSecondary, children: /* @__PURE__ */ jsxs135(Tabs5, __spreadProps(__spreadValues({ defaultValue: "gallery", color: "lime", variant: "outline", h: "55vh", classNames: Customtabs_default }, rest), { children: [
18524
18530
  /* @__PURE__ */ jsx242(Tabs5.List, { children: tabs.map((item, index) => {
18525
18531
  const colors = tabColors[index];
18526
18532
  return /* @__PURE__ */ jsx242(
package/dist/components/index.css ADDED
@@ -0,0 +1,165 @@
1
+ /* src/core/navigation/CustomTabs/Customtabs.module.css */
2
+ .tab {
3
+ position: relative;
4
+ border: 1px solid var(--mantine-color-gray-2);
5
+ }
6
+ [data-mantine-color-scheme=dark] .tab {
7
+ border: 1px solid var(--mantine-color-dark-4);
8
+ }
9
+ .tab {
10
+ background-color: var(--mantine-color-gray-3);
11
+ }
12
+ [data-mantine-color-scheme=dark] .tab {
13
+ background-color: var(--mantine-color-dark-7);
14
+ }
15
+ .tab:first-of-type {
16
+ border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
17
+ }
18
+ [dir=rtl] .tab:first-of-type {
19
+ border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
20
+ }
21
+ .tab:last-of-type {
22
+ border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
23
+ }
24
+ [dir=rtl] .tab:last-of-type {
25
+ border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
26
+ }
27
+ .tab + .tab {
28
+ }
29
+ [dir=rtl] .tab + .tab {
30
+ border-right-width: 0;
31
+ border-left-width: calc(0.0625rem * var(--mantine-scale));
32
+ }
33
+ @media (hover: hover) {
34
+ .tab:hover {
35
+ background-color: var(--mantine-color-gray-0);
36
+ }
37
+ [data-mantine-color-scheme=dark] .tab:hover {
38
+ background-color: var(--mantine-color-dark-9);
39
+ }
40
+ }
41
+ @media (hover: none) {
42
+ .tab:active {
43
+ background-color: var(--mantine-color-gray-0);
44
+ }
45
+ [data-mantine-color-scheme=dark] .tab:active {
46
+ background-color: var(--mantine-color-dark-9);
47
+ }
48
+ }
49
+ .tab[data-active] {
50
+ z-index: 1;
51
+ background-color: var(--mantine-color-white);
52
+ }
53
+ [data-mantine-color-scheme=dark] .tab[data-active] {
54
+ background-color: var(--mantine-color-dark-4);
55
+ }
56
+ .tab[data-active] {
57
+ color: var(--mantine-color-blue-8);
58
+ }
59
+ [data-mantine-color-scheme=dark] .tab[data-active] {
60
+ color: var(--mantine-color-blue-4);
61
+ }
62
+ .panel {
63
+ background-color: var(--mantine-color-white);
64
+ }
65
+ [data-mantine-color-scheme=dark] .panel {
66
+ background-color: var(--mantine-color-dark-4);
67
+ }
68
+ .panel {
69
+ min-height: 100%;
70
+ }
71
+
72
+ /* src/components/Layouts/HeaderMegaMenu/css.module.css */
73
+ .header {
74
+ position: sticky;
75
+ top: 0;
76
+ z-index: 1;
77
+ height: calc(3.75rem * var(--mantine-scale));
78
+ background-color: var(--mantine-color-white);
79
+ }
80
+ [data-mantine-color-scheme=dark] .header {
81
+ background-color: var(--mantine-color-dark);
82
+ }
83
+ .header {
84
+ padding-left: var(--mantine-spacing-md);
85
+ padding-right: var(--mantine-spacing-md);
86
+ border-bottom: 1px solid var(--mantine-color-gray-3);
87
+ }
88
+ [data-mantine-color-scheme=dark] .header {
89
+ border-bottom: 1px solid var(--mantine-color-dark-4);
90
+ }
91
+ .link {
92
+ display: flex;
93
+ align-items: center;
94
+ height: 100%;
95
+ padding-left: var(--mantine-spacing-md);
96
+ padding-right: var(--mantine-spacing-md);
97
+ text-decoration: none;
98
+ color: var(--mantine-color-black);
99
+ }
100
+ [data-mantine-color-scheme=dark] .link {
101
+ color: var(--mantine-color-white);
102
+ }
103
+ .link {
104
+ font-weight: 500;
105
+ font-size: var(--mantine-font-size-sm);
106
+ }
107
+ @media (max-width: $mantine-breakpoint-sm) {
108
+ .link {
109
+ height: calc(2.625rem * var(--mantine-scale));
110
+ width: 100%;
111
+ }
112
+ }
113
+ @media (hover: hover) {
114
+ .link:hover {
115
+ background-color: var(--mantine-color-gray-0);
116
+ }
117
+ [data-mantine-color-scheme=dark] .link:hover {
118
+ background-color: var(--mantine-color-dark-6);
119
+ }
120
+ }
121
+ @media (hover: none) {
122
+ .link:active {
123
+ background-color: var(--mantine-color-gray-0);
124
+ }
125
+ [data-mantine-color-scheme=dark] .link:active {
126
+ background-color: var(--mantine-color-dark-6);
127
+ }
128
+ }
129
+ .subLink {
130
+ width: 100%;
131
+ padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
132
+ border-radius: var(--mantine-radius-md);
133
+ }
134
+ @media (hover: hover) {
135
+ .subLink:hover {
136
+ background-color: var(--mantine-color-gray-0);
137
+ }
138
+ [data-mantine-color-scheme=dark] .subLink:hover {
139
+ background-color: var(--mantine-color-dark-7);
140
+ }
141
+ }
142
+ @media (hover: none) {
143
+ .subLink:active {
144
+ background-color: var(--mantine-color-gray-0);
145
+ }
146
+ [data-mantine-color-scheme=dark] .subLink:active {
147
+ background-color: var(--mantine-color-dark-7);
148
+ }
149
+ }
150
+ .dropdownFooter {
151
+ background-color: var(--mantine-color-gray-0);
152
+ }
153
+ [data-mantine-color-scheme=dark] .dropdownFooter {
154
+ background-color: var(--mantine-color-dark-7);
155
+ }
156
+ .dropdownFooter {
157
+ margin: calc(var(--mantine-spacing-md) * -1);
158
+ margin-top: var(--mantine-spacing-sm);
159
+ padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
160
+ padding-bottom: var(--mantine-spacing-xl);
161
+ border-top: 1px solid var(--mantine-color-gray-1);
162
+ }
163
+ [data-mantine-color-scheme=dark] .dropdownFooter {
164
+ border-top: 1px solid var(--mantine-color-dark-5);
165
+ }
package/dist/components/index.mjs CHANGED
@@ -69,13 +69,13 @@ import {
69
69
  useHeaderMegaMenuStore,
70
70
  useS_ButtonImport,
71
71
  useStore_BasicAppShell
72
- } from "../chunk-3IS6U7OY.mjs";
72
+ } from "../chunk-DRUHKWPQ.mjs";
73
73
  import "../chunk-WW55EZ4B.mjs";
74
74
  import "../chunk-KGBXMHKR.mjs";
75
75
  import "../chunk-7ZI7IOEP.mjs";
76
76
  import "../chunk-NYAWQRB7.mjs";
77
77
  import "../chunk-BTITP4TN.mjs";
78
- import "../chunk-C74M5VPE.mjs";
78
+ import "../chunk-OHAOJE5F.mjs";
79
79
  import "../chunk-J4WTZ3B4.mjs";
80
80
  import "../chunk-Z76CSZFI.mjs";
81
81
  import "../chunk-WZ6PXGGC.mjs";
package/dist/const/index.mjs CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  const_object_colors,
6
6
  const_object_documentTypes,
7
7
  const_object_generalMenuData
8
- } from "../chunk-C74M5VPE.mjs";
8
+ } from "../chunk-OHAOJE5F.mjs";
9
9
  import "../chunk-JD6AELXS.mjs";
10
10
  export {
11
11
  const_aqModuleId,
package/dist/core/index.css ADDED
@@ -0,0 +1,165 @@
1
+ /* src/components/Layouts/HeaderMegaMenu/css.module.css */
2
+ .header {
3
+ position: sticky;
4
+ top: 0;
5
+ z-index: 1;
6
+ height: calc(3.75rem * var(--mantine-scale));
7
+ background-color: var(--mantine-color-white);
8
+ }
9
+ [data-mantine-color-scheme=dark] .header {
10
+ background-color: var(--mantine-color-dark);
11
+ }
12
+ .header {
13
+ padding-left: var(--mantine-spacing-md);
14
+ padding-right: var(--mantine-spacing-md);
15
+ border-bottom: 1px solid var(--mantine-color-gray-3);
16
+ }
17
+ [data-mantine-color-scheme=dark] .header {
18
+ border-bottom: 1px solid var(--mantine-color-dark-4);
19
+ }
20
+ .link {
21
+ display: flex;
22
+ align-items: center;
23
+ height: 100%;
24
+ padding-left: var(--mantine-spacing-md);
25
+ padding-right: var(--mantine-spacing-md);
26
+ text-decoration: none;
27
+ color: var(--mantine-color-black);
28
+ }
29
+ [data-mantine-color-scheme=dark] .link {
30
+ color: var(--mantine-color-white);
31
+ }
32
+ .link {
33
+ font-weight: 500;
34
+ font-size: var(--mantine-font-size-sm);
35
+ }
36
+ @media (max-width: $mantine-breakpoint-sm) {
37
+ .link {
38
+ height: calc(2.625rem * var(--mantine-scale));
39
+ width: 100%;
40
+ }
41
+ }
42
+ @media (hover: hover) {
43
+ .link:hover {
44
+ background-color: var(--mantine-color-gray-0);
45
+ }
46
+ [data-mantine-color-scheme=dark] .link:hover {
47
+ background-color: var(--mantine-color-dark-6);
48
+ }
49
+ }
50
+ @media (hover: none) {
51
+ .link:active {
52
+ background-color: var(--mantine-color-gray-0);
53
+ }
54
+ [data-mantine-color-scheme=dark] .link:active {
55
+ background-color: var(--mantine-color-dark-6);
56
+ }
57
+ }
58
+ .subLink {
59
+ width: 100%;
60
+ padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
61
+ border-radius: var(--mantine-radius-md);
62
+ }
63
+ @media (hover: hover) {
64
+ .subLink:hover {
65
+ background-color: var(--mantine-color-gray-0);
66
+ }
67
+ [data-mantine-color-scheme=dark] .subLink:hover {
68
+ background-color: var(--mantine-color-dark-7);
69
+ }
70
+ }
71
+ @media (hover: none) {
72
+ .subLink:active {
73
+ background-color: var(--mantine-color-gray-0);
74
+ }
75
+ [data-mantine-color-scheme=dark] .subLink:active {
76
+ background-color: var(--mantine-color-dark-7);
77
+ }
78
+ }
79
+ .dropdownFooter {
80
+ background-color: var(--mantine-color-gray-0);
81
+ }
82
+ [data-mantine-color-scheme=dark] .dropdownFooter {
83
+ background-color: var(--mantine-color-dark-7);
84
+ }
85
+ .dropdownFooter {
86
+ margin: calc(var(--mantine-spacing-md) * -1);
87
+ margin-top: var(--mantine-spacing-sm);
88
+ padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
89
+ padding-bottom: var(--mantine-spacing-xl);
90
+ border-top: 1px solid var(--mantine-color-gray-1);
91
+ }
92
+ [data-mantine-color-scheme=dark] .dropdownFooter {
93
+ border-top: 1px solid var(--mantine-color-dark-5);
94
+ }
95
+
96
+ /* src/core/navigation/CustomTabs/Customtabs.module.css */
97
+ .tab {
98
+ position: relative;
99
+ border: 1px solid var(--mantine-color-gray-2);
100
+ }
101
+ [data-mantine-color-scheme=dark] .tab {
102
+ border: 1px solid var(--mantine-color-dark-4);
103
+ }
104
+ .tab {
105
+ background-color: var(--mantine-color-gray-3);
106
+ }
107
+ [data-mantine-color-scheme=dark] .tab {
108
+ background-color: var(--mantine-color-dark-7);
109
+ }
110
+ .tab:first-of-type {
111
+ border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
112
+ }
113
+ [dir=rtl] .tab:first-of-type {
114
+ border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
115
+ }
116
+ .tab:last-of-type {
117
+ border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
118
+ }
119
+ [dir=rtl] .tab:last-of-type {
120
+ border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
121
+ }
122
+ .tab + .tab {
123
+ }
124
+ [dir=rtl] .tab + .tab {
125
+ border-right-width: 0;
126
+ border-left-width: calc(0.0625rem * var(--mantine-scale));
127
+ }
128
+ @media (hover: hover) {
129
+ .tab:hover {
130
+ background-color: var(--mantine-color-gray-0);
131
+ }
132
+ [data-mantine-color-scheme=dark] .tab:hover {
133
+ background-color: var(--mantine-color-dark-9);
134
+ }
135
+ }
136
+ @media (hover: none) {
137
+ .tab:active {
138
+ background-color: var(--mantine-color-gray-0);
139
+ }
140
+ [data-mantine-color-scheme=dark] .tab:active {
141
+ background-color: var(--mantine-color-dark-9);
142
+ }
143
+ }
144
+ .tab[data-active] {
145
+ z-index: 1;
146
+ background-color: var(--mantine-color-white);
147
+ }
148
+ [data-mantine-color-scheme=dark] .tab[data-active] {
149
+ background-color: var(--mantine-color-dark-4);
150
+ }
151
+ .tab[data-active] {
152
+ color: var(--mantine-color-blue-8);
153
+ }
154
+ [data-mantine-color-scheme=dark] .tab[data-active] {
155
+ color: var(--mantine-color-blue-4);
156
+ }
157
+ .panel {
158
+ background-color: var(--mantine-color-white);
159
+ }
160
+ [data-mantine-color-scheme=dark] .panel {
161
+ background-color: var(--mantine-color-dark-4);
162
+ }
163
+ .panel {
164
+ min-height: 100%;
165
+ }
package/dist/core/index.mjs CHANGED
@@ -32,13 +32,13 @@ import {
32
32
  MyStatsCard,
33
33
  MyTextInput2 as MyTextInput,
34
34
  MyWeeklySessionSchedulerPicker
35
- } from "../chunk-3IS6U7OY.mjs";
35
+ } from "../chunk-DRUHKWPQ.mjs";
36
36
  import "../chunk-WW55EZ4B.mjs";
37
37
  import "../chunk-KGBXMHKR.mjs";
38
38
  import "../chunk-7ZI7IOEP.mjs";
39
39
  import "../chunk-NYAWQRB7.mjs";
40
40
  import "../chunk-BTITP4TN.mjs";
41
- import "../chunk-C74M5VPE.mjs";
41
+ import "../chunk-OHAOJE5F.mjs";
42
42
  import "../chunk-J4WTZ3B4.mjs";
43
43
  import "../chunk-Z76CSZFI.mjs";
44
44
  import "../chunk-WZ6PXGGC.mjs";
package/dist/modules-features/index.css ADDED
@@ -0,0 +1,165 @@
1
+ /* src/components/Layouts/HeaderMegaMenu/css.module.css */
2
+ .header {
3
+ position: sticky;
4
+ top: 0;
5
+ z-index: 1;
6
+ height: calc(3.75rem * var(--mantine-scale));
7
+ background-color: var(--mantine-color-white);
8
+ }
9
+ [data-mantine-color-scheme=dark] .header {
10
+ background-color: var(--mantine-color-dark);
11
+ }
12
+ .header {
13
+ padding-left: var(--mantine-spacing-md);
14
+ padding-right: var(--mantine-spacing-md);
15
+ border-bottom: 1px solid var(--mantine-color-gray-3);
16
+ }
17
+ [data-mantine-color-scheme=dark] .header {
18
+ border-bottom: 1px solid var(--mantine-color-dark-4);
19
+ }
20
+ .link {
21
+ display: flex;
22
+ align-items: center;
23
+ height: 100%;
24
+ padding-left: var(--mantine-spacing-md);
25
+ padding-right: var(--mantine-spacing-md);
26
+ text-decoration: none;
27
+ color: var(--mantine-color-black);
28
+ }
29
+ [data-mantine-color-scheme=dark] .link {
30
+ color: var(--mantine-color-white);
31
+ }
32
+ .link {
33
+ font-weight: 500;
34
+ font-size: var(--mantine-font-size-sm);
35
+ }
36
+ @media (max-width: $mantine-breakpoint-sm) {
37
+ .link {
38
+ height: calc(2.625rem * var(--mantine-scale));
39
+ width: 100%;
40
+ }
41
+ }
42
+ @media (hover: hover) {
43
+ .link:hover {
44
+ background-color: var(--mantine-color-gray-0);
45
+ }
46
+ [data-mantine-color-scheme=dark] .link:hover {
47
+ background-color: var(--mantine-color-dark-6);
48
+ }
49
+ }
50
+ @media (hover: none) {
51
+ .link:active {
52
+ background-color: var(--mantine-color-gray-0);
53
+ }
54
+ [data-mantine-color-scheme=dark] .link:active {
55
+ background-color: var(--mantine-color-dark-6);
56
+ }
57
+ }
58
+ .subLink {
59
+ width: 100%;
60
+ padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
61
+ border-radius: var(--mantine-radius-md);
62
+ }
63
+ @media (hover: hover) {
64
+ .subLink:hover {
65
+ background-color: var(--mantine-color-gray-0);
66
+ }
67
+ [data-mantine-color-scheme=dark] .subLink:hover {
68
+ background-color: var(--mantine-color-dark-7);
69
+ }
70
+ }
71
+ @media (hover: none) {
72
+ .subLink:active {
73
+ background-color: var(--mantine-color-gray-0);
74
+ }
75
+ [data-mantine-color-scheme=dark] .subLink:active {
76
+ background-color: var(--mantine-color-dark-7);
77
+ }
78
+ }
79
+ .dropdownFooter {
80
+ background-color: var(--mantine-color-gray-0);
81
+ }
82
+ [data-mantine-color-scheme=dark] .dropdownFooter {
83
+ background-color: var(--mantine-color-dark-7);
84
+ }
85
+ .dropdownFooter {
86
+ margin: calc(var(--mantine-spacing-md) * -1);
87
+ margin-top: var(--mantine-spacing-sm);
88
+ padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
89
+ padding-bottom: var(--mantine-spacing-xl);
90
+ border-top: 1px solid var(--mantine-color-gray-1);
91
+ }
92
+ [data-mantine-color-scheme=dark] .dropdownFooter {
93
+ border-top: 1px solid var(--mantine-color-dark-5);
94
+ }
95
+
96
+ /* src/core/navigation/CustomTabs/Customtabs.module.css */
97
+ .tab {
98
+ position: relative;
99
+ border: 1px solid var(--mantine-color-gray-2);
100
+ }
101
+ [data-mantine-color-scheme=dark] .tab {
102
+ border: 1px solid var(--mantine-color-dark-4);
103
+ }
104
+ .tab {
105
+ background-color: var(--mantine-color-gray-3);
106
+ }
107
+ [data-mantine-color-scheme=dark] .tab {
108
+ background-color: var(--mantine-color-dark-7);
109
+ }
110
+ .tab:first-of-type {
111
+ border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
112
+ }
113
+ [dir=rtl] .tab:first-of-type {
114
+ border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
115
+ }
116
+ .tab:last-of-type {
117
+ border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
118
+ }
119
+ [dir=rtl] .tab:last-of-type {
120
+ border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
121
+ }
122
+ .tab + .tab {
123
+ }
124
+ [dir=rtl] .tab + .tab {
125
+ border-right-width: 0;
126
+ border-left-width: calc(0.0625rem * var(--mantine-scale));
127
+ }
128
+ @media (hover: hover) {
129
+ .tab:hover {
130
+ background-color: var(--mantine-color-gray-0);
131
+ }
132
+ [data-mantine-color-scheme=dark] .tab:hover {
133
+ background-color: var(--mantine-color-dark-9);
134
+ }
135
+ }
136
+ @media (hover: none) {
137
+ .tab:active {
138
+ background-color: var(--mantine-color-gray-0);
139
+ }
140
+ [data-mantine-color-scheme=dark] .tab:active {
141
+ background-color: var(--mantine-color-dark-9);
142
+ }
143
+ }
144
+ .tab[data-active] {
145
+ z-index: 1;
146
+ background-color: var(--mantine-color-white);
147
+ }
148
+ [data-mantine-color-scheme=dark] .tab[data-active] {
149
+ background-color: var(--mantine-color-dark-4);
150
+ }
151
+ .tab[data-active] {
152
+ color: var(--mantine-color-blue-8);
153
+ }
154
+ [data-mantine-color-scheme=dark] .tab[data-active] {
155
+ color: var(--mantine-color-blue-4);
156
+ }
157
+ .panel {
158
+ background-color: var(--mantine-color-white);
159
+ }
160
+ [data-mantine-color-scheme=dark] .panel {
161
+ background-color: var(--mantine-color-dark-4);
162
+ }
163
+ .panel {
164
+ min-height: 100%;
165
+ }
package/dist/modules-features/index.mjs CHANGED
@@ -97,13 +97,13 @@ import {
97
97
  MailTemplateDeleteButton,
98
98
  useS_moduleConfig,
99
99
  useStore_Authenticate
100
- } from "../chunk-3IS6U7OY.mjs";
100
+ } from "../chunk-DRUHKWPQ.mjs";
101
101
  import "../chunk-WW55EZ4B.mjs";
102
102
  import "../chunk-KGBXMHKR.mjs";
103
103
  import "../chunk-7ZI7IOEP.mjs";
104
104
  import "../chunk-NYAWQRB7.mjs";
105
105
  import "../chunk-BTITP4TN.mjs";
106
- import "../chunk-C74M5VPE.mjs";
106
+ import "../chunk-OHAOJE5F.mjs";
107
107
  import "../chunk-J4WTZ3B4.mjs";
108
108
  import "../chunk-Z76CSZFI.mjs";
109
109
  import "../chunk-WZ6PXGGC.mjs";
package/dist/shared/index.css ADDED
@@ -0,0 +1,165 @@
1
+ /* src/core/navigation/CustomTabs/Customtabs.module.css */
2
+ .tab {
3
+ position: relative;
4
+ border: 1px solid var(--mantine-color-gray-2);
5
+ }
6
+ [data-mantine-color-scheme=dark] .tab {
7
+ border: 1px solid var(--mantine-color-dark-4);
8
+ }
9
+ .tab {
10
+ background-color: var(--mantine-color-gray-3);
11
+ }
12
+ [data-mantine-color-scheme=dark] .tab {
13
+ background-color: var(--mantine-color-dark-7);
14
+ }
15
+ .tab:first-of-type {
16
+ border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
17
+ }
18
+ [dir=rtl] .tab:first-of-type {
19
+ border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
20
+ }
21
+ .tab:last-of-type {
22
+ border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
23
+ }
24
+ [dir=rtl] .tab:last-of-type {
25
+ border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
26
+ }
27
+ .tab + .tab {
28
+ }
29
+ [dir=rtl] .tab + .tab {
30
+ border-right-width: 0;
31
+ border-left-width: calc(0.0625rem * var(--mantine-scale));
32
+ }
33
+ @media (hover: hover) {
34
+ .tab:hover {
35
+ background-color: var(--mantine-color-gray-0);
36
+ }
37
+ [data-mantine-color-scheme=dark] .tab:hover {
38
+ background-color: var(--mantine-color-dark-9);
39
+ }
40
+ }
41
+ @media (hover: none) {
42
+ .tab:active {
43
+ background-color: var(--mantine-color-gray-0);
44
+ }
45
+ [data-mantine-color-scheme=dark] .tab:active {
46
+ background-color: var(--mantine-color-dark-9);
47
+ }
48
+ }
49
+ .tab[data-active] {
50
+ z-index: 1;
51
+ background-color: var(--mantine-color-white);
52
+ }
53
+ [data-mantine-color-scheme=dark] .tab[data-active] {
54
+ background-color: var(--mantine-color-dark-4);
55
+ }
56
+ .tab[data-active] {
57
+ color: var(--mantine-color-blue-8);
58
+ }
59
+ [data-mantine-color-scheme=dark] .tab[data-active] {
60
+ color: var(--mantine-color-blue-4);
61
+ }
62
+ .panel {
63
+ background-color: var(--mantine-color-white);
64
+ }
65
+ [data-mantine-color-scheme=dark] .panel {
66
+ background-color: var(--mantine-color-dark-4);
67
+ }
68
+ .panel {
69
+ min-height: 100%;
70
+ }
71
+
72
+ /* src/components/Layouts/HeaderMegaMenu/css.module.css */
73
+ .header {
74
+ position: sticky;
75
+ top: 0;
76
+ z-index: 1;
77
+ height: calc(3.75rem * var(--mantine-scale));
78
+ background-color: var(--mantine-color-white);
79
+ }
80
+ [data-mantine-color-scheme=dark] .header {
81
+ background-color: var(--mantine-color-dark);
82
+ }
83
+ .header {
84
+ padding-left: var(--mantine-spacing-md);
85
+ padding-right: var(--mantine-spacing-md);
86
+ border-bottom: 1px solid var(--mantine-color-gray-3);
87
+ }
88
+ [data-mantine-color-scheme=dark] .header {
89
+ border-bottom: 1px solid var(--mantine-color-dark-4);
90
+ }
91
+ .link {
92
+ display: flex;
93
+ align-items: center;
94
+ height: 100%;
95
+ padding-left: var(--mantine-spacing-md);
96
+ padding-right: var(--mantine-spacing-md);
97
+ text-decoration: none;
98
+ color: var(--mantine-color-black);
99
+ }
100
+ [data-mantine-color-scheme=dark] .link {
101
+ color: var(--mantine-color-white);
102
+ }
103
+ .link {
104
+ font-weight: 500;
105
+ font-size: var(--mantine-font-size-sm);
106
+ }
107
+ @media (max-width: $mantine-breakpoint-sm) {
108
+ .link {
109
+ height: calc(2.625rem * var(--mantine-scale));
110
+ width: 100%;
111
+ }
112
+ }
113
+ @media (hover: hover) {
114
+ .link:hover {
115
+ background-color: var(--mantine-color-gray-0);
116
+ }
117
+ [data-mantine-color-scheme=dark] .link:hover {
118
+ background-color: var(--mantine-color-dark-6);
119
+ }
120
+ }
121
+ @media (hover: none) {
122
+ .link:active {
123
+ background-color: var(--mantine-color-gray-0);
124
+ }
125
+ [data-mantine-color-scheme=dark] .link:active {
126
+ background-color: var(--mantine-color-dark-6);
127
+ }
128
+ }
129
+ .subLink {
130
+ width: 100%;
131
+ padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
132
+ border-radius: var(--mantine-radius-md);
133
+ }
134
+ @media (hover: hover) {
135
+ .subLink:hover {
136
+ background-color: var(--mantine-color-gray-0);
137
+ }
138
+ [data-mantine-color-scheme=dark] .subLink:hover {
139
+ background-color: var(--mantine-color-dark-7);
140
+ }
141
+ }
142
+ @media (hover: none) {
143
+ .subLink:active {
144
+ background-color: var(--mantine-color-gray-0);
145
+ }
146
+ [data-mantine-color-scheme=dark] .subLink:active {
147
+ background-color: var(--mantine-color-dark-7);
148
+ }
149
+ }
150
+ .dropdownFooter {
151
+ background-color: var(--mantine-color-gray-0);
152
+ }
153
+ [data-mantine-color-scheme=dark] .dropdownFooter {
154
+ background-color: var(--mantine-color-dark-7);
155
+ }
156
+ .dropdownFooter {
157
+ margin: calc(var(--mantine-spacing-md) * -1);
158
+ margin-top: var(--mantine-spacing-sm);
159
+ padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
160
+ padding-bottom: var(--mantine-spacing-xl);
161
+ border-top: 1px solid var(--mantine-color-gray-1);
162
+ }
163
+ [data-mantine-color-scheme=dark] .dropdownFooter {
164
+ border-top: 1px solid var(--mantine-color-dark-5);
165
+ }
package/dist/shared/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import "../chunk-NMY3UEY5.mjs";
2
2
  import {
3
3
  MySelect
4
- } from "../chunk-3IS6U7OY.mjs";
4
+ } from "../chunk-DRUHKWPQ.mjs";
5
5
  import "../chunk-WW55EZ4B.mjs";
6
6
  import "../chunk-KGBXMHKR.mjs";
7
7
  import {
@@ -9,7 +9,7 @@ import {
9
9
  } from "../chunk-7ZI7IOEP.mjs";
10
10
  import "../chunk-NYAWQRB7.mjs";
11
11
  import "../chunk-BTITP4TN.mjs";
12
- import "../chunk-C74M5VPE.mjs";
12
+ import "../chunk-OHAOJE5F.mjs";
13
13
  import {
14
14
  enumLabel_gender,
15
15
  enum_gender
package/package.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "aq-fe-framework",
3
3
  "exports": {
4
+ "./style.css": "./dist/style.css",
4
5
  "./utils": {
5
6
  "import": "./dist/utils/index.mjs",
6
7
  "types": "./dist/utils/index.d.mts"
@@ -54,7 +55,7 @@
54
55
  "types": "./dist/build-object/index.d.mts"
55
56
  }
56
57
  },
57
- "version": "0.1.1023",
58
+ "version": "0.1.1024",
58
59
  "private": false,
59
60
  "files": [
60
61
  "dist",
package/dist/Customtabs.module-RMUG5QY4.module.css DELETED
@@ -1,93 +0,0 @@
1
- .tab {
2
- position: relative;
3
- border: 1px solid var(--mantine-color-gray-2);
4
- }
5
- [data-mantine-color-scheme='dark'] .tab {
6
- border: 1px solid var(--mantine-color-dark-4);
7
- }
8
- .tab {
9
- background-color: var(--mantine-color-gray-3);
10
- }
11
- [data-mantine-color-scheme='dark'] .tab {
12
- background-color: var(--mantine-color-dark-7);
13
- }
14
-
15
- .tab:first-of-type {
16
- border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
17
- }
18
-
19
- [dir="rtl"] .tab:first-of-type {
20
- border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
21
- }
22
-
23
- .tab:last-of-type {
24
- border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
25
- }
26
-
27
- [dir="rtl"] .tab:last-of-type {
28
- border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
29
- }
30
-
31
- .tab + .tab {
32
- /* border-left-width: 0; */
33
- }
34
-
35
- [dir="rtl"] .tab + .tab {
36
- border-right-width: 0;
37
- border-left-width: calc(0.0625rem * var(--mantine-scale));
38
- }
39
-
40
- @media (hover: hover) {
41
- .tab:hover {
42
- background-color: var(--mantine-color-gray-0);
43
- }
44
- [data-mantine-color-scheme='dark'] .tab:hover {
45
- background-color: var(--mantine-color-dark-9);
46
- }
47
- }
48
-
49
- @media (hover: none) {
50
- .tab:active {
51
- background-color: var(--mantine-color-gray-0);
52
- }
53
- [data-mantine-color-scheme='dark'] .tab:active {
54
- background-color: var(--mantine-color-dark-9);
55
- }
56
- }
57
-
58
- .tab[data-active] {
59
- z-index: 1;
60
- background-color:var(--mantine-color-white);
61
- /* border-color: var(--mantine-color-blue-filled); */
62
-
63
- /* @mixin hover {
64
- background-color: var(--mantine-color-blue-filled-hover);
65
- } */
66
- }
67
-
68
- [data-mantine-color-scheme='dark'] .tab[data-active] {
69
- background-color:var(--mantine-color-dark-4);
70
- }
71
-
72
- .tab[data-active] {
73
- color: var(--mantine-color-blue-8);
74
- }
75
-
76
- [data-mantine-color-scheme='dark'] .tab[data-active] {
77
- color: var(--mantine-color-blue-4);
78
- }
79
-
80
-
81
- .panel {
82
- background-color: var(--mantine-color-white); /* màu xám nhạt */ /* đảm bảo phủ toàn bộ chiều cao */
83
- }
84
-
85
-
86
- [data-mantine-color-scheme='dark'] .panel {
87
- background-color: var(--mantine-color-dark-4);
88
- }
89
-
90
-
91
- .panel {
92
- min-height: 100%;
93
- }
package/dist/css.module-4ICLUKPO.module.css DELETED
@@ -1,107 +0,0 @@
1
- .header {
2
- position: sticky; /* Giúp header dính trên cùng */
3
- top: 0;
4
- z-index: 1; /* Đảm bảo header nằm trên các thành phần khác */
5
- height: calc(3.75rem * var(--mantine-scale));
6
- background-color: var(--mantine-color-white);
7
- }
8
- [data-mantine-color-scheme='dark'] .header {
9
- background-color: var(--mantine-color-dark);
10
- }
11
- .header {
12
- padding-left: var(--mantine-spacing-md);
13
- padding-right: var(--mantine-spacing-md);
14
- border-bottom: 1px solid var(--mantine-color-gray-3);
15
- }
16
- [data-mantine-color-scheme='dark'] .header {
17
- border-bottom: 1px solid var(--mantine-color-dark-4);
18
- }
19
-
20
- .link {
21
- display: flex;
22
- align-items: center;
23
- height: 100%;
24
- padding-left: var(--mantine-spacing-md);
25
- padding-right: var(--mantine-spacing-md);
26
- text-decoration: none;
27
- color: var(--mantine-color-black);
28
- }
29
-
30
- [data-mantine-color-scheme='dark'] .link {
31
- color: var(--mantine-color-white);
32
- }
33
-
34
- .link {
35
- font-weight: 500;
36
- font-size: var(--mantine-font-size-sm);
37
- }
38
-
39
- @media (max-width: $mantine-breakpoint-sm) {
40
-
41
- .link {
42
- height: calc(2.625rem * var(--mantine-scale));
43
- width: 100%
44
- }
45
- }
46
-
47
- @media (hover: hover) {
48
- .link:hover {
49
- background-color: var(--mantine-color-gray-0);
50
- }
51
- [data-mantine-color-scheme='dark'] .link:hover {
52
- background-color: var(--mantine-color-dark-6);
53
- }
54
- }
55
-
56
- @media (hover: none) {
57
- .link:active {
58
- background-color: var(--mantine-color-gray-0);
59
- }
60
- [data-mantine-color-scheme='dark'] .link:active {
61
- background-color: var(--mantine-color-dark-6);
62
- }
63
- }
64
-
65
- .subLink {
66
- width: 100%;
67
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
68
- border-radius: var(--mantine-radius-md);
69
- }
70
-
71
- @media (hover: hover) {
72
- .subLink:hover {
73
- background-color: var(--mantine-color-gray-0);
74
- }
75
- [data-mantine-color-scheme='dark'] .subLink:hover {
76
- background-color: var(--mantine-color-dark-7);
77
- }
78
- }
79
-
80
- @media (hover: none) {
81
- .subLink:active {
82
- background-color: var(--mantine-color-gray-0);
83
- }
84
- [data-mantine-color-scheme='dark'] .subLink:active {
85
- background-color: var(--mantine-color-dark-7);
86
- }
87
- }
88
-
89
- .dropdownFooter {
90
- background-color: var(--mantine-color-gray-0);
91
- }
92
-
93
- [data-mantine-color-scheme='dark'] .dropdownFooter {
94
- background-color: var(--mantine-color-dark-7);
95
- }
96
-
97
- .dropdownFooter {
98
- margin: calc(var(--mantine-spacing-md) * -1);
99
- margin-top: var(--mantine-spacing-sm);
100
- padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
101
- padding-bottom: var(--mantine-spacing-xl);
102
- border-top: 1px solid var(--mantine-color-gray-1);
103
- }
104
-
105
- [data-mantine-color-scheme='dark'] .dropdownFooter {
106
- border-top: 1px solid var(--mantine-color-dark-5);
107
- }
package/dist/{chunk-C74M5VPE.mjs → chunk-OHAOJE5F.mjs} RENAMED
@@ -90,10 +90,10 @@ var const_object_generalMenuData = {
90
90
  };
91
91
 
92
92
  export {
93
+ const_object_colors,
93
94
  const_array_daysOfWeek,
94
95
  const_aqModuleId,
95
96
  const_columnSize,
96
- const_object_colors,
97
97
  const_object_documentTypes,
98
98
  const_object_generalMenuData
99
99
  };