aq-fe-framework 0.1.174 → 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-OBJW6EYH.mjs → chunk-ZSNOMC7O.mjs} +8 -12
  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 -12
  6. package/package.json +1 -1
package/dist/{chunk-OBJW6EYH.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,13 +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 = {
7290
- header: "css_header",
7291
- link: "css_link",
7292
- subLink: "css_subLink",
7293
- dropdownFooter: "css_dropdownFooter"
7294
- };
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" };
7295
7290
 
7296
7291
  // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenuStore.ts
7297
7292
  var useStore4 = createGenericStore({
@@ -7342,7 +7337,7 @@ function HeaderMegaMenu({ children, menus }) {
7342
7337
  const [linksOpened, { toggle: toggleLinks }] = useDisclosure10(false);
7343
7338
  const HeaderMegaMenuStore = useHeaderMegaMenuStore();
7344
7339
  const theme = useMantineTheme();
7345
- 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: [
7346
7341
  /* @__PURE__ */ jsx53(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx53(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
7347
7342
  /* @__PURE__ */ jsxs28("div", { children: [
7348
7343
  /* @__PURE__ */ jsx53(Text14, { size: "sm", fw: 500, children: item.title }),
@@ -7350,7 +7345,7 @@ function HeaderMegaMenu({ children, menus }) {
7350
7345
  ] })
7351
7346
  ] }) }, item.title));
7352
7347
  return /* @__PURE__ */ jsxs28(Box5, { children: [
7353
- /* @__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: [
7354
7349
  /* @__PURE__ */ jsxs28(Group14, { children: [
7355
7350
  /* @__PURE__ */ jsx53(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
7356
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)) })
@@ -7628,6 +7623,7 @@ export {
7628
7623
  utils_layout_getItemsWithoutLinks,
7629
7624
  MyContainer,
7630
7625
  OBJECT_COlORS,
7626
+ css_module_default,
7631
7627
  useHeaderMegaMenuStore,
7632
7628
  HeaderMegaMenu,
7633
7629
  MyPageContent,
package/dist/components/index.css CHANGED
@@ -1,94 +1,41 @@
1
- /* src/components/Layouts/HeaderMegaMenu/css.module.css */
2
- .css_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] .css_header {
10
- background-color: var(--mantine-color-dark);
11
- }
12
- .css_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] .css_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
- .css_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] .css_link {
30
- color: var(--mantine-color-white);
31
- }
32
- .css_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
- .css_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
- .css_link:hover {
44
- background-color: var(--mantine-color-gray-0);
45
- }
46
- [data-mantine-color-scheme=dark] .css_link:hover {
47
- background-color: var(--mantine-color-dark-6);
48
- }
49
- }
50
- @media (hover: none) {
51
- .css_link:active {
52
- background-color: var(--mantine-color-gray-0);
53
- }
54
- [data-mantine-color-scheme=dark] .css_link:active {
55
- background-color: var(--mantine-color-dark-6);
56
- }
57
- }
58
- .css_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
- .css_subLink:hover {
65
- background-color: var(--mantine-color-gray-0);
66
- }
67
- [data-mantine-color-scheme=dark] .css_subLink:hover {
68
- background-color: var(--mantine-color-dark-7);
69
- }
70
- }
71
- @media (hover: none) {
72
- .css_subLink:active {
73
- background-color: var(--mantine-color-gray-0);
74
- }
75
- [data-mantine-color-scheme=dark] .css_subLink:active {
76
- background-color: var(--mantine-color-dark-7);
77
- }
78
- }
79
- .css_dropdownFooter {
80
- background-color: var(--mantine-color-gray-0);
81
- }
82
- [data-mantine-color-scheme=dark] .css_dropdownFooter {
83
- background-color: var(--mantine-color-dark-7);
84
- }
85
- .css_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] .css_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-OBJW6EYH.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
- .css_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] .css_header {
10
- background-color: var(--mantine-color-dark);
11
- }
12
- .css_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] .css_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
- .css_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] .css_link {
30
- color: var(--mantine-color-white);
31
- }
32
- .css_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
- .css_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
- .css_link:hover {
44
- background-color: var(--mantine-color-gray-0);
45
- }
46
- [data-mantine-color-scheme=dark] .css_link:hover {
47
- background-color: var(--mantine-color-dark-6);
48
- }
49
- }
50
- @media (hover: none) {
51
- .css_link:active {
52
- background-color: var(--mantine-color-gray-0);
53
- }
54
- [data-mantine-color-scheme=dark] .css_link:active {
55
- background-color: var(--mantine-color-dark-6);
56
- }
57
- }
58
- .css_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
- .css_subLink:hover {
65
- background-color: var(--mantine-color-gray-0);
66
- }
67
- [data-mantine-color-scheme=dark] .css_subLink:hover {
68
- background-color: var(--mantine-color-dark-7);
69
- }
70
- }
71
- @media (hover: none) {
72
- .css_subLink:active {
73
- background-color: var(--mantine-color-gray-0);
74
- }
75
- [data-mantine-color-scheme=dark] .css_subLink:active {
76
- background-color: var(--mantine-color-dark-7);
77
- }
78
- }
79
- .css_dropdownFooter {
80
- background-color: var(--mantine-color-gray-0);
81
- }
82
- [data-mantine-color-scheme=dark] .css_dropdownFooter {
83
- background-color: var(--mantine-color-dark-7);
84
- }
85
- .css_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] .css_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
- .css_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-OBJW6EYH.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,13 +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
- title: "css_title"
3873
- };
3874
-
3875
- // src/modules-features/authenticate/F_authenticate_Login/F_authenticate_Login.tsx
3876
3870
  import { jsx as jsx75, jsxs as jsxs52 } from "react/jsx-runtime";
3877
3871
  function F_authenticate_Login({
3878
3872
  loginInfo,
@@ -3933,7 +3927,7 @@ function F_authenticate_Login({
3933
3927
  h: "100vh",
3934
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: [
3935
3929
  /* @__PURE__ */ jsxs52(Flex3, { direction: "column", mb: "md", children: [
3936
- /* @__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!" }),
3937
3931
  /* @__PURE__ */ jsxs52(Text15, { c: "dimmed", size: "sm", ta: "center", mt: 5, children: [
3938
3932
  "B\u1EA1n g\u1EB7p v\u1EA5n \u0111\u1EC1 k\u1EF9 thu\u1EADt?\xA0",
3939
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.174",
25
+ "version": "0.1.176",
26
26
  "private": false,
27
27
  "files": [
28
28
  "dist",