quirk-ui 0.0.332 → 0.0.334

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

@@ -1,13 +1,13 @@
 import { jsx as a, jsxs as r, Fragment as ee } from "react/jsx-runtime";
-import { useState as h, useEffect as z, useRef as T, useCallback as R } from "react";
+import { useState as h, useEffect as T, useRef as R, useCallback as A } from "react";
 import { s as e, N as Ce } from "../../../NavLink-BE_Z3sd3.js";
 import { Modal as ne } from "../Modal/index.js";
 import { e as xe, C as ae } from "../../../index-C4o-N_--.js";
 import { ButtonGroup as le } from "../ButtonGroup/index.js";
-import { E as A } from "../../../external-link-BOPobeQJ.js";
-import { X as Me } from "../../../x-CnsEH4Ox.js";
-import { c as F } from "../../../createLucideIcon-C8GTh_Qx.js";
-import { C as Le } from "../../../chevron-down-DSUzBz9F.js";
+import { E as F } from "../../../external-link-BOPobeQJ.js";
+import { X as Le } from "../../../x-CnsEH4Ox.js";
+import { c as W } from "../../../createLucideIcon-C8GTh_Qx.js";
+import { C as Me } from "../../../chevron-down-DSUzBz9F.js";
 /**
  * @license lucide-react v0.488.0 - ISC
  *
@@ -25,7 +25,7 @@ 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" }]
-], _e = F("earth", Ee);
+], _e = W("earth", Ee);
 /**
  * @license lucide-react v0.488.0 - ISC
  *
@@ -36,7 +36,7 @@ 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", Se);
+], ze = W("menu", Se);
 /**
  * @license lucide-react v0.488.0 - ISC
  *
@@ -46,7 +46,7 @@ const Se = [
 const Te = [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
-], Re = F("search", Te), Ae = {
+], Re = W("search", Te), Ae = {
   standard: e.standard,
   transparent: e.transparent
 }, Fe = {
@@ -56,14 +56,14 @@ const Te = [
 };
 function Ue({
   title: se,
-  logo: W,
-  items: B,
+  logo: B,
+  items: C,
   groups: f,
   utilityItems: s,
   isSticky: ie = !1,
-  showSearch: C = !0,
+  showSearch: x = !0,
   showLocaleSelect: j = !0,
-  alignment: x = "right",
+  alignment: L = "right",
   variant: re = "standard",
   navigationType: k = "default",
   searchComponent: te,
@@ -72,9 +72,9 @@ function Ue({
 }) {
   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");
+  ), [pe, G] = h(null), [p, ve] = h(!1), [$, E] = h("forward");
   console.log("QUI", f);
-  const E = () => /* @__PURE__ */ a(
+  const _ = () => /* @__PURE__ */ a(
     "div",
     {
       className: `${e.linkWrapper} ${e.parent} ${e.searchWrapper}`,
@@ -96,7 +96,7 @@ function Ue({
         }
       ) })
     }
-  ), V = () => /* @__PURE__ */ a("div", { className: `${e.linkWrapper} ${e.parent} `, children: /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ a(
+  ), I = () => /* @__PURE__ */ a("div", { className: `${e.linkWrapper} ${e.parent} `, children: /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ a(
     ne,
     {
       className: e.localeModal,
@@ -113,7 +113,7 @@ function Ue({
       content: ce
     }
   ) }) });
-  z(() => {
+  T(() => {
     if (typeof window < "u") {
       const n = () => {
         const l = window.innerWidth < 768;
@@ -125,7 +125,7 @@ function Ue({
   const ke = () => {
     N([]);
   }, Ne = (n) => {
-    L("forward"), N([
+    E("forward"), N([
       {
         title: n.title,
         primary: n.primaryItems ?? [],
@@ -133,8 +133,8 @@ function Ue({
         description: ""
       }
     ]);
-  }, X = (n) => {
-    L("forward"), N((l) => [
+  }, V = (n) => {
+    E("forward"), N((l) => [
       ...l,
       {
         title: n.label,
@@ -144,47 +144,47 @@ function Ue({
       }
     ]);
   }, ge = () => {
-    L("backward"), N((n) => n.slice(0, -1));
-  }, _ = T(null), v = T(null), S = T(/* @__PURE__ */ new Map()), $e = () => {
+    E("backward"), N((n) => n.slice(0, -1));
+  }, S = R(null), v = R(null), z = R(/* @__PURE__ */ new Map()), $e = () => {
     D((n) => !n);
-  }, H = (n) => {
-    const l = S.current.get(n);
+  }, X = (n) => {
+    const l = z.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) => {
     m((l) => l === n ? null : n);
-  }, I = R((n) => {
-    _.current && !_.current.contains(n.target) && m(null);
-  }, []), U = R(() => {
+  }, H = A((n) => {
+    S.current && !S.current.contains(n.target) && m(null);
+  }, []), U = A(() => {
     q(), typeof window < "u" && window.innerWidth > 768 && (D(!1), m(null), typeof document < "u" && (document.body.style.overflow = ""));
-  }, []), q = R(() => {
+  }, []), q = A(() => {
     if (v.current) {
       const n = v.current.getBoundingClientRect().width;
       he(n), fe(!0);
     }
   }, []);
-  z(() => {
+  T(() => {
     const n = typeof window < "u", l = typeof document < "u";
-    return n && window.addEventListener("resize", U), l && document.addEventListener("click", I), q(), () => {
-      n && window.removeEventListener("resize", U), l && document.removeEventListener("click", I);
+    return n && window.addEventListener("resize", U), l && document.addEventListener("click", H), q(), () => {
+      n && window.removeEventListener("resize", U), l && document.removeEventListener("click", H);
     };
-  }, []), z(() => {
+  }, []), T(() => {
     if (typeof document < "u")
       return document.body.style.overflow = b ? "hidden" : "", () => {
         document.body.style.overflow = "";
       };
   }, [b]);
   const ye = (n) => n.map((l, o) => {
-    var Q, J, K, Y, Z;
-    const d = `group-${o}`, y = pe === o, i = (Q = l.primaryItems) == null ? void 0 : Q[g ?? 0];
+    var K, Q, J, Y, Z;
+    const d = `group-${o}`, y = pe === o, i = (K = l.primaryItems) == null ? void 0 : K[g ?? 0];
     return /* @__PURE__ */ r(
       "div",
       {
         className: `${e.linkWrapper} ${e.parent}`,
         onMouseEnter: () => {
-          G(o), m(d), H(d);
+          G(o), m(d), X(d);
         },
         onMouseLeave: () => {
           G(null), M(0), m(null);
@@ -194,7 +194,7 @@ function Ue({
             "button",
             {
               ref: (t) => {
-                S.current.set(d, t);
+                z.current.set(d, t);
               },
               role: "menuitem",
               "aria-haspopup": "true",
@@ -203,7 +203,7 @@ function Ue({
               className: `${e.sublinkToggle} ${y ? e.open : ""} `,
               children: [
                 l.title,
-                /* @__PURE__ */ a(Le, { size: 18, className: e.chevron })
+                /* @__PURE__ */ a(Me, { size: 18, className: e.chevron })
               ]
             }
           ) }),
@@ -225,7 +225,7 @@ function Ue({
                         className: `${e.sublinksColumn} ${e.primaryColumn}`,
                         children: [
                           /* @__PURE__ */ a("div", { className: e.linkItem }),
-                          (J = l.primaryItems) == null ? void 0 : J.map(
+                          (Q = l.primaryItems) == null ? void 0 : Q.map(
                             (t, u) => t.href ? /* @__PURE__ */ r(
                               "a",
                               {
@@ -245,7 +245,7 @@ function Ue({
                                     t.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: t.subtitle })
                                   ] }),
                                   t.isExternal && /* @__PURE__ */ a(
-                                    A,
+                                    F,
                                     {
                                       className: e.newTabIcon,
                                       size: 16
@@ -270,7 +270,7 @@ function Ue({
                         ]
                       }
                     ),
-                    (i == null ? void 0 : i.sublinks) && ((K = i == null ? void 0 : i.sublinks) == null ? void 0 : K.length) > 0 && /* @__PURE__ */ r(
+                    (i == null ? void 0 : i.sublinks) && ((J = i == null ? void 0 : i.sublinks) == null ? void 0 : J.length) > 0 && /* @__PURE__ */ r(
                       "div",
                       {
                         className: `${e.sublinksColumn} ${e.fadeInFromLeft}`,
@@ -288,7 +288,7 @@ function Ue({
                       "div",
                       {
                         className: `${e.sublinksColumn} ${e.secondaryColumn}`,
-                        children: w(l.secondaryItems, `${d}-secondary`)
+                        children: l.secondaryItems.length && w(l.secondaryItems, `${d}-secondary`)
                       }
                     ),
                     l.spotlight && /* @__PURE__ */ a(
@@ -308,6 +308,7 @@ function Ue({
       l._key ?? `group-${o}`
     );
   }), w = (n, l = "") => n.map((o) => {
+    console.log("LINK", o);
     const d = `${l}/${o.label}`;
     return /* @__PURE__ */ a(
       Ce,
@@ -317,10 +318,10 @@ function Ue({
         parentPath: l,
         openPath: O,
         togglePath: we,
-        updateTriangleIndicator: H,
+        updateTriangleIndicator: X,
         setOpenPath: m,
         renderLinks: w,
-        buttonRefs: S
+        buttonRefs: z
       },
       o._key ?? d
     );
@@ -328,22 +329,22 @@ function Ue({
   return /* @__PURE__ */ a(
     "header",
     {
-      ref: _,
-      className: `${oe ?? ""} ${Fe[x]} ${Ae[re]} ${e.navbar} ${ie ? e.sticky : ""} ${f && f.length ? e.advanced : e.default}`,
+      ref: S,
+      className: `${oe ?? ""} ${Fe[L]} ${Ae[re]} ${e.navbar} ${ie ? e.sticky : ""} ${f && f.length ? e.advanced : e.default}`,
       role: "navigation",
       "aria-label": "Main navigation",
       children: /* @__PURE__ */ r(
         "div",
         {
-          className: `${e.container} ${(!s || s.length === 0) && x !== "center" ? e.twoColumn : ""}`,
+          className: `${e.container} ${(!s || s.length === 0) && L !== "center" ? e.twoColumn : ""}`,
           children: [
-            W ? /* @__PURE__ */ a("div", { className: e.logo, children: W }) : /* @__PURE__ */ a("div", { className: e.title, children: se }),
+            B ? /* @__PURE__ */ a("div", { className: e.logo, children: B }) : /* @__PURE__ */ a("div", { className: e.title, children: se }),
             /* @__PURE__ */ a(
               "nav",
               {
                 ref: v,
                 style: {
-                  left: x === "center" ? `calc(50% - ${de / 2}px)` : "0"
+                  left: L === "center" ? `calc(50% - ${de / 2}px)` : "0"
                 },
                 className: `${e.nav} ${b ? e.open : ""} ${be ? e.visible : e.hidden}`,
                 id: "main-menu",
@@ -370,21 +371,21 @@ function Ue({
                       )
                     }
                   ),
-                  k === "default" && B && /* @__PURE__ */ r("div", { className: e.grid, children: [
-                    w(B),
-                    C && !p && /* @__PURE__ */ r(ee, { children: [
+                  k === "default" && C && /* @__PURE__ */ r("div", { className: e.grid, children: [
+                    C.length && w(C),
+                    x && !p && /* @__PURE__ */ r(ee, { children: [
                       /* @__PURE__ */ a("span", { className: e.separator }),
-                      /* @__PURE__ */ a(E, {})
+                      /* @__PURE__ */ a(_, {})
                     ] }),
-                    j && /* @__PURE__ */ a(V, {})
+                    j && /* @__PURE__ */ a(I, {})
                   ] }),
                   !p && k === "advanced" && f && /* @__PURE__ */ r("div", { className: e.grid, children: [
                     f.length && ye(f),
-                    C && /* @__PURE__ */ r(ee, { children: [
+                    x && /* @__PURE__ */ r(ee, { children: [
                       /* @__PURE__ */ a("span", { className: e.separator }),
-                      /* @__PURE__ */ a(E, {})
+                      /* @__PURE__ */ a(_, {})
                     ] }),
-                    j && /* @__PURE__ */ a(V, {})
+                    j && /* @__PURE__ */ a(I, {})
                   ] }),
                   p && k === "advanced" && b && c.length === 0 && f && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: f.map((n, l) => /* @__PURE__ */ a(
                     "div",
@@ -436,7 +437,7 @@ function Ue({
                               "button",
                               {
                                 className: e.sublinkToggle,
-                                onClick: () => X(n),
+                                onClick: () => V(n),
                                 children: /* @__PURE__ */ r("span", { className: e.linkContent, children: [
                                   n.label,
                                   n.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: n.subtitle })
@@ -456,7 +457,7 @@ function Ue({
                                     n.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: n.subtitle })
                                   ] }),
                                   n.isExternal && /* @__PURE__ */ a(
-                                    A,
+                                    F,
                                     {
                                       className: e.newTabIcon,
                                       size: 16
@@ -478,7 +479,7 @@ function Ue({
                                 "button",
                                 {
                                   className: e.sublinkToggle,
-                                  onClick: () => X(n),
+                                  onClick: () => V(n),
                                   children: n.label
                                 }
                               ) : /* @__PURE__ */ r(
@@ -492,7 +493,7 @@ function Ue({
                                   children: [
                                     n.label,
                                     n.isExternal && /* @__PURE__ */ a(
-                                      A,
+                                      F,
                                       {
                                         className: e.newTabIcon,
                                         size: 16
@@ -563,7 +564,7 @@ function Ue({
               }
             ),
             /* @__PURE__ */ r("div", { className: e.mobileButtons, children: [
-              p && C && /* @__PURE__ */ a(E, {}),
+              p && x && /* @__PURE__ */ a(_, {}),
               /* @__PURE__ */ a(
                 "button",
                 {
@@ -572,7 +573,7 @@ function Ue({
                   "aria-label": b ? "Close menu" : "Open menu",
                   "aria-expanded": b,
                   "aria-controls": "main-menu",
-                  children: b ? /* @__PURE__ */ a(Me, { size: 24 }) : /* @__PURE__ */ a(ze, { size: 24 })
+                  children: b ? /* @__PURE__ */ a(Le, { size: 24 }) : /* @__PURE__ */ a(ze, { size: 24 })
                 }
               )
             ] })

package/package.json

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