quirk-ui 0.0.66 → 0.0.67

package/dist/components/NavBar/index.js

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as u } from "react/jsx-runtime";
-import { useState as k, useRef as T, useCallback as m, useEffect as y } from "react";
+import { jsx as s, jsxs as u } from "react/jsx-runtime";
+import { useState as k, useRef as T, useCallback as m, useEffect as w } from "react";
 import { X as z } from "../../x-CnsEH4Ox.js";
 import { c as I } from "../../createLucideIcon-C8GTh_Qx.js";
 import { C as O } from "../../chevron-down-DSUzBz9F.js";
@@ -13,12 +13,12 @@ const W = [
   ["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" }]
-], j = I("menu", W), M = "_navbar_12ooa_5", R = "_sticky_12ooa_19", S = "_container_12ooa_25", P = "_logo_12ooa_35", D = "_menuToggle_12ooa_41", X = "_nav_12ooa_5", q = "_linkWrapper_12ooa_57", A = "_linkItem_12ooa_63", B = "_sublinkToggle_12ooa_71", F = "_link_12ooa_57", G = "_sublinks_12ooa_102", H = "_show_12ooa_125", J = "_chevron_12ooa_132", K = "_open_12ooa_136", Q = "_parent_12ooa_178", e = {
+], j = I("menu", W), M = "_navbar_12ooa_5", R = "_sticky_12ooa_19", S = "_container_12ooa_25", D = "_logo_12ooa_35", P = "_menuToggle_12ooa_41", X = "_nav_12ooa_5", q = "_linkWrapper_12ooa_57", A = "_linkItem_12ooa_63", B = "_sublinkToggle_12ooa_71", F = "_link_12ooa_57", G = "_sublinks_12ooa_102", H = "_show_12ooa_125", J = "_chevron_12ooa_132", K = "_open_12ooa_136", Q = "_parent_12ooa_178", e = {
   navbar: M,
   sticky: R,
   container: S,
-  logo: P,
-  menuToggle: D,
+  logo: D,
+  menuToggle: P,
   nav: X,
   linkWrapper: q,
   linkItem: A,
@@ -31,42 +31,42 @@ const W = [
   parent: Q
 };
 function ne({
-  logo: w,
+  logo: y,
   items: $,
   isSticky: x = !1,
   className: N
 }) {
-  const [s, _] = k(!1), [C, l] = k(null), i = T(null), E = () => {
-    _((a) => !a);
-  }, L = (a) => {
-    l((t) => t === a ? null : a);
-  }, p = m((a) => {
-    i.current && !i.current.contains(a.target) && l(null);
-  }, []), v = m(() => {
+  const [t, _] = k(!1), [C, l] = k(null), r = T(null), E = () => {
+    _((o) => !o);
+  }, L = (o) => {
+    l((a) => a === o ? null : o);
+  }, f = m((o) => {
+    r.current && !r.current.contains(o.target) && l(null);
+  }, []), p = m(() => {
     l(null);
-  }, []), f = m(() => {
+  }, []), v = m(() => {
     typeof window < "u" && window.innerWidth > 768 && (_(!1), l(null), typeof document < "u" && (document.body.style.overflow = ""));
   }, []);
-  y(() => {
-    if (typeof window < "u")
-      return window.addEventListener("resize", f), document.addEventListener("click", p), window.addEventListener("scroll", v), () => {
-        window.removeEventListener("resize", f), document.removeEventListener("click", p), window.removeEventListener("scroll", v);
-      };
-  }, []), y(() => {
+  w(() => {
+    const o = typeof window < "u", a = typeof window < "u";
+    return o && (window.addEventListener("resize", v), window.addEventListener("scroll", p)), a && document.addEventListener("click", f), () => {
+      o && (window.removeEventListener("resize", v), window.removeEventListener("scroll", p)), a && document.removeEventListener("click", f);
+    };
+  }, []), w(() => {
     if (typeof document < "u")
-      return document.body.style.overflow = s ? "hidden" : "", () => {
+      return document.body.style.overflow = t ? "hidden" : "", () => {
         document.body.style.overflow = "";
       };
-  }, [s]);
-  const b = (a, t = "") => a.map((n) => {
-    var h;
-    const r = `${t}/${n.label}`, c = C === r, d = (h = n.sublinks) == null ? void 0 : h.length;
+  }, [t]);
+  const h = (o, a = "") => o.map((n) => {
+    var b;
+    const i = `${a}/${n.label}`, c = C === i, d = (b = n.sublinks) == null ? void 0 : b.length;
     return /* @__PURE__ */ u(
       "div",
       {
-        className: `${e.linkWrapper} ${t ? "" : e.parent}`,
+        className: `${e.linkWrapper} ${a ? "" : e.parent}`,
         children: [
-          /* @__PURE__ */ o("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ o(
+          /* @__PURE__ */ s("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ s(
             "a",
             {
               href: n.href,
@@ -86,54 +86,54 @@ function ne({
               "aria-haspopup": d ? "true" : void 0,
               "aria-expanded": c,
               className: `${e.sublinkToggle} ${c ? e.open : ""}`,
-              onClick: () => L(r),
+              onClick: () => L(i),
               children: [
                 n.label,
-                d && /* @__PURE__ */ o(O, { size: 21, className: e.chevron })
+                d && /* @__PURE__ */ s(O, { size: 21, className: e.chevron })
               ]
             }
           ) }),
-          d && /* @__PURE__ */ o(
+          d && /* @__PURE__ */ s(
             "div",
             {
               className: `${e.sublinks} ${c ? e.show : ""}`,
               role: "menu",
               "aria-label": `${n.label} submenu`,
-              children: b(n.sublinks, r)
+              children: h(n.sublinks, i)
             }
           )
         ]
       },
-      r
+      i
     );
   });
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ s(
     "header",
     {
-      ref: i,
+      ref: r,
       className: `${N ?? ""} ${e.navbar} ${x ? e.sticky : ""} `,
       role: "navigation",
       "aria-label": "Main navigation",
       children: /* @__PURE__ */ u("div", { className: e.container, children: [
-        /* @__PURE__ */ o("div", { className: e.logo, children: w }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ s("div", { className: e.logo, children: y }),
+        /* @__PURE__ */ s(
           "button",
           {
             className: e.menuToggle,
             onClick: E,
-            "aria-label": s ? "Close menu" : "Open menu",
-            "aria-expanded": s,
+            "aria-label": t ? "Close menu" : "Open menu",
+            "aria-expanded": t,
             "aria-controls": "main-menu",
-            children: s ? /* @__PURE__ */ o(z, { size: 24 }) : /* @__PURE__ */ o(j, { size: 24 })
+            children: t ? /* @__PURE__ */ s(z, { size: 24 }) : /* @__PURE__ */ s(j, { size: 24 })
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ s(
           "nav",
           {
-            className: `${e.nav} ${s ? e.open : ""}`,
+            className: `${e.nav} ${t ? e.open : ""}`,
             id: "main-menu",
             role: "menubar",
-            children: b($)
+            children: h($)
           }
         )
       ] })

package/package.json

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