quirk-ui 0.0.166 → 0.0.167

package/dist/components/NavBar/index.js

@@ -15,14 +15,14 @@ const U = [
   ["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" }]
-], Y = K("menu", U), Z = "_navbar_1auc6_5", ee = "_left_1auc6_18", ne = "_container_1auc6_19", te = "_logo_1auc6_23", oe = "_nav_1auc6_5", se = "_center_1auc6_38", ae = "_hidden_1auc6_44", ie = "_visible_1auc6_51", le = "_right_1auc6_66", ce = "_title_1auc6_72", re = "_sublinks_1auc6_82", ue = "_sublinksInner_1auc6_94", de = "_linkItem_1auc6_108", _e = "_minimal_1auc6_113", me = "_menuToggle_1auc6_117", fe = "_linkWrapper_1auc6_121", he = "_triangle_1auc6_159", ve = "_transparent_1auc6_164", ge = "_sticky_1auc6_216", pe = "_twoColumn_1auc6_245", be = "_utilityMobile_1auc6_292", we = "_utility_1auc6_292", ke = "_navInner_1auc6_320", ye = "_grid_1auc6_329", $e = "_sublinkToggle_1auc6_354", Ne = "_link_1auc6_108", Ce = "_open_1auc6_368", xe = "_show_1auc6_419", Me = "_sublinksColumn_1auc6_467", Le = "_chevron_1auc6_477", Ee = "_parent_1auc6_556", e = {
+], Y = K("menu", U), Z = "_navbar_1auc6_5", ee = "_left_1auc6_18", ne = "_container_1auc6_19", te = "_logo_1auc6_23", ae = "_nav_1auc6_5", oe = "_center_1auc6_38", se = "_hidden_1auc6_44", ie = "_visible_1auc6_51", le = "_right_1auc6_66", ce = "_title_1auc6_72", re = "_sublinks_1auc6_82", ue = "_sublinksInner_1auc6_94", de = "_linkItem_1auc6_108", _e = "_minimal_1auc6_113", me = "_menuToggle_1auc6_117", fe = "_linkWrapper_1auc6_121", he = "_triangle_1auc6_159", ve = "_transparent_1auc6_164", ge = "_sticky_1auc6_216", pe = "_twoColumn_1auc6_245", be = "_utilityMobile_1auc6_292", we = "_utility_1auc6_292", ke = "_navInner_1auc6_320", ye = "_grid_1auc6_329", $e = "_sublinkToggle_1auc6_354", Ne = "_link_1auc6_108", Ce = "_open_1auc6_368", xe = "_show_1auc6_419", Me = "_sublinksColumn_1auc6_467", Le = "_chevron_1auc6_477", Ee = "_parent_1auc6_556", e = {
   navbar: Z,
   left: ee,
   container: ne,
   logo: te,
-  nav: oe,
-  center: se,
-  hidden: ae,
+  nav: ae,
+  center: oe,
+  hidden: se,
   visible: ie,
   right: le,
   title: ce,
@@ -70,13 +70,13 @@ function Se({
   const [l, w] = d(!1), [g, c] = d(null), [D, V] = d(0), [A, G] = d(!1), [P, q] = d(null), p = f(null), r = f(null), k = f(/* @__PURE__ */ new Map()), F = () => {
     w((t) => !t);
   }, H = (t) => {
-    const s = k.current.get(t);
-    if (s && r.current) {
-      const o = s.getBoundingClientRect(), a = r.current.getBoundingClientRect(), u = o.left - a.left + o.width / 4;
+    const o = k.current.get(t);
+    if (o && r.current) {
+      const a = o.getBoundingClientRect(), s = r.current.getBoundingClientRect(), u = a.left - s.left + a.width / 4;
       q(u);
     }
   }, y = (t) => {
-    c((s) => s === t ? null : t);
+    c((o) => o === t ? null : t);
   }, $ = h((t) => {
     p.current && !p.current.contains(t.target) && c(null);
   }, []), N = h(() => {
@@ -90,9 +90,9 @@ function Se({
     }
   }, []);
   T(() => {
-    const t = typeof window < "u", s = typeof document < "u";
-    return t && (window.addEventListener("resize", C), window.addEventListener("scroll", N)), s && document.addEventListener("click", $), x(), () => {
-      t && (window.removeEventListener("resize", C), window.removeEventListener("scroll", N)), s && document.removeEventListener("click", $);
+    const t = typeof window < "u", o = typeof document < "u";
+    return t && (window.addEventListener("resize", C), window.addEventListener("scroll", N)), o && document.addEventListener("click", $), x(), () => {
+      t && (window.removeEventListener("resize", C), window.removeEventListener("scroll", N)), o && document.removeEventListener("click", $);
     };
   }, []), T(() => {
     if (typeof document < "u")
@@ -100,30 +100,30 @@ function Se({
         document.body.style.overflow = "";
       };
   }, [l]);
-  const M = (t, s = "") => t.map((o) => {
+  const M = (t, o = "") => t.map((a) => {
     var E;
-    const a = `${s}/${o.label}`, _ = g === a, u = (E = o.sublinks) == null ? void 0 : E.length, L = f(null);
-    return k.current.set(a, L.current), /* @__PURE__ */ m(
+    const s = `${o}/${a.label}`, _ = g === s, u = (E = a.sublinks) == null ? void 0 : E.length, L = f(null);
+    return k.current.set(s, L.current), /* @__PURE__ */ m(
       "div",
       {
-        className: `${e.linkWrapper} ${s ? "" : e.parent}`,
+        className: `${e.linkWrapper} ${o ? "" : e.parent}`,
         children: [
-          /* @__PURE__ */ n("div", { className: e.linkItem, children: o.href ? /* @__PURE__ */ n(
+          /* @__PURE__ */ n("div", { className: e.linkItem, children: a.href ? /* @__PURE__ */ n(
             "a",
             {
-              href: o.href,
+              href: a.href,
               className: e.link,
-              target: o.isExternal ? "_blank" : "_self",
-              rel: o.isExternal ? "noopener noreferrer" : void 0,
+              target: a.isExternal ? "_blank" : "_self",
+              rel: a.isExternal ? "noopener noreferrer" : void 0,
               onClick: () => {
                 var R;
-                c(null), (R = o.onClick) == null || R.call(o);
+                c(null), (R = a.onClick) == null || R.call(a);
               },
               onMouseEnter: () => {
-                s || c(null);
+                o || c(null);
               },
               role: "menuitem",
-              children: o.label
+              children: a.label
             }
           ) : /* @__PURE__ */ m(
             "button",
@@ -132,12 +132,12 @@ function Se({
               "aria-haspopup": u ? "true" : void 0,
               "aria-expanded": _,
               className: `${e.sublinkToggle} ${_ ? e.open : ""}`,
-              onClick: () => y(a),
+              onClick: () => y(s),
               onMouseEnter: () => {
-                H(a), c(a);
+                H(s), c(s);
               },
               children: [
-                o.label,
+                a.label,
                 u && /* @__PURE__ */ n(Q, { size: 18, className: e.chevron })
               ]
             }
@@ -146,15 +146,15 @@ function Se({
             "div",
             {
               className: `${e.sublinks} ${_ ? e.show : ""}`,
-              onMouseLeave: () => y(a),
+              onMouseLeave: () => y(s),
               role: "menu",
-              "aria-label": `${o.label} submenu`,
-              children: /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("div", { className: e.sublinksInner, children: /* @__PURE__ */ n("div", { className: e.sublinksColumn, children: M(o.sublinks, a) }) }) })
+              "aria-label": `${a.label} submenu`,
+              children: /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("div", { className: e.sublinksInner, children: /* @__PURE__ */ n("div", { className: e.sublinksColumn, children: M(a.sublinks, s) }) }) })
             }
           )
         ]
       },
-      a
+      s
     );
   });
   return /* @__PURE__ */ n(
@@ -211,7 +211,7 @@ function Se({
                 ] })
               }
             ),
-            i && /* @__PURE__ */ n("nav", { className: e.utility, children: /* @__PURE__ */ n(W, { children: i.map((t, s) => /* @__PURE__ */ n(
+            i && /* @__PURE__ */ n("nav", { className: e.utility, children: /* @__PURE__ */ n(W, { children: i.map((t, o) => /* @__PURE__ */ n(
               I,
               {
                 as: "a",
@@ -219,7 +219,7 @@ function Se({
                 variant: t.variant,
                 children: t.label
               },
-              t._key || s
+              t._key || o
             )) }) }),
             i && /* @__PURE__ */ n(
               "nav",
@@ -230,7 +230,7 @@ function Se({
                   {
                     as: "a",
                     href: i[1].href ?? "/",
-                    variant: "secondary",
+                    variant: "primary",
                     children: i[1].label
                   },
                   i[1]._key

package/package.json

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