@surdeddd/bottom-sheet 0.20.2 → 0.21.1

package/README.md

@@ -227,7 +227,7 @@ type SnapPoint =
 | `snapPoints`         | required      | Ordered list of `{ id, size }`                                                                                             |
 | `allowed`            | all ids       | Subset the sheet may settle on right now                                                                                   |
 | `initial`            | first allowed | Snap id to start at                                                                                                        |
-| `mode`               | `"bottom"`    | `bottom`, `top`, `left`, `right`                                                                                           |
+| `mode`               | `"bottom"`    | `bottom`, `top`, `left`, `right`, or logical `start` / `end`; reactive in React and Vue adapters                           |
 | `animation`          | `"spring"`    | `spring`, `tween`, `ios-spring`, `material-bounce`, `linear`, `snappy`                                                     |
 | `settleAnimation`    | off           | `"waapi"` — settle runs as a compositor-driven Web Animation (pre-sampled spring keyframes); falls back to rAF automatically |
 | `features`           | all defaults  | `EngineFeature[]` — override/extend the composable feature set (see Slim core below)                                       |
@@ -499,6 +499,15 @@ element — drive any CSS animation from drag without touching JS:
 > `z-index` on bs-managed elements. See
 > [Architecture → z-index & the sheet stack](docs/ARCHITECTURE.md).
 
+**Every sheet owns its backdrop.** Open a list, then a detail sheet over it,
+and both backdrops stay live: the dimming deepens with each level, and the
+sheet underneath stays masked for the whole time the one above it closes, so
+taps never reach the page mid-animation. Each backdrop follows its own sheet's
+progress, so a buried sheet that closes clears its own scrim. The stack keeps
+the order sheets started opening in — a sheet opened while another is still
+animating stays on top. If you want a single dim level, pass `backdrop={false}`
+(`:backdrop="false"` in Vue) to the sheets you open on top.
+
 ### Scrim, blur & high contrast
 
 | Token                    | Default     | Region                                               |

package/dist/{BottomSheetCore-VPJZcKcg.d.cts → BottomSheetCore-BHv6LPmS.d.cts}

@@ -305,6 +305,7 @@ declare class BottomSheetCore {
     private progressWriteSentinel;
     private isTopSheet;
     private opening;
+    private promotedForOpen;
     private allowOvershoot;
     private progressPayload;
     private dragContextBuf;

package/dist/{BottomSheetCore-Cgn8b_6A.d.ts → BottomSheetCore-CK_mq14p.d.ts}

@@ -305,6 +305,7 @@ declare class BottomSheetCore {
     private progressWriteSentinel;
     private isTopSheet;
     private opening;
+    private promotedForOpen;
     private allowOvershoot;
     private progressPayload;
     private dragContextBuf;

package/dist/{BottomSheetEngine-B8C2CwF9.d.cts → BottomSheetEngine-mmFzIK1Z.d.cts}

@@ -1,4 +1,4 @@
-import { B as BottomSheetCore, c as EngineOptions } from './BottomSheetCore-VPJZcKcg.cjs';
+import { B as BottomSheetCore, c as EngineOptions } from './BottomSheetCore-BHv6LPmS.cjs';
 
 declare class BottomSheetEngine extends BottomSheetCore {
     constructor(opts: EngineOptions);

package/dist/{BottomSheetEngine-DwYR_ygJ.d.ts → BottomSheetEngine-wLn6Q2kA.d.ts}

@@ -1,4 +1,4 @@
-import { B as BottomSheetCore, c as EngineOptions } from './BottomSheetCore-Cgn8b_6A.js';
+import { B as BottomSheetCore, c as EngineOptions } from './BottomSheetCore-CK_mq14p.js';
 
 declare class BottomSheetEngine extends BottomSheetCore {
     constructor(opts: EngineOptions);

package/dist/core.cjs

@@ -774,7 +774,6 @@ var ScrimController = class {
     __publicField(this, "backdrop");
     __publicField(this, "mode");
     __publicField(this, "isDestroyed");
-    __publicField(this, "isTopSheet");
     __publicField(this, "getAllowedIds");
     __publicField(this, "getResolvedSnaps");
     __publicField(this, "snapToFn");
@@ -796,7 +795,6 @@ var ScrimController = class {
     this.backdrop = deps.backdrop;
     this.mode = deps.mode;
     this.isDestroyed = deps.isDestroyed;
-    this.isTopSheet = deps.isTopSheet;
     this.getAllowedIds = deps.getAllowedIds;
     this.getResolvedSnaps = deps.getResolvedSnaps;
     this.snapToFn = deps.snapTo;
@@ -845,18 +843,16 @@ var ScrimController = class {
         Math.max((progress - s) / range, 0),
         1
       );
-      if (this.isTopSheet() || backdropOpacity === 0) {
-        if (this.backdropOpacitySentinel.shouldWrite(
-          backdropOpacity,
-          OPACITY_WRITE_EPSILON
-        )) {
-          this.backdrop.style.opacity = String(backdropOpacity);
-        }
-        const nextPointer = backdropOpacity > POINTER_EVENTS_OPACITY_THRESHOLD ? "auto" : "none";
-        if (nextPointer !== this.lastBackdropPointer) {
-          this.backdrop.style.pointerEvents = nextPointer;
-          this.lastBackdropPointer = nextPointer;
-        }
+      if (this.backdropOpacitySentinel.shouldWrite(
+        backdropOpacity,
+        OPACITY_WRITE_EPSILON
+      )) {
+        this.backdrop.style.opacity = String(backdropOpacity);
+      }
+      const nextPointer = backdropOpacity > POINTER_EVENTS_OPACITY_THRESHOLD ? "auto" : "none";
+      if (nextPointer !== this.lastBackdropPointer) {
+        this.backdrop.style.pointerEvents = nextPointer;
+        this.lastBackdropPointer = nextPointer;
       }
     }
     if (this.screenComponent && this.scrimMode !== "off") {
@@ -1386,18 +1382,20 @@ var AnimationRunner = class {
   get isAnimating() {
     return this.currentTween !== null || this.currentSpring !== null || this.currentWaapi !== null;
   }
+  cancelWaapi() {
+    if (!this.currentWaapi) return;
+    const entry = this.currentWaapi;
+    this.currentWaapi = null;
+    entry.stop();
+    try {
+      entry.anim.cancel();
+    } catch {
+    }
+  }
   cancel() {
     this.currentTween?.cancel();
     this.currentSpring?.cancel();
-    if (this.currentWaapi) {
-      const entry = this.currentWaapi;
-      this.currentWaapi = null;
-      entry.stop();
-      try {
-        entry.anim.cancel();
-      } catch {
-      }
-    }
+    this.cancelWaapi();
   }
   async animateTo(target, velocityPxPerMs) {
     if (target === this.getSize()) {
@@ -1408,6 +1406,7 @@ var AnimationRunner = class {
     }
     this.currentTween?.cancel();
     this.currentSpring?.cancel();
+    this.cancelWaapi();
     this.getRootEl()?.setAttribute("data-animating", "true");
     this.element.style.willChange = "transform";
     if (this.reducedMotion) {
@@ -2618,6 +2617,7 @@ var BottomSheetCore = class {
     __publicField(this, "progressWriteSentinel", new WriteSentinel());
     __publicField(this, "isTopSheet", true);
     __publicField(this, "opening", false);
+    __publicField(this, "promotedForOpen", false);
     __publicField(this, "allowOvershoot", false);
     __publicField(this, "progressPayload", {
       value: 0,
@@ -2674,7 +2674,6 @@ var BottomSheetCore = class {
         screenComponent: this.screenComponent,
         backdrop: this.backdrop,
         isDestroyed: () => this.destroyed,
-        isTopSheet: () => this.isTopSheet,
         getAllowedIds: () => this.snaps.getAllowedIds().slice(),
         getResolvedSnaps: () => this.snaps.getResolvedSnaps().slice(),
         snapTo: (id) => {
@@ -2944,13 +2943,14 @@ var BottomSheetCore = class {
     if (!_skipBeforeSnap && this.emitBeforeSnap(target, this.activeId)) {
       return;
     }
+    const resumingOpen = this.opening;
     const signal = this.newCycle();
     const onExternalAbort = () => {
       this.animation.cancel();
       this.newCycle();
     };
     externalSignal?.addEventListener("abort", onExternalAbort, { once: true });
-    const wasClosed = this.size === 0;
+    const wasClosed = this.size === 0 || resumingOpen;
     const previousId = this.activeId;
     const previousSize = this.size;
     this.scrollCache.cache(previousId, previousSize, target.size);
@@ -2959,7 +2959,10 @@ var BottomSheetCore = class {
     const opensToRest = id === "closed" || rawTargetSize === 0;
     if (wasClosed && !opensToRest) {
       this.opening = true;
-      sheetStack.promote(this.id);
+      if (!resumingOpen) {
+        this.promotedForOpen = true;
+        sheetStack.promote(this.id);
+      }
     }
     if (this.animation.viewTransitionsAvailable) {
       this.currentViewTransition?.skipTransition?.();
@@ -3650,6 +3653,7 @@ var BottomSheetCore = class {
     this.activeId = target.id;
     if (previousSnapSize === 0 && target.size > 0) {
       this.opening = true;
+      this.promotedForOpen = true;
       sheetStack.promote(this.id);
     }
     const settleCap = this.snaps.getMaxAxisSize();
@@ -3731,7 +3735,8 @@ var BottomSheetCore = class {
     return Math.min(Math.max((size - min) / (reachableMax - min), 0), 1);
   }
   handleOpen() {
-    sheetStack.promote(this.id);
+    if (this.promotedForOpen) this.promotedForOpen = false;
+    else sheetStack.promote(this.id);
     try {
       this.lifecycle.install();
     } catch (err) {
@@ -3763,6 +3768,7 @@ var BottomSheetCore = class {
   }
   handleClose() {
     this.opening = false;
+    this.promotedForOpen = false;
     this.lifecycle.release();
     sheetStack.update();
   }

package/dist/core.d.cts

@@ -1,3 +1,3 @@
-export { B as BottomSheetCore, C as CloseReason, f as EngineFeature, m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage, c as EngineOptions, E as EngineState, S as SheetEventMap, b as SheetMode, w as SnapId, d as SnapPoint, a as SnapPointDef } from './BottomSheetCore-VPJZcKcg.cjs';
-export { R as ResolvedSnap } from './index-CnfbOKx0.cjs';
+export { B as BottomSheetCore, C as CloseReason, f as EngineFeature, m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage, c as EngineOptions, E as EngineState, S as SheetEventMap, b as SheetMode, w as SnapId, d as SnapPoint, a as SnapPointDef } from './BottomSheetCore-BHv6LPmS.cjs';
+export { R as ResolvedSnap } from './index-juAyT76E.cjs';
 import './transform-jVfAikE9.cjs';

package/dist/core.d.ts

@@ -1,3 +1,3 @@
-export { B as BottomSheetCore, C as CloseReason, f as EngineFeature, m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage, c as EngineOptions, E as EngineState, S as SheetEventMap, b as SheetMode, w as SnapId, d as SnapPoint, a as SnapPointDef } from './BottomSheetCore-Cgn8b_6A.js';
-export { R as ResolvedSnap } from './index-DcMkhXAy.js';
+export { B as BottomSheetCore, C as CloseReason, f as EngineFeature, m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage, c as EngineOptions, E as EngineState, S as SheetEventMap, b as SheetMode, w as SnapId, d as SnapPoint, a as SnapPointDef } from './BottomSheetCore-CK_mq14p.js';
+export { R as ResolvedSnap } from './index-CWKv1Xy4.js';
 import './transform-jVfAikE9.js';

package/dist/core.js

@@ -772,7 +772,6 @@ var ScrimController = class {
     __publicField(this, "backdrop");
     __publicField(this, "mode");
     __publicField(this, "isDestroyed");
-    __publicField(this, "isTopSheet");
     __publicField(this, "getAllowedIds");
     __publicField(this, "getResolvedSnaps");
     __publicField(this, "snapToFn");
@@ -794,7 +793,6 @@ var ScrimController = class {
     this.backdrop = deps.backdrop;
     this.mode = deps.mode;
     this.isDestroyed = deps.isDestroyed;
-    this.isTopSheet = deps.isTopSheet;
     this.getAllowedIds = deps.getAllowedIds;
     this.getResolvedSnaps = deps.getResolvedSnaps;
     this.snapToFn = deps.snapTo;
@@ -843,18 +841,16 @@ var ScrimController = class {
         Math.max((progress - s) / range, 0),
         1
       );
-      if (this.isTopSheet() || backdropOpacity === 0) {
-        if (this.backdropOpacitySentinel.shouldWrite(
-          backdropOpacity,
-          OPACITY_WRITE_EPSILON
-        )) {
-          this.backdrop.style.opacity = String(backdropOpacity);
-        }
-        const nextPointer = backdropOpacity > POINTER_EVENTS_OPACITY_THRESHOLD ? "auto" : "none";
-        if (nextPointer !== this.lastBackdropPointer) {
-          this.backdrop.style.pointerEvents = nextPointer;
-          this.lastBackdropPointer = nextPointer;
-        }
+      if (this.backdropOpacitySentinel.shouldWrite(
+        backdropOpacity,
+        OPACITY_WRITE_EPSILON
+      )) {
+        this.backdrop.style.opacity = String(backdropOpacity);
+      }
+      const nextPointer = backdropOpacity > POINTER_EVENTS_OPACITY_THRESHOLD ? "auto" : "none";
+      if (nextPointer !== this.lastBackdropPointer) {
+        this.backdrop.style.pointerEvents = nextPointer;
+        this.lastBackdropPointer = nextPointer;
       }
     }
     if (this.screenComponent && this.scrimMode !== "off") {
@@ -1384,18 +1380,20 @@ var AnimationRunner = class {
   get isAnimating() {
     return this.currentTween !== null || this.currentSpring !== null || this.currentWaapi !== null;
   }
+  cancelWaapi() {
+    if (!this.currentWaapi) return;
+    const entry = this.currentWaapi;
+    this.currentWaapi = null;
+    entry.stop();
+    try {
+      entry.anim.cancel();
+    } catch {
+    }
+  }
   cancel() {
     this.currentTween?.cancel();
     this.currentSpring?.cancel();
-    if (this.currentWaapi) {
-      const entry = this.currentWaapi;
-      this.currentWaapi = null;
-      entry.stop();
-      try {
-        entry.anim.cancel();
-      } catch {
-      }
-    }
+    this.cancelWaapi();
   }
   async animateTo(target, velocityPxPerMs) {
     if (target === this.getSize()) {
@@ -1406,6 +1404,7 @@ var AnimationRunner = class {
     }
     this.currentTween?.cancel();
     this.currentSpring?.cancel();
+    this.cancelWaapi();
     this.getRootEl()?.setAttribute("data-animating", "true");
     this.element.style.willChange = "transform";
     if (this.reducedMotion) {
@@ -2616,6 +2615,7 @@ var BottomSheetCore = class {
     __publicField(this, "progressWriteSentinel", new WriteSentinel());
     __publicField(this, "isTopSheet", true);
     __publicField(this, "opening", false);
+    __publicField(this, "promotedForOpen", false);
     __publicField(this, "allowOvershoot", false);
     __publicField(this, "progressPayload", {
       value: 0,
@@ -2672,7 +2672,6 @@ var BottomSheetCore = class {
         screenComponent: this.screenComponent,
         backdrop: this.backdrop,
         isDestroyed: () => this.destroyed,
-        isTopSheet: () => this.isTopSheet,
         getAllowedIds: () => this.snaps.getAllowedIds().slice(),
         getResolvedSnaps: () => this.snaps.getResolvedSnaps().slice(),
         snapTo: (id) => {
@@ -2942,13 +2941,14 @@ var BottomSheetCore = class {
     if (!_skipBeforeSnap && this.emitBeforeSnap(target, this.activeId)) {
       return;
     }
+    const resumingOpen = this.opening;
     const signal = this.newCycle();
     const onExternalAbort = () => {
       this.animation.cancel();
       this.newCycle();
     };
     externalSignal?.addEventListener("abort", onExternalAbort, { once: true });
-    const wasClosed = this.size === 0;
+    const wasClosed = this.size === 0 || resumingOpen;
     const previousId = this.activeId;
     const previousSize = this.size;
     this.scrollCache.cache(previousId, previousSize, target.size);
@@ -2957,7 +2957,10 @@ var BottomSheetCore = class {
     const opensToRest = id === "closed" || rawTargetSize === 0;
     if (wasClosed && !opensToRest) {
       this.opening = true;
-      sheetStack.promote(this.id);
+      if (!resumingOpen) {
+        this.promotedForOpen = true;
+        sheetStack.promote(this.id);
+      }
     }
     if (this.animation.viewTransitionsAvailable) {
       this.currentViewTransition?.skipTransition?.();
@@ -3648,6 +3651,7 @@ var BottomSheetCore = class {
     this.activeId = target.id;
     if (previousSnapSize === 0 && target.size > 0) {
       this.opening = true;
+      this.promotedForOpen = true;
       sheetStack.promote(this.id);
     }
     const settleCap = this.snaps.getMaxAxisSize();
@@ -3729,7 +3733,8 @@ var BottomSheetCore = class {
     return Math.min(Math.max((size - min) / (reachableMax - min), 0), 1);
   }
   handleOpen() {
-    sheetStack.promote(this.id);
+    if (this.promotedForOpen) this.promotedForOpen = false;
+    else sheetStack.promote(this.id);
     try {
       this.lifecycle.install();
     } catch (err) {
@@ -3761,6 +3766,7 @@ var BottomSheetCore = class {
   }
   handleClose() {
     this.opening = false;
+    this.promotedForOpen = false;
     this.lifecycle.release();
     sheetStack.update();
   }

package/dist/debug.d.cts

@@ -1,4 +1,4 @@
-import { E as EngineState, S as SheetEventMap } from './BottomSheetCore-VPJZcKcg.cjs';
+import { E as EngineState, S as SheetEventMap } from './BottomSheetCore-BHv6LPmS.cjs';
 import './transform-jVfAikE9.cjs';
 
 type DebugOverlayPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right";

package/dist/debug.d.ts

@@ -1,4 +1,4 @@
-import { E as EngineState, S as SheetEventMap } from './BottomSheetCore-Cgn8b_6A.js';
+import { E as EngineState, S as SheetEventMap } from './BottomSheetCore-CK_mq14p.js';
 import './transform-jVfAikE9.js';
 
 type DebugOverlayPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right";

package/dist/element.cjs

@@ -885,7 +885,6 @@ var init_scrim_controller = __esm({
         __publicField(this, "backdrop");
         __publicField(this, "mode");
         __publicField(this, "isDestroyed");
-        __publicField(this, "isTopSheet");
         __publicField(this, "getAllowedIds");
         __publicField(this, "getResolvedSnaps");
         __publicField(this, "snapToFn");
@@ -907,7 +906,6 @@ var init_scrim_controller = __esm({
         this.backdrop = deps.backdrop;
         this.mode = deps.mode;
         this.isDestroyed = deps.isDestroyed;
-        this.isTopSheet = deps.isTopSheet;
         this.getAllowedIds = deps.getAllowedIds;
         this.getResolvedSnaps = deps.getResolvedSnaps;
         this.snapToFn = deps.snapTo;
@@ -956,18 +954,16 @@ var init_scrim_controller = __esm({
             Math.max((progress - s) / range, 0),
             1
           );
-          if (this.isTopSheet() || backdropOpacity === 0) {
-            if (this.backdropOpacitySentinel.shouldWrite(
-              backdropOpacity,
-              OPACITY_WRITE_EPSILON
-            )) {
-              this.backdrop.style.opacity = String(backdropOpacity);
-            }
-            const nextPointer = backdropOpacity > POINTER_EVENTS_OPACITY_THRESHOLD ? "auto" : "none";
-            if (nextPointer !== this.lastBackdropPointer) {
-              this.backdrop.style.pointerEvents = nextPointer;
-              this.lastBackdropPointer = nextPointer;
-            }
+          if (this.backdropOpacitySentinel.shouldWrite(
+            backdropOpacity,
+            OPACITY_WRITE_EPSILON
+          )) {
+            this.backdrop.style.opacity = String(backdropOpacity);
+          }
+          const nextPointer = backdropOpacity > POINTER_EVENTS_OPACITY_THRESHOLD ? "auto" : "none";
+          if (nextPointer !== this.lastBackdropPointer) {
+            this.backdrop.style.pointerEvents = nextPointer;
+            this.lastBackdropPointer = nextPointer;
           }
         }
         if (this.screenComponent && this.scrimMode !== "off") {
@@ -1528,18 +1524,20 @@ var init_animation_runner = __esm({
       get isAnimating() {
         return this.currentTween !== null || this.currentSpring !== null || this.currentWaapi !== null;
       }
+      cancelWaapi() {
+        if (!this.currentWaapi) return;
+        const entry = this.currentWaapi;
+        this.currentWaapi = null;
+        entry.stop();
+        try {
+          entry.anim.cancel();
+        } catch {
+        }
+      }
       cancel() {
         this.currentTween?.cancel();
         this.currentSpring?.cancel();
-        if (this.currentWaapi) {
-          const entry = this.currentWaapi;
-          this.currentWaapi = null;
-          entry.stop();
-          try {
-            entry.anim.cancel();
-          } catch {
-          }
-        }
+        this.cancelWaapi();
       }
       async animateTo(target, velocityPxPerMs) {
         if (target === this.getSize()) {
@@ -1550,6 +1548,7 @@ var init_animation_runner = __esm({
         }
         this.currentTween?.cancel();
         this.currentSpring?.cancel();
+        this.cancelWaapi();
         this.getRootEl()?.setAttribute("data-animating", "true");
         this.element.style.willChange = "transform";
         if (this.reducedMotion) {
@@ -2896,6 +2895,7 @@ var init_BottomSheetCore = __esm({
         __publicField(this, "progressWriteSentinel", new WriteSentinel());
         __publicField(this, "isTopSheet", true);
         __publicField(this, "opening", false);
+        __publicField(this, "promotedForOpen", false);
         __publicField(this, "allowOvershoot", false);
         __publicField(this, "progressPayload", {
           value: 0,
@@ -2952,7 +2952,6 @@ var init_BottomSheetCore = __esm({
             screenComponent: this.screenComponent,
             backdrop: this.backdrop,
             isDestroyed: () => this.destroyed,
-            isTopSheet: () => this.isTopSheet,
             getAllowedIds: () => this.snaps.getAllowedIds().slice(),
             getResolvedSnaps: () => this.snaps.getResolvedSnaps().slice(),
             snapTo: (id) => {
@@ -3222,13 +3221,14 @@ var init_BottomSheetCore = __esm({
         if (!_skipBeforeSnap && this.emitBeforeSnap(target, this.activeId)) {
           return;
         }
+        const resumingOpen = this.opening;
         const signal = this.newCycle();
         const onExternalAbort = () => {
           this.animation.cancel();
           this.newCycle();
         };
         externalSignal?.addEventListener("abort", onExternalAbort, { once: true });
-        const wasClosed = this.size === 0;
+        const wasClosed = this.size === 0 || resumingOpen;
         const previousId = this.activeId;
         const previousSize = this.size;
         this.scrollCache.cache(previousId, previousSize, target.size);
@@ -3237,7 +3237,10 @@ var init_BottomSheetCore = __esm({
         const opensToRest = id === "closed" || rawTargetSize === 0;
         if (wasClosed && !opensToRest) {
           this.opening = true;
-          sheetStack.promote(this.id);
+          if (!resumingOpen) {
+            this.promotedForOpen = true;
+            sheetStack.promote(this.id);
+          }
         }
         if (this.animation.viewTransitionsAvailable) {
           this.currentViewTransition?.skipTransition?.();
@@ -3928,6 +3931,7 @@ var init_BottomSheetCore = __esm({
         this.activeId = target.id;
         if (previousSnapSize === 0 && target.size > 0) {
           this.opening = true;
+          this.promotedForOpen = true;
           sheetStack.promote(this.id);
         }
         const settleCap = this.snaps.getMaxAxisSize();
@@ -4009,7 +4013,8 @@ var init_BottomSheetCore = __esm({
         return Math.min(Math.max((size - min) / (reachableMax - min), 0), 1);
       }
       handleOpen() {
-        sheetStack.promote(this.id);
+        if (this.promotedForOpen) this.promotedForOpen = false;
+        else sheetStack.promote(this.id);
         try {
           this.lifecycle.install();
         } catch (err) {
@@ -4041,6 +4046,7 @@ var init_BottomSheetCore = __esm({
       }
       handleClose() {
         this.opening = false;
+        this.promotedForOpen = false;
         this.lifecycle.release();
         sheetStack.update();
       }
@@ -4690,6 +4696,7 @@ var init_attributes = __esm({
     ATTR_SCRIM_COLOR = "scrim-color";
     ATTR_SNAP = "snap";
     LIVE_ATTRS = /* @__PURE__ */ new Set([
+      ATTR_MODE,
       ATTR_RADIUS,
       ATTR_MAX_HEIGHT,
       ATTR_BACKDROP_COLOR,
@@ -4916,6 +4923,9 @@ var init_BottomSheetElement = __esm({
             if (mode) this.engine.setDragFrom(mode);
             break;
           }
+          case ATTR_MODE:
+            this.engine.setMode(parseMode(value));
+            break;
           case ATTR_SNAP:
             if (value && value !== this.engine.state.activeId) {
               void this.engine.snapTo(value);

package/dist/element.d.cts

@@ -1,5 +1,5 @@
-import { B as BottomSheetEngine } from './BottomSheetEngine-B8C2CwF9.cjs';
-import { C as CloseReason, A as AnchorOptions, e as ScrimStagesOptions, E as EngineState } from './BottomSheetCore-VPJZcKcg.cjs';
+import { B as BottomSheetEngine } from './BottomSheetEngine-mmFzIK1Z.cjs';
+import { C as CloseReason, A as AnchorOptions, e as ScrimStagesOptions, E as EngineState } from './BottomSheetCore-BHv6LPmS.cjs';
 import './transform-jVfAikE9.cjs';
 
 declare const BaseHTMLElement: typeof HTMLElement;

package/dist/element.d.ts

@@ -1,5 +1,5 @@
-import { B as BottomSheetEngine } from './BottomSheetEngine-DwYR_ygJ.js';
-import { C as CloseReason, A as AnchorOptions, e as ScrimStagesOptions, E as EngineState } from './BottomSheetCore-Cgn8b_6A.js';
+import { B as BottomSheetEngine } from './BottomSheetEngine-wLn6Q2kA.js';
+import { C as CloseReason, A as AnchorOptions, e as ScrimStagesOptions, E as EngineState } from './BottomSheetCore-CK_mq14p.js';
 import './transform-jVfAikE9.js';
 
 declare const BaseHTMLElement: typeof HTMLElement;