@luminescent/ui-qwik 6.1.1 → 6.2.0

package/lib/index.qwik.cjs

@@ -685,8 +685,18 @@ const Menu = qwik.component$(({ size, ...props }) => {
     ]
   });
 });
-const Nav = qwik.component$(({ fixed, floating, noblur, nohamburger, colorClass = "lum-bg-lum-card-bg", ...props }) => {
+const Nav = qwik.component$(({ fixed, floating, noblur, nohamburger, nodismiss, colorClass = "lum-bg-lum-card-bg", ...props }) => {
   const menu = qwik.useSignal(false);
+  qwik.useTask$(({ track }) => {
+    track(() => menu.value);
+    if (menu.value && !nodismiss) {
+      const onClick = () => {
+        menu.value = false;
+        window.removeEventListener("click", onClick);
+      };
+      window.addEventListener("click", onClick);
+    }
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs("nav", {
     ...props,
     class: {

package/lib/index.qwik.mjs

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
-import { component$, Slot, useStore, $, useSignal, useStyles$ } from "@builder.io/qwik";
+import { component$, Slot, useStore, $, useSignal, useTask$, useStyles$ } from "@builder.io/qwik";
 const Link = component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -683,8 +683,18 @@ const Menu = component$(({ size, ...props }) => {
     ]
   });
 });
-const Nav = component$(({ fixed, floating, noblur, nohamburger, colorClass = "lum-bg-lum-card-bg", ...props }) => {
+const Nav = component$(({ fixed, floating, noblur, nohamburger, nodismiss, colorClass = "lum-bg-lum-card-bg", ...props }) => {
   const menu = useSignal(false);
+  useTask$(({ track }) => {
+    track(() => menu.value);
+    if (menu.value && !nodismiss) {
+      const onClick = () => {
+        menu.value = false;
+        window.removeEventListener("click", onClick);
+      };
+      window.addEventListener("click", onClick);
+    }
+  });
   return /* @__PURE__ */ jsxs("nav", {
     ...props,
     class: {

package/lib-types/components/elements/Nav.d.ts

@@ -7,6 +7,7 @@ interface NavProps extends Omit<PropsOf<'nav'>, 'class'> {
     floating?: boolean;
     noblur?: boolean;
     nohamburger?: boolean;
+    nodismiss?: boolean;
     colorClass?: string;
 }
 export declare const Nav: import("@builder.io/qwik").Component<NavProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui-qwik",
-  "version": "6.1.1",
+  "version": "6.2.0",
   "description": "Luminescent UI library - Qwik",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -50,7 +50,7 @@
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
-    "@luminescent/ui": "6.1.1"
+    "@luminescent/ui": "6.2.0"
   },
   "scripts": {
     "build": "qwik build",