quirk-ui 0.0.292 → 0.0.293
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.
- package/dist/components/NavBar/index.js +110 -103
- package/package.json +1 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsx as a, jsxs as t, Fragment as
|
|
2
|
-
import { useState as h, useEffect as
|
|
1
|
+
import { jsx as a, jsxs as t, Fragment as ee } from "react/jsx-runtime";
|
|
2
|
+
import { useState as h, useEffect as z, useRef as T, useCallback as R } from "react";
|
|
3
3
|
import { s as e, N as Ce } from "../../NavLink-D62M3xET.js";
|
|
4
|
-
import { Modal as
|
|
5
|
-
import { e as xe, C as
|
|
6
|
-
import { ButtonGroup as
|
|
7
|
-
import { E as
|
|
8
|
-
import { X as
|
|
9
|
-
import { c as
|
|
10
|
-
import { C as
|
|
4
|
+
import { Modal as ne } from "../Modal/index.js";
|
|
5
|
+
import { e as xe, C as ae } from "../../index-CHqqMxmE.js";
|
|
6
|
+
import { ButtonGroup as le } from "../ButtonGroup/index.js";
|
|
7
|
+
import { E as A } from "../../external-link-BOPobeQJ.js";
|
|
8
|
+
import { X as Me } from "../../x-CnsEH4Ox.js";
|
|
9
|
+
import { c as F } from "../../createLucideIcon-C8GTh_Qx.js";
|
|
10
|
+
import { C as Le } from "../../chevron-down-DSUzBz9F.js";
|
|
11
11
|
/**
|
|
12
12
|
* @license lucide-react v0.488.0 - ISC
|
|
13
13
|
*
|
|
@@ -25,7 +25,7 @@ const Ee = [
|
|
|
25
25
|
],
|
|
26
26
|
["path", { d: "M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05", key: "14pb5j" }],
|
|
27
27
|
["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
|
|
28
|
-
], Se =
|
|
28
|
+
], Se = F("earth", Ee);
|
|
29
29
|
/**
|
|
30
30
|
* @license lucide-react v0.488.0 - ISC
|
|
31
31
|
*
|
|
@@ -36,7 +36,7 @@ const _e = [
|
|
|
36
36
|
["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
|
|
37
37
|
["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
|
|
38
38
|
["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
|
|
39
|
-
], ze =
|
|
39
|
+
], ze = F("menu", _e);
|
|
40
40
|
/**
|
|
41
41
|
* @license lucide-react v0.488.0 - ISC
|
|
42
42
|
*
|
|
@@ -46,7 +46,7 @@ const _e = [
|
|
|
46
46
|
const Te = [
|
|
47
47
|
["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
|
|
48
48
|
["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
|
|
49
|
-
], Re =
|
|
49
|
+
], Re = F("search", Te), Ae = {
|
|
50
50
|
standard: e.standard,
|
|
51
51
|
transparent: e.transparent,
|
|
52
52
|
minimal: e.minimal
|
|
@@ -56,29 +56,29 @@ const Te = [
|
|
|
56
56
|
right: e.right
|
|
57
57
|
};
|
|
58
58
|
function qe({
|
|
59
|
-
title:
|
|
60
|
-
logo:
|
|
61
|
-
items:
|
|
59
|
+
title: se,
|
|
60
|
+
logo: W,
|
|
61
|
+
items: B,
|
|
62
62
|
groups: f,
|
|
63
63
|
utilityItems: s,
|
|
64
|
-
isSticky:
|
|
65
|
-
showSearch:
|
|
66
|
-
showLocaleSelect:
|
|
67
|
-
alignment:
|
|
68
|
-
variant:
|
|
64
|
+
isSticky: ie = !1,
|
|
65
|
+
showSearch: C = !0,
|
|
66
|
+
showLocaleSelect: j = !0,
|
|
67
|
+
alignment: x = "right",
|
|
68
|
+
variant: re = "standard",
|
|
69
69
|
navigationType: v = "default",
|
|
70
|
-
searchComponent:
|
|
71
|
-
localeSelectComponent:
|
|
72
|
-
className:
|
|
70
|
+
searchComponent: te,
|
|
71
|
+
localeSelectComponent: ce,
|
|
72
|
+
className: oe
|
|
73
73
|
}) {
|
|
74
|
-
const [m,
|
|
74
|
+
const [m, D] = h(!1), [O, b] = h(null), [de, he] = h(0), [me, be] = h(!1), [fe, ue] = h(null), [c, k] = h([]), [N, M] = h(
|
|
75
75
|
0
|
|
76
|
-
), [
|
|
76
|
+
), [pe, G] = h(null), [g, ve] = h(!1), [$, L] = h("forward"), E = () => /* @__PURE__ */ a(
|
|
77
77
|
"div",
|
|
78
78
|
{
|
|
79
79
|
className: `${e.linkWrapper} ${e.parent} ${e.searchWrapper}`,
|
|
80
80
|
children: /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ a(
|
|
81
|
-
|
|
81
|
+
ne,
|
|
82
82
|
{
|
|
83
83
|
className: e.searchModal,
|
|
84
84
|
trigger: /* @__PURE__ */ a(
|
|
@@ -91,12 +91,12 @@ function qe({
|
|
|
91
91
|
children: /* @__PURE__ */ a(Re, { size: 16 })
|
|
92
92
|
}
|
|
93
93
|
),
|
|
94
|
-
content:
|
|
94
|
+
content: te
|
|
95
95
|
}
|
|
96
96
|
) })
|
|
97
97
|
}
|
|
98
|
-
),
|
|
99
|
-
|
|
98
|
+
), I = () => /* @__PURE__ */ a("div", { className: `${e.linkWrapper} ${e.parent} `, children: /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ a(
|
|
99
|
+
ne,
|
|
100
100
|
{
|
|
101
101
|
className: e.localeModal,
|
|
102
102
|
trigger: /* @__PURE__ */ a(
|
|
@@ -109,21 +109,21 @@ function qe({
|
|
|
109
109
|
children: /* @__PURE__ */ a(Se, { size: 16 })
|
|
110
110
|
}
|
|
111
111
|
),
|
|
112
|
-
content:
|
|
112
|
+
content: ce
|
|
113
113
|
}
|
|
114
114
|
) }) });
|
|
115
|
-
|
|
115
|
+
z(() => {
|
|
116
116
|
if (typeof window < "u") {
|
|
117
117
|
const n = () => {
|
|
118
118
|
const l = window.innerWidth < 768;
|
|
119
|
-
|
|
119
|
+
ve(l);
|
|
120
120
|
};
|
|
121
121
|
return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
|
|
122
122
|
}
|
|
123
123
|
}, []);
|
|
124
|
-
const
|
|
124
|
+
const ke = () => {
|
|
125
125
|
k([]);
|
|
126
|
-
},
|
|
126
|
+
}, Ne = (n) => {
|
|
127
127
|
L("forward"), k([
|
|
128
128
|
{
|
|
129
129
|
title: n.title,
|
|
@@ -132,7 +132,7 @@ function qe({
|
|
|
132
132
|
description: ""
|
|
133
133
|
}
|
|
134
134
|
]);
|
|
135
|
-
},
|
|
135
|
+
}, V = (n) => {
|
|
136
136
|
L("forward"), k((l) => [
|
|
137
137
|
...l,
|
|
138
138
|
{
|
|
@@ -144,56 +144,56 @@ function qe({
|
|
|
144
144
|
]);
|
|
145
145
|
}, ge = () => {
|
|
146
146
|
L("backward"), k((n) => n.slice(0, -1));
|
|
147
|
-
},
|
|
148
|
-
|
|
149
|
-
},
|
|
150
|
-
const l =
|
|
147
|
+
}, S = T(null), p = T(null), _ = T(/* @__PURE__ */ new Map()), $e = () => {
|
|
148
|
+
D((n) => !n);
|
|
149
|
+
}, X = (n) => {
|
|
150
|
+
const l = _.current.get(n);
|
|
151
151
|
if (l && p.current) {
|
|
152
152
|
const o = l.getBoundingClientRect(), d = p.current.getBoundingClientRect(), i = o.left - d.left + o.width / 2;
|
|
153
|
-
|
|
153
|
+
ue(i);
|
|
154
154
|
}
|
|
155
|
-
},
|
|
155
|
+
}, we = (n) => {
|
|
156
156
|
b((l) => l === n ? null : n);
|
|
157
|
-
},
|
|
158
|
-
|
|
159
|
-
}, []),
|
|
160
|
-
|
|
161
|
-
}, []),
|
|
157
|
+
}, H = R((n) => {
|
|
158
|
+
S.current && !S.current.contains(n.target) && b(null);
|
|
159
|
+
}, []), q = R(() => {
|
|
160
|
+
U(), typeof window < "u" && window.innerWidth > 768 && (D(!1), b(null), typeof document < "u" && (document.body.style.overflow = ""));
|
|
161
|
+
}, []), U = R(() => {
|
|
162
162
|
if (p.current) {
|
|
163
163
|
const n = p.current.getBoundingClientRect().width;
|
|
164
|
-
|
|
164
|
+
he(n), be(!0);
|
|
165
165
|
}
|
|
166
166
|
}, []);
|
|
167
|
-
|
|
167
|
+
z(() => {
|
|
168
168
|
const n = typeof window < "u", l = typeof document < "u";
|
|
169
|
-
return n && window.addEventListener("resize",
|
|
170
|
-
n && window.removeEventListener("resize",
|
|
169
|
+
return n && window.addEventListener("resize", q), l && document.addEventListener("click", H), U(), () => {
|
|
170
|
+
n && window.removeEventListener("resize", q), l && document.removeEventListener("click", H);
|
|
171
171
|
};
|
|
172
|
-
}, []),
|
|
172
|
+
}, []), z(() => {
|
|
173
173
|
if (typeof document < "u")
|
|
174
174
|
return document.body.style.overflow = m ? "hidden" : "", () => {
|
|
175
175
|
document.body.style.overflow = "";
|
|
176
176
|
};
|
|
177
177
|
}, [m]);
|
|
178
|
-
const
|
|
179
|
-
var
|
|
180
|
-
const d = `group-${o}`, y =
|
|
178
|
+
const ye = (n) => n.map((l, o) => {
|
|
179
|
+
var J, K, Q, Y, Z;
|
|
180
|
+
const d = `group-${o}`, y = pe === o, i = (J = l.primaryItems) == null ? void 0 : J[N ?? 0];
|
|
181
181
|
return /* @__PURE__ */ t(
|
|
182
182
|
"div",
|
|
183
183
|
{
|
|
184
184
|
className: `${e.linkWrapper} ${e.parent}`,
|
|
185
185
|
onMouseEnter: () => {
|
|
186
|
-
|
|
186
|
+
G(o), b(d), X(d);
|
|
187
187
|
},
|
|
188
188
|
onMouseLeave: () => {
|
|
189
|
-
|
|
189
|
+
G(null), M(0), b(null);
|
|
190
190
|
},
|
|
191
191
|
children: [
|
|
192
192
|
/* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ t(
|
|
193
193
|
"button",
|
|
194
194
|
{
|
|
195
195
|
ref: (r) => {
|
|
196
|
-
|
|
196
|
+
_.current.set(d, r);
|
|
197
197
|
},
|
|
198
198
|
role: "menuitem",
|
|
199
199
|
"aria-haspopup": "true",
|
|
@@ -202,7 +202,7 @@ function qe({
|
|
|
202
202
|
className: `${e.sublinkToggle} ${y ? e.open : ""} `,
|
|
203
203
|
children: [
|
|
204
204
|
l.title,
|
|
205
|
-
/* @__PURE__ */ a(
|
|
205
|
+
/* @__PURE__ */ a(Le, { size: 18, className: e.chevron })
|
|
206
206
|
]
|
|
207
207
|
}
|
|
208
208
|
) }),
|
|
@@ -224,19 +224,19 @@ function qe({
|
|
|
224
224
|
className: `${e.sublinksColumn} ${e.primaryColumn}`,
|
|
225
225
|
children: [
|
|
226
226
|
/* @__PURE__ */ a("div", { className: e.linkItem }),
|
|
227
|
-
(
|
|
227
|
+
(K = l.primaryItems) == null ? void 0 : K.map(
|
|
228
228
|
(r, u) => r.href ? /* @__PURE__ */ t(
|
|
229
229
|
"a",
|
|
230
230
|
{
|
|
231
231
|
href: r.href,
|
|
232
|
-
className: `${e.link} ${
|
|
232
|
+
className: `${e.link} ${N === u ? e.open : ""}`,
|
|
233
233
|
target: r.isExternal ? "_blank" : "_self",
|
|
234
234
|
rel: r.isExternal ? "noopener noreferrer" : void 0,
|
|
235
235
|
onClick: () => {
|
|
236
|
-
var
|
|
237
|
-
b(null), (
|
|
236
|
+
var P;
|
|
237
|
+
b(null), (P = r.onClick) == null || P.call(r);
|
|
238
238
|
},
|
|
239
|
-
onMouseEnter: () => r.sublinks ?
|
|
239
|
+
onMouseEnter: () => r.sublinks ? M(u) : null,
|
|
240
240
|
role: "menuitem",
|
|
241
241
|
children: [
|
|
242
242
|
/* @__PURE__ */ t("span", { className: e.linkContent, children: [
|
|
@@ -244,7 +244,7 @@ function qe({
|
|
|
244
244
|
r.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: r.subtitle })
|
|
245
245
|
] }),
|
|
246
246
|
r.isExternal && /* @__PURE__ */ a(
|
|
247
|
-
|
|
247
|
+
A,
|
|
248
248
|
{
|
|
249
249
|
className: e.newTabIcon,
|
|
250
250
|
size: 16
|
|
@@ -256,8 +256,8 @@ function qe({
|
|
|
256
256
|
) : /* @__PURE__ */ a(
|
|
257
257
|
"button",
|
|
258
258
|
{
|
|
259
|
-
className: `${e.sublinkToggle} ${
|
|
260
|
-
onMouseEnter: () =>
|
|
259
|
+
className: `${e.sublinkToggle} ${N === u ? e.open : ""}`,
|
|
260
|
+
onMouseEnter: () => M(u),
|
|
261
261
|
children: /* @__PURE__ */ t("span", { className: e.linkContent, children: [
|
|
262
262
|
r.label,
|
|
263
263
|
r.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: r.subtitle })
|
|
@@ -269,7 +269,7 @@ function qe({
|
|
|
269
269
|
]
|
|
270
270
|
}
|
|
271
271
|
),
|
|
272
|
-
(i == null ? void 0 : i.sublinks) && ((
|
|
272
|
+
(i == null ? void 0 : i.sublinks) && ((Q = i == null ? void 0 : i.sublinks) == null ? void 0 : Q.length) > 0 && /* @__PURE__ */ t(
|
|
273
273
|
"div",
|
|
274
274
|
{
|
|
275
275
|
className: `${e.sublinksColumn} ${e.childrenColumn} ${e.fadeInFromLeft}`,
|
|
@@ -277,13 +277,13 @@ function qe({
|
|
|
277
277
|
(i == null ? void 0 : i.description) && /* @__PURE__ */ a("div", { className: e.sublinksDescription, children: i == null ? void 0 : i.description }),
|
|
278
278
|
(i == null ? void 0 : i.sublinks) && w(
|
|
279
279
|
i.sublinks,
|
|
280
|
-
`${d}-${
|
|
280
|
+
`${d}-${N}`
|
|
281
281
|
)
|
|
282
282
|
]
|
|
283
283
|
},
|
|
284
|
-
`${i.label}-${(
|
|
284
|
+
`${i.label}-${(Y = i == null ? void 0 : i.sublinks) == null ? void 0 : Y.length}`
|
|
285
285
|
),
|
|
286
|
-
(l == null ? void 0 : l.secondaryItems) && ((
|
|
286
|
+
(l == null ? void 0 : l.secondaryItems) && ((Z = l == null ? void 0 : l.secondaryItems) == null ? void 0 : Z.length) > 0 && /* @__PURE__ */ a(
|
|
287
287
|
"div",
|
|
288
288
|
{
|
|
289
289
|
className: `${e.sublinksColumn} ${e.secondaryColumn}`,
|
|
@@ -314,12 +314,12 @@ function qe({
|
|
|
314
314
|
link: o,
|
|
315
315
|
path: d,
|
|
316
316
|
parentPath: l,
|
|
317
|
-
openPath:
|
|
318
|
-
togglePath:
|
|
319
|
-
updateTriangleIndicator:
|
|
317
|
+
openPath: O,
|
|
318
|
+
togglePath: we,
|
|
319
|
+
updateTriangleIndicator: X,
|
|
320
320
|
setOpenPath: b,
|
|
321
321
|
renderLinks: w,
|
|
322
|
-
buttonRefs:
|
|
322
|
+
buttonRefs: _
|
|
323
323
|
},
|
|
324
324
|
d
|
|
325
325
|
);
|
|
@@ -327,24 +327,24 @@ function qe({
|
|
|
327
327
|
return /* @__PURE__ */ a(
|
|
328
328
|
"header",
|
|
329
329
|
{
|
|
330
|
-
ref:
|
|
331
|
-
className: `${
|
|
330
|
+
ref: S,
|
|
331
|
+
className: `${oe ?? ""} ${Fe[x]} ${Ae[re]} ${e.navbar} ${ie ? e.sticky : ""} ${f && f.length ? e.advanced : e.default}`,
|
|
332
332
|
role: "navigation",
|
|
333
333
|
"aria-label": "Main navigation",
|
|
334
334
|
children: /* @__PURE__ */ t(
|
|
335
335
|
"div",
|
|
336
336
|
{
|
|
337
|
-
className: `${e.container} ${(!s || s.length === 0) &&
|
|
337
|
+
className: `${e.container} ${(!s || s.length === 0) && x !== "center" ? e.twoColumn : ""}`,
|
|
338
338
|
children: [
|
|
339
|
-
|
|
339
|
+
W ? /* @__PURE__ */ a("div", { className: e.logo, children: W }) : /* @__PURE__ */ a("div", { className: e.title, children: se }),
|
|
340
340
|
/* @__PURE__ */ a(
|
|
341
341
|
"nav",
|
|
342
342
|
{
|
|
343
343
|
ref: p,
|
|
344
344
|
style: {
|
|
345
|
-
left:
|
|
345
|
+
left: x === "center" ? `calc(50% - ${de / 2}px)` : "0"
|
|
346
346
|
},
|
|
347
|
-
className: `${e.nav} ${m ? e.open : ""} ${
|
|
347
|
+
className: `${e.nav} ${m ? e.open : ""} ${me ? e.visible : e.hidden}`,
|
|
348
348
|
id: "main-menu",
|
|
349
349
|
role: "menubar",
|
|
350
350
|
"aria-label": "Main navigation",
|
|
@@ -352,8 +352,8 @@ function qe({
|
|
|
352
352
|
/* @__PURE__ */ a(
|
|
353
353
|
"svg",
|
|
354
354
|
{
|
|
355
|
-
style: { left: `${
|
|
356
|
-
className: `${e.triangle} ${
|
|
355
|
+
style: { left: `${fe}px` },
|
|
356
|
+
className: `${e.triangle} ${O ? e.show : ""}`,
|
|
357
357
|
width: 16,
|
|
358
358
|
height: 12,
|
|
359
359
|
viewBox: "0 0 100 75",
|
|
@@ -369,16 +369,23 @@ function qe({
|
|
|
369
369
|
)
|
|
370
370
|
}
|
|
371
371
|
),
|
|
372
|
-
v === "default" &&
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
W && /* @__PURE__ */ t(ye, { children: [
|
|
372
|
+
v === "default" && B && /* @__PURE__ */ t("div", { className: e.grid, children: [
|
|
373
|
+
w(B),
|
|
374
|
+
C && /* @__PURE__ */ t(ee, { children: [
|
|
376
375
|
/* @__PURE__ */ a("span", { className: e.separator }),
|
|
377
|
-
/* @__PURE__ */ a(
|
|
376
|
+
/* @__PURE__ */ a(E, {})
|
|
378
377
|
] }),
|
|
379
|
-
|
|
378
|
+
j && /* @__PURE__ */ a(I, {})
|
|
380
379
|
] }),
|
|
381
|
-
|
|
380
|
+
!g && v === "advanced" && f && /* @__PURE__ */ t("div", { className: e.grid, children: [
|
|
381
|
+
ye(f),
|
|
382
|
+
C && /* @__PURE__ */ t(ee, { children: [
|
|
383
|
+
/* @__PURE__ */ a("span", { className: e.separator }),
|
|
384
|
+
/* @__PURE__ */ a(E, {})
|
|
385
|
+
] }),
|
|
386
|
+
j && /* @__PURE__ */ a(I, {})
|
|
387
|
+
] }),
|
|
388
|
+
g && v === "advanced" && m && c.length === 0 && f && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: f.map((n, l) => /* @__PURE__ */ a(
|
|
382
389
|
"div",
|
|
383
390
|
{
|
|
384
391
|
className: `${e.mobileMenuItem} ${$ === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
|
|
@@ -386,14 +393,14 @@ function qe({
|
|
|
386
393
|
"button",
|
|
387
394
|
{
|
|
388
395
|
className: e.sublinkToggle,
|
|
389
|
-
onClick: () =>
|
|
396
|
+
onClick: () => Ne(n),
|
|
390
397
|
children: n.title
|
|
391
398
|
}
|
|
392
399
|
)
|
|
393
400
|
},
|
|
394
401
|
n._key ?? l
|
|
395
402
|
)) }),
|
|
396
|
-
|
|
403
|
+
g && v === "advanced" && m && c.length > 0 && /* @__PURE__ */ t(
|
|
397
404
|
"div",
|
|
398
405
|
{
|
|
399
406
|
className: `${e.mobileMenuSlide} `,
|
|
@@ -402,7 +409,7 @@ function qe({
|
|
|
402
409
|
"button",
|
|
403
410
|
{
|
|
404
411
|
className: e.back,
|
|
405
|
-
onClick: c.length === 1 ?
|
|
412
|
+
onClick: c.length === 1 ? ke : ge,
|
|
406
413
|
children: /* @__PURE__ */ a(
|
|
407
414
|
xe,
|
|
408
415
|
{
|
|
@@ -428,7 +435,7 @@ function qe({
|
|
|
428
435
|
"button",
|
|
429
436
|
{
|
|
430
437
|
className: e.sublinkToggle,
|
|
431
|
-
onClick: () =>
|
|
438
|
+
onClick: () => V(n),
|
|
432
439
|
children: /* @__PURE__ */ t("span", { className: e.linkContent, children: [
|
|
433
440
|
n.label,
|
|
434
441
|
n.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: n.subtitle })
|
|
@@ -448,7 +455,7 @@ function qe({
|
|
|
448
455
|
n.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: n.subtitle })
|
|
449
456
|
] }),
|
|
450
457
|
n.isExternal && /* @__PURE__ */ a(
|
|
451
|
-
|
|
458
|
+
A,
|
|
452
459
|
{
|
|
453
460
|
className: e.newTabIcon,
|
|
454
461
|
size: 16
|
|
@@ -470,7 +477,7 @@ function qe({
|
|
|
470
477
|
"button",
|
|
471
478
|
{
|
|
472
479
|
className: e.sublinkToggle,
|
|
473
|
-
onClick: () =>
|
|
480
|
+
onClick: () => V(n),
|
|
474
481
|
children: n.label
|
|
475
482
|
}
|
|
476
483
|
) : /* @__PURE__ */ t(
|
|
@@ -484,7 +491,7 @@ function qe({
|
|
|
484
491
|
children: [
|
|
485
492
|
n.label,
|
|
486
493
|
n.isExternal && /* @__PURE__ */ a(
|
|
487
|
-
|
|
494
|
+
A,
|
|
488
495
|
{
|
|
489
496
|
className: e.newTabIcon,
|
|
490
497
|
size: 16
|
|
@@ -504,8 +511,8 @@ function qe({
|
|
|
504
511
|
] })
|
|
505
512
|
}
|
|
506
513
|
),
|
|
507
|
-
s && s.length > 0 && /* @__PURE__ */ a("nav", { className: e.utility, "aria-label": "Utility navigation", children: /* @__PURE__ */ a(
|
|
508
|
-
|
|
514
|
+
s && s.length > 0 && /* @__PURE__ */ a("nav", { className: e.utility, "aria-label": "Utility navigation", children: /* @__PURE__ */ a(le, { children: s.map((n, l) => /* @__PURE__ */ a(
|
|
515
|
+
ae,
|
|
509
516
|
{
|
|
510
517
|
as: "a",
|
|
511
518
|
href: n.href ?? "/",
|
|
@@ -532,8 +539,8 @@ function qe({
|
|
|
532
539
|
{
|
|
533
540
|
"aria-label": "Utility navigation",
|
|
534
541
|
className: `${e.utilityMobile} ${m ? e.open : ""}`,
|
|
535
|
-
children: /* @__PURE__ */ a(
|
|
536
|
-
|
|
542
|
+
children: /* @__PURE__ */ a(le, { alignment: "center", children: /* @__PURE__ */ a(
|
|
543
|
+
ae,
|
|
537
544
|
{
|
|
538
545
|
as: "a",
|
|
539
546
|
href: s[1].href ?? "/",
|
|
@@ -556,16 +563,16 @@ function qe({
|
|
|
556
563
|
) })
|
|
557
564
|
}
|
|
558
565
|
),
|
|
559
|
-
|
|
566
|
+
g && C && /* @__PURE__ */ a(E, {}),
|
|
560
567
|
/* @__PURE__ */ a(
|
|
561
568
|
"button",
|
|
562
569
|
{
|
|
563
570
|
className: e.menuToggle,
|
|
564
|
-
onClick:
|
|
571
|
+
onClick: $e,
|
|
565
572
|
"aria-label": m ? "Close menu" : "Open menu",
|
|
566
573
|
"aria-expanded": m,
|
|
567
574
|
"aria-controls": "main-menu",
|
|
568
|
-
children: m ? /* @__PURE__ */ a(
|
|
575
|
+
children: m ? /* @__PURE__ */ a(Me, { size: 24 }) : /* @__PURE__ */ a(ze, { size: 24 })
|
|
569
576
|
}
|
|
570
577
|
)
|
|
571
578
|
]
|