sveltacular 1.0.33 → 1.0.34

package/dist/generic/overlay.svelte

@@ -4,11 +4,13 @@
 	let {
 		show = true,
 		onClick = undefined,
+		onEscape = undefined,
 		blur = false,
 		children
 	}: {
 		show?: boolean;
 		onClick?: (() => void) | undefined;
+		onEscape?: (() => void) | undefined;
 		blur?: boolean;
 		children?: Snippet;
 	} = $props();
@@ -22,7 +24,7 @@
 
 	const onKeyPress = (event: KeyboardEvent) => {
 		if (event.key === 'Escape') {
-			onClick?.();
+			onEscape?.();
 		}
 	};
 </script>

package/dist/generic/overlay.svelte.d.ts

@@ -2,6 +2,7 @@ import type { Snippet } from 'svelte';
 type $$ComponentProps = {
     show?: boolean;
     onClick?: (() => void) | undefined;
+    onEscape?: (() => void) | undefined;
     blur?: boolean;
     children?: Snippet;
 };

package/dist/modals/alert.svelte

@@ -37,7 +37,7 @@
 </script>
 
 {#if open}
-	<Overlay onClick={close}>
+	<Overlay onEscape={close}>
 		<Dialog
 			{size}
 			role="alertdialog"

package/dist/modals/confirm.svelte

@@ -48,7 +48,7 @@
 </script>
 
 {#if open}
-	<Overlay onClick={no}>
+	<Overlay onEscape={no}>
 		<Dialog
 			{size}
 			role="alertdialog"

package/dist/modals/modal.svelte

@@ -80,7 +80,7 @@
 </script>
 
 {#if open}
-	<Overlay {blur} onClick={close}>
+	<Overlay {blur} onEscape={dismissable ? close : undefined}>
 		<div bind:this={dialogElement}>
 			<Dialog {size} {glass} role="dialog" aria-modal="true" aria-labelledby={titleId}>
 				<DialogCloseButton show={_showCloseButton} onClick={close} />

package/dist/modals/prompt.svelte

@@ -58,7 +58,7 @@
 </script>
 
 {#if open}
-	<Overlay onClick={no}>
+	<Overlay onEscape={no}>
 		<Dialog
 			{size}
 			role="dialog"

package/dist/navigation/drawer/drawer.svelte

@@ -42,7 +42,7 @@
 </script>
 
 {#if open}
-	<Overlay onClick={close}>
+	<Overlay onEscape={dismissable ? close : undefined}>
 		<div
 			bind:this={drawerElement}
 			class="drawer {position}"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sveltacular",
-	"version": "1.0.33",
+	"version": "1.0.34",
 	"description": "A Svelte component library",
 	"main": "dist/index.js",
 	"module": "dist/index.js",