aq-fe-framework 0.1.175 → 0.1.176

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 (6) hide show
  1. package/dist/{chunk-PAHZ57DT.mjs → chunk-ZSNOMC7O.mjs} +8 -7
  2. package/dist/components/index.css +15 -68
  3. package/dist/components/index.mjs +2 -2
  4. package/dist/modules-features/index.css +15 -74
  5. package/dist/modules-features/index.mjs +6 -10
  6. package/package.json +1 -1
package/dist/{chunk-PAHZ57DT.mjs → chunk-ZSNOMC7O.mjs} RENAMED
@@ -2,15 +2,15 @@ import {
2
2
  baseAxios_default,
3
3
  useQ_AQ_GetAQModule
4
4
  } from "./chunk-Z6OQG54Q.mjs";
5
- import {
6
- createGenericStore
7
- } from "./chunk-Y3YGC5IH.mjs";
8
5
  import {
9
6
  utils_pdf_download
10
7
  } from "./chunk-5U2JSHSJ.mjs";
11
8
  import {
12
9
  utils_notification_show
13
10
  } from "./chunk-7ZCOFATU.mjs";
11
+ import {
12
+ createGenericStore
13
+ } from "./chunk-Y3YGC5IH.mjs";
14
14
  import {
15
15
  __objRest,
16
16
  __spreadProps,
@@ -7285,8 +7285,8 @@ import {
7285
7285
  } from "@tabler/icons-react";
7286
7286
  import Link4 from "next/link";
7287
7287
 
7288
- // src/components/Layouts/HeaderMegaMenu/css.module.css
7289
- var css_default = {};
7288
+ // css-module:./css.module.css#css-module
7289
+ var css_module_default = { "header": "_header_m5ues_1", "link": "_link_m5ues_12", "subLink": "_subLink_m5ues_33", "dropdownFooter": "_dropdownFooter_m5ues_43" };
7290
7290
 
7291
7291
  // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenuStore.ts
7292
7292
  var useStore4 = createGenericStore({
@@ -7337,7 +7337,7 @@ function HeaderMegaMenu({ children, menus }) {
7337
7337
  const [linksOpened, { toggle: toggleLinks }] = useDisclosure10(false);
7338
7338
  const HeaderMegaMenuStore = useHeaderMegaMenuStore();
7339
7339
  const theme = useMantineTheme();
7340
- const links = mockdata.map((item) => /* @__PURE__ */ jsx53(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs28(Group14, { wrap: "nowrap", align: "flex-start", children: [
7340
+ const links = mockdata.map((item) => /* @__PURE__ */ jsx53(UnstyledButton, { className: css_module_default.subLink, children: /* @__PURE__ */ jsxs28(Group14, { wrap: "nowrap", align: "flex-start", children: [
7341
7341
  /* @__PURE__ */ jsx53(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx53(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
7342
7342
  /* @__PURE__ */ jsxs28("div", { children: [
7343
7343
  /* @__PURE__ */ jsx53(Text14, { size: "sm", fw: 500, children: item.title }),
@@ -7345,7 +7345,7 @@ function HeaderMegaMenu({ children, menus }) {
7345
7345
  ] })
7346
7346
  ] }) }, item.title));
7347
7347
  return /* @__PURE__ */ jsxs28(Box5, { children: [
7348
- /* @__PURE__ */ jsx53("header", { className: css_default.header, children: /* @__PURE__ */ jsxs28(Group14, { justify: "space-between", h: "100%", children: [
7348
+ /* @__PURE__ */ jsx53("header", { className: css_module_default.header, children: /* @__PURE__ */ jsxs28(Group14, { justify: "space-between", h: "100%", children: [
7349
7349
  /* @__PURE__ */ jsxs28(Group14, { children: [
7350
7350
  /* @__PURE__ */ jsx53(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
7351
7351
  /* @__PURE__ */ jsx53(Group14, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx53(Button16, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
@@ -7623,6 +7623,7 @@ export {
7623
7623
  utils_layout_getItemsWithoutLinks,
7624
7624
  MyContainer,
7625
7625
  OBJECT_COlORS,
7626
+ css_module_default,
7626
7627
  useHeaderMegaMenuStore,
7627
7628
  HeaderMegaMenu,
7628
7629
  MyPageContent,
package/dist/components/index.css CHANGED
@@ -1,94 +1,41 @@
1
- /* src/components/Layouts/HeaderMegaMenu/css.module.css */
2
- .header {
1
+ /* css-module:D:AQ-Projectaq-fe-frameworksrccomponentsLayoutsHeaderMegaMenucss.module.css\#css-module-data */
2
+ ._header_m5ues_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_m5ues_12 {
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_m5ues_33 {
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_m5ues_43 {
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,11 +66,11 @@ import {
66
66
  useS_BasicAppShell,
67
67
  useS_ButtonImport,
68
68
  utils_layout_getItemsWithoutLinks
69
- } from "../chunk-PAHZ57DT.mjs";
69
+ } from "../chunk-ZSNOMC7O.mjs";
70
70
  import "../chunk-Z6OQG54Q.mjs";
71
- import "../chunk-Y3YGC5IH.mjs";
72
71
  import "../chunk-5U2JSHSJ.mjs";
73
72
  import "../chunk-7ZCOFATU.mjs";
73
+ import "../chunk-Y3YGC5IH.mjs";
74
74
  import "../chunk-FWCSY2DS.mjs";
75
75
  export {
76
76
  AQButtonCreateByImportFile,
package/dist/modules-features/index.css CHANGED
@@ -1,100 +1,41 @@
1
- /* src/components/Layouts/HeaderMegaMenu/css.module.css */
2
- .header {
1
+ /* css-module:D:AQ-Projectaq-fe-frameworksrccomponentsLayoutsHeaderMegaMenucss.module.css\#css-module-data */
2
+ ._header_m5ues_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_m5ues_12 {
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_m5ues_33 {
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_m5ues_43 {
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,17 +21,15 @@ 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-ZSNOMC7O.mjs";
28
29
  import {
29
30
  baseAxios_default,
30
31
  useQ_AQ_GetAQModule
31
32
  } from "../chunk-Z6OQG54Q.mjs";
32
- import {
33
- createGenericStore
34
- } from "../chunk-Y3YGC5IH.mjs";
35
33
  import {
36
34
  U0DateToDDMMYYYString,
37
35
  U0MyValidateEmail,
@@ -42,6 +40,9 @@ import "../chunk-5U2JSHSJ.mjs";
42
40
  import {
43
41
  utils_notification_show
44
42
  } from "../chunk-7ZCOFATU.mjs";
43
+ import {
44
+ createGenericStore
45
+ } from "../chunk-Y3YGC5IH.mjs";
45
46
  import {
46
47
  __objRest,
47
48
  __spreadProps,
@@ -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/package.json CHANGED
@@ -22,7 +22,7 @@
22
22
  "types": "./dist/hooks/index.d.mts"
23
23
  }
24
24
  },
25
- "version": "0.1.175",
25
+ "version": "0.1.176",
26
26
  "private": false,
27
27
  "files": [
28
28
  "dist",