tera-system-ui 0.2.4 → 0.2.6

package/dist/components/bottom-sheet/BottomSheet.svelte

@@ -1114,10 +1114,19 @@ function handleBackdropClick(e) {
  * check reads the state as it was when the key was pressed.
  */
 function handleKeydown(e) {
-    if (e.key === 'Escape' && isVisible && overlayStack.isTopmost(id)) {
+    if (e.key !== 'Escape' || !isVisible || !overlayStack.isTopmost(id))
+        return;
+    // dragToClose=false locks the sheet against user dismissal: if a drag can't close it,
+    // Escape shouldn't either. Still swallow the key (preventDefault + stopPropagation) so a
+    // locked topmost sheet ABSORBS Escape instead of letting it fall through and close an
+    // overlay beneath it — the sheet on top owns the keypress.
+    if (!dragToClose) {
         e.preventDefault();
-        doClose();
+        e.stopPropagation();
+        return;
     }
+    e.preventDefault();
+    doClose();
 }
 // Svelte action for touch events
 function touchEvents(node) {
@@ -1141,6 +1150,7 @@ function touchEvents(node) {
     <!-- svelte-ignore a11y_no_static_element_interactions -->
     <div
             bind:this={backdropRef}
+            data-bottom-sheet-backdrop
             class={r.backdrop()}
             style:z-index={zIndex}
             onpointerdown={handleBackdropPointerDown}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tera-system-ui",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "scripts": {
     "dev": "vite dev",
     "build": "npm run customPrepublish && npm run generate-index && npm run generate-registry && npm run generate-llms && vite build && npm run package && npm run copy-docs && npm run copy-llms && npm run postpublish",