quirk-ui 0.0.65 → 0.0.66

package/dist/components/Carousel/index.js

@@ -1,4 +1,4 @@
-import { jsxs as w, jsx as s } from "react/jsx-runtime";
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
 import { useState as p, useRef as A, useEffect as x } from "react";
 import { A as F } from "../../arrow-left-BIJvHwNQ.js";
 import { A as H } from "../../arrow-right-QEwnX3Sk.js";
@@ -27,47 +27,49 @@ function it({
   siblingRef: c,
   isSplit: N = !1
 }) {
-  const [a, i] = p(0), [d, h] = p(0), [_, P] = p(v), [k, T] = p(!1), [y, L] = p(W), j = A(null), u = A(null), m = E, R = (t, e) => {
+  const [a, i] = p(0), [d, h] = p(0), [_, P] = p(v), [y, T] = p(!1), [k, L] = p(W), j = A(null), u = A(null), m = E, R = (t, e) => {
     const o = [];
     for (let r = 0; r < t.length; r += e)
       o.push(t.slice(r, r + e));
     return o;
   };
   x(() => {
-    const t = () => {
-      const e = window.innerWidth < 768;
-      T(e), P(e ? 1 : v), i(0);
-    };
-    return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+    if (typeof window < "u") {
+      const t = () => {
+        const e = window.innerWidth < 768;
+        T(e), P(e ? 1 : v), i(0);
+      };
+      return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+    }
   }, [v]);
   const f = Math.ceil(_ / M), C = R(b, _), l = C.length, X = 3 * 16, D = 6 * 16;
   x(() => {
     const t = new ResizeObserver((e) => {
       var o;
       for (let r of e)
-        r.contentRect && (k ? h(r.contentRect.width - D) : N && c != null && c.current ? h(
+        r.contentRect && (y ? h(r.contentRect.width - D) : N && c != null && c.current ? h(
           r.contentRect.width - ((o = c == null ? void 0 : c.current) == null ? void 0 : o.offsetWidth) - X
         ) : h(r.contentRect.width), i(0));
     });
     return m != null && m.current && t.observe(m.current), () => t.disconnect();
-  }, [k, N]);
-  const g = () => {
+  }, [y, N]);
+  const w = () => {
     u.current && clearInterval(u.current), L(!1);
   }, G = () => {
-    g(), i((t) => Math.min(t + 1, l - 1));
+    w(), i((t) => Math.min(t + 1, l - 1));
   }, O = () => {
-    g(), i((t) => Math.max(t - 1, 0));
+    w(), i((t) => Math.max(t - 1, 0));
   }, q = (t) => {
-    g(), i(t);
+    w(), i(t);
   }, B = () => d ? `translateX(-${a * d}px)` : "translateX(0px)", I = () => {
     i((t) => t >= l - 1 ? 0 : t + 1);
   };
-  return x(() => (y && (u.current = setInterval(
+  return x(() => (k && (u.current = setInterval(
     I,
     $ * 1e3
   )), () => {
     u.current && clearInterval(u.current);
-  }), [y, $, I]), /* @__PURE__ */ w("div", { className: `${z ?? ""} ${n.carousel}`, ref: j, children: [
+  }), [k, $, I]), /* @__PURE__ */ g("div", { className: `${z ?? ""} ${n.carousel}`, ref: j, children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -107,7 +109,7 @@ function it({
         )
       }
     ),
-    l > 1 && /* @__PURE__ */ w("div", { className: n.controls, children: [
+    l > 1 && /* @__PURE__ */ g("div", { className: n.controls, children: [
       /* @__PURE__ */ s("div", { className: n.indicators, children: Array.from({ length: l }).map((t, e) => /* @__PURE__ */ s(
         "button",
         {
@@ -117,7 +119,7 @@ function it({
         },
         e
       )) }),
-      /* @__PURE__ */ w("div", { className: n.buttons, children: [
+      /* @__PURE__ */ g("div", { className: n.buttons, children: [
         /* @__PURE__ */ s(
           "button",
           {

package/dist/components/NavBar/index.js

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { useState as f, useRef as T, useCallback as m, useEffect as y } from "react";
+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 { 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";
@@ -36,29 +36,35 @@ function ne({
   isSticky: x = !1,
   className: N
 }) {
-  const [s, _] = f(!1), [C, l] = f(null), i = T(null), E = () => {
+  const [s, _] = k(!1), [C, l] = k(null), i = T(null), E = () => {
     _((a) => !a);
   }, L = (a) => {
-    l((r) => r === a ? null : a);
-  }, v = m((a) => {
+    l((t) => t === a ? null : a);
+  }, p = m((a) => {
     i.current && !i.current.contains(a.target) && l(null);
-  }, []), p = m(() => {
+  }, []), v = m(() => {
     l(null);
-  }, []), b = m(() => {
-    window.innerWidth > 768 && (_(!1), l(null), document.body.style.overflow = "");
+  }, []), f = m(() => {
+    typeof window < "u" && window.innerWidth > 768 && (_(!1), l(null), typeof document < "u" && (document.body.style.overflow = ""));
   }, []);
-  y(() => (window.addEventListener("resize", b), document.addEventListener("click", v), window.addEventListener("scroll", p), () => {
-    window.removeEventListener("resize", b), document.removeEventListener("click", v), window.removeEventListener("scroll", p);
-  }), []), y(() => (document.body.style.overflow = s ? "hidden" : "", () => {
-    document.body.style.overflow = "";
-  }), [s]);
-  const h = (a, r = "") => a.map((n) => {
-    var g;
-    const t = `${r}/${n.label}`, c = C === t, u = (g = n.sublinks) == null ? void 0 : g.length;
-    return /* @__PURE__ */ d(
+  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(() => {
+    if (typeof document < "u")
+      return document.body.style.overflow = s ? "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;
+    return /* @__PURE__ */ u(
       "div",
       {
-        className: `${e.linkWrapper} ${r ? "" : e.parent}`,
+        className: `${e.linkWrapper} ${t ? "" : e.parent}`,
         children: [
           /* @__PURE__ */ o("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ o(
             "a",
@@ -68,37 +74,37 @@ function ne({
               target: n.isExternal ? "_blank" : "_self",
               rel: n.isExternal ? "noopener noreferrer" : void 0,
               onClick: () => {
-                var k;
-                l(null), (k = n.onClick) == null || k.call(n);
+                var g;
+                l(null), (g = n.onClick) == null || g.call(n);
               },
               role: "menuitem",
               children: n.label
             }
-          ) : /* @__PURE__ */ d(
+          ) : /* @__PURE__ */ u(
             "button",
             {
-              "aria-haspopup": u ? "true" : void 0,
+              "aria-haspopup": d ? "true" : void 0,
               "aria-expanded": c,
               className: `${e.sublinkToggle} ${c ? e.open : ""}`,
-              onClick: () => L(t),
+              onClick: () => L(r),
               children: [
                 n.label,
-                u && /* @__PURE__ */ o(O, { size: 21, className: e.chevron })
+                d && /* @__PURE__ */ o(O, { size: 21, className: e.chevron })
               ]
             }
           ) }),
-          u && /* @__PURE__ */ o(
+          d && /* @__PURE__ */ o(
             "div",
             {
               className: `${e.sublinks} ${c ? e.show : ""}`,
               role: "menu",
               "aria-label": `${n.label} submenu`,
-              children: h(n.sublinks, t)
+              children: b(n.sublinks, r)
             }
           )
         ]
       },
-      t
+      r
     );
   });
   return /* @__PURE__ */ o(
@@ -108,7 +114,7 @@ function ne({
       className: `${N ?? ""} ${e.navbar} ${x ? e.sticky : ""} `,
       role: "navigation",
       "aria-label": "Main navigation",
-      children: /* @__PURE__ */ d("div", { className: e.container, children: [
+      children: /* @__PURE__ */ u("div", { className: e.container, children: [
         /* @__PURE__ */ o("div", { className: e.logo, children: w }),
         /* @__PURE__ */ o(
           "button",
@@ -127,7 +133,7 @@ function ne({
             className: `${e.nav} ${s ? e.open : ""}`,
             id: "main-menu",
             role: "menubar",
-            children: h($)
+            children: b($)
           }
         )
       ] })

package/package.json

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