quirk-ui 0.0.329 → 0.0.331

package/dist/core/components/NavBar/index.js

@@ -25,18 +25,18 @@ const Ee = [
   ],
   ["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" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
-], Se = F("earth", Ee);
+], _e = F("earth", Ee);
 /**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _e = [
+const Se = [
   ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
   ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
   ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
-], ze = F("menu", _e);
+], ze = F("menu", Se);
 /**
  * @license lucide-react v0.488.0 - ISC
  *
@@ -58,7 +58,7 @@ function Ie({
   title: se,
   logo: W,
   items: B,
-  groups: m,
+  groups: f,
   utilityItems: s,
   isSticky: ie = !1,
   showSearch: C = !0,
@@ -70,7 +70,7 @@ function Ie({
   localeSelectComponent: ce,
   className: oe
 }) {
-  const [b, D] = h(!1), [O, f] = h(null), [de, he] = h(0), [be, fe] = h(!1), [me, ue] = h(null), [c, N] = h([]), [g, M] = h(
+  const [b, D] = h(!1), [O, m] = h(null), [de, he] = h(0), [be, fe] = h(!1), [me, ue] = h(null), [c, N] = h([]), [g, M] = h(
     0
   ), [pe, G] = h(null), [p, ve] = h(!1), [$, L] = h("forward"), E = () => /* @__PURE__ */ a(
     "div",
@@ -105,7 +105,7 @@ function Ie({
           "aria-label": "Locale Select",
           role: "menuitem",
           className: e.locale,
-          children: /* @__PURE__ */ a(Se, { size: 16 })
+          children: /* @__PURE__ */ a(_e, { size: 16 })
         }
       ),
       content: ce
@@ -143,20 +143,20 @@ function Ie({
     ]);
   }, ge = () => {
     L("backward"), N((n) => n.slice(0, -1));
-  }, S = T(null), v = T(null), _ = T(/* @__PURE__ */ new Map()), $e = () => {
+  }, _ = T(null), v = T(null), S = T(/* @__PURE__ */ new Map()), $e = () => {
     D((n) => !n);
   }, H = (n) => {
-    const l = _.current.get(n);
+    const l = S.current.get(n);
     if (l && v.current) {
       const o = l.getBoundingClientRect(), d = v.current.getBoundingClientRect(), i = o.left - d.left + o.width / 2;
       ue(i);
     }
   }, we = (n) => {
-    f((l) => l === n ? null : n);
+    m((l) => l === n ? null : n);
   }, q = R((n) => {
-    S.current && !S.current.contains(n.target) && f(null);
+    _.current && !_.current.contains(n.target) && m(null);
   }, []), I = R(() => {
-    U(), typeof window < "u" && window.innerWidth > 768 && (D(!1), f(null), typeof document < "u" && (document.body.style.overflow = ""));
+    U(), typeof window < "u" && window.innerWidth > 768 && (D(!1), m(null), typeof document < "u" && (document.body.style.overflow = ""));
   }, []), U = R(() => {
     if (v.current) {
       const n = v.current.getBoundingClientRect().width;
@@ -182,17 +182,17 @@ function Ie({
       {
         className: `${e.linkWrapper} ${e.parent}`,
         onMouseEnter: () => {
-          G(o), f(d), H(d);
+          G(o), m(d), H(d);
         },
         onMouseLeave: () => {
-          G(null), M(0), f(null);
+          G(null), M(0), m(null);
         },
         children: [
           /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ r(
             "button",
             {
               ref: (t) => {
-                _.current.set(d, t);
+                S.current.set(d, t);
               },
               role: "menuitem",
               "aria-haspopup": "true",
@@ -233,7 +233,7 @@ function Ie({
                                 rel: t.isExternal ? "noopener noreferrer" : void 0,
                                 onClick: () => {
                                   var P;
-                                  f(null), (P = t.onClick) == null || P.call(t);
+                                  m(null), (P = t.onClick) == null || P.call(t);
                                 },
                                 onMouseEnter: () => t.sublinks ? M(u) : null,
                                 role: "menuitem",
@@ -303,7 +303,7 @@ function Ie({
           )
         ]
       },
-      o
+      l._key ?? `group-${o}`
     );
   }), w = (n, l = "") => n.map((o) => {
     const d = `${l}/${o.label}`;
@@ -316,18 +316,18 @@ function Ie({
         openPath: O,
         togglePath: we,
         updateTriangleIndicator: H,
-        setOpenPath: f,
+        setOpenPath: m,
         renderLinks: w,
-        buttonRefs: _
+        buttonRefs: S
       },
-      d
+      o._key ?? d
     );
   });
   return /* @__PURE__ */ a(
     "header",
     {
-      ref: S,
-      className: `${oe ?? ""} ${Fe[x]} ${Ae[re]} ${e.navbar} ${ie ? e.sticky : ""} ${m && m.length ? e.advanced : e.default}`,
+      ref: _,
+      className: `${oe ?? ""} ${Fe[x]} ${Ae[re]} ${e.navbar} ${ie ? e.sticky : ""} ${f && f.length ? e.advanced : e.default}`,
       role: "navigation",
       "aria-label": "Main navigation",
       children: /* @__PURE__ */ r(
@@ -376,15 +376,15 @@ function Ie({
                     ] }),
                     j && /* @__PURE__ */ a(V, {})
                   ] }),
-                  !p && k === "advanced" && m && /* @__PURE__ */ r("div", { className: e.grid, children: [
-                    ye(m),
+                  !p && k === "advanced" && f && /* @__PURE__ */ r("div", { className: e.grid, children: [
+                    f.length && ye(f),
                     C && /* @__PURE__ */ r(ee, { children: [
                       /* @__PURE__ */ a("span", { className: e.separator }),
                       /* @__PURE__ */ a(E, {})
                     ] }),
                     j && /* @__PURE__ */ a(V, {})
                   ] }),
-                  p && k === "advanced" && b && c.length === 0 && m && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: m.map((n, l) => /* @__PURE__ */ a(
+                  p && k === "advanced" && b && c.length === 0 && f && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: f.map((n, l) => /* @__PURE__ */ a(
                     "div",
                     {
                       className: `${e.mobileMenuItem} ${$ === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.0.329",
+  "version": "0.0.331",
   "type": "module",
   "exports": {
     ".": {