@epoch32/visage 1.3.2 → 1.3.3

package/dist/{index-vbsc8z8h.js → index-9700cg44.js}

@@ -575,7 +575,7 @@ function useDismiss2(element, options) {
     }
   };
   if (typeof document !== "undefined") {
-    const unbind = onClickOutside2(() => {
+    const unbindPointer = onClickOutside2(() => {
       const el = element();
       const rawIgnores = typeof options.outsideIgnore === "function" ? options.outsideIgnore() : options.outsideIgnore;
       const ignores = Array.isArray(rawIgnores) ? rawIgnores : rawIgnores ? [rawIgnores] : [];
@@ -592,7 +592,25 @@ function useDismiss2(element, options) {
         options.onDismiss();
       }
     });
-    onCleanup2(unbind);
+    const onGlobalKeyDown = (e) => {
+      if (!isEnabled() || e.defaultPrevented)
+        return;
+      if (e.key === "Escape" && (options.escapeKey ?? true)) {
+        if (options.onEscapeKeyDown) {
+          options.onEscapeKeyDown(e);
+        }
+        if (!e.defaultPrevented) {
+          options.onDismiss();
+          e.stopPropagation();
+        }
+      }
+    };
+    const targetWindow = typeof window !== "undefined" ? window : document;
+    targetWindow.addEventListener("keydown", onGlobalKeyDown);
+    onCleanup2(() => {
+      unbindPointer();
+      targetWindow.removeEventListener("keydown", onGlobalKeyDown);
+    });
   }
   return {
     handleKeyDown,

package/dist/index.js

@@ -153,7 +153,7 @@ import {
   ToastDescription2,
   ToastClose2,
   Toast2
-} from "./index-vbsc8z8h.js";
+} from "./index-9700cg44.js";
 import {
   createVirtualizer2,
   VirtualList2,

package/dist/ui/index.js

@@ -55,7 +55,7 @@ import {
   ToastDescription2,
   ToastClose2,
   Toast2
-} from "../index-vbsc8z8h.js";
+} from "../index-9700cg44.js";
 import {
   createId2,
   createControllableSignal2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epoch32/visage",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Lightning-fast, zero-VDOM, fine-grained reactive UI library with full TypeScript support",
   "type": "module",
   "main": "./dist/index.js",

package/src/ui/overlay.ts

@@ -97,9 +97,9 @@ export function useDismiss(
     }
   };
 
-  // Setup outside pointer listener
+  // Setup outside pointer listener and global escape key listener
   if (typeof document !== "undefined") {
-    const unbind = onClickOutside(
+    const unbindPointer = onClickOutside(
       () => {
         const el = element();
         const rawIgnores =
@@ -120,7 +120,27 @@ export function useDismiss(
         }
       }
     );
-    onCleanup(unbind);
+
+    const onGlobalKeyDown = (e: KeyboardEvent) => {
+      if (!isEnabled() || e.defaultPrevented) return;
+      if (e.key === "Escape" && (options.escapeKey ?? true)) {
+        if (options.onEscapeKeyDown) {
+          options.onEscapeKeyDown(e);
+        }
+        if (!e.defaultPrevented) {
+          options.onDismiss();
+          e.stopPropagation();
+        }
+      }
+    };
+
+    const targetWindow = typeof window !== "undefined" ? window : document;
+    targetWindow.addEventListener("keydown", onGlobalKeyDown as any);
+
+    onCleanup(() => {
+      unbindPointer();
+      targetWindow.removeEventListener("keydown", onGlobalKeyDown as any);
+    });
   }
 
   return {