npm - quirk-ui - Versions diffs - 0.0.65 → 0.0.67 - Mend

quirk-ui 0.0.65 → 0.0.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/components/Carousel/index.js +19 -17
package/dist/components/NavBar/index.js +50 -44
package/package.json +1 -1

package/dist/components/Carousel/index.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 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,36 +31,42 @@ const W = [
   parent: Q
 };
 function ne({
-  logo: w,
+  logo: y,
   items: $,
   isSticky: x = !1,
   className: N
 }) {
-  const [s, _] = f(!1), [C, l] = f(null), i = T(null), E = () => {
-    _((a) => !a);
-  }, L = (a) => {
-    l((r) => r === a ? null : a);
-  }, v = m((a) => {
-    i.current && !i.current.contains(a.target) && l(null);
+  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);
-  }, []), b = m(() => {
-    window.innerWidth > 768 && (_(!1), l(null), document.body.style.overflow = "");
+  }, []), v = 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(
+  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 = t ? "hidden" : "", () => {
+        document.body.style.overflow = "";
+      };
+  }, [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} ${r ? "" : 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,
@@ -68,63 +74,63 @@ 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(i),
               children: [
                 n.label,
-                u && /* @__PURE__ */ o(O, { size: 21, className: e.chevron })
+                d && /* @__PURE__ */ s(O, { size: 21, className: e.chevron })
               ]
             }
           ) }),
-          u && /* @__PURE__ */ o(
+          d && /* @__PURE__ */ s(
             "div",
             {
               className: `${e.sublinks} ${c ? e.show : ""}`,
               role: "menu",
               "aria-label": `${n.label} submenu`,
-              children: h(n.sublinks, t)
+              children: h(n.sublinks, i)
             }
           )
         ]
       },
-      t
+      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__ */ d("div", { className: e.container, children: [
-        /* @__PURE__ */ o("div", { className: e.logo, children: w }),
-        /* @__PURE__ */ o(
+      children: /* @__PURE__ */ u("div", { className: e.container, children: [
+        /* @__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: h($)

package/package.json CHANGED Viewed

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