quirk-ui 0.0.258 → 0.0.259

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 (3) hide show
  1. package/dist/components/Footer/index.js +7 -7
  2. package/dist/components/NavBar/index.js +107 -77
  3. package/package.json +1 -1
package/dist/components/Footer/index.js CHANGED
@@ -3,13 +3,13 @@ import { CallToAction as T } from "../CallToAction/index.js";
3
3
  import { ButtonGroup as C } from "../ButtonGroup/index.js";
4
4
  import p from "react";
5
5
  import { E } from "../../external-link-BOPobeQJ.js";
6
- import '../../assets/index45.css';var x = {
6
+ import '../../assets/index45.css';var k = {
7
7
  color: void 0,
8
8
  size: void 0,
9
9
  className: void 0,
10
10
  style: void 0,
11
11
  attr: void 0
12
- }, j = p.createContext && /* @__PURE__ */ p.createContext(x), V = ["attr", "size", "title"];
12
+ }, j = p.createContext && /* @__PURE__ */ p.createContext(k), V = ["attr", "size", "title"];
13
13
  function $(e, t) {
14
14
  if (e == null) return {};
15
15
  var r = F(e, t), a, l;
@@ -78,15 +78,15 @@ function B(e, t) {
78
78
  }
79
79
  return (t === "string" ? String : Number)(e);
80
80
  }
81
- function k(e) {
81
+ function x(e) {
82
82
  return e && e.map((t, r) => /* @__PURE__ */ p.createElement(t.tag, v({
83
83
  key: r
84
- }, t.attr), k(t.child)));
84
+ }, t.attr), x(t.child)));
85
85
  }
86
86
  function d(e) {
87
87
  return (t) => /* @__PURE__ */ p.createElement(D, h({
88
88
  attr: v({}, e.attr)
89
- }, t), k(e.child));
89
+ }, t), x(e.child));
90
90
  }
91
91
  function D(e) {
92
92
  var t = (r) => {
@@ -109,7 +109,7 @@ function D(e) {
109
109
  xmlns: "http://www.w3.org/2000/svg"
110
110
  }), u && /* @__PURE__ */ p.createElement("title", null, u), e.children);
111
111
  };
112
- return j !== void 0 ? /* @__PURE__ */ p.createElement(j.Consumer, null, (r) => t(r)) : t(x);
112
+ return j !== void 0 ? /* @__PURE__ */ p.createElement(j.Consumer, null, (r) => t(r)) : t(k);
113
113
  }
114
114
  function H(e) {
115
115
  return d({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z" }, child: [] }] })(e);
@@ -168,7 +168,7 @@ function fe({
168
168
  href: c.href,
169
169
  target: c.isExternal ? "_blank" : "_self",
170
170
  rel: c.isExternal ? "noopener noreferrer" : void 0,
171
- role: "menuitem",
171
+ role: "link",
172
172
  "aria-label": c.label
173
173
  } : {
174
174
  role: "menuitem",
package/dist/components/NavBar/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as a, jsxs as o, Fragment as Ne } from "react/jsx-runtime";
2
- import { useState as h, useEffect as _, useRef as S, useCallback as T } from "react";
2
+ import { useState as h, useEffect as S, useRef as _, useCallback as T } from "react";
3
3
  import { s as e, N as $e } from "../../NavLink-D0Fy2_Mj.js";
4
4
  import { Modal as ge } from "../Modal/index.js";
5
5
  import { CallToAction as Z } from "../CallToAction/index.js";
@@ -35,7 +35,7 @@ const Le = [
35
35
  const Ee = [
36
36
  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
37
37
  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
38
- ], _e = R("search", Ee), Se = {
38
+ ], Se = R("search", Ee), _e = {
39
39
  standard: e.standard,
40
40
  transparent: e.transparent,
41
41
  minimal: e.minimal
@@ -48,19 +48,19 @@ function Xe({
48
48
  title: ee,
49
49
  logo: F,
50
50
  items: A,
51
- groups: b,
51
+ groups: m,
52
52
  utilityItems: s,
53
53
  isSticky: ne = !1,
54
54
  showSearch: W = !0,
55
55
  alignment: C = "right",
56
56
  variant: ae = "standard",
57
- navigationType: v = "default",
57
+ navigationType: k = "default",
58
58
  searchComponent: le,
59
59
  className: se
60
60
  }) {
61
- const [f, B] = h(!1), [D, m] = h(null), [ie, re] = h(0), [oe, ce] = h(!1), [te, de] = h(null), [c, k] = h([]), [N, x] = h(
61
+ const [f, B] = h(!1), [D, b] = h(null), [ie, re] = h(0), [oe, te] = h(!1), [ce, de] = h(null), [t, N] = h([]), [$, x] = h(
62
62
  0
63
- ), [he, O] = h(null), [$, fe] = h(!1), [g, L] = h("forward"), j = () => /* @__PURE__ */ a(
63
+ ), [he, O] = h(null), [g, fe] = h(!1), [w, L] = h("forward"), j = () => /* @__PURE__ */ a(
64
64
  "div",
65
65
  {
66
66
  className: `${e.linkWrapper} ${e.parent} ${e.searchWrapper}`,
@@ -68,13 +68,22 @@ function Xe({
68
68
  ge,
69
69
  {
70
70
  className: e.searchModal,
71
- trigger: /* @__PURE__ */ a("button", { className: e.search, children: /* @__PURE__ */ a(_e, { size: 16 }) }),
71
+ trigger: /* @__PURE__ */ a(
72
+ "button",
73
+ {
74
+ title: "Search",
75
+ "aria-label": "Search",
76
+ role: "menuitem",
77
+ className: e.search,
78
+ children: /* @__PURE__ */ a(Se, { size: 16 })
79
+ }
80
+ ),
72
81
  content: le
73
82
  }
74
83
  ) })
75
84
  }
76
85
  );
77
- _(() => {
86
+ S(() => {
78
87
  if (typeof window < "u") {
79
88
  const n = () => {
80
89
  const l = window.innerWidth < 768;
@@ -83,10 +92,10 @@ function Xe({
83
92
  return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
84
93
  }
85
94
  }, []);
86
- const me = () => {
87
- k([]);
88
- }, be = (n) => {
89
- L("forward"), k([
95
+ const be = () => {
96
+ N([]);
97
+ }, me = (n) => {
98
+ L("forward"), N([
90
99
  {
91
100
  title: n.title,
92
101
  primary: n.primaryItems ?? [],
@@ -95,7 +104,7 @@ function Xe({
95
104
  }
96
105
  ]);
97
106
  }, G = (n) => {
98
- L("forward"), k((l) => [
107
+ L("forward"), N((l) => [
99
108
  ...l,
100
109
  {
101
110
  title: n.label,
@@ -105,50 +114,50 @@ function Xe({
105
114
  }
106
115
  ]);
107
116
  }, ue = () => {
108
- L("backward"), k((n) => n.slice(0, -1));
109
- }, M = S(null), p = S(null), E = S(/* @__PURE__ */ new Map()), pe = () => {
117
+ L("backward"), N((n) => n.slice(0, -1));
118
+ }, M = _(null), p = _(null), E = _(/* @__PURE__ */ new Map()), pe = () => {
110
119
  B((n) => !n);
111
120
  }, X = (n) => {
112
121
  const l = E.current.get(n);
113
122
  if (l && p.current) {
114
- const t = l.getBoundingClientRect(), d = p.current.getBoundingClientRect(), i = t.left - d.left + t.width / 4;
123
+ const c = l.getBoundingClientRect(), d = p.current.getBoundingClientRect(), i = c.left - d.left + c.width / 4;
115
124
  de(i);
116
125
  }
117
126
  }, ve = (n) => {
118
- m((l) => l === n ? null : n);
119
- }, I = T((n) => {
120
- M.current && !M.current.contains(n.target) && m(null);
121
- }, []), q = T(() => {
122
- V(), typeof window < "u" && window.innerWidth > 768 && (B(!1), m(null), typeof document < "u" && (document.body.style.overflow = ""));
127
+ b((l) => l === n ? null : n);
128
+ }, q = T((n) => {
129
+ M.current && !M.current.contains(n.target) && b(null);
130
+ }, []), U = T(() => {
131
+ V(), typeof window < "u" && window.innerWidth > 768 && (B(!1), b(null), typeof document < "u" && (document.body.style.overflow = ""));
123
132
  }, []), V = T(() => {
124
133
  if (p.current) {
125
134
  const n = p.current.getBoundingClientRect().width;
126
- re(n), ce(!0);
135
+ re(n), te(!0);
127
136
  }
128
137
  }, []);
129
- _(() => {
138
+ S(() => {
130
139
  const n = typeof window < "u", l = typeof document < "u";
131
- return n && window.addEventListener("resize", q), l && document.addEventListener("click", I), V(), () => {
132
- n && window.removeEventListener("resize", q), l && document.removeEventListener("click", I);
140
+ return n && window.addEventListener("resize", U), l && document.addEventListener("click", q), V(), () => {
141
+ n && window.removeEventListener("resize", U), l && document.removeEventListener("click", q);
133
142
  };
134
- }, []), _(() => {
143
+ }, []), S(() => {
135
144
  if (typeof document < "u")
136
145
  return document.body.style.overflow = f ? "hidden" : "", () => {
137
146
  document.body.style.overflow = "";
138
147
  };
139
148
  }, [f]);
140
- const ke = (n) => n.map((l, t) => {
141
- var H, J, K, Q, U;
142
- const d = `group-${t}`, y = he === t, i = (H = l.primaryItems) == null ? void 0 : H[N ?? 0];
149
+ const ke = (n) => n.map((l, c) => {
150
+ var H, I, J, K, Q;
151
+ const d = `group-${c}`, v = he === c, i = (H = l.primaryItems) == null ? void 0 : H[$ ?? 0];
143
152
  return /* @__PURE__ */ o(
144
153
  "div",
145
154
  {
146
155
  className: `${e.linkWrapper} ${e.parent}`,
147
156
  onMouseEnter: () => {
148
- O(t), m(d), X(d);
157
+ O(c), b(d), X(d);
149
158
  },
150
159
  onMouseLeave: () => {
151
- O(null), x(0), m(null);
160
+ O(null), x(0), b(null);
152
161
  },
153
162
  children: [
154
163
  /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ o(
@@ -157,19 +166,31 @@ function Xe({
157
166
  ref: (r) => {
158
167
  E.current.set(d, r);
159
168
  },
169
+ role: "menuitem",
160
170
  "aria-haspopup": "true",
161
- "aria-expanded": y,
162
- className: `${e.sublinkToggle} ${y ? e.open : ""} `,
171
+ "aria-expanded": v,
172
+ "aria-controls": `submenu-${c}`,
173
+ className: `${e.sublinkToggle} ${v ? e.open : ""} `,
163
174
  children: [
164
175
  l.title,
165
- /* @__PURE__ */ a(ye, { size: 18, className: e.chevron })
176
+ /* @__PURE__ */ a(
177
+ ye,
178
+ {
179
+ size: 18,
180
+ className: e.chevron,
181
+ "aria-haspopup": "true",
182
+ "aria-expanded": v,
183
+ "aria-controls": `submenu-${c}`
184
+ }
185
+ )
166
186
  ]
167
187
  }
168
188
  ) }),
169
189
  /* @__PURE__ */ a(
170
190
  "div",
171
191
  {
172
- className: `${e.sublinks} ${y ? e.show : ""}`,
192
+ id: `submenu-${c}`,
193
+ className: `${e.sublinks} ${v ? e.show : ""}`,
173
194
  role: "menu",
174
195
  "aria-label": `${l.title} submenu`,
175
196
  children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ o(
@@ -183,20 +204,20 @@ function Xe({
183
204
  className: `${e.sublinksColumn} ${e.primaryColumn}`,
184
205
  children: [
185
206
  /* @__PURE__ */ a("div", { className: e.linkItem }),
186
- (J = l.primaryItems) == null ? void 0 : J.map(
207
+ (I = l.primaryItems) == null ? void 0 : I.map(
187
208
  (r, u) => r.href ? /* @__PURE__ */ o(
188
209
  "a",
189
210
  {
190
211
  href: r.href,
191
- className: `${e.link} ${N === u ? e.open : ""}`,
212
+ className: `${e.link} ${$ === u ? e.open : ""}`,
192
213
  target: r.isExternal ? "_blank" : "_self",
193
214
  rel: r.isExternal ? "noopener noreferrer" : void 0,
194
215
  onClick: () => {
195
216
  var Y;
196
- m(null), (Y = r.onClick) == null || Y.call(r);
217
+ b(null), (Y = r.onClick) == null || Y.call(r);
197
218
  },
198
219
  onMouseEnter: () => r.sublinks ? x(u) : null,
199
- role: "menuitem",
220
+ role: "link",
200
221
  children: [
201
222
  /* @__PURE__ */ o("span", { className: e.linkContent, children: [
202
223
  r.label,
@@ -215,7 +236,7 @@ function Xe({
215
236
  ) : /* @__PURE__ */ a(
216
237
  "button",
217
238
  {
218
- className: `${e.sublinkToggle} ${N === u ? e.open : ""}`,
239
+ className: `${e.sublinkToggle} ${$ === u ? e.open : ""}`,
219
240
  onMouseEnter: () => x(u),
220
241
  children: /* @__PURE__ */ o("span", { className: e.linkContent, children: [
221
242
  r.label,
@@ -228,25 +249,25 @@ function Xe({
228
249
  ]
229
250
  }
230
251
  ),
231
- (i == null ? void 0 : i.sublinks) && ((K = i == null ? void 0 : i.sublinks) == null ? void 0 : K.length) > 0 && /* @__PURE__ */ o(
252
+ (i == null ? void 0 : i.sublinks) && ((J = i == null ? void 0 : i.sublinks) == null ? void 0 : J.length) > 0 && /* @__PURE__ */ o(
232
253
  "div",
233
254
  {
234
255
  className: `${e.sublinksColumn} ${e.childrenColumn} ${e.fadeInFromLeft}`,
235
256
  children: [
236
257
  (i == null ? void 0 : i.description) && /* @__PURE__ */ a("div", { className: e.sublinksDescription, children: i == null ? void 0 : i.description }),
237
- (i == null ? void 0 : i.sublinks) && w(
258
+ (i == null ? void 0 : i.sublinks) && y(
238
259
  i.sublinks,
239
- `${d}-${N}`
260
+ `${d}-${$}`
240
261
  )
241
262
  ]
242
263
  },
243
- `${i.label}-${(Q = i == null ? void 0 : i.sublinks) == null ? void 0 : Q.length}`
264
+ `${i.label}-${(K = i == null ? void 0 : i.sublinks) == null ? void 0 : K.length}`
244
265
  ),
245
- (l == null ? void 0 : l.secondaryItems) && ((U = l == null ? void 0 : l.secondaryItems) == null ? void 0 : U.length) > 0 && /* @__PURE__ */ a(
266
+ (l == null ? void 0 : l.secondaryItems) && ((Q = l == null ? void 0 : l.secondaryItems) == null ? void 0 : Q.length) > 0 && /* @__PURE__ */ a(
246
267
  "div",
247
268
  {
248
269
  className: `${e.sublinksColumn} ${e.secondaryColumn}`,
249
- children: w(l.secondaryItems, `${d}-secondary`)
270
+ children: y(l.secondaryItems, `${d}-secondary`)
250
271
  }
251
272
  ),
252
273
  l.spotlight && /* @__PURE__ */ a(
@@ -263,21 +284,21 @@ function Xe({
263
284
  )
264
285
  ]
265
286
  },
266
- t
287
+ c
267
288
  );
268
- }), w = (n, l = "") => n.map((t) => {
269
- const d = `${l}/${t.label}`;
289
+ }), y = (n, l = "") => n.map((c) => {
290
+ const d = `${l}/${c.label}`;
270
291
  return /* @__PURE__ */ a(
271
292
  $e,
272
293
  {
273
- link: t,
294
+ link: c,
274
295
  path: d,
275
296
  parentPath: l,
276
297
  openPath: D,
277
298
  togglePath: ve,
278
299
  updateTriangleIndicator: X,
279
- setOpenPath: m,
280
- renderLinks: w,
300
+ setOpenPath: b,
301
+ renderLinks: y,
281
302
  buttonRefs: E
282
303
  },
283
304
  d
@@ -287,7 +308,7 @@ function Xe({
287
308
  "header",
288
309
  {
289
310
  ref: M,
290
- className: `${se ?? ""} ${Te[C]} ${Se[ae]} ${e.navbar} ${ne ? e.sticky : ""} ${b && b.length ? e.advanced : e.default}`,
311
+ className: `${se ?? ""} ${Te[C]} ${_e[ae]} ${e.navbar} ${ne ? e.sticky : ""} ${m && m.length ? e.advanced : e.default}`,
291
312
  role: "navigation",
292
313
  "aria-label": "Main navigation",
293
314
  children: /* @__PURE__ */ o(
@@ -306,11 +327,12 @@ function Xe({
306
327
  className: `${e.nav} ${f ? e.open : ""} ${oe ? e.visible : e.hidden}`,
307
328
  id: "main-menu",
308
329
  role: "menubar",
330
+ "aria-label": "Main navigation",
309
331
  children: /* @__PURE__ */ o("div", { className: e.navInner, children: [
310
332
  /* @__PURE__ */ a(
311
333
  "svg",
312
334
  {
313
- style: { left: `${te}px` },
335
+ style: { left: `${ce}px` },
314
336
  className: `${e.triangle} ${D ? e.show : ""}`,
315
337
  width: 16,
316
338
  height: 12,
@@ -327,30 +349,30 @@ function Xe({
327
349
  )
328
350
  }
329
351
  ),
330
- v === "default" && A && /* @__PURE__ */ a("div", { className: e.grid, children: w(A) }),
331
- !$ && v === "advanced" && b && /* @__PURE__ */ o("div", { className: e.grid, children: [
332
- ke(b),
352
+ k === "default" && A && /* @__PURE__ */ a("div", { className: e.grid, children: y(A) }),
353
+ !g && k === "advanced" && m && /* @__PURE__ */ o("div", { className: e.grid, children: [
354
+ ke(m),
333
355
  W && /* @__PURE__ */ o(Ne, { children: [
334
356
  /* @__PURE__ */ a("span", { className: e.separator }),
335
357
  /* @__PURE__ */ a(j, {})
336
358
  ] })
337
359
  ] }),
338
- $ && v === "advanced" && f && c.length === 0 && b && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: b.map((n, l) => /* @__PURE__ */ a(
360
+ g && k === "advanced" && f && t.length === 0 && m && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: m.map((n, l) => /* @__PURE__ */ a(
339
361
  "div",
340
362
  {
341
- className: `${e.mobileMenuItem} ${g === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
363
+ className: `${e.mobileMenuItem} ${w === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
342
364
  children: /* @__PURE__ */ a(
343
365
  "button",
344
366
  {
345
367
  className: e.sublinkToggle,
346
- onClick: () => be(n),
368
+ onClick: () => me(n),
347
369
  children: n.title
348
370
  }
349
371
  )
350
372
  },
351
373
  n._key ?? l
352
374
  )) }),
353
- $ && v === "advanced" && f && c.length > 0 && /* @__PURE__ */ o(
375
+ g && k === "advanced" && f && t.length > 0 && /* @__PURE__ */ o(
354
376
  "div",
355
377
  {
356
378
  className: `${e.mobileMenuSlide} `,
@@ -359,21 +381,28 @@ function Xe({
359
381
  "button",
360
382
  {
361
383
  className: e.back,
362
- onClick: c.length === 1 ? me : ue,
363
- children: /* @__PURE__ */ a(xe, { size: 18 })
384
+ onClick: t.length === 1 ? be : ue,
385
+ children: /* @__PURE__ */ a(
386
+ xe,
387
+ {
388
+ size: 18,
389
+ "aria-hidden": "true",
390
+ focusable: "false"
391
+ }
392
+ )
364
393
  }
365
394
  ),
366
- c[c.length - 1].description && /* @__PURE__ */ a(
395
+ t[t.length - 1].description && /* @__PURE__ */ a(
367
396
  "div",
368
397
  {
369
- className: `${e.sublinksDescription} ${g === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
370
- children: c[c.length - 1].description
398
+ className: `${e.sublinksDescription} ${w === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
399
+ children: t[t.length - 1].description
371
400
  }
372
401
  ),
373
- c[c.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
402
+ t[t.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
374
403
  "div",
375
404
  {
376
- className: `${e.mobileMenuItem} ${g === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
405
+ className: `${e.mobileMenuItem} ${w === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
377
406
  children: n.sublinks ? /* @__PURE__ */ a(
378
407
  "button",
379
408
  {
@@ -391,7 +420,7 @@ function Xe({
391
420
  className: e.link,
392
421
  target: n.isExternal ? "_blank" : "_self",
393
422
  rel: n.isExternal ? "noopener noreferrer" : void 0,
394
- role: "menuitem",
423
+ role: "link",
395
424
  children: [
396
425
  /* @__PURE__ */ o("span", { className: e.linkContent, children: [
397
426
  n.label,
@@ -410,12 +439,12 @@ function Xe({
410
439
  },
411
440
  n._key ?? `primary-${l}`
412
441
  )),
413
- c[c.length - 1].secondary.length > 0 && /* @__PURE__ */ a("hr", { className: e.groupDivider }),
414
- c[c.length - 1].secondary.map(
442
+ t[t.length - 1].secondary.length > 0 && /* @__PURE__ */ a("hr", { className: e.groupDivider }),
443
+ t[t.length - 1].secondary.map(
415
444
  (n, l) => /* @__PURE__ */ a(
416
445
  "div",
417
446
  {
418
- className: `${e.mobileMenuItem} ${g === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
447
+ className: `${e.mobileMenuItem} ${w === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
419
448
  children: n.sublinks ? /* @__PURE__ */ a(
420
449
  "button",
421
450
  {
@@ -430,7 +459,7 @@ function Xe({
430
459
  className: e.link,
431
460
  target: n.isExternal ? "_blank" : "_self",
432
461
  rel: n.isExternal ? "noopener noreferrer" : void 0,
433
- role: "menuitem",
462
+ role: "link",
434
463
  children: [
435
464
  n.label,
436
465
  n.isExternal && /* @__PURE__ */ a(
@@ -449,12 +478,12 @@ function Xe({
449
478
  )
450
479
  ]
451
480
  },
452
- `stack-${c.length}`
481
+ `stack-${t.length}`
453
482
  )
454
483
  ] })
455
484
  }
456
485
  ),
457
- s && /* @__PURE__ */ a("nav", { className: e.utility, children: /* @__PURE__ */ a(P, { children: s.map((n, l) => /* @__PURE__ */ a(
486
+ s && /* @__PURE__ */ a("nav", { className: e.utility, "aria-label": "Utility navigation", children: /* @__PURE__ */ a(P, { children: s.map((n, l) => /* @__PURE__ */ a(
458
487
  Z,
459
488
  {
460
489
  as: "a",
@@ -469,7 +498,7 @@ function Xe({
469
498
  {
470
499
  className: e.utilityImage,
471
500
  src: s[1].imageSrc,
472
- "aria-label": s[1].imageAlt ?? s[1].ariaLabel ?? s[1].label
501
+ alt: s[1].imageAlt ?? s[1].ariaLabel ?? s[1].label
473
502
  }
474
503
  ) : s[1].label
475
504
  },
@@ -478,6 +507,7 @@ function Xe({
478
507
  s && /* @__PURE__ */ a(
479
508
  "nav",
480
509
  {
510
+ "aria-label": "Utility navigation",
481
511
  className: `${e.utilityMobile} ${f ? e.open : ""}`,
482
512
  children: /* @__PURE__ */ a(P, { alignment: "center", children: /* @__PURE__ */ a(
483
513
  Z,
@@ -501,7 +531,7 @@ function Xe({
501
531
  ) })
502
532
  }
503
533
  ),
504
- $ && W && /* @__PURE__ */ a(j, {}),
534
+ g && W && /* @__PURE__ */ a(j, {}),
505
535
  /* @__PURE__ */ a(
506
536
  "button",
507
537
  {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.258",
4
+ "version": "0.0.259",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {