@surdeddd/bottom-sheet 0.13.0 → 0.20.0

package/dist/index.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
-// src/core/lifecycle/sheetStack.ts
+// src/core/lifecycle/sheet-stack.ts
 var BASE_Z = 100;
 var STEP = 10;
 var SheetStack = class {
@@ -84,12 +84,6 @@ function buildTransformTemplate(axis) {
       return (offset) => `translate3d(${offset}px, 0, 0)`;
   }
 }
-var CLOSED_TRANSFORM = {
-  bottom: "translate3d(0, 100%, 0)",
-  top: "translate3d(0, -100%, 0)",
-  left: "translate3d(-100%, 0, 0)",
-  right: "translate3d(100%, 0, 0)"
-};
 var layoutAxis = (axis) => axis === "left" || axis === "right" ? "width" : "height";
 
 // src/core/primitives/instance-id.ts
@@ -133,7 +127,7 @@ function createEventBus() {
   };
 }
 
-// src/core/primitives/cssLength.ts
+// src/core/primitives/css-length.ts
 var probe = null;
 var PROBE_ATTR = "data-bs-probe";
 var ensureProbe = (axis) => {
@@ -187,7 +181,7 @@ var resolveSnap = (point, mode, measureFit) => {
   return Math.max(0, el.getBoundingClientRect().width);
 };
 
-// src/core/primitives/devWarn.ts
+// src/core/primitives/dev-warn.ts
 function devWarn(...args) {
   if (typeof process !== "undefined" && process.env && process.env.NODE_ENV !== "production" && typeof console !== "undefined") {
     console.warn(...args);
@@ -319,6 +313,11 @@ var SnapResolver = class {
     this.raw = raw;
     this.recompute();
   }
+  setMode(mode) {
+    if (mode === this.mode) return;
+    this.mode = mode;
+    this.recompute();
+  }
   setAllowedIds(ids) {
     this.allowedIds = ids;
     this.rangeCache = null;
@@ -902,6 +901,11 @@ var ScrimController = class {
     if (this.isDestroyed()) return;
     this.applyScrimStyles({ interactive });
   }
+  setSheetMode(mode) {
+    if (this.isDestroyed() || mode === this.mode) return;
+    this.mode = mode;
+    this.invalidateOpacityCache();
+  }
   setScrimMode(mode, applySize) {
     if (this.isDestroyed()) return;
     if (mode === this.scrimMode) return;
@@ -1520,7 +1524,7 @@ var AnimationRunner = class {
   }
 };
 
-// src/core/lifecycle/focusTrap.ts
+// src/core/lifecycle/focus-trap.ts
 var FOCUSABLE = [
   "a[href]",
   "area[href]",
@@ -1638,7 +1642,7 @@ var installFocusTrap = (container, options = {}) => {
   };
 };
 
-// src/core/lifecycle/scrollLock.ts
+// src/core/lifecycle/scroll-lock.ts
 var lockCount = 0;
 var savedStyles = null;
 var lockBodyScroll = () => {
@@ -1820,30 +1824,47 @@ var SampleRing = class {
     this.size = 0;
   }
 };
-var installGestures = (handle, mode, callbacks) => {
+var installGestures = (handle, mode, callbacks, options = {}) => {
   let activePointerId = null;
   let activePointerType = "touch";
   let startCoord = 0;
+  let startCross = 0;
   let lastCoord = 0;
+  let pendingStart = false;
   const VELOCITY_WINDOW_MS = (kind) => kind === "mouse" ? 160 : 120;
   const MAX_SAMPLES = 32;
   const samples = new SampleRing(MAX_SAMPLES);
   const axis = isAxisVertical(mode) ? "Y" : "X";
   const sign = mode === "bottom" || mode === "right" ? -1 : 1;
   const coordOf = (e) => axis === "Y" ? e.clientY : e.clientX;
+  const crossOf = (e) => axis === "Y" ? e.clientX : e.clientY;
+  const capture = (pointerId) => {
+    try {
+      handle.setPointerCapture(pointerId);
+    } catch {
+    }
+  };
+  const releaseTracking = () => {
+    activePointerId = null;
+    pendingStart = false;
+    samples.reset();
+  };
   const onPointerDown = (e) => {
     if (activePointerId !== null) return;
     if (e.button !== void 0 && e.button !== 0) return;
+    if (options.shouldStart && !options.shouldStart(e)) return;
     activePointerId = e.pointerId;
     activePointerType = e.pointerType || "touch";
     startCoord = coordOf(e);
+    startCross = crossOf(e);
     lastCoord = startCoord;
     samples.reset();
     samples.push(e.timeStamp, startCoord);
-    try {
-      handle.setPointerCapture(e.pointerId);
-    } catch {
+    if (options.deferStart) {
+      pendingStart = true;
+      return;
     }
+    capture(e.pointerId);
     callbacks.onStart(startCoord, activePointerType);
   };
   const onPointerMove = (e) => {
@@ -1851,6 +1872,22 @@ var installGestures = (handle, mode, callbacks) => {
     const coord = coordOf(e);
     const rawDelta = coord - startCoord;
     const delta = rawDelta * sign;
+    if (pendingStart) {
+      const verdict = options.deferStart(e, delta, crossOf(e) - startCross);
+      if (verdict === false) {
+        releaseTracking();
+        return;
+      }
+      if (verdict !== true) return;
+      pendingStart = false;
+      startCoord = coord;
+      lastCoord = coord;
+      samples.reset();
+      samples.push(e.timeStamp, coord);
+      capture(e.pointerId);
+      callbacks.onStart(startCoord, activePointerType);
+      return;
+    }
     lastCoord = coord;
     samples.push(e.timeStamp, coord);
     const cutoff = e.timeStamp - VELOCITY_WINDOW_MS(activePointerType);
@@ -1859,6 +1896,10 @@ var installGestures = (handle, mode, callbacks) => {
   };
   const finishGesture = (e) => {
     if (e.pointerId !== activePointerId) return;
+    if (pendingStart) {
+      releaseTracking();
+      return;
+    }
     const rawDelta = lastCoord - startCoord;
     const delta = rawDelta * sign;
     let velocity = 0;
@@ -1881,28 +1922,31 @@ var installGestures = (handle, mode, callbacks) => {
   };
   const onPointerCancel = (e) => {
     if (e.pointerId !== activePointerId) return;
-    activePointerId = null;
-    samples.reset();
+    const wasPending = pendingStart;
+    releaseTracking();
+    if (wasPending) return;
     callbacks.onCancel?.();
   };
   handle.addEventListener("pointerdown", onPointerDown);
   handle.addEventListener("pointermove", onPointerMove);
   handle.addEventListener("pointerup", finishGesture);
   handle.addEventListener("pointercancel", onPointerCancel);
+  const managesTouchAction = options.manageTouchAction !== false;
   const prevTouchAction = handle.style.touchAction;
-  handle.style.touchAction = isAxisVertical(mode) ? "pan-x" : "pan-y";
+  if (managesTouchAction) {
+    handle.style.touchAction = isAxisVertical(mode) ? "pan-x" : "pan-y";
+  }
   return () => {
     handle.removeEventListener("pointerdown", onPointerDown);
     handle.removeEventListener("pointermove", onPointerMove);
     handle.removeEventListener("pointerup", finishGesture);
     handle.removeEventListener("pointercancel", onPointerCancel);
-    handle.style.touchAction = prevTouchAction;
+    if (managesTouchAction) handle.style.touchAction = prevTouchAction;
     if (activePointerId !== null && handle.hasPointerCapture(activePointerId)) {
       handle.releasePointerCapture(activePointerId);
     }
   };
 };
-var attachGestures = installGestures;
 
 // src/core/primitives/rubber-band.ts
 function rubberBand(overshoot, maxAxisSize) {
@@ -2016,7 +2060,7 @@ var GestureController = class {
         const restoreTo = this.dragStartSize;
         void this.deps.animateTo(restoreTo, 0);
       }
-    });
+    }, this.deps.gestureOptions);
     return this.detach;
   }
   forceClearDragState() {
@@ -2028,6 +2072,74 @@ var GestureController = class {
   }
 };
 
+// src/core/primitives/drag-zones.ts
+var DRAG_ZONE_SELECTOR = "[data-bs-drag]";
+var NO_DRAG_SELECTOR = "[data-bs-no-drag]";
+var asElement = (target) => {
+  const candidate = target;
+  return candidate && typeof candidate.closest === "function" ? candidate : null;
+};
+function isDragAllowedFrom(target, mode) {
+  const el = asElement(target);
+  if (!el) return mode !== "zones";
+  if (el.closest(NO_DRAG_SELECTOR)) return false;
+  if (mode === "zones") return el.closest(DRAG_ZONE_SELECTOR) !== null;
+  return true;
+}
+
+// src/core/primitives/content-gesture.ts
+var CONTENT_DRAG_SLOP = 6;
+function decideContentGesture(input) {
+  const slop = input.slop ?? CONTENT_DRAG_SLOP;
+  const cross = input.crossDelta ?? 0;
+  const sharesScrollAxis = input.sharesScrollAxis ?? true;
+  if (!sharesScrollAxis) {
+    if (Math.abs(input.delta) < slop && Math.abs(cross) < slop) return "pending";
+    if (Math.abs(input.delta) <= Math.abs(cross)) return "scroll";
+    return "drag";
+  }
+  if (Math.abs(input.delta) < slop) return "pending";
+  if (input.scrollTop > 0) return "scroll";
+  if (input.delta > 0 && input.atMaxSnap) return "scroll";
+  return "drag";
+}
+
+// src/core/primitives/logical-mode.ts
+var isLogicalMode = (mode) => mode === "start" || mode === "end";
+var readDirection = (el) => {
+  if (!el) return "ltr";
+  if (typeof getComputedStyle === "function") {
+    try {
+      if (getComputedStyle(el).direction === "rtl") return "rtl";
+    } catch {
+    }
+  }
+  try {
+    const marked = el.closest?.("[dir]");
+    if (marked) {
+      return marked.getAttribute("dir")?.toLowerCase() === "rtl" ? "rtl" : "ltr";
+    }
+  } catch {
+  }
+  return "ltr";
+};
+var resolveMode = (mode, el) => {
+  if (!isLogicalMode(mode)) return mode;
+  const rtl = readDirection(el) === "rtl";
+  if (mode === "start") return rtl ? "right" : "left";
+  return rtl ? "left" : "right";
+};
+
+// src/core/primitives/touch-scroll-guard.ts
+function installTouchScrollGuard(surface, isDragging) {
+  const onTouchMove = (e) => {
+    if (!isDragging()) return;
+    if (e.cancelable) e.preventDefault();
+  };
+  surface.addEventListener("touchmove", onTouchMove, { passive: false });
+  return () => surface.removeEventListener("touchmove", onTouchMove);
+}
+
 // src/core/primitives/aria-slider-writer.ts
 var AriaSliderWriter = class {
   constructor(handle, mode) {
@@ -2380,9 +2492,11 @@ function resolveEngineOptions(opts, extras) {
     }
   }
   return {
-    mode: opts.mode ?? "bottom",
+    mode: resolveMode(opts.mode ?? "bottom", opts.element),
     flickVelocity: opts.flickVelocity ?? DEFAULT_FLICK_VELOCITY,
     dragThreshold: opts.dragThreshold ?? DEFAULT_DRAG_THRESHOLD,
+    dragFrom: opts.dragFrom ?? (opts.handle ? "handle" : "sheet"),
+    dragFromContent: opts.dragFromContent ?? true,
     rubberBandEnabled: opts.rubberBand ?? true,
     closeOnBack: opts.closeOnBack ?? false,
     persistent: opts.persistent ?? false,
@@ -2468,6 +2582,8 @@ var BottomSheetCore = class {
     __publicField(this, "mode");
     __publicField(this, "flickVelocity");
     __publicField(this, "dragThreshold");
+    __publicField(this, "dragFromMode");
+    __publicField(this, "dragFromContentDefault");
     __publicField(this, "rubberBandEnabled");
     __publicField(this, "scrim");
     __publicField(this, "aria");
@@ -2480,13 +2596,18 @@ var BottomSheetCore = class {
     __publicField(this, "disableDragFlag");
     __publicField(this, "closeOnRouteChange");
     __publicField(this, "maxHeight");
+    __publicField(this, "maxHeightDeps");
     __publicField(this, "snapPointsRaw");
     __publicField(this, "snaps");
     __publicField(this, "activeId");
     __publicField(this, "size", 0);
     __publicField(this, "gesture");
+    __publicField(this, "contentGesture");
+    __publicField(this, "detachSheetGesture", null);
+    __publicField(this, "detachSliderKeyboard", null);
     __publicField(this, "rootEl", null);
     __publicField(this, "destroyed", false);
+    __publicField(this, "restClosed", false);
     __publicField(this, "currentViewTransition", null);
     __publicField(this, "currentAbort", new AbortController());
     __publicField(this, "sizeWriteSentinel", new WriteSentinel());
@@ -2535,10 +2656,13 @@ var BottomSheetCore = class {
     this.screenComponent = opts.scrim ?? opts.screenComponent;
     this.scrimParent = this.screenComponent?.parentElement ?? null;
     this.mode = resolved.mode;
+    this.element.dataset.mode = this.mode;
     this.transformTemplate = buildTransformTemplate(this.mode);
     this.aria = new AriaSliderWriter(this.handle, this.mode);
     this.flickVelocity = resolved.flickVelocity;
     this.dragThreshold = resolved.dragThreshold;
+    this.dragFromMode = resolved.dragFrom;
+    this.dragFromContentDefault = resolved.dragFromContent;
     this.rubberBandEnabled = resolved.rubberBandEnabled;
     this.scrim = new ScrimController(
       {
@@ -2565,7 +2689,7 @@ var BottomSheetCore = class {
         getRootEl: () => this.rootEl,
         applySize: (size) => this.applySize(size),
         getSize: () => this.size,
-        isDragging: () => this.gesture?.isDragging ?? false,
+        isDragging: () => this.isDraggingAny(),
         applyAux: (size) => this.applySize(size, true),
         getTransformFor: (size) => this.transformTemplate(this.snaps.getMaxAxisSize() - size)
       },
@@ -2599,7 +2723,7 @@ var BottomSheetCore = class {
     auditVhUsage(this.snapPointsRaw);
     this.auditDuplicateSnapIds(this.snapPointsRaw);
     this.rootEl = this.element.closest(".bs-root");
-    this.maxHeight = createMaxHeightController({
+    this.maxHeightDeps = {
       element: this.element,
       mode: this.mode,
       getMaxAxisSize: () => this.snaps.getMaxAxisSize(),
@@ -2607,7 +2731,8 @@ var BottomSheetCore = class {
         this.snaps.setMaxAxisSize(size);
       },
       recompute: () => this.recompute()
-    });
+    };
+    this.maxHeight = createMaxHeightController(this.maxHeightDeps);
     this.fitDeps = {
       element: this.element,
       scrollContainer: this.scrollContainer,
@@ -2626,6 +2751,7 @@ var BottomSheetCore = class {
     const initial = this.snaps.findById(this.activeId);
     if (initial) this.size = initial.size;
     this.applySize(this.size);
+    this.setRestClosed(this.size === 0);
     this.updateAriaSlider();
     this.scrollCache = createScrollCache({
       scrollContainer: this.scrollContainer,
@@ -2656,7 +2782,7 @@ var BottomSheetCore = class {
           (p) => p.size === "fit" || p.size === "content"
         ),
         isDestroyed: () => this.destroyed,
-        isDragging: () => this.gesture?.isDragging ?? false,
+        isDragging: () => this.isDraggingAny(),
         recompute: () => this.recompute()
       })
     );
@@ -2682,7 +2808,7 @@ var BottomSheetCore = class {
         autoCollapseAfter
       },
       isDestroyed: () => this.destroyed,
-      isDragging: () => this.gesture?.isDragging ?? false,
+      isDragging: () => this.isDraggingAny(),
       isAnimating: () => this.animation.isAnimating,
       isTopSheet: () => this.isTopSheet,
       isVerticalAxis: () => this.mode === "bottom" || this.mode === "top",
@@ -2712,6 +2838,7 @@ var BottomSheetCore = class {
         void this.snapTo(id);
       },
       close: (reason) => this.close(reason),
+      attachDragSurface: (surface, kind) => this.attachDragSurface(surface, kind),
       on: (event, fn) => this.on(event, fn),
       addTeardown: (fn) => this.teardowns.add(fn)
     };
@@ -2740,7 +2867,7 @@ var BottomSheetCore = class {
     return {
       size: this.size,
       activeId: this.activeId,
-      isDragging: this.gesture?.isDragging ?? false,
+      isDragging: this.isDraggingAny(),
       isAnimating: this.animation.isAnimating,
       progress: this.computeProgress(this.size)
     };
@@ -2860,9 +2987,16 @@ var BottomSheetCore = class {
       progress: this.computeProgress(this.size)
     });
     if (withHaptic) this.haptic();
+    this.setRestClosed(targetSize === 0);
     if (wasClosed && targetSize > 0) this.emitOpenSequence(id);
     if (targetSize === 0) this.emitCloseSequence();
   }
+  setRestClosed(closed) {
+    if (closed === this.restClosed) return;
+    this.restClosed = closed;
+    if (closed) this.element.setAttribute("data-bs-rest", "closed");
+    else this.element.removeAttribute("data-bs-rest");
+  }
   emitOpenSequence(id) {
     this.emit("open", { id });
     this.handleOpen();
@@ -2918,6 +3052,51 @@ var BottomSheetCore = class {
     if (this.destroyed) return;
     this.disableDragFlag = value;
   }
+  setDragFromContent(value) {
+    if (this.destroyed) return;
+    this.dragFromContentDefault = value;
+  }
+  setDragFrom(mode) {
+    if (this.destroyed || mode === this.dragFromMode) return;
+    this.gesture?.forceClearDragState();
+    this.detachSheetGesture?.();
+    this.dragFromMode = mode;
+    this.mountSheetGesture();
+  }
+  getDragFrom() {
+    return this.dragFromMode;
+  }
+  setMode(mode) {
+    if (this.destroyed) return;
+    const next = resolveMode(mode, this.element);
+    if (next === this.mode) return;
+    const wasVertical = this.mode === "bottom" || this.mode === "top";
+    const nowVertical = next === "bottom" || next === "top";
+    this.gesture?.forceClearDragState();
+    this.detachSheetGesture?.();
+    this.animation.cancel();
+    this.element.style.removeProperty(layoutAxis(this.mode));
+    this.mode = next;
+    this.element.dataset.mode = next;
+    this.transformTemplate = buildTransformTemplate(next);
+    this.maxHeightDeps.mode = next;
+    this.fitDeps.mode = next;
+    this.snaps.setMode(next);
+    this.scrim.setSheetMode(next);
+    if (wasVertical !== nowVertical) {
+      this.aria = new AriaSliderWriter(this.handle, next);
+    }
+    this.detachSliderKeyboard?.();
+    this.mountSliderKeyboard();
+    this.mountSheetGesture();
+    this.recompute();
+    const active = this.snaps.findById(this.activeId);
+    if (active) this.applySize(active.size);
+    this.updateAriaSlider();
+  }
+  getMode() {
+    return this.mode;
+  }
   isTop() {
     return this.isTopSheet;
   }
@@ -3072,12 +3251,24 @@ var BottomSheetCore = class {
     auditVhUsage(points);
     this.auditDuplicateSnapIds(points);
     this.snaps.setRaw(points);
-    if (allowed) this.snaps.setAllowedIds(allowed);
+    if (allowed) {
+      this.snaps.setAllowedIds(allowed);
+    } else {
+      const present = this.snaps.getResolvedSnaps().map((s) => s.id);
+      const kept = this.snaps.getAllowedIds().filter((id) => present.includes(id));
+      this.snaps.setAllowedIds(kept.length ? kept : present);
+    }
     this.scrollCache.clear();
     this.scrim.invalidateOpacityCache();
     const current = this.snaps.findById(this.activeId);
     if (current) {
       this.applySize(current.size);
+    } else {
+      const fallback = this.snaps.getResolvedSnaps().find((s) => this.snaps.getAllowedIds().includes(s.id)) ?? this.snaps.getResolvedSnaps()[0];
+      if (fallback) {
+        this.activeId = fallback.id;
+        this.applySize(fallback.size);
+      }
     }
     this.updateAriaSlider();
   }
@@ -3087,7 +3278,7 @@ var BottomSheetCore = class {
     this.snaps.recompute();
     this.maxHeight.clampTo();
     this.scrim.invalidateOpacityCache();
-    if (this.gesture?.isDragging) return;
+    if (this.isDraggingAny()) return;
     this.healActiveSnap();
   }
   healActiveSnap() {
@@ -3109,6 +3300,8 @@ var BottomSheetCore = class {
     this.bus.clear();
     this.animation.cancel();
     this.gesture?.forceClearDragState();
+    this.contentGesture?.forceClearDragState();
+    this.setRestClosed(false);
     this.teardowns.drain();
     this.scrim.destroy();
     this.animation.destroy();
@@ -3221,11 +3414,12 @@ var BottomSheetCore = class {
     const scale = Math.max(1 - depth * 0.04, 0.86);
     this.element.style.scale = scale === 1 ? "" : String(scale);
   }
-  attach() {
-    this.gesture = new GestureController({
-      handle: this.handle,
+  buildGestureDeps(surface, gestureOptions) {
+    return {
+      handle: surface,
       element: this.element,
       mode: this.mode,
+      gestureOptions,
       getRoot: () => this.rootEl,
       getDragContext: () => {
         const buf = this.dragContextBuf;
@@ -3244,8 +3438,90 @@ var BottomSheetCore = class {
       settleAfterDrag: (delta, velocity, kind) => this.settleAfterDrag(delta, velocity, kind),
       emit: (event, payload) => this.emit(event, payload),
       listenerCount: (event) => this.bus.listenerCount(event)
+    };
+  }
+  isContentDragAllowed() {
+    if (this.disableDragFlag) return false;
+    const point = this.snapPointsRaw.find((p) => p.id === this.activeId);
+    return point?.dragFromContent ?? this.dragFromContentDefault;
+  }
+  decideContentDrag(surface, e, delta, crossDelta) {
+    if (this.destroyed) return false;
+    if (e.pointerType === "mouse") return false;
+    if (this.gesture?.isDragging) return false;
+    if (!this.isContentDragAllowed()) return false;
+    if (!isDragAllowedFrom(e.target, "sheet")) return false;
+    const decision = decideContentGesture({
+      delta,
+      crossDelta,
+      sharesScrollAxis: this.mode === "bottom" || this.mode === "top",
+      scrollTop: surface.scrollTop,
+      atMaxSnap: this.size >= this.getAllowedRange().max - 0.5
+    });
+    if (decision === "pending") return null;
+    return decision === "drag";
+  }
+  attachDragSurface(surface, kind) {
+    if (this.destroyed || kind !== "content") return;
+    if (this.contentGesture) return;
+    const controller = new GestureController(
+      this.buildGestureDeps(surface, {
+        manageTouchAction: false,
+        deferStart: (e, delta, crossDelta) => this.decideContentDrag(surface, e, delta, crossDelta)
+      })
+    );
+    this.contentGesture = controller;
+    const detachGestures = controller.install();
+    const detachGuard = installTouchScrollGuard(
+      surface,
+      () => controller.isDragging
+    );
+    return () => {
+      detachGuard();
+      detachGestures();
+      if (this.contentGesture === controller) this.contentGesture = void 0;
+    };
+  }
+  sheetDragSurface() {
+    return this.dragFromMode === "handle" ? this.handle : this.element;
+  }
+  canStartSheetDrag(e) {
+    if (this.contentGesture?.isDragging) return false;
+    const target = e.target;
+    const scoped = typeof target?.closest === "function";
+    if (scoped && target.closest(NO_DRAG_SELECTOR)) return false;
+    if (this.handle !== this.element && scoped && this.handle.contains(target)) {
+      return true;
+    }
+    if (!isDragAllowedFrom(e.target, this.dragFromMode)) return false;
+    if (this.dragFromMode === "handle") return true;
+    if (this.scrollContainer && scoped && this.scrollContainer.contains(target) && !target.closest(DRAG_ZONE_SELECTOR)) {
+      return false;
+    }
+    return true;
+  }
+  mountSheetGesture() {
+    const surface = this.sheetDragSurface();
+    const controller = new GestureController(
+      this.buildGestureDeps(surface, {
+        shouldStart: (e) => this.canStartSheetDrag(e),
+        manageTouchAction: this.dragFromMode === "handle"
+      })
+    );
+    this.gesture = controller;
+    const detachGestures = controller.install();
+    const detachGuard = this.dragFromMode === "handle" ? null : installTouchScrollGuard(surface, () => controller.isDragging);
+    this.detachSheetGesture = () => {
+      detachGuard?.();
+      detachGestures();
+    };
+  }
+  attach() {
+    this.mountSheetGesture();
+    this.teardowns.add(() => {
+      this.detachSheetGesture?.();
+      this.detachSheetGesture = null;
     });
-    this.teardowns.add(this.gesture.install());
     try {
       this.attachFeatures();
     } catch (err) {
@@ -3282,7 +3558,7 @@ var BottomSheetCore = class {
         element: this.element,
         getMode: () => this.mode,
         isDestroyed: () => this.destroyed,
-        isDragging: () => this.gesture?.isDragging ?? false,
+        isDragging: () => this.isDraggingAny(),
         resolveActiveSnap: () => this.snaps.findById(this.activeId),
         getMaxAxisSize: () => this.snaps.getMaxAxisSize(),
         getSize: () => this.size,
@@ -3317,7 +3593,11 @@ var BottomSheetCore = class {
         );
       }
     }
-    this.teardowns.add(installSliderKeyboard({
+    this.mountSliderKeyboard();
+    this.scrim.attach();
+  }
+  mountSliderKeyboard() {
+    const detach = installSliderKeyboard({
       handle: this.handle,
       mode: this.mode,
       isDestroyed: () => this.destroyed,
@@ -3326,8 +3606,12 @@ var BottomSheetCore = class {
       snapTo: (id) => {
         void this.snapTo(id);
       }
-    }));
-    this.scrim.attach();
+    });
+    this.detachSliderKeyboard = detach;
+    this.teardowns.add(() => {
+      this.detachSliderKeyboard?.();
+      this.detachSliderKeyboard = null;
+    });
   }
   settleAfterDrag(delta, velocity, kind = "touch") {
     const signal = this.newCycle();
@@ -3380,8 +3664,11 @@ var BottomSheetCore = class {
       );
     });
   }
+  isDraggingAny() {
+    return (this.gesture?.isDragging ?? false) || (this.contentGesture?.isDragging ?? false);
+  }
   clearWillChangeIfIdle() {
-    if (this.animation.isAnimating || this.gesture?.isDragging) return;
+    if (this.animation.isAnimating || this.isDraggingAny()) return;
     this.element.style.willChange = "";
   }
   haptic() {
@@ -3394,8 +3681,9 @@ var BottomSheetCore = class {
   }
   applySize(size, skipTransform = false) {
     const cap = this.snaps.getMaxAxisSize();
-    const clamped = cap > 0 && size > cap && !this.gesture?.isDragging && !this.allowOvershoot ? cap : size;
+    const clamped = cap > 0 && size > cap && !this.isDraggingAny() && !this.allowOvershoot ? cap : size;
     this.size = clamped;
+    if (clamped > 0) this.setRestClosed(false);
     const offset = cap - clamped;
     const style = this.element.style;
     if (!skipTransform) style.transform = this.transformTemplate(offset);
@@ -3775,50 +4063,10 @@ function installAutoCollapse(deps) {
   };
 }
 
-// src/core/features/content-swipe.ts
-var CONTENT_PULL_THRESHOLD = 60;
-function installContentSwipe(deps) {
-  const { container } = deps;
-  let startY = 0;
-  let startScrollTop = 0;
-  let moved = false;
-  const onTouchStart = (e) => {
-    const t = e.touches[0];
-    if (!t) return;
-    startY = t.clientY;
-    startScrollTop = container.scrollTop;
-    moved = false;
-  };
-  const onTouchMove = (e) => {
-    const t = e.touches[0];
-    if (!t) return;
-    if (Math.abs(t.clientY - startY) > CONTENT_PULL_THRESHOLD) moved = true;
-  };
-  const onTouchEnd = (e) => {
-    if (!moved) return;
-    if (deps.isDragging() || deps.isAnimating()) return;
-    if (container.scrollTop !== startScrollTop) return;
-    const t = e.changedTouches[0];
-    if (!t) return;
-    const deltaY = t.clientY - startY;
-    const atTop = container.scrollTop <= 0;
-    const allowed = deps.getAllowedIds();
-    const idx = allowed.indexOf(deps.getActiveId());
-    if (idx === -1) return;
-    if (atTop && deltaY > CONTENT_PULL_THRESHOLD && idx > 0) {
-      deps.snapTo(allowed[idx - 1]);
-    } else if (deltaY < -CONTENT_PULL_THRESHOLD && idx < allowed.length - 1) {
-      deps.snapTo(allowed[idx + 1]);
-    }
-  };
-  container.addEventListener("touchstart", onTouchStart, { passive: true });
-  container.addEventListener("touchmove", onTouchMove, { passive: true });
-  container.addEventListener("touchend", onTouchEnd, { passive: true });
-  return () => {
-    container.removeEventListener("touchstart", onTouchStart);
-    container.removeEventListener("touchmove", onTouchMove);
-    container.removeEventListener("touchend", onTouchEnd);
-  };
+// src/core/features/content-drag.ts
+function installContentDrag(deps) {
+  const detach = deps.attachDragSurface(deps.container, "content");
+  return () => detach?.();
 }
 
 // src/core/features/visual-viewport.ts
@@ -3926,13 +4174,9 @@ function contentSwipeFeature() {
     stage: "attach",
     install: (ctx) => {
       if (!ctx.scrollContainer) return;
-      return installContentSwipe({
+      return installContentDrag({
         container: ctx.scrollContainer,
-        isDragging: ctx.isDragging,
-        isAnimating: ctx.isAnimating,
-        getAllowedIds: ctx.allowedIdsBySize,
-        getActiveId: ctx.getActiveId,
-        snapTo: ctx.snapTo
+        attachDragSurface: ctx.attachDragSurface
       });
     }
   };
@@ -3984,7 +4228,7 @@ var BottomSheetEngine = class extends BottomSheetCore {
   }
 };
 
-// src/core/lifecycle/sheetManager.ts
+// src/core/lifecycle/sheet-manager.ts
 var createSheetManager = (initial = {}) => {
   const registry = /* @__PURE__ */ new Map();
   for (const [key, config] of Object.entries(initial)) {
@@ -4010,730 +4254,6 @@ var createSheetManager = (initial = {}) => {
   };
 };
 
-// src/core/primitives/overlay-transforms.ts
-var closedTransform = (edge) => CLOSED_TRANSFORM[edge];
-var closedTransformFor = (edge, animation, peekPx) => {
-  switch (animation) {
-    case "fade":
-      return "translate3d(0, 0, 0)";
-    case "scale":
-      return "translate3d(0, 0, 0) scale(0.94)";
-    case "slide":
-    default:
-      if (peekPx !== void 0 && edge === "bottom") {
-        return `translate3d(0, calc(100% - ${peekPx}px), 0)`;
-      }
-      return closedTransform(edge);
-  }
-};
-var openTransformFor = (animation) => animation === "scale" ? "translate3d(0, 0, 0) scale(1)" : "translate3d(0, 0, 0)";
-
-// src/core/features/overlay-swipe.ts
-function installOverlaySwipe(deps) {
-  const el = deps.element;
-  const edge = deps.edge;
-  const isVertical = edge === "bottom" || edge === "top";
-  const sign = edge === "bottom" || edge === "right" ? 1 : -1;
-  const SLOP = 8;
-  let startX = 0;
-  let startY = 0;
-  let startT = 0;
-  let tracking = false;
-  let dragging = false;
-  let pointerId = null;
-  const previousTouchAction = el.style.touchAction;
-  el.style.touchAction = isVertical ? "pan-x" : "pan-y";
-  const onDown = (e) => {
-    if (e.button !== void 0 && e.button !== 0) return;
-    pointerId = e.pointerId;
-    startX = e.clientX;
-    startY = e.clientY;
-    startT = performance.now();
-    tracking = true;
-    dragging = false;
-  };
-  const onMove = (e) => {
-    if (!tracking || e.pointerId !== pointerId) return;
-    const delta = isVertical ? e.clientY - startY : e.clientX - startX;
-    if (!dragging) {
-      if (Math.abs(delta) < SLOP) return;
-      dragging = true;
-      el.style.transition = "none";
-      try {
-        el.setPointerCapture(e.pointerId);
-      } catch {
-      }
-    }
-    const offset = Math.max(0, sign * delta);
-    el.style.transform = isVertical ? `translate3d(0, ${sign * offset}px, 0)` : `translate3d(${sign * offset}px, 0, 0)`;
-  };
-  const finish = (e) => {
-    if (!tracking || e.pointerId !== pointerId) return;
-    tracking = false;
-    pointerId = null;
-    if (!dragging) return;
-    dragging = false;
-    const dt = performance.now() - startT || 1;
-    const delta = isVertical ? e.clientY - startY : e.clientX - startX;
-    const offset = Math.max(0, sign * delta);
-    const velocity = sign * delta / dt;
-    const size = isVertical ? el.offsetHeight : el.offsetWidth;
-    const past = offset > size * deps.getThreshold() || velocity > deps.getVelocityThreshold();
-    el.style.transition = deps.getExitTransition();
-    if (past) {
-      deps.close();
-    } else {
-      el.style.transform = deps.getOpenTransform();
-    }
-  };
-  el.addEventListener("pointerdown", onDown);
-  el.addEventListener("pointermove", onMove);
-  el.addEventListener("pointerup", finish);
-  el.addEventListener("pointercancel", finish);
-  return () => {
-    el.style.touchAction = previousTouchAction;
-    el.removeEventListener("pointerdown", onDown);
-    el.removeEventListener("pointermove", onMove);
-    el.removeEventListener("pointerup", finish);
-    el.removeEventListener("pointercancel", finish);
-  };
-}
-
-// src/core/overlay-options.ts
-var OVERLAY_PRESETS = Object.freeze({
-  sheet: Object.freeze({
-    enterAnimation: "slide",
-    exitAnimation: "slide",
-    backdropOpacity: 0.5,
-    backdropFilter: void 0,
-    swipeToClose: true
-  }),
-  dialog: Object.freeze({
-    enterAnimation: "scale",
-    exitAnimation: "scale",
-    backdropOpacity: 0.6,
-    backdropFilter: "blur(8px)",
-    swipeToClose: false
-  }),
-  sidebar: Object.freeze({
-    enterAnimation: "slide",
-    exitAnimation: "slide",
-    backdropOpacity: 0.4,
-    backdropFilter: void 0,
-    swipeToClose: true
-  }),
-  toast: Object.freeze({
-    enterAnimation: "fade",
-    exitAnimation: "fade",
-    backdropOpacity: 0,
-    backdropFilter: void 0,
-    swipeToClose: false
-  })
-});
-
-// src/core/overlay.ts
-var OverlayEngine = class {
-  constructor(opts) {
-    __publicField(this, "id", nextInstanceId("ovl"));
-    __publicField(this, "element");
-    __publicField(this, "backdrop");
-    __publicField(this, "edge");
-    __publicField(this, "closeOnEscape");
-    __publicField(this, "closeOnBackdropEnabled");
-    __publicField(this, "focusTrapEnabled");
-    __publicField(this, "initialFocus");
-    __publicField(this, "bodyScrollLockEnabled");
-    __publicField(this, "inertSiblingsEnabled");
-    __publicField(this, "closeOnBackEnabled");
-    __publicField(this, "duration");
-    __publicField(this, "enterEasing");
-    __publicField(this, "exitEasing");
-    __publicField(this, "backdropOpacity");
-    __publicField(this, "backdropFilter");
-    __publicField(this, "swipeToCloseEnabled");
-    __publicField(this, "swipeThreshold");
-    __publicField(this, "swipeVelocityThreshold");
-    __publicField(this, "enterAnimation");
-    __publicField(this, "exitAnimation");
-    __publicField(this, "mountTarget");
-    __publicField(this, "originalParent", null);
-    __publicField(this, "originalNextSibling", null);
-    __publicField(this, "mounted", false);
-    __publicField(this, "peekRaw");
-    __publicField(this, "peekPx");
-    __publicField(this, "closeOnOutsidePointerEnabled");
-    __publicField(this, "detachOutsidePointer", null);
-    __publicField(this, "detachSwipe", null);
-    __publicField(this, "respectReducedMotionEnabled");
-    __publicField(this, "isTop", true);
-    __publicField(this, "backMarker", null);
-    __publicField(this, "movedToTarget", false);
-    __publicField(this, "onOpenCb");
-    __publicField(this, "onCloseCb");
-    __publicField(this, "isOpen_", false);
-    __publicField(this, "isAnimating_", false);
-    __publicField(this, "destroyed", false);
-    __publicField(this, "hasInjectedChildren", false);
-    __publicField(this, "cycleNonce", 0);
-    __publicField(this, "bus", createEventBus());
-    __publicField(this, "detachEscape", null);
-    __publicField(this, "detachBackdrop", null);
-    __publicField(this, "releaseStackEntry", null);
-    __publicField(this, "lifecycle");
-    this.element = opts.element;
-    this.backdrop = opts.backdrop;
-    this.edge = opts.edge ?? "bottom";
-    this.closeOnEscape = opts.closeOnEscape ?? true;
-    this.closeOnBackdropEnabled = opts.closeOnBackdrop ?? true;
-    this.focusTrapEnabled = opts.focusTrap ?? true;
-    this.initialFocus = opts.initialFocus;
-    this.bodyScrollLockEnabled = opts.lockBodyScroll ?? true;
-    this.inertSiblingsEnabled = opts.inertSiblings ?? false;
-    this.closeOnBackEnabled = opts.closeOnBack ?? false;
-    this.duration = opts.duration ?? 320;
-    this.enterEasing = opts.enterEasing ?? "cubic-bezier(0.29, 1.24, 0.84, 0.99)";
-    this.exitEasing = opts.exitEasing ?? "cubic-bezier(0.4, 0, 1, 1)";
-    const preset = opts.preset ? OVERLAY_PRESETS[opts.preset] : void 0;
-    this.backdropOpacity = opts.backdropOpacity ?? preset?.backdropOpacity ?? 1;
-    this.backdropFilter = opts.backdropFilter ?? preset?.backdropFilter ?? void 0;
-    const swipeRaw = opts.swipeToClose !== void 0 ? opts.swipeToClose : preset?.swipeToClose;
-    this.assignSwipeFromConfig(swipeRaw);
-    this.enterAnimation = opts.enterAnimation ?? preset?.enterAnimation ?? "slide";
-    this.exitAnimation = opts.exitAnimation ?? preset?.exitAnimation ?? this.enterAnimation;
-    this.mountTarget = opts.mountTo;
-    this.peekRaw = opts.peek;
-    this.closeOnOutsidePointerEnabled = opts.closeOnOutsidePointer ?? false;
-    this.respectReducedMotionEnabled = opts.respectReducedMotion ?? true;
-    this.onOpenCb = opts.onOpen;
-    this.onCloseCb = opts.onClose;
-    if (this.peekRaw !== void 0 && this.edge !== "bottom") {
-      devWarn(
-        "[OverlayEngine] `peek` is only supported on edge: 'bottom' \u2014 ignoring."
-      );
-      this.peekRaw = void 0;
-    }
-    if (this.peekRaw !== void 0) {
-      this.peekPx = this.resolvePeekPx(this.peekRaw);
-    }
-    this.lifecycle = new LifecycleController(
-      {
-        element: this.element,
-        close: () => this.close("escape")
-      },
-      {
-        focusTrap: this.focusTrapEnabled,
-        initialFocus: this.initialFocus,
-        closeOnEscape: this.closeOnEscape,
-        lockBodyScroll: this.bodyScrollLockEnabled,
-        inertSiblings: this.inertSiblingsEnabled,
-        shouldApplyInertSiblings: () => {
-          const bodyChildren = Array.from(document.body.children);
-          return bodyChildren.some(
-            (c) => c === this.element || c.contains(this.element)
-          );
-        },
-        returnFocus: opts.returnFocus
-      }
-    );
-    this.applyClosedStyles();
-    this.registerInStack();
-    if (opts.initialOpen) void this.open();
-  }
-  get state() {
-    return { isOpen: this.isOpen_, isAnimating: this.isAnimating_ };
-  }
-  on(event, fn) {
-    return this.bus.on(event, fn);
-  }
-  open() {
-    if (this.destroyed || this.isOpen_) return Promise.resolve();
-    this.maybeMount();
-    this.emit("before-open", void 0);
-    this.isOpen_ = true;
-    this.isAnimating_ = true;
-    sheetStack.promote(this.id);
-    this.element.removeAttribute("hidden");
-    this.element.setAttribute("data-state", "entering");
-    if (this.focusTrapEnabled) {
-      this.element.setAttribute("aria-modal", "true");
-    }
-    const dur = this.effectiveDuration();
-    const transitionStr = `transform ${dur}ms ${this.enterEasing}, opacity ${dur}ms ease-out`;
-    this.element.style.transition = transitionStr;
-    if (this.backdrop) {
-      this.backdrop.style.transition = `opacity ${dur}ms ease-out`;
-    }
-    this.setWillChange(true);
-    const cycle = ++this.cycleNonce;
-    return new Promise((resolve) => {
-      requestAnimationFrame(() => {
-        if (this.destroyed || cycle !== this.cycleNonce) return resolve();
-        requestAnimationFrame(() => {
-          if (this.destroyed || cycle !== this.cycleNonce) return resolve();
-          this.element.style.transform = openTransformFor(this.enterAnimation);
-          this.element.style.opacity = "1";
-          if (this.backdrop) {
-            this.backdrop.style.opacity = String(this.backdropOpacity);
-            this.syncBackdropPointerEvents();
-            if (this.backdropFilter) {
-              this.applyBackdropFilter(this.backdropFilter);
-            }
-          }
-          try {
-            this.installInteractiveListeners();
-          } catch (err) {
-            this.releaseInteractiveListeners();
-            this.isOpen_ = false;
-            this.isAnimating_ = false;
-            this.setWillChange(false);
-            this.element.style.transform = closedTransformFor(
-              this.edge,
-              this.enterAnimation,
-              this.peekPx
-            );
-            this.element.style.opacity = "0";
-            if (this.backdrop) {
-              this.backdrop.style.opacity = "0";
-              this.backdrop.style.pointerEvents = "none";
-              if (this.backdropFilter) {
-                this.applyBackdropFilter(void 0);
-              }
-            }
-            this.element.setAttribute("data-state", "closed");
-            this.element.setAttribute("hidden", "");
-            if (this.focusTrapEnabled) {
-              this.element.removeAttribute("aria-modal");
-            }
-            queueMicrotask(() => {
-              throw err;
-            });
-            return resolve();
-          }
-          this.awaitTransition(
-            cycle,
-            this.enterAnimation === "fade" ? "opacity" : "transform"
-          ).then(() => {
-            if (this.destroyed || cycle !== this.cycleNonce) return resolve();
-            this.isAnimating_ = false;
-            this.setWillChange(false);
-            this.element.setAttribute("data-state", "open");
-            this.emit("open", void 0);
-            this.onOpenCb?.();
-            resolve();
-          });
-        });
-      });
-    });
-  }
-  close(reason = "programmatic") {
-    if (this.destroyed || !this.isOpen_) return Promise.resolve();
-    this.emit("before-close", void 0);
-    this.isOpen_ = false;
-    this.isAnimating_ = true;
-    sheetStack.update();
-    if (reason !== "back" && this.backMarker) {
-      popBackMarker(this.backMarker);
-    }
-    this.backMarker = null;
-    this.element.setAttribute("data-state", "exiting");
-    const dur = this.effectiveDuration();
-    const transitionStr = `transform ${dur}ms ${this.exitEasing}, opacity ${dur}ms ease-in`;
-    this.element.style.transition = transitionStr;
-    if (this.backdrop) {
-      this.backdrop.style.transition = `opacity ${dur}ms ease-in`;
-    }
-    this.setWillChange(true);
-    const cycle = ++this.cycleNonce;
-    return new Promise((resolve) => {
-      requestAnimationFrame(() => {
-        if (this.destroyed || cycle !== this.cycleNonce) return resolve();
-        this.element.style.transform = closedTransformFor(
-          this.edge,
-          this.exitAnimation,
-          this.peekPx
-        );
-        this.element.style.opacity = this.peekPx !== void 0 ? "1" : "0";
-        if (this.backdrop) {
-          this.backdrop.style.opacity = "0";
-          this.backdrop.style.pointerEvents = "none";
-          if (this.backdropFilter) {
-            this.applyBackdropFilter(void 0);
-          }
-        }
-        this.releaseInteractiveListeners();
-        this.awaitTransition(
-          cycle,
-          this.exitAnimation === "fade" ? "opacity" : "transform"
-        ).then(() => {
-          if (this.destroyed || cycle !== this.cycleNonce) return resolve();
-          this.isAnimating_ = false;
-          this.setWillChange(false);
-          if (this.peekPx === void 0) {
-            this.element.setAttribute("hidden", "");
-          }
-          this.element.setAttribute("data-state", "closed");
-          if (this.focusTrapEnabled) {
-            this.element.removeAttribute("aria-modal");
-          }
-          this.emit("close", { reason });
-          this.onCloseCb?.();
-          resolve();
-        });
-      });
-    });
-  }
-  toggle() {
-    if (this.destroyed) return Promise.resolve();
-    return this.isOpen_ ? this.close() : this.open();
-  }
-  destroy() {
-    this.destroyed = true;
-    this.cycleNonce++;
-    this.bus.clear();
-    this.setWillChange(false);
-    this.releaseInteractiveListeners();
-    if (this.backMarker) {
-      popBackMarker(this.backMarker);
-      this.backMarker = null;
-    }
-    this.releaseStackEntry?.();
-    this.releaseStackEntry = null;
-    const hadOriginalParent = this.originalParent !== null;
-    this.restoreMount();
-    if (this.movedToTarget && !hadOriginalParent && this.element.parentNode) {
-      this.element.parentNode.removeChild(this.element);
-    }
-  }
-  setBackdropOpacity(opacity) {
-    if (this.destroyed) return;
-    this.backdropOpacity = opacity;
-    if (this.isOpen_ && this.backdrop) {
-      this.backdrop.style.opacity = String(opacity);
-      this.syncBackdropPointerEvents();
-    }
-  }
-  setBackdropFilter(filter) {
-    if (this.destroyed) return;
-    this.backdropFilter = filter;
-    if (!this.isOpen_ || !this.backdrop) return;
-    this.applyBackdropFilter(filter);
-  }
-  setSwipeToClose(config) {
-    if (this.destroyed) return;
-    const wasEnabled = this.swipeToCloseEnabled;
-    this.assignSwipeFromConfig(config);
-    if (!this.isOpen_) return;
-    if (this.swipeToCloseEnabled && !this.detachSwipe) {
-      this.detachSwipe = this.installSwipeToClose();
-    } else if (!this.swipeToCloseEnabled && wasEnabled && this.detachSwipe) {
-      this.detachSwipe();
-      this.detachSwipe = null;
-    }
-  }
-  setEnterAnimation(animation) {
-    if (this.destroyed) return;
-    this.enterAnimation = animation;
-  }
-  setExitAnimation(animation) {
-    if (this.destroyed) return;
-    this.exitAnimation = animation;
-  }
-  setReturnFocus(target) {
-    if (this.destroyed) return;
-    this.lifecycle.setReturnFocus(target);
-  }
-  setOverlay(opts) {
-    if (this.destroyed) return;
-    const preset = opts.preset ? OVERLAY_PRESETS[opts.preset] : void 0;
-    const merged = preset ? {
-      backdropOpacity: preset.backdropOpacity,
-      backdropFilter: preset.backdropFilter === void 0 ? null : preset.backdropFilter,
-      swipeToClose: preset.swipeToClose,
-      enterAnimation: preset.enterAnimation,
-      exitAnimation: preset.exitAnimation
-    } : {};
-    if (opts.backdropOpacity !== void 0) {
-      merged.backdropOpacity = opts.backdropOpacity;
-    }
-    if (opts.backdropFilter !== void 0) {
-      merged.backdropFilter = opts.backdropFilter;
-    }
-    if (opts.swipeToClose !== void 0) {
-      merged.swipeToClose = opts.swipeToClose;
-    }
-    if (opts.enterAnimation !== void 0) {
-      merged.enterAnimation = opts.enterAnimation;
-    }
-    if (opts.exitAnimation !== void 0) {
-      merged.exitAnimation = opts.exitAnimation;
-    }
-    if (merged.enterAnimation !== void 0) {
-      this.enterAnimation = merged.enterAnimation;
-    }
-    if (merged.exitAnimation !== void 0) {
-      this.exitAnimation = merged.exitAnimation;
-    }
-    if (merged.swipeToClose !== void 0) {
-      this.setSwipeToClose(merged.swipeToClose);
-    }
-    if (merged.backdropOpacity !== void 0) {
-      this.backdropOpacity = merged.backdropOpacity;
-    }
-    if (merged.backdropFilter !== void 0) {
-      this.backdropFilter = merged.backdropFilter === null ? void 0 : merged.backdropFilter;
-    }
-    if (this.isOpen_ && this.backdrop) {
-      if (merged.backdropOpacity !== void 0) {
-        this.backdrop.style.opacity = String(this.backdropOpacity);
-        this.syncBackdropPointerEvents();
-      }
-      if (merged.backdropFilter !== void 0) {
-        this.applyBackdropFilter(this.backdropFilter);
-      }
-    }
-    if (opts.duration !== void 0) this.duration = opts.duration;
-    if (opts.enterEasing !== void 0) this.enterEasing = opts.enterEasing;
-    if (opts.exitEasing !== void 0) this.exitEasing = opts.exitEasing;
-    if (opts.closeOnEscape !== void 0) {
-      this.closeOnEscape = opts.closeOnEscape;
-      if (!opts.closeOnEscape) {
-        this.detachEscape?.();
-        this.detachEscape = null;
-      } else if (this.isOpen_) {
-        this.installInteractiveListeners();
-      }
-    }
-    if (opts.closeOnBackdrop !== void 0) {
-      this.closeOnBackdropEnabled = opts.closeOnBackdrop;
-      if (!opts.closeOnBackdrop) {
-        this.detachBackdrop?.();
-        this.detachBackdrop = null;
-      } else if (this.isOpen_) {
-        this.installInteractiveListeners();
-      }
-    }
-    if (opts.closeOnOutsidePointer !== void 0) {
-      this.closeOnOutsidePointerEnabled = opts.closeOnOutsidePointer;
-      if (!opts.closeOnOutsidePointer) {
-        this.detachOutsidePointer?.();
-        this.detachOutsidePointer = null;
-      } else if (this.isOpen_) {
-        this.installInteractiveListeners();
-      }
-    }
-    if (opts.children !== void 0) {
-      if (opts.children === null) {
-        this.clearOverlayChildren();
-      } else {
-        this.setOverlayChildren(opts.children);
-      }
-    }
-  }
-  setOverlayChildren(children) {
-    if (this.destroyed) return;
-    const node = typeof children === "function" ? children() : children;
-    this.element.replaceChildren(node);
-    this.hasInjectedChildren = true;
-  }
-  clearOverlayChildren() {
-    if (this.destroyed || !this.hasInjectedChildren) return;
-    this.element.replaceChildren();
-    this.hasInjectedChildren = false;
-  }
-  assignSwipeFromConfig(swipe) {
-    if (typeof swipe === "object" && swipe !== null) {
-      this.swipeToCloseEnabled = swipe.enabled ?? true;
-      this.swipeThreshold = swipe.threshold ?? 0.3;
-      this.swipeVelocityThreshold = swipe.velocityThreshold ?? 0.5;
-    } else {
-      this.swipeToCloseEnabled = swipe ?? false;
-      this.swipeThreshold = 0.3;
-      this.swipeVelocityThreshold = 0.5;
-    }
-  }
-  emit(event, payload) {
-    this.bus.emit(event, payload);
-  }
-  effectiveDuration() {
-    return this.respectReducedMotionEnabled && prefersReducedMotion() ? 0 : this.duration;
-  }
-  resolvePeekPx(raw) {
-    if (typeof raw === "number") return Math.max(0, raw);
-    try {
-      return Math.max(0, resolveSnap(raw, "bottom"));
-    } catch {
-      return 0;
-    }
-  }
-  maybeMount() {
-    if (this.mounted || !this.mountTarget || this.mountTarget === "parent") {
-      this.mounted = true;
-      return;
-    }
-    const target = this.mountTarget === "body" ? document.body : this.mountTarget;
-    if (!target) {
-      this.mounted = true;
-      return;
-    }
-    this.originalParent = this.element.parentNode;
-    this.originalNextSibling = this.element.nextSibling;
-    target.appendChild(this.element);
-    this.movedToTarget = true;
-    this.mounted = true;
-  }
-  restoreMount() {
-    if (!this.originalParent) return;
-    try {
-      if (this.originalNextSibling && this.originalNextSibling.parentNode === this.originalParent) {
-        this.originalParent.insertBefore(this.element, this.originalNextSibling);
-      } else {
-        this.originalParent.appendChild(this.element);
-      }
-    } catch {
-    }
-    this.originalParent = null;
-    this.originalNextSibling = null;
-  }
-  applyClosedStyles() {
-    this.element.style.transform = closedTransformFor(
-      this.edge,
-      this.enterAnimation,
-      this.peekPx
-    );
-    this.element.style.opacity = this.peekPx !== void 0 ? "1" : "0";
-    if (this.peekPx === void 0) {
-      this.element.setAttribute("hidden", "");
-    }
-    this.element.setAttribute("data-state", "closed");
-    if (this.backdrop) {
-      this.backdrop.style.opacity = "0";
-      this.backdrop.style.pointerEvents = "none";
-    }
-  }
-  syncBackdropPointerEvents() {
-    if (!this.backdrop) return;
-    this.backdrop.style.pointerEvents = this.backdropOpacity > 0 ? "auto" : "none";
-  }
-  applyBackdropFilter(filter) {
-    if (!this.backdrop) return;
-    const style = this.backdrop.style;
-    if (filter) {
-      this.backdrop.style.backdropFilter = filter;
-      style.webkitBackdropFilter = filter;
-    } else {
-      this.backdrop.style.backdropFilter = "";
-      style.webkitBackdropFilter = "";
-    }
-  }
-  setWillChange(on) {
-    this.element.style.willChange = on ? "transform, opacity" : "";
-    if (this.backdrop) {
-      this.backdrop.style.willChange = on ? "opacity" : "";
-    }
-  }
-  awaitTransition(cycle, property = "transform") {
-    return new Promise((resolve) => {
-      let done = false;
-      const finish = () => {
-        if (done) return;
-        done = true;
-        this.element.removeEventListener("transitionend", onEnd);
-        clearTimeout(timer);
-        resolve();
-      };
-      const onEnd = (e) => {
-        if (cycle !== this.cycleNonce) {
-          finish();
-          return;
-        }
-        if (e.target === this.element && e.propertyName === property) finish();
-      };
-      this.element.addEventListener("transitionend", onEnd);
-      const timer = window.setTimeout(finish, this.effectiveDuration() + 50);
-    });
-  }
-  installInteractiveListeners() {
-    this.lifecycle.install();
-    if (this.swipeToCloseEnabled && !this.detachSwipe) {
-      this.detachSwipe = this.installSwipeToClose();
-    }
-    if (this.closeOnEscape && !this.detachEscape) {
-      const handler = (e) => {
-        if (e.defaultPrevented) return;
-        if (e.key === "Escape" && this.isOpen_ && this.isTop) {
-          void this.close("escape");
-        }
-      };
-      document.addEventListener("keydown", handler);
-      this.detachEscape = () => document.removeEventListener("keydown", handler);
-    }
-    if (this.closeOnBackdropEnabled && this.backdrop && !this.detachBackdrop) {
-      const handler = () => void this.close("backdrop");
-      this.backdrop.addEventListener("click", handler);
-      this.detachBackdrop = () => this.backdrop?.removeEventListener("click", handler);
-    }
-    if (this.closeOnOutsidePointerEnabled && !this.detachOutsidePointer) {
-      const handler = (e) => {
-        if (!this.isOpen_) return;
-        const target = e.target;
-        if (!target) return;
-        if (this.element.contains(target)) return;
-        if (this.backdrop && this.backdrop.contains(target)) return;
-        void this.close("outside-pointer");
-      };
-      document.addEventListener("pointerdown", handler, true);
-      this.detachOutsidePointer = () => document.removeEventListener("pointerdown", handler, true);
-    }
-    if (this.closeOnBackEnabled && this.backMarker === null && typeof window !== "undefined") {
-      this.backMarker = pushBackMarker({
-        isOpen: () => this.isOpen_,
-        isTop: () => this.isTop,
-        close: () => this.close("back"),
-        markerState: () => ({ __bsOverlay: this.id })
-      });
-    }
-  }
-  releaseInteractiveListeners() {
-    this.detachEscape?.();
-    this.detachEscape = null;
-    this.detachBackdrop?.();
-    this.detachBackdrop = null;
-    this.detachSwipe?.();
-    this.detachSwipe = null;
-    this.detachOutsidePointer?.();
-    this.detachOutsidePointer = null;
-    this.lifecycle.release();
-  }
-  installSwipeToClose() {
-    return installOverlaySwipe({
-      element: this.element,
-      edge: this.edge,
-      getThreshold: () => this.swipeThreshold,
-      getVelocityThreshold: () => this.swipeVelocityThreshold,
-      getExitTransition: () => `transform ${this.effectiveDuration()}ms ${this.exitEasing}`,
-      getOpenTransform: () => openTransformFor(this.enterAnimation),
-      close: () => void this.close("swipe")
-    });
-  }
-  registerInStack() {
-    this.releaseStackEntry = sheetStack.push({
-      id: this.id,
-      setZIndex: (z) => {
-        this.element.style.zIndex = String(z);
-        if (this.backdrop) this.backdrop.style.zIndex = String(z - 1);
-      },
-      setIsTop: (isTop) => {
-        this.isTop = isTop;
-        if (this.backdrop) {
-          this.backdrop.style.display = isTop ? "" : "none";
-        }
-      },
-      isOpen: () => this.isOpen_
-    });
-  }
-};
-var createOverlay = (opts) => new OverlayEngine(opts);
-
-export { BottomSheetCore, BottomSheetEngine, DEFAULT_SPRING, OVERLAY_PRESETS, OverlayEngine as Overlay, OverlayEngine, SCRIM_PRESETS, allowedRange, applyOverlayPosition, attachGestures, autoCollapseFeature, contentSwipeFeature, createOverlay, createSheetManager, defaultEngineFeatures, easeOutBack, easeOutCubic, findById, findNearest, installFocusTrap, installGestures, lockBodyScroll, persistFeature, prefersReducedMotion, resolveSheetAnchoredStyle, resolveSnap, resolveSnapList, routeFeature, runAnchorTransition, runSpring, sheetStack, tween, visualViewportFeature };
+export { BottomSheetCore, BottomSheetEngine, SCRIM_PRESETS, applyOverlayPosition, autoCollapseFeature, contentSwipeFeature, createSheetManager, defaultEngineFeatures, installFocusTrap, installGestures, lockBodyScroll, persistFeature, resolveSheetAnchoredStyle, resolveSnap, resolveSnapList, routeFeature, runAnchorTransition, sheetStack, visualViewportFeature };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map