quirk-ui 0.0.402 → 0.0.403

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("react");function c({}){const[r,n]=e.useState(0),t=e.useRef(null),u=e.useCallback(()=>{if(t.current){const a=t.current.getBoundingClientRect().width;n(a)}},[]);return e.useEffect(()=>(u(),()=>{}),[]),i.jsxs("p",{children:["Nav: ",r]})}exports.Navbar=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react/jsx-runtime"),e=require("react");function h({}){const[d,a]=e.useState(0),[l,t]=e.useState(null),[f,v]=e.useState(!1),i=e.useRef(null),s=e.useRef(null),o=e.useCallback(n=>{i.current&&!i.current.contains(n.target)&&t(null)},[]),u=e.useCallback(()=>{c(),typeof window<"u"&&window.innerWidth>768&&(v(!1),t(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),c=e.useCallback(()=>{if(s.current){const n=s.current.getBoundingClientRect().width;a(n)}},[]);return e.useEffect(()=>{const n=typeof window<"u",r=typeof document<"u";return n&&window.addEventListener("resize",u),r&&document.addEventListener("click",o),c(),()=>{n&&window.removeEventListener("resize",u),r&&document.removeEventListener("click",o)}},[]),w.jsxs("p",{children:["Nav: ",d," ",l," ",f]})}exports.Navbar=h;

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

@@ -1,18 +1,30 @@
-import { jsxs as a } from "react/jsx-runtime";
-import { useState as s, useRef as u, useCallback as c, useEffect as o } from "react";
-function h({}) {
-  const [e, r] = s(0), t = u(null), n = c(() => {
-    if (t.current) {
-      const i = t.current.getBoundingClientRect().width;
-      r(i);
+import { jsxs as h } from "react/jsx-runtime";
+import { useState as n, useRef as f, useCallback as t, useEffect as p } from "react";
+function N({}) {
+  const [a, l] = n(0), [m, i] = n(null), [v, w] = n(!1), o = f(null), s = f(null), d = t((e) => {
+    o.current && !o.current.contains(e.target) && i(null);
+  }, []), r = t(() => {
+    c(), typeof window < "u" && window.innerWidth > 768 && (w(!1), i(null), typeof document < "u" && (document.body.style.overflow = ""));
+  }, []), c = t(() => {
+    if (s.current) {
+      const e = s.current.getBoundingClientRect().width;
+      l(e);
     }
   }, []);
-  return o(() => (n(), () => {
-  }), []), /* @__PURE__ */ a("p", { children: [
+  return p(() => {
+    const e = typeof window < "u", u = typeof document < "u";
+    return e && window.addEventListener("resize", r), u && document.addEventListener("click", d), c(), () => {
+      e && window.removeEventListener("resize", r), u && document.removeEventListener("click", d);
+    };
+  }, []), /* @__PURE__ */ h("p", { children: [
     "Nav: ",
-    e
+    a,
+    " ",
+    m,
+    " ",
+    v
   ] });
 }
 export {
-  h as Navbar
+  N as Navbar
 };

package/package.json

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