quirk-ui 0.0.186 → 0.0.188
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.
|
@@ -1,109 +1,109 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as s, jsxs as l } from "react/jsx-runtime";
|
|
2
2
|
import { CallToAction as $ } from "../CallToAction/index.js";
|
|
3
3
|
import { ButtonGroup as T } from "../ButtonGroup/index.js";
|
|
4
|
-
import '../../assets/index35.css';const x = "_footer_1r04b_1",
|
|
4
|
+
import '../../assets/index35.css';const x = "_footer_1r04b_1", I = "_container_1r04b_8", S = "_utilityImage_1r04b_17", A = "_primaryNav_1r04b_21", L = "_secondaryNav_1r04b_30", k = "_details_1r04b_48", j = "_nav_1r04b_55", E = "_logo_1r04b_63", w = "_socialItems_1r04b_69", z = "_group_1r04b_76", B = "_groups_1r04b_84", C = "_groupTitle_1r04b_94", F = "_sublinks_1r04b_99", G = "_link_1r04b_103", P = "_bottom_1r04b_123", a = {
|
|
5
5
|
footer: x,
|
|
6
|
-
container:
|
|
7
|
-
utilityImage:
|
|
8
|
-
primaryNav:
|
|
9
|
-
secondaryNav:
|
|
10
|
-
details:
|
|
11
|
-
nav:
|
|
12
|
-
logo:
|
|
13
|
-
socialItems:
|
|
14
|
-
group:
|
|
15
|
-
groups:
|
|
16
|
-
groupTitle:
|
|
17
|
-
sublinks:
|
|
18
|
-
link:
|
|
19
|
-
bottom:
|
|
6
|
+
container: I,
|
|
7
|
+
utilityImage: S,
|
|
8
|
+
primaryNav: A,
|
|
9
|
+
secondaryNav: L,
|
|
10
|
+
details: k,
|
|
11
|
+
nav: j,
|
|
12
|
+
logo: E,
|
|
13
|
+
socialItems: w,
|
|
14
|
+
group: z,
|
|
15
|
+
groups: B,
|
|
16
|
+
groupTitle: C,
|
|
17
|
+
sublinks: F,
|
|
18
|
+
link: G,
|
|
19
|
+
bottom: P
|
|
20
20
|
};
|
|
21
|
-
function
|
|
21
|
+
function H({
|
|
22
22
|
// title,
|
|
23
|
-
logo:
|
|
23
|
+
logo: c,
|
|
24
24
|
items: g,
|
|
25
|
-
primaryInfo:
|
|
26
|
-
secondaryInfo:
|
|
27
|
-
utilityItems:
|
|
25
|
+
primaryInfo: t,
|
|
26
|
+
secondaryInfo: _,
|
|
27
|
+
utilityItems: d,
|
|
28
28
|
socialItems: b,
|
|
29
29
|
// alignment = "right",
|
|
30
30
|
copyright: m,
|
|
31
31
|
className: h
|
|
32
32
|
}) {
|
|
33
|
-
const
|
|
33
|
+
const o = (r, n = "", N = !1) => r.map((e) => {
|
|
34
34
|
var v;
|
|
35
|
-
const
|
|
36
|
-
href:
|
|
37
|
-
target:
|
|
38
|
-
rel:
|
|
35
|
+
const u = `${n}/${e.label}`, p = (v = e.sublinks) == null ? void 0 : v.length, i = !!e.href, f = i ? "a" : "div", y = i ? {
|
|
36
|
+
href: e.href,
|
|
37
|
+
target: e.isExternal ? "_blank" : "_self",
|
|
38
|
+
rel: e.isExternal ? "noopener noreferrer" : void 0,
|
|
39
39
|
role: "menuitem",
|
|
40
|
-
"aria-label":
|
|
40
|
+
"aria-label": e.label
|
|
41
41
|
} : {
|
|
42
42
|
role: "menuitem",
|
|
43
|
-
"aria-label":
|
|
43
|
+
"aria-label": e.label
|
|
44
44
|
};
|
|
45
45
|
return /* @__PURE__ */ l("div", { className: `${a.group}`, children: [
|
|
46
46
|
/* @__PURE__ */ l(
|
|
47
47
|
f,
|
|
48
48
|
{
|
|
49
|
-
className: `${i ? a.link : ""} ${
|
|
49
|
+
className: `${i ? a.link : ""} ${p ? a.groupTitle : ""}`,
|
|
50
50
|
...y,
|
|
51
51
|
children: [
|
|
52
|
-
!N &&
|
|
53
|
-
|
|
52
|
+
!N && e.label,
|
|
53
|
+
e.icon && e.icon
|
|
54
54
|
]
|
|
55
55
|
}
|
|
56
56
|
),
|
|
57
|
-
|
|
57
|
+
p && /* @__PURE__ */ s(
|
|
58
58
|
"div",
|
|
59
59
|
{
|
|
60
60
|
className: `${a.sublinks}`,
|
|
61
61
|
role: "menu",
|
|
62
|
-
"aria-label": `${
|
|
63
|
-
children:
|
|
62
|
+
"aria-label": `${e.label} submenu`,
|
|
63
|
+
children: o(e.sublinks, u)
|
|
64
64
|
}
|
|
65
65
|
)
|
|
66
|
-
] },
|
|
66
|
+
] }, u);
|
|
67
67
|
});
|
|
68
|
-
return /* @__PURE__ */
|
|
68
|
+
return /* @__PURE__ */ s("footer", { className: `${h ?? ""} ${a.footer}`, children: /* @__PURE__ */ l("div", { className: a.container, children: [
|
|
69
69
|
/* @__PURE__ */ l("div", { className: a.primaryNav, children: [
|
|
70
70
|
/* @__PURE__ */ l("div", { className: a.details, children: [
|
|
71
|
-
|
|
71
|
+
c && /* @__PURE__ */ l("div", { className: a.logo, children: [
|
|
72
72
|
" ",
|
|
73
|
-
|
|
73
|
+
c
|
|
74
74
|
] }),
|
|
75
|
-
b && /* @__PURE__ */
|
|
76
|
-
|
|
77
|
-
|
|
75
|
+
b && /* @__PURE__ */ s("div", { className: a.socialItems, children: o(b, "", !0) }),
|
|
76
|
+
t && /* @__PURE__ */ s("div", { className: a.primaryInfo, children: t }),
|
|
77
|
+
_ && /* @__PURE__ */ s("div", { className: a.secondaryInfo, children: _ })
|
|
78
78
|
] }),
|
|
79
|
-
/* @__PURE__ */
|
|
79
|
+
/* @__PURE__ */ s("nav", { className: a.nav, id: "footer-menu", role: "menubar", children: /* @__PURE__ */ s("div", { className: a.groups, children: o(g, "", !1) }) })
|
|
80
80
|
] }),
|
|
81
81
|
/* @__PURE__ */ l("div", { className: a.secondaryNav, children: [
|
|
82
|
-
m && /* @__PURE__ */
|
|
83
|
-
|
|
82
|
+
m && /* @__PURE__ */ s("div", { className: a.bottom, children: /* @__PURE__ */ s("span", { children: m }) }),
|
|
83
|
+
d && /* @__PURE__ */ s("nav", { className: a.utility, children: /* @__PURE__ */ s(T, { orientation: "horizontal", children: d.map((r, n) => /* @__PURE__ */ s(
|
|
84
84
|
$,
|
|
85
85
|
{
|
|
86
86
|
as: "a",
|
|
87
|
-
href:
|
|
88
|
-
variant:
|
|
89
|
-
displayType:
|
|
90
|
-
imageSrc:
|
|
91
|
-
imageAlt:
|
|
92
|
-
"aria-label":
|
|
93
|
-
children:
|
|
87
|
+
href: r.href ?? "/",
|
|
88
|
+
variant: r.variant ?? "primary",
|
|
89
|
+
displayType: r.displayType ?? "text",
|
|
90
|
+
imageSrc: r.imageSrc,
|
|
91
|
+
imageAlt: r.imageAlt,
|
|
92
|
+
"aria-label": r.ariaLabel ?? r.label,
|
|
93
|
+
children: r.imageSrc ? /* @__PURE__ */ s(
|
|
94
94
|
"img",
|
|
95
95
|
{
|
|
96
96
|
className: a.utilityImage,
|
|
97
|
-
src:
|
|
98
|
-
"aria-label":
|
|
97
|
+
src: r.imageSrc,
|
|
98
|
+
"aria-label": r.imageAlt ?? r.ariaLabel ?? r.label
|
|
99
99
|
}
|
|
100
|
-
) :
|
|
100
|
+
) : r.label
|
|
101
101
|
},
|
|
102
|
-
|
|
102
|
+
r._key || n
|
|
103
103
|
)) }) })
|
|
104
104
|
] })
|
|
105
105
|
] }) });
|
|
106
106
|
}
|
|
107
107
|
export {
|
|
108
|
-
|
|
108
|
+
H as Footer
|
|
109
109
|
};
|