aq-fe-framework 0.1.175 → 0.1.177

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 (10) hide show
  1. package/dist/{chunk-PAHZ57DT.mjs → chunk-DFZU3RRE.mjs} +225 -278
  2. package/dist/components/Layouts/HeaderMegaMenu/css.module.css +50 -50
  3. package/dist/components/index.css +15 -68
  4. package/dist/components/index.mjs +1 -1
  5. package/dist/modules-features/authenticate/{F_authenticate_Login → F_Authenticate_Login}/css.module.css +4 -4
  6. package/dist/modules-features/index.css +15 -74
  7. package/dist/modules-features/index.mjs +4 -8
  8. package/dist/providers/mantine.module.css +21 -21
  9. package/package.json +141 -141
  10. package/dist/components/Layouts/BasicAppShell/css.module.css +0 -68
package/dist/components/Layouts/HeaderMegaMenu/css.module.css CHANGED
@@ -1,50 +1,50 @@
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: 60px;
6
- background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
7
- padding-left: var(--mantine-spacing-md);
8
- padding-right: var(--mantine-spacing-md);
9
- border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
10
- }
11
-
12
- .link {
13
- display: flex;
14
- align-items: center;
15
- height: 100%;
16
- padding-left: var(--mantine-spacing-md);
17
- padding-right: var(--mantine-spacing-md);
18
- text-decoration: none;
19
- color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
20
- font-weight: 500;
21
- font-size: var(--mantine-font-size-sm);
22
-
23
- @media (max-width: $mantine-breakpoint-sm) {
24
- height: 42px;
25
- width: 100%;
26
- }
27
-
28
- @mixin hover {
29
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
30
- }
31
- }
32
-
33
- .subLink {
34
- width: 100%;
35
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
36
- border-radius: var(--mantine-radius-md);
37
-
38
- @mixin hover {
39
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
40
- }
41
- }
42
-
43
- .dropdownFooter {
44
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
45
- margin: calc(var(--mantine-spacing-md) * -1);
46
- margin-top: var(--mantine-spacing-sm);
47
- padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
48
- padding-bottom: var(--mantine-spacing-xl);
49
- border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
50
- }
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: 60px;
6
+ background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
7
+ padding-left: var(--mantine-spacing-md);
8
+ padding-right: var(--mantine-spacing-md);
9
+ border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
10
+ }
11
+
12
+ .link {
13
+ display: flex;
14
+ align-items: center;
15
+ height: 100%;
16
+ padding-left: var(--mantine-spacing-md);
17
+ padding-right: var(--mantine-spacing-md);
18
+ text-decoration: none;
19
+ color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
20
+ font-weight: 500;
21
+ font-size: var(--mantine-font-size-sm);
22
+
23
+ @media (max-width: $mantine-breakpoint-sm) {
24
+ height: 42px;
25
+ width: 100%;
26
+ }
27
+
28
+ @mixin hover {
29
+ background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
30
+ }
31
+ }
32
+
33
+ .subLink {
34
+ width: 100%;
35
+ padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
36
+ border-radius: var(--mantine-radius-md);
37
+
38
+ @mixin hover {
39
+ background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
40
+ }
41
+ }
42
+
43
+ .dropdownFooter {
44
+ background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
45
+ margin: calc(var(--mantine-spacing-md) * -1);
46
+ margin-top: var(--mantine-spacing-sm);
47
+ padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
48
+ padding-bottom: var(--mantine-spacing-xl);
49
+ border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
50
+ }
package/dist/components/index.css CHANGED
@@ -1,94 +1,41 @@
1
- /* src/components/Layouts/HeaderMegaMenu/css.module.css */
2
- .header {
1
+ /* css-module:C:quocthieuaq-fe-frameworksrccomponentsLayoutsHeaderMegaMenucss.module.css\#css-module-data */
2
+ ._header_15h8e_1 {
3
3
  position: sticky;
4
4
  top: 0;
5
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 {
6
+ height: 60px;
7
+ background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
13
8
  padding-left: var(--mantine-spacing-md);
14
9
  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);
10
+ border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
19
11
  }
20
- .link {
12
+ ._link_15h8e_23 {
21
13
  display: flex;
22
14
  align-items: center;
23
15
  height: 100%;
24
16
  padding-left: var(--mantine-spacing-md);
25
17
  padding-right: var(--mantine-spacing-md);
26
18
  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 {
19
+ color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
33
20
  font-weight: 500;
34
21
  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));
22
+ @media (max-width: $mantine-breakpoint-sm) {
23
+ height: 42px;
39
24
  width: 100%;
40
25
  }
26
+ @mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6)); }
41
27
  }
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 {
28
+ ._subLink_15h8e_65 {
59
29
  width: 100%;
60
30
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
61
31
  border-radius: var(--mantine-radius-md);
32
+ @mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7)); }
62
33
  }
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 {
34
+ ._dropdownFooter_15h8e_85 {
35
+ background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
86
36
  margin: calc(var(--mantine-spacing-md) * -1);
87
37
  margin-top: var(--mantine-spacing-sm);
88
38
  padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
89
39
  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);
40
+ border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
94
41
  }
package/dist/components/index.mjs CHANGED
@@ -66,7 +66,7 @@ import {
66
66
  useS_BasicAppShell,
67
67
  useS_ButtonImport,
68
68
  utils_layout_getItemsWithoutLinks
69
- } from "../chunk-PAHZ57DT.mjs";
69
+ } from "../chunk-DFZU3RRE.mjs";
70
70
  import "../chunk-Z6OQG54Q.mjs";
71
71
  import "../chunk-Y3YGC5IH.mjs";
72
72
  import "../chunk-5U2JSHSJ.mjs";
package/dist/modules-features/authenticate/{F_authenticate_Login → F_Authenticate_Login}/css.module.css RENAMED
@@ -1,4 +1,4 @@
1
- .title {
2
- font-family: Greycliff CF, var(--mantine-font-family);
3
- font-weight: 900;
4
- }
1
+ .title {
2
+ font-family: Greycliff CF, var(--mantine-font-family);
3
+ font-weight: 900;
4
+ }
package/dist/modules-features/index.css CHANGED
@@ -1,100 +1,41 @@
1
- /* src/components/Layouts/HeaderMegaMenu/css.module.css */
2
- .header {
1
+ /* css-module:C:quocthieuaq-fe-frameworksrccomponentsLayoutsHeaderMegaMenucss.module.css\#css-module-data */
2
+ ._header_15h8e_1 {
3
3
  position: sticky;
4
4
  top: 0;
5
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 {
6
+ height: 60px;
7
+ background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
13
8
  padding-left: var(--mantine-spacing-md);
14
9
  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);
10
+ border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
19
11
  }
20
- .link {
12
+ ._link_15h8e_23 {
21
13
  display: flex;
22
14
  align-items: center;
23
15
  height: 100%;
24
16
  padding-left: var(--mantine-spacing-md);
25
17
  padding-right: var(--mantine-spacing-md);
26
18
  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 {
19
+ color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
33
20
  font-weight: 500;
34
21
  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));
22
+ @media (max-width: $mantine-breakpoint-sm) {
23
+ height: 42px;
39
24
  width: 100%;
40
25
  }
26
+ @mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6)); }
41
27
  }
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 {
28
+ ._subLink_15h8e_65 {
59
29
  width: 100%;
60
30
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
61
31
  border-radius: var(--mantine-radius-md);
32
+ @mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7)); }
62
33
  }
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 {
34
+ ._dropdownFooter_15h8e_85 {
35
+ background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
86
36
  margin: calc(var(--mantine-spacing-md) * -1);
87
37
  margin-top: var(--mantine-spacing-sm);
88
38
  padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
89
39
  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/modules-features/authenticate/F_authenticate_Login/css.module.css */
97
- .title {
98
- font-family: Greycliff CF, var(--mantine-font-family);
99
- font-weight: 900;
40
+ border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
100
41
  }
package/dist/modules-features/index.mjs CHANGED
@@ -21,10 +21,11 @@ import {
21
21
  MyTab,
22
22
  MyTextInput,
23
23
  OBJECT_COlORS,
24
+ css_module_default,
24
25
  groupToTwoLevels,
25
26
  useS_authenticate,
26
27
  utils_layout_getItemsWithoutLinks
27
- } from "../chunk-PAHZ57DT.mjs";
28
+ } from "../chunk-DFZU3RRE.mjs";
28
29
  import {
29
30
  baseAxios_default,
30
31
  useQ_AQ_GetAQModule
@@ -3845,7 +3846,7 @@ function F_authenticate_SplashPage() {
3845
3846
  return /* @__PURE__ */ jsx74(MyBoxesBackground, { title: "H\u1EC7 th\u1ED1ng th\xF4ng tin qu\u1EA3n l\xED \u0111\xE0o t\u1EA1o ng\u1EAFn h\u1EA1n" });
3846
3847
  }
3847
3848
 
3848
- // src/modules-features/authenticate/F_authenticate_Login/F_authenticate_Login.tsx
3849
+ // src/modules-features/authenticate/F_Authenticate_Login/F_authenticate_Login.tsx
3849
3850
  import {
3850
3851
  Anchor,
3851
3852
  BackgroundImage,
@@ -3866,11 +3867,6 @@ import axios from "axios";
3866
3867
  import Link from "next/link";
3867
3868
  import { useRouter as useRouter3 } from "next/navigation";
3868
3869
  import { useState as useState9 } from "react";
3869
-
3870
- // src/modules-features/authenticate/F_authenticate_Login/css.module.css
3871
- var css_default = {};
3872
-
3873
- // src/modules-features/authenticate/F_authenticate_Login/F_authenticate_Login.tsx
3874
3870
  import { jsx as jsx75, jsxs as jsxs52 } from "react/jsx-runtime";
3875
3871
  function F_authenticate_Login({
3876
3872
  loginInfo,
@@ -3931,7 +3927,7 @@ function F_authenticate_Login({
3931
3927
  h: "100vh",
3932
3928
  children: /* @__PURE__ */ jsx75(Center3, { h: "100vh", children: /* @__PURE__ */ jsxs52(Paper18, { withBorder: true, w: 400, m: "md", shadow: "md", p: 30, mt: 30, radius: "md", children: [
3933
3929
  /* @__PURE__ */ jsxs52(Flex3, { direction: "column", mb: "md", children: [
3934
- /* @__PURE__ */ jsx75(Title, { ta: "center", className: css_default.title, children: "\u0110\u0103ng nh\u1EADp!" }),
3930
+ /* @__PURE__ */ jsx75(Title, { ta: "center", className: css_module_default.title, children: "\u0110\u0103ng nh\u1EADp!" }),
3935
3931
  /* @__PURE__ */ jsxs52(Text15, { c: "dimmed", size: "sm", ta: "center", mt: 5, children: [
3936
3932
  "B\u1EA1n g\u1EB7p v\u1EA5n \u0111\u1EC1 k\u1EF9 thu\u1EADt?\xA0",
3937
3933
  /* @__PURE__ */ jsx75(Anchor, { size: "sm", component: "button", children: "V\xE0o link n\xE0y" })
package/dist/providers/mantine.module.css CHANGED
@@ -1,21 +1,21 @@
1
- .input {
2
- &[data-variant="underline"] {
3
- border: 2px solid transparent;
4
- border-radius: 5px;
5
- padding-left: 8px;
6
- padding-right: 8px;
7
- background-color: white;
8
-
9
- &:focus,
10
- &:focus-visible {
11
- border-color: var(--mantine-color-gray-5);
12
- outline: none;
13
- }
14
-
15
- &:active {
16
- border-color: var(--mantine-color-gray-5);
17
- }
18
-
19
- transition: border-color 0.2s ease-in-out;
20
- }
21
- }
1
+ .input {
2
+ &[data-variant="underline"] {
3
+ border: 2px solid transparent;
4
+ border-radius: 5px;
5
+ padding-left: 8px;
6
+ padding-right: 8px;
7
+ background-color: white;
8
+
9
+ &:focus,
10
+ &:focus-visible {
11
+ border-color: var(--mantine-color-gray-5);
12
+ outline: none;
13
+ }
14
+
15
+ &:active {
16
+ border-color: var(--mantine-color-gray-5);
17
+ }
18
+
19
+ transition: border-color 0.2s ease-in-out;
20
+ }
21
+ }