quirk-ui 0.0.204 → 0.0.205

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 (5) hide show
  1. package/dist/{NavLink-BimN5mAj.js → NavLink-D8ccaE3T.js} +33 -35
  2. package/dist/components/NavBar/NavLink.js +1 -1
  3. package/dist/components/NavBar/index.js +140 -117
  4. package/dist/lib/components/NavBar/index.d.ts +1 -0
  5. package/package.json +1 -1
package/dist/{NavLink-BimN5mAj.js → NavLink-D8ccaE3T.js} RENAMED
@@ -1,15 +1,15 @@
1
- import { jsxs as i, jsx as o } from "react/jsx-runtime";
1
+ import { jsxs as _, jsx as o } from "react/jsx-runtime";
2
2
  import { useRef as v } from "react";
3
3
  import { E as g } from "./external-link-BOPobeQJ.js";
4
4
  import { C as k } from "./chevron-down-DSUzBz9F.js";
5
- import './assets/NavLink.css';const p = "_navbar_wd0jm_5", f = "_left_wd0jm_18", h = "_container_wd0jm_19", I = "_logo_wd0jm_23", T = "_nav_wd0jm_5", C = "_center_wd0jm_38", N = "_hidden_wd0jm_44", y = "_visible_wd0jm_51", x = "_right_wd0jm_66", E = "_title_wd0jm_72", $ = "_sublinks_wd0jm_82", M = "_sublinksInner_wd0jm_94", W = "_linkItem_wd0jm_108", L = "_minimal_wd0jm_113", z = "_menuToggle_wd0jm_117", R = "_linkWrapper_wd0jm_121", D = "_triangle_wd0jm_159", S = "_transparent_wd0jm_164", q = "_sticky_wd0jm_216", A = "_twoColumn_wd0jm_245", B = "_utilityMobile_wd0jm_292", F = "_utility_wd0jm_292", G = "_navInner_wd0jm_320", H = "_grid_wd0jm_329", J = "_navTitle_wd0jm_354", K = "_sublinkToggle_wd0jm_355", Q = "_link_wd0jm_108", U = "_newTabIcon_wd0jm_370", V = "_open_wd0jm_378", X = "_navItem_wd0jm_386", Y = "_show_wd0jm_433", Z = "_sublinksColumn_wd0jm_481", O = "_chevron_wd0jm_491", P = "_parent_wd0jm_570", e = {
5
+ import './assets/NavLink.css';const p = "_navbar_wd0jm_5", f = "_left_wd0jm_18", h = "_container_wd0jm_19", I = "_logo_wd0jm_23", C = "_nav_wd0jm_5", N = "_center_wd0jm_38", T = "_hidden_wd0jm_44", y = "_visible_wd0jm_51", x = "_right_wd0jm_66", E = "_title_wd0jm_72", $ = "_sublinks_wd0jm_82", M = "_sublinksInner_wd0jm_94", W = "_linkItem_wd0jm_108", L = "_minimal_wd0jm_113", z = "_menuToggle_wd0jm_117", R = "_linkWrapper_wd0jm_121", D = "_triangle_wd0jm_159", S = "_transparent_wd0jm_164", q = "_sticky_wd0jm_216", A = "_twoColumn_wd0jm_245", B = "_utilityMobile_wd0jm_292", F = "_utility_wd0jm_292", G = "_navInner_wd0jm_320", H = "_grid_wd0jm_329", J = "_sublinkToggle_wd0jm_355", K = "_link_wd0jm_108", Q = "_newTabIcon_wd0jm_370", U = "_open_wd0jm_378", V = "_show_wd0jm_433", X = "_sublinksColumn_wd0jm_481", Y = "_chevron_wd0jm_491", Z = "_parent_wd0jm_570", e = {
6
6
  navbar: p,
7
7
  left: f,
8
8
  container: h,
9
9
  logo: I,
10
- nav: T,
11
- center: C,
12
- hidden: N,
10
+ nav: C,
11
+ center: N,
12
+ hidden: T,
13
13
  visible: y,
14
14
  right: x,
15
15
  title: E,
@@ -28,36 +28,34 @@ import './assets/NavLink.css';const p = "_navbar_wd0jm_5", f = "_left_wd0jm_18",
28
28
  utility: F,
29
29
  navInner: G,
30
30
  grid: H,
31
- navTitle: J,
32
- sublinkToggle: K,
33
- link: Q,
34
- newTabIcon: U,
35
- open: V,
36
- navItem: X,
37
- show: Y,
38
- sublinksColumn: Z,
39
- chevron: O,
40
- parent: P
31
+ sublinkToggle: J,
32
+ link: K,
33
+ newTabIcon: Q,
34
+ open: U,
35
+ show: V,
36
+ sublinksColumn: X,
37
+ chevron: Y,
38
+ parent: Z
41
39
  };
42
- function tn({
40
+ function sn({
43
41
  link: n,
44
42
  path: s,
45
43
  parentPath: r,
46
44
  openPath: u,
47
- togglePath: a,
45
+ togglePath: c,
48
46
  updateTriangleIndicator: w,
49
- setOpenPath: t,
47
+ setOpenPath: l,
50
48
  renderLinks: b,
51
49
  buttonRefs: j
52
50
  }) {
53
- var c;
54
- const l = u === s, _ = !!((c = n.sublinks) != null && c.length), m = v(null);
55
- return j.current.set(s, m.current), /* @__PURE__ */ i(
51
+ var a;
52
+ const i = u === s, t = !!((a = n.sublinks) != null && a.length), m = v(null);
53
+ return j.current.set(s, m.current), /* @__PURE__ */ _(
56
54
  "div",
57
55
  {
58
56
  className: `${e.linkWrapper} ${r ? "" : e.parent}`,
59
57
  children: [
60
- /* @__PURE__ */ o("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ i(
58
+ /* @__PURE__ */ o("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ _(
61
59
  "a",
62
60
  {
63
61
  href: n.href,
@@ -66,10 +64,10 @@ function tn({
66
64
  rel: n.isExternal ? "noopener noreferrer" : void 0,
67
65
  onClick: () => {
68
66
  var d;
69
- t(null), (d = n.onClick) == null || d.call(n);
67
+ l(null), (d = n.onClick) == null || d.call(n);
70
68
  },
71
69
  onMouseEnter: () => {
72
- r || t(null);
70
+ r || l(null);
73
71
  },
74
72
  role: "menuitem",
75
73
  children: [
@@ -77,28 +75,28 @@ function tn({
77
75
  n.isExternal && /* @__PURE__ */ o(g, { className: e.newTabIcon, size: 16 })
78
76
  ]
79
77
  }
80
- ) : /* @__PURE__ */ i(
78
+ ) : /* @__PURE__ */ _(
81
79
  "button",
82
80
  {
83
81
  ref: m,
84
- "aria-haspopup": _ ? "true" : void 0,
85
- "aria-expanded": l,
86
- className: `${e.sublinkToggle} ${l ? e.open : ""}`,
87
- onClick: () => a(s),
82
+ "aria-haspopup": t ? "true" : void 0,
83
+ "aria-expanded": i,
84
+ className: `${e.sublinkToggle} ${i ? e.open : ""}`,
85
+ onClick: () => c(s),
88
86
  onMouseEnter: () => {
89
- w(s), t(s);
87
+ w(s), l(s);
90
88
  },
91
89
  children: [
92
90
  n.label,
93
- _ && /* @__PURE__ */ o(k, { size: 18, className: e.chevron })
91
+ t && /* @__PURE__ */ o(k, { size: 18, className: e.chevron })
94
92
  ]
95
93
  }
96
94
  ) }),
97
- _ && /* @__PURE__ */ o(
95
+ t && /* @__PURE__ */ o(
98
96
  "div",
99
97
  {
100
- className: `${e.sublinks} ${l ? e.show : ""}`,
101
- onMouseLeave: () => a(s),
98
+ className: `${e.sublinks} ${i ? e.show : ""}`,
99
+ onMouseLeave: () => c(s),
102
100
  role: "menu",
103
101
  "aria-label": `${n.label} submenu`,
104
102
  children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: e.sublinksInner, children: /* @__PURE__ */ o("div", { className: e.sublinksColumn, children: b(n.sublinks, s) }) }) })
@@ -110,6 +108,6 @@ function tn({
110
108
  );
111
109
  }
112
110
  export {
113
- tn as N,
111
+ sn as N,
114
112
  e as s
115
113
  };
package/dist/components/NavBar/NavLink.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { N as a } from "../../NavLink-BimN5mAj.js";
3
+ import { N as a } from "../../NavLink-D8ccaE3T.js";
4
4
  import "../../external-link-BOPobeQJ.js";
5
5
  import "../../chevron-down-DSUzBz9F.js";
6
6
  export {
package/dist/components/NavBar/index.js CHANGED
@@ -1,162 +1,185 @@
1
- import { jsx as a, jsxs as u } from "react/jsx-runtime";
2
- import { useState as o, useRef as y, useCallback as v, useEffect as B } from "react";
3
- import { s as e, N as ee } from "../../NavLink-BimN5mAj.js";
4
- import { CallToAction as G } from "../CallToAction/index.js";
5
- import { ButtonGroup as W } from "../ButtonGroup/index.js";
6
- import { X as ne } from "../../x-CnsEH4Ox.js";
7
- import { c as ae } from "../../createLucideIcon-C8GTh_Qx.js";
1
+ import { jsx as n, jsxs as f } from "react/jsx-runtime";
2
+ import { useState as t, useRef as k, useCallback as b, useEffect as _ } from "react";
3
+ import { s as e, N as se } from "../../NavLink-D8ccaE3T.js";
4
+ import { CallToAction as D } from "../CallToAction/index.js";
5
+ import { ButtonGroup as V } from "../ButtonGroup/index.js";
6
+ import { X as ie } from "../../x-CnsEH4Ox.js";
7
+ import { c as re } from "../../createLucideIcon-C8GTh_Qx.js";
8
+ import { C as ce } from "../../chevron-down-DSUzBz9F.js";
8
9
  /**
9
10
  * @license lucide-react v0.488.0 - ISC
10
11
  *
11
12
  * This source code is licensed under the ISC license.
12
13
  * See the LICENSE file in the root directory of this source tree.
13
14
  */
14
- const le = [
15
+ const oe = [
15
16
  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
16
17
  ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
17
18
  ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
18
- ], re = ae("menu", le), ie = {
19
+ ], te = re("menu", oe), de = {
19
20
  default: e.default,
20
21
  minimal: e.minimal
21
- }, se = {
22
+ }, he = {
22
23
  left: e.left,
23
24
  center: e.center,
24
25
  right: e.right
25
26
  };
26
- function ue({
27
- title: j,
28
- logo: $,
27
+ function Ne({
28
+ title: H,
29
+ logo: y,
29
30
  items: x,
30
- groups: k,
31
+ groups: C,
31
32
  utilityItems: l,
32
- isSticky: P = !1,
33
- isTransparent: X = !1,
33
+ isSticky: U = !1,
34
+ isTransparent: q = !1,
34
35
  alignment: p = "right",
35
- variant: _ = "default",
36
+ variant: F = "default",
36
37
  navigationType: L = "default",
37
- className: V
38
+ className: J
38
39
  }) {
39
- const [c, C] = o(!1), [g, d] = o(null), [D, H] = o(0), [U, q] = o(!1), [F, J] = o(null), b = y(null), m = y(null), M = y(/* @__PURE__ */ new Map()), K = () => {
40
- C((n) => !n);
41
- }, Q = (n) => {
42
- const r = M.current.get(n);
43
- if (r && m.current) {
44
- const s = r.getBoundingClientRect(), t = m.current.getBoundingClientRect(), i = s.left - t.left + s.width / 4;
45
- J(i);
40
+ const [o, R] = t(!1), [g, h] = t(null), [K, P] = t(0), [Q, Y] = t(!1), [Z, I] = t(null), w = k(null), m = k(null), S = k(/* @__PURE__ */ new Map()), ee = () => {
41
+ R((a) => !a);
42
+ }, ne = (a) => {
43
+ const s = S.current.get(a);
44
+ if (s && m.current) {
45
+ const c = s.getBoundingClientRect(), d = m.current.getBoundingClientRect(), i = c.left - d.left + c.width / 4;
46
+ I(i);
46
47
  }
47
- }, Y = (n) => {
48
- d((r) => r === n ? null : n);
49
- }, R = v((n) => {
50
- b.current && !b.current.contains(n.target) && d(null);
51
- }, []), S = v(() => {
52
- d(null);
53
- }, []), E = v(() => {
54
- A(), typeof window < "u" && window.innerWidth > 768 && (C(!1), d(null), typeof document < "u" && (document.body.style.overflow = ""));
55
- }, []), A = v(() => {
48
+ }, ae = (a) => {
49
+ h((s) => s === a ? null : a);
50
+ }, M = b((a) => {
51
+ w.current && !w.current.contains(a.target) && h(null);
52
+ }, []), E = b(() => {
53
+ h(null);
54
+ }, []), A = b(() => {
55
+ T(), typeof window < "u" && window.innerWidth > 768 && (R(!1), h(null), typeof document < "u" && (document.body.style.overflow = ""));
56
+ }, []), T = b(() => {
56
57
  if (m.current) {
57
- const n = m.current.getBoundingClientRect().width;
58
- H(n), q(!0);
58
+ const a = m.current.getBoundingClientRect().width;
59
+ P(a), Y(!0);
59
60
  }
60
61
  }, []);
61
- B(() => {
62
- const n = typeof window < "u", r = typeof document < "u";
63
- return n && (window.addEventListener("resize", E), window.addEventListener("scroll", S)), r && document.addEventListener("click", R), A(), () => {
64
- n && (window.removeEventListener("resize", E), window.removeEventListener("scroll", S)), r && document.removeEventListener("click", R);
62
+ _(() => {
63
+ const a = typeof window < "u", s = typeof document < "u";
64
+ return a && (window.addEventListener("resize", A), window.addEventListener("scroll", E)), s && document.addEventListener("click", M), T(), () => {
65
+ a && (window.removeEventListener("resize", A), window.removeEventListener("scroll", E)), s && document.removeEventListener("click", M);
65
66
  };
66
- }, []), B(() => {
67
+ }, []), _(() => {
67
68
  if (typeof document < "u")
68
- return document.body.style.overflow = c ? "hidden" : "", () => {
69
+ return document.body.style.overflow = o ? "hidden" : "", () => {
69
70
  document.body.style.overflow = "";
70
71
  };
71
- }, [c]);
72
- const Z = (n) => {
73
- const [r, s] = o(null), [t, w] = o(
72
+ }, [o]);
73
+ const le = (a) => {
74
+ const [s, c] = t(null), [d, N] = t(
74
75
  null
75
76
  );
76
- return console.log("GROUPS", n), n.map((i, N) => {
77
- var T, z;
78
- const h = (T = i.primaryItems) == null ? void 0 : T[r ?? 0];
79
- return /* @__PURE__ */ u(
77
+ return console.log("GROUPS", a), a.map((i, u) => {
78
+ var O, W, B, G;
79
+ const z = `group-${u}`, $ = d === u, r = (O = i.primaryItems) == null ? void 0 : O[s ?? 0];
80
+ return /* @__PURE__ */ f(
80
81
  "div",
81
82
  {
82
- className: e.navItem,
83
- onMouseEnter: () => w(N),
83
+ className: `${e.linkWrapper} ${e.parent}`,
84
+ onMouseEnter: () => N(u),
84
85
  onMouseLeave: () => {
85
- w(null), s(null);
86
+ N(null), c(null);
86
87
  },
87
88
  children: [
88
- /* @__PURE__ */ a("button", { className: e.navTitle, children: i.title }),
89
- t === N && /* @__PURE__ */ u("div", { className: e.dropdownMenu, children: [
90
- /* @__PURE__ */ a("div", { className: e.column, children: (z = i.primaryItems) == null ? void 0 : z.map((I, O) => /* @__PURE__ */ a(
91
- "div",
92
- {
93
- className: e.linkItem,
94
- onMouseEnter: () => s(O),
95
- children: I.label
96
- },
97
- O
98
- )) }),
99
- /* @__PURE__ */ a("div", { className: e.column, children: (h == null ? void 0 : h.sublinks) && f(h.sublinks) }),
100
- /* @__PURE__ */ a("div", { className: e.column, children: i.secondaryItems && f(i.secondaryItems) }),
101
- i.spotlight && /* @__PURE__ */ a("div", { className: e.column, children: i.spotlight })
102
- ] })
89
+ /* @__PURE__ */ n("div", { className: e.linkItem, children: /* @__PURE__ */ f(
90
+ "button",
91
+ {
92
+ "aria-haspopup": "true",
93
+ "aria-expanded": $,
94
+ className: `${e.sublinkToggle} ${$ ? e.open : ""} `,
95
+ children: [
96
+ i.title,
97
+ /* @__PURE__ */ n(ce, { size: 18, className: e.chevron })
98
+ ]
99
+ }
100
+ ) }),
101
+ $ && /* @__PURE__ */ n(
102
+ "div",
103
+ {
104
+ className: `${e.sublinks} ${e.show}`,
105
+ role: "menu",
106
+ "aria-label": `${i.title} submenu`,
107
+ children: /* @__PURE__ */ n("div", { children: /* @__PURE__ */ f("div", { className: e.sublinksInner, children: [
108
+ /* @__PURE__ */ n("div", { className: e.sublinksColumn, children: (W = i.primaryItems) == null ? void 0 : W.map((j, X) => /* @__PURE__ */ n(
109
+ "div",
110
+ {
111
+ className: e.linkItem,
112
+ onMouseEnter: () => c(X),
113
+ children: j.label
114
+ },
115
+ j._key ?? X
116
+ )) }),
117
+ (r == null ? void 0 : r.sublinks) && ((B = r == null ? void 0 : r.sublinks) == null ? void 0 : B.length) > 0 && /* @__PURE__ */ n("div", { className: e.sublinksColumn, children: (r == null ? void 0 : r.sublinks) && v(
118
+ r.sublinks,
119
+ `${z}-${s}`
120
+ ) }),
121
+ (i == null ? void 0 : i.secondaryItems) && ((G = i == null ? void 0 : i.secondaryItems) == null ? void 0 : G.length) > 0 && /* @__PURE__ */ n("div", { className: e.sublinksColumn, children: v(i.secondaryItems, `${z}-secondary`) }),
122
+ i.spotlight && /* @__PURE__ */ n("div", { className: e.sublinksColumn, children: i.spotlight })
123
+ ] }) })
124
+ }
125
+ )
103
126
  ]
104
127
  },
105
- N
128
+ u
106
129
  );
107
130
  });
108
- }, f = (n, r = "") => n.map((s) => {
109
- const t = `${r}/${s.label}`;
110
- return /* @__PURE__ */ a(
111
- ee,
131
+ }, v = (a, s = "") => a.map((c) => {
132
+ const d = `${s}/${c.label}`;
133
+ return /* @__PURE__ */ n(
134
+ se,
112
135
  {
113
- link: s,
114
- path: t,
115
- parentPath: r,
136
+ link: c,
137
+ path: d,
138
+ parentPath: s,
116
139
  openPath: g,
117
- togglePath: Y,
118
- updateTriangleIndicator: Q,
119
- setOpenPath: d,
120
- renderLinks: f,
121
- buttonRefs: M
140
+ togglePath: ae,
141
+ updateTriangleIndicator: ne,
142
+ setOpenPath: h,
143
+ renderLinks: v,
144
+ buttonRefs: S
122
145
  },
123
- t
146
+ d
124
147
  );
125
148
  });
126
- return /* @__PURE__ */ a(
149
+ return /* @__PURE__ */ n(
127
150
  "header",
128
151
  {
129
- ref: b,
130
- className: `${V ?? ""} ${se[p]} ${ie[_]} ${e.navbar} ${P ? e.sticky : ""} ${X ? e.transparent : ""} `,
152
+ ref: w,
153
+ className: `${J ?? ""} ${he[p]} ${de[F]} ${e.navbar} ${U ? e.sticky : ""} ${q ? e.transparent : ""} `,
131
154
  role: "navigation",
132
155
  "aria-label": "Main navigation",
133
- children: /* @__PURE__ */ u(
156
+ children: /* @__PURE__ */ f(
134
157
  "div",
135
158
  {
136
159
  className: `${e.container} ${(!l || l.length === 0) && p !== "center" ? e.twoColumn : ""}`,
137
160
  children: [
138
- $ ? /* @__PURE__ */ a("div", { className: e.logo, children: $ }) : /* @__PURE__ */ a("div", { className: e.title, children: j }),
139
- /* @__PURE__ */ a(
161
+ y ? /* @__PURE__ */ n("div", { className: e.logo, children: y }) : /* @__PURE__ */ n("div", { className: e.title, children: H }),
162
+ /* @__PURE__ */ n(
140
163
  "nav",
141
164
  {
142
165
  ref: m,
143
166
  style: {
144
- left: p === "center" ? `calc(50% - ${D / 2}px)` : "0"
167
+ left: p === "center" ? `calc(50% - ${K / 2}px)` : "0"
145
168
  },
146
- className: `${e.nav} ${c ? e.open : ""} ${U ? e.visible : e.hidden}`,
169
+ className: `${e.nav} ${o ? e.open : ""} ${Q ? e.visible : e.hidden}`,
147
170
  id: "main-menu",
148
171
  role: "menubar",
149
- children: /* @__PURE__ */ u("div", { className: e.navInner, children: [
150
- /* @__PURE__ */ a(
172
+ children: /* @__PURE__ */ f("div", { className: e.navInner, children: [
173
+ /* @__PURE__ */ n(
151
174
  "svg",
152
175
  {
153
- style: { left: `${F}px` },
176
+ style: { left: `${Z}px` },
154
177
  className: `${e.triangle} ${g ? e.show : ""}`,
155
178
  width: 16,
156
179
  height: 12,
157
180
  viewBox: "0 0 100 75",
158
181
  xmlns: "http://www.w3.org/2000/svg",
159
- children: /* @__PURE__ */ a(
182
+ children: /* @__PURE__ */ n(
160
183
  "polygon",
161
184
  {
162
185
  points: "50,5 95,70 5,70",
@@ -167,28 +190,28 @@ function ue({
167
190
  )
168
191
  }
169
192
  ),
170
- /* @__PURE__ */ a(
193
+ /* @__PURE__ */ n(
171
194
  "div",
172
195
  {
173
196
  className: `${e.triangle} ${g ? e.show : ""}`
174
197
  }
175
198
  ),
176
- L === "default" && x && /* @__PURE__ */ a("div", { className: e.grid, children: f(x) }),
177
- L === "advanced" && k && /* @__PURE__ */ a("div", { className: e.grid, children: Z(k) })
199
+ L === "default" && x && /* @__PURE__ */ n("div", { className: e.grid, children: v(x) }),
200
+ L === "advanced" && C && /* @__PURE__ */ n("div", { className: e.grid, children: le(C) })
178
201
  ] })
179
202
  }
180
203
  ),
181
- l && /* @__PURE__ */ a("nav", { className: e.utility, children: /* @__PURE__ */ a(W, { children: l.map((n, r) => /* @__PURE__ */ a(
182
- G,
204
+ l && /* @__PURE__ */ n("nav", { className: e.utility, children: /* @__PURE__ */ n(V, { children: l.map((a, s) => /* @__PURE__ */ n(
205
+ D,
183
206
  {
184
207
  as: "a",
185
- href: n.href ?? "/",
186
- variant: n.variant ?? "primary",
187
- displayType: n.displayType ?? "text",
188
- imageSrc: n.imageSrc,
189
- imageAlt: n.imageAlt,
190
- "aria-label": n.ariaLabel ?? n.label,
191
- children: l[1].imageSrc ? /* @__PURE__ */ a(
208
+ href: a.href ?? "/",
209
+ variant: a.variant ?? "primary",
210
+ displayType: a.displayType ?? "text",
211
+ imageSrc: a.imageSrc,
212
+ imageAlt: a.imageAlt,
213
+ "aria-label": a.ariaLabel ?? a.label,
214
+ children: l[1].imageSrc ? /* @__PURE__ */ n(
192
215
  "img",
193
216
  {
194
217
  className: e.utilityImage,
@@ -197,14 +220,14 @@ function ue({
197
220
  }
198
221
  ) : l[1].label
199
222
  },
200
- n._key || r
223
+ a._key || s
201
224
  )) }) }),
202
- l && /* @__PURE__ */ a(
225
+ l && /* @__PURE__ */ n(
203
226
  "nav",
204
227
  {
205
- className: `${e.utilityMobile} ${c ? e.open : ""}`,
206
- children: /* @__PURE__ */ a(W, { alignment: "center", children: /* @__PURE__ */ a(
207
- G,
228
+ className: `${e.utilityMobile} ${o ? e.open : ""}`,
229
+ children: /* @__PURE__ */ n(V, { alignment: "center", children: /* @__PURE__ */ n(
230
+ D,
208
231
  {
209
232
  as: "a",
210
233
  href: l[1].href ?? "/",
@@ -213,7 +236,7 @@ function ue({
213
236
  imageSrc: l[1].imageSrc,
214
237
  imageAlt: l[1].imageAlt,
215
238
  "aria-label": l[1].ariaLabel ?? l[1].label,
216
- children: l[1].imageSrc ? /* @__PURE__ */ a(
239
+ children: l[1].imageSrc ? /* @__PURE__ */ n(
217
240
  "img",
218
241
  {
219
242
  className: e.utilityImage,
@@ -225,15 +248,15 @@ function ue({
225
248
  ) })
226
249
  }
227
250
  ),
228
- /* @__PURE__ */ a(
251
+ /* @__PURE__ */ n(
229
252
  "button",
230
253
  {
231
254
  className: e.menuToggle,
232
- onClick: K,
233
- "aria-label": c ? "Close menu" : "Open menu",
234
- "aria-expanded": c,
255
+ onClick: ee,
256
+ "aria-label": o ? "Close menu" : "Open menu",
257
+ "aria-expanded": o,
235
258
  "aria-controls": "main-menu",
236
- children: c ? /* @__PURE__ */ a(ne, { size: 24 }) : /* @__PURE__ */ a(re, { size: 24 })
259
+ children: o ? /* @__PURE__ */ n(ie, { size: 24 }) : /* @__PURE__ */ n(te, { size: 24 })
237
260
  }
238
261
  )
239
262
  ]
@@ -243,5 +266,5 @@ function ue({
243
266
  );
244
267
  }
245
268
  export {
246
- ue as Navbar
269
+ Ne as Navbar
247
270
  };
package/dist/lib/components/NavBar/index.d.ts CHANGED
@@ -32,6 +32,7 @@ export type NavItem = {
32
32
  icon?: string;
33
33
  };
34
34
  export type NavGroup = {
35
+ _key?: string;
35
36
  title: string;
36
37
  primaryItems?: NavItem[];
37
38
  secondaryItems?: NavItem[];
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.204",
4
+ "version": "0.0.205",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {