aq-fe-framework 0.1.177 → 0.1.178

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-DFZU3RRE.mjs → chunk-RDXGS3O7.mjs} +4 -5
  2. package/dist/components/index.css +68 -15
  3. package/dist/components/index.mjs +1 -1
  4. package/dist/modules-features/index.css +74 -15
  5. package/dist/modules-features/index.mjs +7 -3
  6. package/package.json +2 -3
package/dist/{chunk-DFZU3RRE.mjs → chunk-RDXGS3O7.mjs} RENAMED
@@ -7231,8 +7231,8 @@ import {
7231
7231
  } from "@tabler/icons-react";
7232
7232
  import Link4 from "next/link";
7233
7233
 
7234
- // css-module:./css.module.css#css-module
7235
- var css_module_default = { "header": "_header_15h8e_1", "link": "_link_15h8e_23", "subLink": "_subLink_15h8e_65", "dropdownFooter": "_dropdownFooter_15h8e_85" };
7234
+ // src/components/Layouts/HeaderMegaMenu/css.module.css
7235
+ var css_default = {};
7236
7236
 
7237
7237
  // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenuStore.ts
7238
7238
  var useStore4 = createGenericStore({
@@ -7283,7 +7283,7 @@ function HeaderMegaMenu({ children, menus }) {
7283
7283
  const [linksOpened, { toggle: toggleLinks }] = useDisclosure10(false);
7284
7284
  const HeaderMegaMenuStore = useHeaderMegaMenuStore();
7285
7285
  const theme = useMantineTheme();
7286
- const links = mockdata.map((item) => /* @__PURE__ */ jsx53(UnstyledButton, { className: css_module_default.subLink, children: /* @__PURE__ */ jsxs28(Group14, { wrap: "nowrap", align: "flex-start", children: [
7286
+ const links = mockdata.map((item) => /* @__PURE__ */ jsx53(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs28(Group14, { wrap: "nowrap", align: "flex-start", children: [
7287
7287
  /* @__PURE__ */ jsx53(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx53(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
7288
7288
  /* @__PURE__ */ jsxs28("div", { children: [
7289
7289
  /* @__PURE__ */ jsx53(Text14, { size: "sm", fw: 500, children: item.title }),
@@ -7291,7 +7291,7 @@ function HeaderMegaMenu({ children, menus }) {
7291
7291
  ] })
7292
7292
  ] }) }, item.title));
7293
7293
  return /* @__PURE__ */ jsxs28(Box5, { children: [
7294
- /* @__PURE__ */ jsx53("header", { className: css_module_default.header, children: /* @__PURE__ */ jsxs28(Group14, { justify: "space-between", h: "100%", children: [
7294
+ /* @__PURE__ */ jsx53("header", { className: css_default.header, children: /* @__PURE__ */ jsxs28(Group14, { justify: "space-between", h: "100%", children: [
7295
7295
  /* @__PURE__ */ jsxs28(Group14, { children: [
7296
7296
  /* @__PURE__ */ jsx53(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
7297
7297
  /* @__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)) })
@@ -7569,7 +7569,6 @@ export {
7569
7569
  utils_layout_getItemsWithoutLinks,
7570
7570
  MyContainer,
7571
7571
  OBJECT_COlORS,
7572
- css_module_default,
7573
7572
  useHeaderMegaMenuStore,
7574
7573
  HeaderMegaMenu,
7575
7574
  MyPageContent,
package/dist/components/index.css CHANGED
@@ -1,41 +1,94 @@
1
- /* css-module:C:quocthieuaq-fe-frameworksrccomponentsLayoutsHeaderMegaMenucss.module.css\#css-module-data */
2
- ._header_15h8e_1 {
1
+ /* src/components/Layouts/HeaderMegaMenu/css.module.css */
2
+ .header {
3
3
  position: sticky;
4
4
  top: 0;
5
5
  z-index: 1;
6
- height: 60px;
7
- background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
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 {
8
13
  padding-left: var(--mantine-spacing-md);
9
14
  padding-right: var(--mantine-spacing-md);
10
- border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
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);
11
19
  }
12
- ._link_15h8e_23 {
20
+ .link {
13
21
  display: flex;
14
22
  align-items: center;
15
23
  height: 100%;
16
24
  padding-left: var(--mantine-spacing-md);
17
25
  padding-right: var(--mantine-spacing-md);
18
26
  text-decoration: none;
19
- color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
27
+ color: var(--mantine-color-black);
28
+ }
29
+ [data-mantine-color-scheme=dark] .link {
30
+ color: var(--mantine-color-white);
31
+ }
32
+ .link {
20
33
  font-weight: 500;
21
34
  font-size: var(--mantine-font-size-sm);
22
- @media (max-width: $mantine-breakpoint-sm) {
23
- height: 42px;
35
+ }
36
+ @media (max-width: $mantine-breakpoint-sm) {
37
+ .link {
38
+ height: calc(2.625rem * var(--mantine-scale));
24
39
  width: 100%;
25
40
  }
26
- @mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6)); }
27
41
  }
28
- ._subLink_15h8e_65 {
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 {
29
59
  width: 100%;
30
60
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
31
61
  border-radius: var(--mantine-radius-md);
32
- @mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7)); }
33
62
  }
34
- ._dropdownFooter_15h8e_85 {
35
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
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 {
36
86
  margin: calc(var(--mantine-spacing-md) * -1);
37
87
  margin-top: var(--mantine-spacing-sm);
38
88
  padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
39
89
  padding-bottom: var(--mantine-spacing-xl);
40
- border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
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);
41
94
  }
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-DFZU3RRE.mjs";
69
+ } from "../chunk-RDXGS3O7.mjs";
70
70
  import "../chunk-Z6OQG54Q.mjs";
71
71
  import "../chunk-Y3YGC5IH.mjs";
72
72
  import "../chunk-5U2JSHSJ.mjs";
package/dist/modules-features/index.css CHANGED
@@ -1,41 +1,100 @@
1
- /* css-module:C:quocthieuaq-fe-frameworksrccomponentsLayoutsHeaderMegaMenucss.module.css\#css-module-data */
2
- ._header_15h8e_1 {
1
+ /* src/components/Layouts/HeaderMegaMenu/css.module.css */
2
+ .header {
3
3
  position: sticky;
4
4
  top: 0;
5
5
  z-index: 1;
6
- height: 60px;
7
- background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
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 {
8
13
  padding-left: var(--mantine-spacing-md);
9
14
  padding-right: var(--mantine-spacing-md);
10
- border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
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);
11
19
  }
12
- ._link_15h8e_23 {
20
+ .link {
13
21
  display: flex;
14
22
  align-items: center;
15
23
  height: 100%;
16
24
  padding-left: var(--mantine-spacing-md);
17
25
  padding-right: var(--mantine-spacing-md);
18
26
  text-decoration: none;
19
- color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
27
+ color: var(--mantine-color-black);
28
+ }
29
+ [data-mantine-color-scheme=dark] .link {
30
+ color: var(--mantine-color-white);
31
+ }
32
+ .link {
20
33
  font-weight: 500;
21
34
  font-size: var(--mantine-font-size-sm);
22
- @media (max-width: $mantine-breakpoint-sm) {
23
- height: 42px;
35
+ }
36
+ @media (max-width: $mantine-breakpoint-sm) {
37
+ .link {
38
+ height: calc(2.625rem * var(--mantine-scale));
24
39
  width: 100%;
25
40
  }
26
- @mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6)); }
27
41
  }
28
- ._subLink_15h8e_65 {
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 {
29
59
  width: 100%;
30
60
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
31
61
  border-radius: var(--mantine-radius-md);
32
- @mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7)); }
33
62
  }
34
- ._dropdownFooter_15h8e_85 {
35
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
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 {
36
86
  margin: calc(var(--mantine-spacing-md) * -1);
37
87
  margin-top: var(--mantine-spacing-sm);
38
88
  padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
39
89
  padding-bottom: var(--mantine-spacing-xl);
40
- border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
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;
41
100
  }
package/dist/modules-features/index.mjs CHANGED
@@ -21,11 +21,10 @@ import {
21
21
  MyTab,
22
22
  MyTextInput,
23
23
  OBJECT_COlORS,
24
- css_module_default,
25
24
  groupToTwoLevels,
26
25
  useS_authenticate,
27
26
  utils_layout_getItemsWithoutLinks
28
- } from "../chunk-DFZU3RRE.mjs";
27
+ } from "../chunk-RDXGS3O7.mjs";
29
28
  import {
30
29
  baseAxios_default,
31
30
  useQ_AQ_GetAQModule
@@ -3867,6 +3866,11 @@ import axios from "axios";
3867
3866
  import Link from "next/link";
3868
3867
  import { useRouter as useRouter3 } from "next/navigation";
3869
3868
  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
3870
3874
  import { jsx as jsx75, jsxs as jsxs52 } from "react/jsx-runtime";
3871
3875
  function F_authenticate_Login({
3872
3876
  loginInfo,
@@ -3927,7 +3931,7 @@ function F_authenticate_Login({
3927
3931
  h: "100vh",
3928
3932
  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: [
3929
3933
  /* @__PURE__ */ jsxs52(Flex3, { direction: "column", mb: "md", children: [
3930
- /* @__PURE__ */ jsx75(Title, { ta: "center", className: css_module_default.title, children: "\u0110\u0103ng nh\u1EADp!" }),
3934
+ /* @__PURE__ */ jsx75(Title, { ta: "center", className: css_default.title, children: "\u0110\u0103ng nh\u1EADp!" }),
3931
3935
  /* @__PURE__ */ jsxs52(Text15, { c: "dimmed", size: "sm", ta: "center", mt: 5, children: [
3932
3936
  "B\u1EA1n g\u1EB7p v\u1EA5n \u0111\u1EC1 k\u1EF9 thu\u1EADt?\xA0",
3933
3937
  /* @__PURE__ */ jsx75(Anchor, { size: "sm", component: "button", children: "V\xE0o link n\xE0y" })
package/package.json CHANGED
@@ -22,11 +22,10 @@
22
22
  "types": "./dist/hooks/index.d.mts"
23
23
  }
24
24
  },
25
- "version": "0.1.177",
25
+ "version": "0.1.178",
26
26
  "private": false,
27
27
  "files": [
28
- "dist",
29
- "dist/**/*.css"
28
+ "dist"
30
29
  ],
31
30
  "scripts": {
32
31
  "deploy": "node deploy.js",