@surdeddd/bottom-sheet 0.12.0 → 0.14.0

package/dist/element.cjs

@@ -12,10 +12,10 @@ var __export = (target, all) => {
 };
 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, STEP, SheetStack, sheetStack;
-var init_sheetStack = __esm({
-  "src/core/lifecycle/sheetStack.ts"() {
+var init_sheet_stack = __esm({
+  "src/core/lifecycle/sheet-stack.ts"() {
     BASE_Z = 100;
     STEP = 10;
     SheetStack = class {
@@ -156,10 +156,10 @@ var init_event_bus = __esm({
   }
 });
 
-// src/core/primitives/cssLength.ts
+// src/core/primitives/css-length.ts
 var probe, PROBE_ATTR, ensureProbe, isViewportAxisVertical, viewportSize, PERCENT, resolveSnap;
-var init_cssLength = __esm({
-  "src/core/primitives/cssLength.ts"() {
+var init_css_length = __esm({
+  "src/core/primitives/css-length.ts"() {
     probe = null;
     PROBE_ATTR = "data-bs-probe";
     ensureProbe = (axis) => {
@@ -215,14 +215,14 @@ var init_cssLength = __esm({
   }
 });
 
-// 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);
   }
 }
-var init_devWarn = __esm({
-  "src/core/primitives/devWarn.ts"() {
+var init_dev_warn = __esm({
+  "src/core/primitives/dev-warn.ts"() {
   }
 });
 
@@ -230,8 +230,8 @@ var init_devWarn = __esm({
 var resolveSnapList, VH_NOT_DVH, auditVhUsage, findNearest, allowedRange, findById, MOUSE_FLICK_VELOCITY, MOUSE_DRAG_THRESHOLD, DIRECTIONAL_INTENT_VELOCITY, findDragSettleTarget;
 var init_snap_points = __esm({
   "src/core/primitives/snap-points.ts"() {
-    init_cssLength();
-    init_devWarn();
+    init_css_length();
+    init_dev_warn();
     resolveSnapList = (points, mode, measureFit) => points.map((p) => {
       const raw = resolveSnap(p.size, mode, measureFit);
       if (!Number.isFinite(raw) || raw < 0) {
@@ -324,7 +324,7 @@ function emitCancelable(emit, base, warnLabel) {
 }
 var init_cancelable_emit = __esm({
   "src/core/primitives/cancelable-emit.ts"() {
-    init_devWarn();
+    init_dev_warn();
   }
 });
 
@@ -402,82 +402,6 @@ var init_snap_resolver = __esm({
   }
 });
 
-// src/core/features/persist.ts
-function readPersistedId(key) {
-  if (!key) return null;
-  if (typeof window === "undefined") return null;
-  if (typeof localStorage === "undefined") return null;
-  try {
-    return localStorage.getItem(key);
-  } catch {
-    return null;
-  }
-}
-function installPersist(engine, key) {
-  const unsubscribe = engine.on("snap", ({ id }) => {
-    if (typeof window === "undefined") return;
-    if (typeof localStorage === "undefined") return;
-    try {
-      localStorage.setItem(key, id);
-    } catch {
-    }
-  });
-  return unsubscribe;
-}
-var init_persist = __esm({
-  "src/core/features/persist.ts"() {
-  }
-});
-
-// src/core/features/auto-collapse.ts
-function installAutoCollapse(deps) {
-  const { ms } = deps;
-  if (ms === void 0 || ms <= 0) {
-    return () => {
-    };
-  }
-  let timer = null;
-  const clearTimer = () => {
-    if (timer !== null) {
-      clearTimeout(timer);
-      timer = null;
-    }
-  };
-  const fire = () => {
-    if (deps.isDestroyed()) return;
-    if (deps.isDragging()) return;
-    const active = deps.resolveSnap(deps.getActiveId());
-    if (!active || active.size === 0) return;
-    let target = null;
-    for (const id of deps.getAllowedIds()) {
-      const snap = deps.resolveSnap(id);
-      if (!snap || snap.size <= 0) continue;
-      if (!target || snap.size < target.size) target = snap;
-    }
-    if (!target) return;
-    if (target.id === active.id || target.size >= active.size) return;
-    deps.snapTo(target.id);
-  };
-  const reset = () => {
-    clearTimer();
-    if (deps.isDestroyed()) return;
-    timer = setTimeout(() => {
-      timer = null;
-      fire();
-    }, ms);
-  };
-  const unsubscribe = deps.on("snap", () => reset());
-  if ((deps.resolveSnap(deps.getActiveId())?.size ?? 0) > 0) reset();
-  return () => {
-    clearTimer();
-    unsubscribe();
-  };
-}
-var init_auto_collapse = __esm({
-  "src/core/features/auto-collapse.ts"() {
-  }
-});
-
 // src/core/features/linked-sheets.ts
 function notifyLinkedSheets(sheets, self) {
   if (sheets.length === 0) return;
@@ -504,560 +428,211 @@ var init_linked_sheets = __esm({
   }
 });
 
-// src/core/features/history-coordinator.ts
-function onPopState() {
-  if (suppress > 0) {
-    suppress -= 1;
-    const rebrand = pendingRebrand;
-    pendingRebrand = null;
-    if (rebrand) rebrand();
-    maybeTeardownListener();
-    return;
-  }
-  if (entries.length === 0) {
-    notifyRouteChange();
-    maybeTeardownListener();
-    return;
+// src/core/features/resize-observer.ts
+function installResizeObserver(deps) {
+  if (typeof window === "undefined") {
+    return () => {
+    };
   }
-  let target = null;
-  let targetIdx = -1;
-  for (let i = entries.length - 1; i >= 0; i -= 1) {
-    const entry = entries[i];
-    if (!entry.surface.isOpen()) continue;
-    if (!target) {
-      target = entry;
-      targetIdx = i;
-    }
-    if (entry.surface.isTop()) {
-      target = entry;
-      targetIdx = i;
-      break;
+  const onResize = () => {
+    if (deps.isDestroyed()) return;
+    deps.recomputeSnaps();
+    const mode = deps.getMode();
+    const isVerticalAxis = mode === "bottom" || mode === "top";
+    const viewportSize2 = isVerticalAxis ? window.innerHeight : window.innerWidth;
+    const max = deps.getMaxAxisSize();
+    if (viewportSize2 > 0 && viewportSize2 < max) {
+      deps.setMaxAxisSize(viewportSize2);
     }
-  }
-  if (!target) {
-    const removed = entries.pop();
-    if (removed) removed.live = false;
-    maybeTeardownListener();
-    return;
-  }
-  target.live = false;
-  entries.splice(targetIdx, 1);
-  const settled = target;
-  void Promise.resolve(settled.surface.close()).then(() => {
-    if (settled.surface.isOpen()) restore(settled);
-  });
-  maybeTeardownListener();
-}
-function restore(entry) {
-  if (!hasWindow() || !hasHistory()) return;
-  entry.live = true;
-  runInternal(() => {
-    try {
-      history.pushState(brandMarker(entry.surface), "", entry.surface.url);
-    } catch {
-      entry.live = false;
+    const wasAnimating = deps.isAnimating?.() ?? false;
+    deps.cancelInFlight();
+    deps.newCycle();
+    const current = deps.resolveActiveSnap();
+    const newMax = deps.getMaxAxisSize();
+    const targetSize = current ? Math.min(current.size, newMax) : Math.min(deps.getSize(), newMax);
+    deps.setSize(targetSize);
+    if (current && !deps.isDragging()) {
+      deps.applySize(targetSize);
+      if (wasAnimating) deps.resyncAfterCancel?.();
     }
-  });
-  if (entry.live) {
-    entries.push(entry);
-    ensureListener();
+  };
+  let resizeObserver = null;
+  if (typeof ResizeObserver !== "undefined") {
+    resizeObserver = new ResizeObserver(onResize);
+    resizeObserver.observe(document.documentElement);
+  } else {
+    window.addEventListener("resize", onResize);
   }
+  window.addEventListener("orientationchange", onResize);
+  const onVisibility = () => {
+    if (deps.isDestroyed()) return;
+    if (document.hidden) deps.cancelInFlight();
+  };
+  document.addEventListener("visibilitychange", onVisibility);
+  return () => {
+    resizeObserver?.disconnect();
+    window.removeEventListener("resize", onResize);
+    window.removeEventListener("orientationchange", onResize);
+    document.removeEventListener("visibilitychange", onVisibility);
+  };
 }
-function pushBackMarker(surface) {
-  const entry = { surface, priorUrl: void 0, live: false };
-  if (!hasWindow() || !hasHistory()) {
-    return entry;
+var init_resize_observer = __esm({
+  "src/core/features/resize-observer.ts"() {
   }
-  entry.priorUrl = surface.url !== void 0 ? location.href : void 0;
-  runInternal(() => {
-    try {
-      history.pushState(brandMarker(surface), "", surface.url);
-      entry.live = true;
-    } catch {
-      entry.live = false;
+});
+
+// src/core/features/fit-observer.ts
+function installFitObserver(deps) {
+  if (typeof ResizeObserver === "undefined") return () => {
+  };
+  if (!deps.hasFitSnap()) return () => {
+  };
+  let raf = 0;
+  const schedule = () => {
+    if (raf) return;
+    raf = requestAnimationFrame(() => {
+      raf = 0;
+      if (deps.isDestroyed() || deps.isDragging()) return;
+      deps.recompute();
+    });
+  };
+  const ro = new ResizeObserver(schedule);
+  ro.observe(deps.handle);
+  const scroller = deps.scrollContainer;
+  const observed = /* @__PURE__ */ new Set();
+  const slots = /* @__PURE__ */ new Set();
+  const hasSlot = typeof HTMLSlotElement !== "undefined";
+  const onSlotChange = () => resync();
+  const trackSlots = () => {
+    if (!scroller || !hasSlot) return;
+    for (const child of Array.from(scroller.children)) {
+      if (child instanceof HTMLSlotElement && !slots.has(child)) {
+        child.addEventListener("slotchange", onSlotChange);
+        slots.add(child);
+      }
+    }
+  };
+  const resync = () => {
+    trackSlots();
+    const targets = contentTargets(scroller);
+    for (const el of observed) {
+      if (!targets.includes(el)) {
+        ro.unobserve(el);
+        observed.delete(el);
+      }
+    }
+    for (const el of targets) {
+      if (!observed.has(el)) {
+        ro.observe(el);
+        observed.add(el);
+      }
+    }
+    schedule();
+  };
+  let mo;
+  if (scroller) {
+    resync();
+    if (typeof MutationObserver !== "undefined") {
+      mo = new MutationObserver(resync);
+      mo.observe(scroller, { childList: true });
     }
-  });
-  if (entry.live) {
-    entries.push(entry);
-    ensureListener();
   }
-  return entry;
+  return () => {
+    ro.disconnect();
+    mo?.disconnect();
+    for (const slot of slots) {
+      slot.removeEventListener("slotchange", onSlotChange);
+    }
+    if (raf) cancelAnimationFrame(raf);
+  };
 }
-function popBackMarker(handle) {
-  if (!hasWindow() || !hasHistory()) return;
-  const entry = handle;
-  const idx = entries.indexOf(entry);
-  if (idx === -1 || !entry.live) return;
-  const last = entries.length - 1;
-  entry.live = false;
-  entries.splice(idx, 1);
-  if (idx !== last) {
-    const rebrandSurface = entries[entries.length - 1].surface;
-    const rebrandUrl = entry.priorUrl;
-    pendingRebrand = () => {
-      runInternal(() => {
-        history.replaceState(
-          brandMarker(rebrandSurface),
-          "",
-          rebrandUrl !== void 0 ? rebrandUrl : location.href
-        );
-      });
-    };
-  }
-  suppress += 1;
-  runInternal(() => {
-    try {
-      history.back();
-    } catch {
-      suppress = Math.max(0, suppress - 1);
-      pendingRebrand = null;
-    }
-  });
-  maybeTeardownListener();
-}
-function subscribeRouteChange(fn) {
-  if (!hasWindow() || !hasHistory()) return () => {
-  };
-  subscribers.add(fn);
-  if (subscribers.size === 1) installPatch();
-  ensureListener();
-  return () => {
-    if (!subscribers.has(fn)) return;
-    subscribers.delete(fn);
-    if (subscribers.size === 0) removePatch();
-    maybeTeardownListener();
-  };
-}
-var entries, subscribers, suppress, internalDepth, pendingRebrand, listenerInstalled, patchInstalled, origPushState, origReplaceState, patchedPushState, patchedReplaceState, hasWindow, hasHistory, brandMarker, runInternal, notifyRouteChange, ensureListener, maybeTeardownListener, installPatch, removePatch;
-var init_history_coordinator = __esm({
-  "src/core/features/history-coordinator.ts"() {
-    entries = [];
-    subscribers = /* @__PURE__ */ new Set();
-    suppress = 0;
-    internalDepth = 0;
-    pendingRebrand = null;
-    listenerInstalled = false;
-    patchInstalled = false;
-    origPushState = null;
-    origReplaceState = null;
-    patchedPushState = null;
-    patchedReplaceState = null;
-    hasWindow = () => typeof window !== "undefined";
-    hasHistory = () => typeof history !== "undefined";
-    brandMarker = (surface) => ({
-      ...surface.markerState(),
-      __bs: true
-    });
-    runInternal = (fn) => {
-      internalDepth += 1;
-      try {
-        fn();
-      } finally {
-        internalDepth -= 1;
-      }
-    };
-    notifyRouteChange = () => {
-      const snapshot = Array.from(subscribers);
-      for (const fn of snapshot) fn();
-    };
-    ensureListener = () => {
-      if (listenerInstalled || !hasWindow()) return;
-      window.addEventListener("popstate", onPopState);
-      listenerInstalled = true;
-    };
-    maybeTeardownListener = () => {
-      if (!listenerInstalled) return;
-      if (entries.length > 0 || subscribers.size > 0 || suppress > 0) return;
-      if (hasWindow()) window.removeEventListener("popstate", onPopState);
-      listenerInstalled = false;
-    };
-    installPatch = () => {
-      if (patchInstalled || !hasHistory()) return;
-      origPushState = history.pushState;
-      origReplaceState = history.replaceState;
-      patchedPushState = function(...args) {
-        origPushState.apply(this, args);
-        if (internalDepth === 0) notifyRouteChange();
-      };
-      patchedReplaceState = function(...args) {
-        origReplaceState.apply(this, args);
-        if (internalDepth === 0) notifyRouteChange();
-      };
-      history.pushState = patchedPushState;
-      history.replaceState = patchedReplaceState;
-      patchInstalled = true;
-    };
-    removePatch = () => {
-      if (!patchInstalled) return;
-      if (history.pushState === patchedPushState && origPushState) {
-        history.pushState = origPushState;
-      }
-      if (history.replaceState === patchedReplaceState && origReplaceState) {
-        history.replaceState = origReplaceState;
+var contentTargets;
+var init_fit_observer = __esm({
+  "src/core/features/fit-observer.ts"() {
+    contentTargets = (scroller) => {
+      if (!scroller) return [];
+      const hasSlot = typeof HTMLSlotElement !== "undefined";
+      const out = [];
+      for (const child of Array.from(scroller.children)) {
+        if (hasSlot && child instanceof HTMLSlotElement) {
+          for (const el of child.assignedElements()) out.push(el);
+        } else {
+          out.push(child);
+        }
       }
-      origPushState = null;
-      origReplaceState = null;
-      patchedPushState = null;
-      patchedReplaceState = null;
-      patchInstalled = false;
+      return out;
     };
   }
 });
 
-// src/core/features/route.ts
-function installRoute(deps) {
-  if (typeof window === "undefined") {
-    return () => {
-    };
-  }
-  if (!deps.routedTo && !deps.closeOnBack) {
-    return () => {
-    };
-  }
-  let handle = null;
-  const onOpen = () => {
-    if (handle) return;
-    handle = pushBackMarker({
-      isOpen: () => !deps.isDestroyed() && deps.getSize() > 0,
-      isTop: deps.isTopSheet,
-      close: deps.close,
-      markerState: () => deps.routedTo !== void 0 ? { __bsRouted: deps.sheetId } : { __bsSheet: deps.sheetId },
-      url: deps.routedTo
-    });
-  };
-  const onClose = () => {
-    if (!handle) return;
-    popBackMarker(handle);
-    handle = null;
-  };
-  const unsubscribeOpen = deps.on("open", onOpen);
-  const unsubscribeClose = deps.on("close", onClose);
-  if (deps.getSize() > 0) onOpen();
-  return () => {
-    unsubscribeOpen();
-    unsubscribeClose();
-    if (handle) {
-      popBackMarker(handle);
-      handle = null;
+// src/core/features/max-height-controller.ts
+function createMaxHeightController(deps) {
+  let maxHeightCap;
+  let maxHeightRaw;
+  const resolveCap = () => {
+    const raw = maxHeightRaw;
+    if (raw === void 0) {
+      maxHeightCap = void 0;
+      return;
     }
+    if (typeof raw === "number") {
+      maxHeightCap = raw;
+      return;
+    }
+    if (typeof window === "undefined") return;
+    const measured = resolveSnap(raw, deps.mode);
+    maxHeightCap = measured > 0 ? measured : void 0;
   };
-}
-function installRouteChange(deps) {
-  return subscribeRouteChange(() => {
-    if (deps.isDestroyed() || deps.getSize() <= 0) return;
-    void deps.close();
-  });
-}
-var init_route = __esm({
-  "src/core/features/route.ts"() {
-    init_history_coordinator();
-  }
-});
-
-// src/core/features/content-swipe.ts
-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]);
+  const clampTo = () => {
+    if (maxHeightCap === void 0) return;
+    if (deps.getMaxAxisSize() > maxHeightCap) {
+      deps.setMaxAxisSize(maxHeightCap);
     }
   };
-  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);
+  return {
+    setRadius(r) {
+      deps.element.style.setProperty(
+        "--bs-radius",
+        typeof r === "number" ? `${r}px` : r
+      );
+    },
+    setMaxHeight(h) {
+      const value = typeof h === "number" ? `${h}px` : h;
+      const axis = layoutAxis(deps.mode);
+      deps.element.style.setProperty(
+        axis === "height" ? "max-height" : "max-width",
+        value
+      );
+      maxHeightRaw = h;
+      resolveCap();
+      deps.recompute();
+    },
+    resolveCap,
+    clampTo,
+    getCap: () => maxHeightCap
   };
 }
-var CONTENT_PULL_THRESHOLD;
-var init_content_swipe = __esm({
-  "src/core/features/content-swipe.ts"() {
-    CONTENT_PULL_THRESHOLD = 60;
+var init_max_height_controller = __esm({
+  "src/core/features/max-height-controller.ts"() {
+    init_snap_points();
+    init_transform();
   }
 });
 
-// src/core/features/visual-viewport.ts
-function installVisualViewport(deps) {
-  if (typeof window === "undefined" || !window.visualViewport) {
-    return () => {
-    };
-  }
-  const vv = window.visualViewport;
-  let rafId = null;
-  const onResize = () => {
-    if (rafId !== null) return;
-    rafId = requestAnimationFrame(() => {
-      rafId = null;
-      if (deps.isDestroyed()) return;
-      deps.recomputeSnaps();
-      const isVertical = deps.isVerticalAxis();
-      const visible = isVertical ? vv.height : vv.width;
-      const windowSize = isVertical ? window.innerHeight : window.innerWidth;
-      const clamp = Math.max(0, Math.min(windowSize, visible) - SAFETY_PAD);
-      if (clamp < deps.getMaxAxisSize()) {
-        deps.setMaxAxisSize(clamp);
-      }
-      const wasAnimating = deps.isAnimating?.() ?? false;
-      deps.cancelInFlight();
-      deps.newCycle();
-      const max = deps.getMaxAxisSize();
-      deps.setSize(Math.min(deps.getSize(), max));
-      const current = deps.resolveActiveSnap();
-      if (current && !deps.isDragging()) {
-        deps.applySize(Math.min(current.size, max));
-        if (wasAnimating) deps.resyncAfterCancel?.();
-      } else {
-        deps.applySize(deps.getSize());
-      }
-    });
-  };
-  vv.addEventListener("resize", onResize);
-  return () => {
-    vv.removeEventListener("resize", onResize);
-    if (rafId !== null) cancelAnimationFrame(rafId);
-  };
-}
-var SAFETY_PAD;
-var init_visual_viewport = __esm({
-  "src/core/features/visual-viewport.ts"() {
-    SAFETY_PAD = 8;
-  }
-});
-
-// src/core/features/resize-observer.ts
-function installResizeObserver(deps) {
-  if (typeof window === "undefined") {
-    return () => {
-    };
-  }
-  const onResize = () => {
-    if (deps.isDestroyed()) return;
-    deps.recomputeSnaps();
-    const mode = deps.getMode();
-    const isVerticalAxis = mode === "bottom" || mode === "top";
-    const viewportSize2 = isVerticalAxis ? window.innerHeight : window.innerWidth;
-    const max = deps.getMaxAxisSize();
-    if (viewportSize2 > 0 && viewportSize2 < max) {
-      deps.setMaxAxisSize(viewportSize2);
-    }
-    const wasAnimating = deps.isAnimating?.() ?? false;
-    deps.cancelInFlight();
-    deps.newCycle();
-    const current = deps.resolveActiveSnap();
-    const newMax = deps.getMaxAxisSize();
-    const targetSize = current ? Math.min(current.size, newMax) : Math.min(deps.getSize(), newMax);
-    deps.setSize(targetSize);
-    if (current && !deps.isDragging()) {
-      deps.applySize(targetSize);
-      if (wasAnimating) deps.resyncAfterCancel?.();
-    }
-  };
-  let resizeObserver = null;
-  if (typeof ResizeObserver !== "undefined") {
-    resizeObserver = new ResizeObserver(onResize);
-    resizeObserver.observe(document.documentElement);
-  } else {
-    window.addEventListener("resize", onResize);
-  }
-  window.addEventListener("orientationchange", onResize);
-  const onVisibility = () => {
-    if (deps.isDestroyed()) return;
-    if (document.hidden) deps.cancelInFlight();
-  };
-  document.addEventListener("visibilitychange", onVisibility);
-  return () => {
-    resizeObserver?.disconnect();
-    window.removeEventListener("resize", onResize);
-    window.removeEventListener("orientationchange", onResize);
-    document.removeEventListener("visibilitychange", onVisibility);
-  };
-}
-var init_resize_observer = __esm({
-  "src/core/features/resize-observer.ts"() {
-  }
-});
-
-// src/core/features/fit-observer.ts
-function installFitObserver(deps) {
-  if (typeof ResizeObserver === "undefined") return () => {
-  };
-  if (!deps.hasFitSnap()) return () => {
-  };
-  let raf = 0;
-  const schedule = () => {
-    if (raf) return;
-    raf = requestAnimationFrame(() => {
-      raf = 0;
-      if (deps.isDestroyed() || deps.isDragging()) return;
-      deps.recompute();
-    });
-  };
-  const ro = new ResizeObserver(schedule);
-  ro.observe(deps.handle);
-  const scroller = deps.scrollContainer;
-  const observed = /* @__PURE__ */ new Set();
-  const slots = /* @__PURE__ */ new Set();
-  const hasSlot = typeof HTMLSlotElement !== "undefined";
-  const onSlotChange = () => resync();
-  const trackSlots = () => {
-    if (!scroller || !hasSlot) return;
-    for (const child of Array.from(scroller.children)) {
-      if (child instanceof HTMLSlotElement && !slots.has(child)) {
-        child.addEventListener("slotchange", onSlotChange);
-        slots.add(child);
-      }
-    }
-  };
-  const resync = () => {
-    trackSlots();
-    const targets = contentTargets(scroller);
-    for (const el of observed) {
-      if (!targets.includes(el)) {
-        ro.unobserve(el);
-        observed.delete(el);
-      }
-    }
-    for (const el of targets) {
-      if (!observed.has(el)) {
-        ro.observe(el);
-        observed.add(el);
-      }
-    }
-    schedule();
-  };
-  let mo;
-  if (scroller) {
-    resync();
-    if (typeof MutationObserver !== "undefined") {
-      mo = new MutationObserver(resync);
-      mo.observe(scroller, { childList: true });
-    }
-  }
-  return () => {
-    ro.disconnect();
-    mo?.disconnect();
-    for (const slot of slots) {
-      slot.removeEventListener("slotchange", onSlotChange);
-    }
-    if (raf) cancelAnimationFrame(raf);
-  };
-}
-var contentTargets;
-var init_fit_observer = __esm({
-  "src/core/features/fit-observer.ts"() {
-    contentTargets = (scroller) => {
-      if (!scroller) return [];
-      const hasSlot = typeof HTMLSlotElement !== "undefined";
-      const out = [];
-      for (const child of Array.from(scroller.children)) {
-        if (hasSlot && child instanceof HTMLSlotElement) {
-          for (const el of child.assignedElements()) out.push(el);
-        } else {
-          out.push(child);
-        }
-      }
-      return out;
-    };
-  }
-});
-
-// src/core/features/max-height-controller.ts
-function createMaxHeightController(deps) {
-  let maxHeightCap;
-  let maxHeightRaw;
-  const resolveCap = () => {
-    const raw = maxHeightRaw;
-    if (raw === void 0) {
-      maxHeightCap = void 0;
-      return;
-    }
-    if (typeof raw === "number") {
-      maxHeightCap = raw;
-      return;
-    }
-    if (typeof window === "undefined") return;
-    const measured = resolveSnap(raw, deps.mode);
-    maxHeightCap = measured > 0 ? measured : void 0;
-  };
-  const clampTo = () => {
-    if (maxHeightCap === void 0) return;
-    if (deps.getMaxAxisSize() > maxHeightCap) {
-      deps.setMaxAxisSize(maxHeightCap);
-    }
-  };
-  return {
-    setRadius(r) {
-      deps.element.style.setProperty(
-        "--bs-radius",
-        typeof r === "number" ? `${r}px` : r
-      );
-    },
-    setMaxHeight(h) {
-      const value = typeof h === "number" ? `${h}px` : h;
-      const axis = layoutAxis(deps.mode);
-      deps.element.style.setProperty(
-        axis === "height" ? "max-height" : "max-width",
-        value
-      );
-      maxHeightRaw = h;
-      resolveCap();
-      deps.recompute();
-    },
-    resolveCap,
-    clampTo,
-    getCap: () => maxHeightCap
-  };
-}
-var init_max_height_controller = __esm({
-  "src/core/features/max-height-controller.ts"() {
-    init_snap_points();
-    init_transform();
-  }
-});
-
-// src/core/features/fit-measurement.ts
-var measureSheetNatural, containingExtent, measureFitSize;
-var init_fit_measurement = __esm({
-  "src/core/features/fit-measurement.ts"() {
-    init_transform();
-    measureSheetNatural = (element, content, vertical) => {
-      const axis = vertical ? "height" : "width";
-      const sheetStyle = element.style;
-      if (!content) {
-        const prev = sheetStyle[axis];
-        sheetStyle[axis] = "auto";
-        const poked2 = vertical ? element.offsetHeight : element.offsetWidth;
-        sheetStyle[axis] = prev;
-        return poked2;
+// src/core/features/fit-measurement.ts
+var measureSheetNatural, containingExtent, measureFitSize;
+var init_fit_measurement = __esm({
+  "src/core/features/fit-measurement.ts"() {
+    init_transform();
+    measureSheetNatural = (element, content, vertical) => {
+      const axis = vertical ? "height" : "width";
+      const sheetStyle = element.style;
+      if (!content) {
+        const prev = sheetStyle[axis];
+        sheetStyle[axis] = "auto";
+        const poked2 = vertical ? element.offsetHeight : element.offsetWidth;
+        sheetStyle[axis] = prev;
+        return poked2;
       }
       const cs = content.style;
       const prevSheet = sheetStyle[axis];
@@ -1295,7 +870,7 @@ var init_scrim_controller = __esm({
     init_snap_points();
     init_hot_path_thresholds();
     init_opacity_dedup();
-    init_devWarn();
+    init_dev_warn();
     init_overlay_position();
     VALID_CSS_LENGTH = /^-?\d+(?:\.\d+)?(?:px|em|rem|%)$/;
     DEFAULT_SCRIM_DIM = "rgba(0, 0, 0, 0.4)";
@@ -1824,6 +1399,58 @@ var init_animation_presets = __esm({
   }
 });
 
+// src/core/animation/waapi-settle.ts
+function sampleSpringSettle(from, to, velocityPxPerS, config) {
+  const cfg = { ...DEFAULT_SPRING, ...config };
+  const subDt = 1 / SIM_HZ;
+  const stepMs = SAMPLE_STRIDE / SIM_HZ * 1e3;
+  const maxSteps = Math.ceil(MAX_SIM_MS / 1e3 * SIM_HZ);
+  const values = [from];
+  let x = from;
+  let v = velocityPxPerS;
+  for (let i = 1; i <= maxSteps; i += 1) {
+    const force = -cfg.stiffness * (x - to) - cfg.damping * v;
+    v += force / cfg.mass * subDt;
+    x += v * subDt;
+    if (!Number.isFinite(x) || !Number.isFinite(v)) {
+      values.push(to);
+      break;
+    }
+    if (i % SAMPLE_STRIDE === 0) values.push(x);
+    const atRest = Math.abs(to - x) < (cfg.restDelta ?? 0.5) && Math.abs(v) < (cfg.restSpeed ?? 0.5);
+    if (atRest) break;
+  }
+  if (values[values.length - 1] !== to) values.push(to);
+  return {
+    values,
+    stepMs,
+    durationMs: (values.length - 1) * stepMs
+  };
+}
+function sampleTweenSettle(from, to, durationMs, easing) {
+  const count = Math.max(2, Math.min(60, Math.round(durationMs / 16)));
+  const values = [];
+  for (let i = 0; i <= count; i += 1) {
+    const t = i / count;
+    values.push(from + (to - from) * easing(t));
+  }
+  values[values.length - 1] = to;
+  return {
+    values,
+    stepMs: durationMs / count,
+    durationMs
+  };
+}
+var SIM_HZ, SAMPLE_STRIDE, MAX_SIM_MS;
+var init_waapi_settle = __esm({
+  "src/core/animation/waapi-settle.ts"() {
+    init_spring();
+    SIM_HZ = 240;
+    SAMPLE_STRIDE = 4;
+    MAX_SIM_MS = 3e3;
+  }
+});
+
 // src/core/controllers/animation-runner.ts
 var DEFAULT_DURATION2, VELOCITY_PX_PER_S, AnimationRunner;
 var init_animation_runner = __esm({
@@ -1831,6 +1458,7 @@ var init_animation_runner = __esm({
     init_animation();
     init_spring();
     init_animation_presets();
+    init_waapi_settle();
     DEFAULT_DURATION2 = 220;
     VELOCITY_PX_PER_S = 1e3;
     AnimationRunner = class {
@@ -1840,6 +1468,10 @@ var init_animation_runner = __esm({
         __publicField(this, "applySizeFn");
         __publicField(this, "getSize");
         __publicField(this, "isDragging");
+        __publicField(this, "applyAux");
+        __publicField(this, "getTransformFor");
+        __publicField(this, "settleWaapi");
+        __publicField(this, "currentWaapi", null);
         __publicField(this, "animationKind");
         __publicField(this, "springConfig");
         __publicField(this, "duration");
@@ -1855,6 +1487,9 @@ var init_animation_runner = __esm({
         this.applySizeFn = deps.applySize;
         this.getSize = deps.getSize;
         this.isDragging = deps.isDragging;
+        this.applyAux = deps.applyAux;
+        this.getTransformFor = deps.getTransformFor;
+        this.settleWaapi = opts.settleAnimation === "waapi";
         const preset = resolveAnimationPreset(opts.animation);
         this.animationKind = preset.kind;
         this.duration = opts.duration ?? preset.duration ?? DEFAULT_DURATION2;
@@ -1879,11 +1514,20 @@ var init_animation_runner = __esm({
         }
       }
       get isAnimating() {
-        return this.currentTween !== null || this.currentSpring !== null;
+        return this.currentTween !== null || this.currentSpring !== null || this.currentWaapi !== null;
       }
       cancel() {
         this.currentTween?.cancel();
         this.currentSpring?.cancel();
+        if (this.currentWaapi) {
+          const entry = this.currentWaapi;
+          this.currentWaapi = null;
+          entry.stop();
+          try {
+            entry.anim.cancel();
+          } catch {
+          }
+        }
       }
       async animateTo(target, velocityPxPerMs) {
         if (target === this.getSize()) {
@@ -1902,6 +1546,27 @@ var init_animation_runner = __esm({
           if (!this.isDragging()) this.element.style.willChange = "";
           return;
         }
+        if (this.settleWaapi && this.applyAux && this.getTransformFor && typeof this.element.animate === "function") {
+          const samples = this.animationKind === "spring" ? sampleSpringSettle(
+            this.getSize(),
+            target,
+            velocityPxPerMs * VELOCITY_PX_PER_S,
+            this.springConfig
+          ) : sampleTweenSettle(
+            this.getSize(),
+            target,
+            this.duration,
+            this.easing
+          );
+          if (samples.values.length >= 2 && samples.durationMs > 0) {
+            await this.runWaapiSettle(samples, target);
+            if (!this.isAnimating) {
+              this.getRootEl()?.removeAttribute("data-animating");
+              if (!this.isDragging()) this.element.style.willChange = "";
+            }
+            return;
+          }
+        }
         if (this.animationKind === "spring") {
           const spring = runSpring({
             from: this.getSize(),
@@ -1930,20 +1595,75 @@ var init_animation_runner = __esm({
           if (!this.isDragging()) this.element.style.willChange = "";
         }
       }
-      destroy() {
-        this.detachReducedMotion?.();
-        this.detachReducedMotion = null;
+      async runWaapiSettle(samples, target) {
+        const applyAux = this.applyAux;
+        const getTransformFor = this.getTransformFor;
+        const frames = samples.values.map((v) => ({
+          transform: getTransformFor(v)
+        }));
+        const anim = this.element.animate(frames, {
+          duration: samples.durationMs,
+          easing: "linear",
+          fill: "forwards"
+        });
+        let stopped = false;
+        let auxRaf = 0;
+        const start = performance.now();
+        const lastIdx = samples.values.length - 1;
+        const auxTick = () => {
+          if (stopped) return;
+          const elapsed = performance.now() - start;
+          const idx = Math.min(Math.floor(elapsed / samples.stepMs), lastIdx);
+          applyAux(samples.values[idx]);
+          auxRaf = requestAnimationFrame(auxTick);
+        };
+        auxRaf = requestAnimationFrame(auxTick);
+        const entry = {
+          anim,
+          stop: () => {
+            stopped = true;
+            cancelAnimationFrame(auxRaf);
+          }
+        };
+        this.currentWaapi = entry;
+        try {
+          await anim.finished;
+        } catch {
+        }
+        entry.stop();
+        const wasCurrent = this.currentWaapi === entry;
+        if (wasCurrent) this.currentWaapi = null;
+        if (wasCurrent && anim.playState === "finished") {
+          this.applySizeFn(target);
+          try {
+            anim.cancel();
+          } catch {
+          }
+        }
+      }
+      destroy() {
+        this.detachReducedMotion?.();
+        this.detachReducedMotion = null;
         this.currentTween = null;
         this.currentSpring = null;
+        if (this.currentWaapi) {
+          const entry = this.currentWaapi;
+          this.currentWaapi = null;
+          entry.stop();
+          try {
+            entry.anim.cancel();
+          } catch {
+          }
+        }
       }
     };
   }
 });
 
-// src/core/lifecycle/focusTrap.ts
+// src/core/lifecycle/focus-trap.ts
 var FOCUSABLE, isVisible, collectFocusables, focusables, containsComposed, trapStack, installFocusTrap;
-var init_focusTrap = __esm({
-  "src/core/lifecycle/focusTrap.ts"() {
+var init_focus_trap = __esm({
+  "src/core/lifecycle/focus-trap.ts"() {
     FOCUSABLE = [
       "a[href]",
       "area[href]",
@@ -2063,10 +1783,10 @@ var init_focusTrap = __esm({
   }
 });
 
-// src/core/lifecycle/scrollLock.ts
+// src/core/lifecycle/scroll-lock.ts
 var lockCount, savedStyles, lockBodyScroll;
-var init_scrollLock = __esm({
-  "src/core/lifecycle/scrollLock.ts"() {
+var init_scroll_lock = __esm({
+  "src/core/lifecycle/scroll-lock.ts"() {
     lockCount = 0;
     savedStyles = null;
     lockBodyScroll = () => {
@@ -2149,8 +1869,8 @@ var init_inert_siblings = __esm({
 var LifecycleController;
 var init_lifecycle_controller = __esm({
   "src/core/controllers/lifecycle-controller.ts"() {
-    init_focusTrap();
-    init_scrollLock();
+    init_focus_trap();
+    init_scroll_lock();
     init_inert_siblings();
     LifecycleController = class {
       constructor(deps, opts) {
@@ -2265,30 +1985,44 @@ var init_gestures = __esm({
         this.size = 0;
       }
     };
-    installGestures = (handle, mode, callbacks) => {
+    installGestures = (handle, mode, callbacks, options = {}) => {
       let activePointerId = null;
       let activePointerType = "touch";
       let startCoord = 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 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);
         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) => {
@@ -2296,6 +2030,22 @@ var init_gestures = __esm({
         const coord = coordOf(e);
         const rawDelta = coord - startCoord;
         const delta = rawDelta * sign;
+        if (pendingStart) {
+          const verdict = options.deferStart(e, delta);
+          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);
@@ -2304,6 +2054,10 @@ var init_gestures = __esm({
       };
       const finishGesture = (e) => {
         if (e.pointerId !== activePointerId) return;
+        if (pendingStart) {
+          releaseTracking();
+          return;
+        }
         const rawDelta = lastCoord - startCoord;
         const delta = rawDelta * sign;
         let velocity = 0;
@@ -2326,22 +2080,26 @@ var init_gestures = __esm({
       };
       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);
         }
@@ -2476,7 +2234,7 @@ var init_gesture_controller = __esm({
             const restoreTo = this.dragStartSize;
             void this.deps.animateTo(restoreTo, 0);
           }
-        });
+        }, this.deps.gestureOptions);
         return this.detach;
       }
       forceClearDragState() {
@@ -2490,6 +2248,55 @@ var init_gesture_controller = __esm({
   }
 });
 
+// src/core/primitives/drag-zones.ts
+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;
+}
+var DRAG_ZONE_SELECTOR, NO_DRAG_SELECTOR, asElement;
+var init_drag_zones = __esm({
+  "src/core/primitives/drag-zones.ts"() {
+    DRAG_ZONE_SELECTOR = "[data-bs-drag]";
+    NO_DRAG_SELECTOR = "[data-bs-no-drag]";
+    asElement = (target) => {
+      const candidate = target;
+      return candidate && typeof candidate.closest === "function" ? candidate : null;
+    };
+  }
+});
+
+// src/core/primitives/content-gesture.ts
+function decideContentGesture(input) {
+  const slop = input.slop ?? CONTENT_DRAG_SLOP;
+  if (Math.abs(input.delta) < slop) return "pending";
+  if (input.scrollTop > 0) return "scroll";
+  if (input.delta > 0 && input.atMaxSnap) return "scroll";
+  return "drag";
+}
+var CONTENT_DRAG_SLOP;
+var init_content_gesture = __esm({
+  "src/core/primitives/content-gesture.ts"() {
+    CONTENT_DRAG_SLOP = 6;
+  }
+});
+
+// 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);
+}
+var init_touch_scroll_guard = __esm({
+  "src/core/primitives/touch-scroll-guard.ts"() {
+  }
+});
+
 // src/core/primitives/aria-slider-writer.ts
 var AriaSliderWriter;
 var init_aria_slider_writer = __esm({
@@ -2862,7 +2669,7 @@ function resolveEngineOptions(opts, extras) {
   const initialAllowed = opts.allowed ?? opts.snapPoints.map((p) => p.id);
   let initialId = opts.initial ?? initialAllowed[0] ?? opts.snapPoints[0]?.id ?? "default";
   if (opts.persistKey) {
-    const restored = readPersistedId(opts.persistKey);
+    const restored = readPersistedIdSafe(opts.persistKey);
     if (restored && initialAllowed.includes(restored)) {
       initialId = restored;
     }
@@ -2871,6 +2678,8 @@ function resolveEngineOptions(opts, extras) {
     mode: opts.mode ?? "bottom",
     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,
@@ -2893,6 +2702,7 @@ function resolveEngineOptions(opts, extras) {
     },
     animation: {
       animation: opts.animation,
+      settleAnimation: opts.settleAnimation,
       duration: opts.duration,
       easing: opts.easing,
       spring: opts.spring,
@@ -2910,12 +2720,20 @@ function resolveEngineOptions(opts, extras) {
     }
   };
 }
-var DEFAULT_FLICK_VELOCITY, DEFAULT_DRAG_THRESHOLD;
+var DEFAULT_FLICK_VELOCITY, DEFAULT_DRAG_THRESHOLD, readPersistedIdSafe;
 var init_engine_options = __esm({
   "src/core/primitives/engine-options.ts"() {
-    init_persist();
     DEFAULT_FLICK_VELOCITY = 0.65;
     DEFAULT_DRAG_THRESHOLD = 18;
+    readPersistedIdSafe = (key) => {
+      if (typeof window === "undefined") return null;
+      if (typeof localStorage === "undefined") return null;
+      try {
+        return localStorage.getItem(key);
+      } catch {
+        return null;
+      }
+    };
   }
 });
 
@@ -2945,24 +2763,19 @@ var init_teardown_stack = __esm({
   }
 });
 
-// src/core/BottomSheetEngine.ts
-var HAPTIC_DURATION_MS, BottomSheetEngine;
-var init_BottomSheetEngine = __esm({
-  "src/core/BottomSheetEngine.ts"() {
-    init_sheetStack();
+// src/core/BottomSheetCore.ts
+var HAPTIC_DURATION_MS, BottomSheetCore;
+var init_BottomSheetCore = __esm({
+  "src/core/BottomSheetCore.ts"() {
+    init_sheet_stack();
     init_transform();
     init_instance_id();
     init_event_bus();
     init_snap_points();
     init_cancelable_emit();
-    init_devWarn();
+    init_dev_warn();
     init_snap_resolver();
-    init_persist();
-    init_auto_collapse();
     init_linked_sheets();
-    init_route();
-    init_content_swipe();
-    init_visual_viewport();
     init_resize_observer();
     init_fit_observer();
     init_max_height_controller();
@@ -2972,6 +2785,9 @@ var init_BottomSheetEngine = __esm({
     init_animation_runner();
     init_lifecycle_controller();
     init_gesture_controller();
+    init_drag_zones();
+    init_content_gesture();
+    init_touch_scroll_guard();
     init_aria_slider_writer();
     init_hot_path_thresholds();
     init_scroll_cache();
@@ -2981,7 +2797,7 @@ var init_BottomSheetEngine = __esm({
     init_teardown_stack();
     init_opacity_dedup();
     HAPTIC_DURATION_MS = 8;
-    BottomSheetEngine = class {
+    BottomSheetCore = class {
       constructor(opts) {
         __publicField(this, "id", nextInstanceId("bs"));
         __publicField(this, "element");
@@ -2993,6 +2809,8 @@ var init_BottomSheetEngine = __esm({
         __publicField(this, "mode");
         __publicField(this, "flickVelocity");
         __publicField(this, "dragThreshold");
+        __publicField(this, "dragFromMode");
+        __publicField(this, "dragFromContentDefault");
         __publicField(this, "rubberBandEnabled");
         __publicField(this, "scrim");
         __publicField(this, "aria");
@@ -3010,8 +2828,11 @@ var init_BottomSheetEngine = __esm({
         __publicField(this, "activeId");
         __publicField(this, "size", 0);
         __publicField(this, "gesture");
+        __publicField(this, "contentGesture");
+        __publicField(this, "detachSheetGesture", 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());
@@ -3042,6 +2863,8 @@ var init_BottomSheetEngine = __esm({
         __publicField(this, "stackEffectPrimed", false);
         __publicField(this, "fitDeps");
         __publicField(this, "transformTemplate");
+        __publicField(this, "featureList", []);
+        __publicField(this, "featureCtx");
         const resolved = resolveEngineOptions(opts, {
           shouldApplyInertSiblings: () => {
             if (typeof document === "undefined") return false;
@@ -3062,6 +2885,8 @@ var init_BottomSheetEngine = __esm({
         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(
           {
@@ -3088,7 +2913,9 @@ var init_BottomSheetEngine = __esm({
             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)
           },
           resolved.animation
         );
@@ -3111,6 +2938,11 @@ var init_BottomSheetEngine = __esm({
         if (opts.linkedSheets) {
           this.linkedSheets = opts.linkedSheets;
         }
+        const byName = /* @__PURE__ */ new Map();
+        for (const feature of opts.features ?? []) {
+          byName.set(feature.name, feature);
+        }
+        this.featureList = Array.from(byName.values());
         this.activeId = resolved.initialId;
         auditVhUsage(this.snapPointsRaw);
         this.auditDuplicateSnapIds(this.snapPointsRaw);
@@ -3142,11 +2974,13 @@ var init_BottomSheetEngine = __esm({
         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,
           getMaxAxisSize: () => this.snaps.getMaxAxisSize()
         });
+        this.featureCtx = this.buildFeatureContext(opts.autoCollapseAfter);
         this.attach();
         this.registerInStack();
         if (this.snaps.getMaxAxisSize() === 0 && typeof IntersectionObserver !== "undefined" && typeof document !== "undefined") {
@@ -3171,60 +3005,92 @@ var init_BottomSheetEngine = __esm({
               (p) => p.size === "fit" || p.size === "content"
             ),
             isDestroyed: () => this.destroyed,
-            isDragging: () => this.gesture?.isDragging ?? false,
+            isDragging: () => this.isDraggingAny(),
             recompute: () => this.recompute()
           })
         );
         if (resolved.radius !== void 0) this.setRadius(resolved.radius);
         if (resolved.maxHeight !== void 0) this.setMaxHeight(resolved.maxHeight);
         this.applyAutoAriaLabelledBy();
-        if (this.closeOnRouteChange) {
-          this.teardowns.add(
-            installRouteChange({
-              isDestroyed: () => this.destroyed,
-              getSize: () => this.size,
-              close: () => this.close()
-            })
-          );
-        }
-        if (this.persistKey) {
-          this.teardowns.add(installPersist(this, this.persistKey));
+        this.runFeatureStage("post");
+        this.warnOrphanFeatureOptions();
+        if (this.size > 0) {
+          this.handleOpen();
         }
-        this.teardowns.add(
-          installAutoCollapse({
-            ms: opts.autoCollapseAfter,
-            isDestroyed: () => this.destroyed,
-            isDragging: () => this.gesture?.isDragging ?? false,
-            getAllowedIds: () => this.snaps.getAllowedIds().slice(),
-            getActiveId: () => this.activeId,
-            resolveSnap: (id) => this.snaps.findById(id),
-            snapTo: (id) => {
-              void this.snapTo(id);
-            },
-            on: (event, fn) => this.on(event, fn)
-          })
-        );
-        this.teardowns.add(
-          installRoute({
+      }
+      buildFeatureContext(autoCollapseAfter) {
+        return {
+          element: this.element,
+          scrollContainer: this.scrollContainer,
+          sheetId: this.id,
+          options: {
             routedTo: this.routedTo,
             closeOnBack: this.closeOnBack,
-            isTopSheet: () => this.isTopSheet,
-            getSize: () => this.size,
-            isDestroyed: () => this.destroyed,
-            close: () => this.close("back"),
-            on: (event, fn) => this.on(event, fn),
-            sheetId: this.id
-          })
-        );
-        if (this.size > 0) {
-          this.handleOpen();
+            closeOnRouteChange: this.closeOnRouteChange,
+            persistKey: this.persistKey,
+            autoCollapseAfter
+          },
+          isDestroyed: () => this.destroyed,
+          isDragging: () => this.isDraggingAny(),
+          isAnimating: () => this.animation.isAnimating,
+          isTopSheet: () => this.isTopSheet,
+          isVerticalAxis: () => this.mode === "bottom" || this.mode === "top",
+          getSize: () => this.size,
+          getActiveId: () => this.activeId,
+          getAllowedIds: () => this.snaps.getAllowedIds().slice(),
+          allowedIdsBySize: () => this.allowedIdsBySize(),
+          getMaxAxisSize: () => this.snaps.getMaxAxisSize(),
+          resolveSnap: (id) => this.snaps.findById(id),
+          resolveActiveSnap: () => this.snaps.findById(this.activeId),
+          setSize: (size) => {
+            this.size = size;
+          },
+          setMaxAxisSize: (size) => {
+            this.snaps.setMaxAxisSize(size);
+          },
+          applySize: (size) => this.applySize(size),
+          recomputeSnaps: () => this.recomputeSnaps(),
+          newCycle: () => {
+            this.newCycle();
+          },
+          cancelInFlight: () => {
+            this.animation.cancel();
+          },
+          resyncAfterResize: () => this.resyncAfterResize(),
+          snapTo: (id) => {
+            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)
+        };
+      }
+      runFeatureStage(stage) {
+        for (const feature of this.featureList) {
+          if ((feature.stage ?? "post") !== stage) continue;
+          const teardown = feature.install(this.featureCtx);
+          if (teardown) this.teardowns.add(teardown);
+        }
+      }
+      warnOrphanFeatureOptions() {
+        const names = new Set(this.featureList.map((f) => f.name));
+        if ((this.closeOnBack || this.routedTo !== void 0 || this.closeOnRouteChange) && !names.has("route")) {
+          devWarn(
+            "[BottomSheet] closeOnBack/routedTo/closeOnRouteChange need routeFeature() \u2014 option ignored"
+          );
+        }
+        if (this.persistKey && !names.has("persist")) {
+          devWarn(
+            "[BottomSheet] persistKey needs persistFeature() \u2014 snaps will not be saved"
+          );
         }
       }
       get state() {
         return {
           size: this.size,
           activeId: this.activeId,
-          isDragging: this.gesture?.isDragging ?? false,
+          isDragging: this.isDraggingAny(),
           isAnimating: this.animation.isAnimating,
           progress: this.computeProgress(this.size)
         };
@@ -3344,9 +3210,16 @@ var init_BottomSheetEngine = __esm({
           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();
@@ -3402,6 +3275,20 @@ var init_BottomSheetEngine = __esm({
         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;
+      }
       isTop() {
         return this.isTopSheet;
       }
@@ -3556,12 +3443,24 @@ var init_BottomSheetEngine = __esm({
         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();
       }
@@ -3571,7 +3470,7 @@ var init_BottomSheetEngine = __esm({
         this.snaps.recompute();
         this.maxHeight.clampTo();
         this.scrim.invalidateOpacityCache();
-        if (this.gesture?.isDragging) return;
+        if (this.isDraggingAny()) return;
         this.healActiveSnap();
       }
       healActiveSnap() {
@@ -3593,6 +3492,8 @@ var init_BottomSheetEngine = __esm({
         this.bus.clear();
         this.animation.cancel();
         this.gesture?.forceClearDragState();
+        this.contentGesture?.forceClearDragState();
+        this.setRestClosed(false);
         this.teardowns.drain();
         this.scrim.destroy();
         this.animation.destroy();
@@ -3705,11 +3606,12 @@ var init_BottomSheetEngine = __esm({
         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;
@@ -3728,8 +3630,88 @@ var init_BottomSheetEngine = __esm({
           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) {
+        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,
+          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) => this.decideContentDrag(surface, e, delta)
+          })
+        );
+        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) {
@@ -3760,24 +3742,13 @@ var init_BottomSheetEngine = __esm({
         }
       }
       attachFeatures() {
-        if (this.scrollContainer) {
-          this.teardowns.add(installContentSwipe({
-            container: this.scrollContainer,
-            isDragging: () => this.gesture?.isDragging ?? false,
-            isAnimating: () => this.animation.isAnimating,
-            getAllowedIds: () => this.allowedIdsBySize(),
-            getActiveId: () => this.activeId,
-            snapTo: (id) => {
-              void this.snapTo(id);
-            }
-          }));
-        }
+        this.runFeatureStage("attach");
         if (typeof window !== "undefined") {
           this.teardowns.add(installResizeObserver({
             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,
@@ -3811,31 +3782,6 @@ var init_BottomSheetEngine = __esm({
               () => document.removeEventListener("keydown", onKey)
             );
           }
-          this.teardowns.add(installVisualViewport({
-            element: this.element,
-            isVerticalAxis: () => this.mode === "bottom" || this.mode === "top",
-            isDestroyed: () => this.destroyed,
-            isDragging: () => this.gesture?.isDragging ?? false,
-            recomputeSnaps: () => this.recomputeSnaps(),
-            resolveActiveSnap: () => this.snaps.findById(this.activeId),
-            getMaxAxisSize: () => this.snaps.getMaxAxisSize(),
-            getSize: () => this.size,
-            setMaxAxisSize: (size) => {
-              this.snaps.setMaxAxisSize(size);
-            },
-            setSize: (size) => {
-              this.size = size;
-            },
-            applySize: (size) => this.applySize(size),
-            cancelInFlight: () => {
-              this.animation.cancel();
-            },
-            newCycle: () => {
-              this.newCycle();
-            },
-            isAnimating: () => this.animation.isAnimating,
-            resyncAfterCancel: () => this.resyncAfterResize()
-          }));
         }
         this.teardowns.add(installSliderKeyboard({
           handle: this.handle,
@@ -3900,99 +3846,616 @@ var init_BottomSheetEngine = __esm({
           );
         });
       }
+      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() {
-        if (typeof navigator !== "undefined" && "vibrate" in navigator) {
-          try {
-            navigator.vibrate(HAPTIC_DURATION_MS);
-          } catch {
-          }
-        }
+      haptic() {
+        if (typeof navigator !== "undefined" && "vibrate" in navigator) {
+          try {
+            navigator.vibrate(HAPTIC_DURATION_MS);
+          } catch {
+          }
+        }
+      }
+      applySize(size, skipTransform = false) {
+        const cap = this.snaps.getMaxAxisSize();
+        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);
+        if (this.sizeWriteSentinel.shouldWrite(clamped, SIZE_WRITE_EPSILON)) {
+          style.setProperty("--bs-size", `${clamped}px`);
+          if (this.scrimParent) {
+            this.scrimParent.style.setProperty("--bs-size", `${clamped}px`);
+          }
+          if (this.anchorHost && this.anchorHost !== this.scrimParent) {
+            this.anchorHost.style.setProperty("--bs-size", `${clamped}px`);
+          }
+          if (this.rootEl && this.rootEl !== this.scrimParent && this.rootEl !== this.anchorHost) {
+            this.rootEl.style.setProperty("--bs-size", `${clamped}px`);
+          }
+        }
+        const progress = this.computeProgress(clamped);
+        const progressChanged = this.progressWriteSentinel.shouldWrite(
+          progress,
+          OPACITY_WRITE_EPSILON
+        );
+        if (progressChanged) {
+          style.setProperty("--bs-progress", String(progress));
+          if (this.anchorHost) {
+            this.anchorHost.style.setProperty("--bs-progress", String(progress));
+          }
+          if (this.rootEl && this.rootEl !== this.anchorHost) {
+            this.rootEl.style.setProperty("--bs-progress", String(progress));
+          }
+        }
+        this.scrim.applyOpacity(progress, progressChanged);
+        if (progressChanged && this.bus.listenerCount("progress") > 0) {
+          this.progressPayload.value = progress;
+          this.progressPayload.size = clamped;
+          this.emit("progress", this.progressPayload);
+        }
+      }
+      computeProgress(size) {
+        const { min, max } = this.getAllowedRange();
+        const reachableMax = Math.min(max, this.snaps.getMaxAxisSize());
+        if (reachableMax <= min) return 0;
+        return Math.min(Math.max((size - min) / (reachableMax - min), 0), 1);
+      }
+      handleOpen() {
+        sheetStack.promote(this.id);
+        try {
+          this.lifecycle.install();
+        } catch (err) {
+          if (!this.destroyed) this.newCycle();
+          this.handleClose();
+          this.applySize(0);
+          this.activeId = this.snapPointsRaw.find((p) => p.id === "closed")?.id ?? this.activeId;
+          this.size = 0;
+          queueMicrotask(() => {
+            throw err;
+          });
+        }
+      }
+      resyncAfterResize() {
+        if (this.destroyed) return;
+        const target = this.snaps.findById(this.activeId);
+        if (!target) return;
+        this.updateAriaSlider();
+        this.emit("snap", {
+          id: target.id,
+          size: this.size,
+          progress: this.computeProgress(this.size)
+        });
+        if (target.size > 0 && !this.lifecycle.isInstalled) {
+          this.emitOpenSequence(target.id);
+        } else if (target.size === 0 && this.lifecycle.isInstalled) {
+          this.emitCloseSequence();
+        }
+      }
+      handleClose() {
+        this.opening = false;
+        this.lifecycle.release();
+        sheetStack.update();
+      }
+    };
+  }
+});
+
+// src/core/features/history-coordinator.ts
+function onPopState() {
+  if (suppress > 0) {
+    suppress -= 1;
+    const rebrand = pendingRebrands.shift();
+    if (rebrand) rebrand();
+    maybeTeardownListener();
+    return;
+  }
+  if (entries.length === 0) {
+    notifyRouteChange();
+    maybeTeardownListener();
+    return;
+  }
+  let target = null;
+  let targetIdx = -1;
+  for (let i = entries.length - 1; i >= 0; i -= 1) {
+    const entry = entries[i];
+    if (!entry.surface.isOpen()) continue;
+    if (!target) {
+      target = entry;
+      targetIdx = i;
+    }
+    if (entry.surface.isTop()) {
+      target = entry;
+      targetIdx = i;
+      break;
+    }
+  }
+  if (!target) {
+    const removed = entries.pop();
+    if (removed) removed.live = false;
+    maybeTeardownListener();
+    return;
+  }
+  target.live = false;
+  entries.splice(targetIdx, 1);
+  const settled = target;
+  void Promise.resolve(settled.surface.close()).then(() => {
+    if (settled.surface.isOpen()) restore(settled);
+  });
+  maybeTeardownListener();
+}
+function restore(entry) {
+  if (!hasWindow() || !hasHistory()) return;
+  entry.live = true;
+  runInternal(() => {
+    try {
+      history.pushState(brandMarker(entry.surface), "", entry.surface.url);
+    } catch {
+      entry.live = false;
+    }
+  });
+  if (entry.live) {
+    entries.push(entry);
+    ensureListener();
+  }
+}
+function pushBackMarker(surface) {
+  const entry = { surface, priorUrl: void 0, live: false };
+  if (!hasWindow() || !hasHistory()) {
+    return entry;
+  }
+  entry.priorUrl = surface.url !== void 0 ? location.href : void 0;
+  runInternal(() => {
+    try {
+      history.pushState(brandMarker(surface), "", surface.url);
+      entry.live = true;
+    } catch {
+      entry.live = false;
+    }
+  });
+  if (entry.live) {
+    entries.push(entry);
+    ensureListener();
+  }
+  return entry;
+}
+function popBackMarker(handle) {
+  if (!hasWindow() || !hasHistory()) return;
+  const entry = handle;
+  const idx = entries.indexOf(entry);
+  if (idx === -1 || !entry.live) return;
+  const last = entries.length - 1;
+  entry.live = false;
+  entries.splice(idx, 1);
+  let rebrand = null;
+  if (idx !== last) {
+    const rebrandSurface = entries[entries.length - 1].surface;
+    const rebrandUrl = entry.priorUrl;
+    rebrand = () => {
+      runInternal(() => {
+        history.replaceState(
+          brandMarker(rebrandSurface),
+          "",
+          rebrandUrl !== void 0 ? rebrandUrl : location.href
+        );
+      });
+    };
+  }
+  pendingRebrands.push(rebrand);
+  suppress += 1;
+  runInternal(() => {
+    try {
+      history.back();
+    } catch {
+      suppress = Math.max(0, suppress - 1);
+      pendingRebrands.pop();
+    }
+  });
+  maybeTeardownListener();
+}
+function subscribeRouteChange(fn) {
+  if (!hasWindow() || !hasHistory()) return () => {
+  };
+  subscribers.add(fn);
+  if (subscribers.size === 1) installPatch();
+  ensureListener();
+  return () => {
+    if (!subscribers.has(fn)) return;
+    subscribers.delete(fn);
+    if (subscribers.size === 0) removePatch();
+    maybeTeardownListener();
+  };
+}
+var entries, subscribers, suppress, internalDepth, pendingRebrands, listenerInstalled, patchInstalled, origPushState, origReplaceState, patchedPushState, patchedReplaceState, hasWindow, hasHistory, brandMarker, runInternal, notifyRouteChange, ensureListener, maybeTeardownListener, installPatch, removePatch;
+var init_history_coordinator = __esm({
+  "src/core/features/history-coordinator.ts"() {
+    entries = [];
+    subscribers = /* @__PURE__ */ new Set();
+    suppress = 0;
+    internalDepth = 0;
+    pendingRebrands = [];
+    listenerInstalled = false;
+    patchInstalled = false;
+    origPushState = null;
+    origReplaceState = null;
+    patchedPushState = null;
+    patchedReplaceState = null;
+    hasWindow = () => typeof window !== "undefined";
+    hasHistory = () => typeof history !== "undefined";
+    brandMarker = (surface) => ({
+      ...surface.markerState(),
+      __bs: true
+    });
+    runInternal = (fn) => {
+      internalDepth += 1;
+      try {
+        fn();
+      } finally {
+        internalDepth -= 1;
+      }
+    };
+    notifyRouteChange = () => {
+      const snapshot = Array.from(subscribers);
+      for (const fn of snapshot) fn();
+    };
+    ensureListener = () => {
+      if (listenerInstalled || !hasWindow()) return;
+      window.addEventListener("popstate", onPopState);
+      listenerInstalled = true;
+    };
+    maybeTeardownListener = () => {
+      if (!listenerInstalled) return;
+      if (entries.length > 0 || subscribers.size > 0 || suppress > 0) return;
+      if (hasWindow()) window.removeEventListener("popstate", onPopState);
+      listenerInstalled = false;
+    };
+    installPatch = () => {
+      if (patchInstalled || !hasHistory()) return;
+      origPushState = history.pushState;
+      origReplaceState = history.replaceState;
+      patchedPushState = function(...args) {
+        origPushState.apply(this, args);
+        if (internalDepth === 0) notifyRouteChange();
+      };
+      patchedReplaceState = function(...args) {
+        origReplaceState.apply(this, args);
+        if (internalDepth === 0) notifyRouteChange();
+      };
+      history.pushState = patchedPushState;
+      history.replaceState = patchedReplaceState;
+      patchInstalled = true;
+    };
+    removePatch = () => {
+      if (!patchInstalled) return;
+      if (history.pushState === patchedPushState && origPushState) {
+        history.pushState = origPushState;
+      }
+      if (history.replaceState === patchedReplaceState && origReplaceState) {
+        history.replaceState = origReplaceState;
+      }
+      origPushState = null;
+      origReplaceState = null;
+      patchedPushState = null;
+      patchedReplaceState = null;
+      patchInstalled = false;
+    };
+  }
+});
+
+// src/core/features/route.ts
+function installRoute(deps) {
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  if (!deps.routedTo && !deps.closeOnBack) {
+    return () => {
+    };
+  }
+  let handle = null;
+  const onOpen = () => {
+    if (handle) return;
+    handle = pushBackMarker({
+      isOpen: () => !deps.isDestroyed() && deps.getSize() > 0,
+      isTop: deps.isTopSheet,
+      close: deps.close,
+      markerState: () => deps.routedTo !== void 0 ? { __bsRouted: deps.sheetId } : { __bsSheet: deps.sheetId },
+      url: deps.routedTo
+    });
+  };
+  const onClose = () => {
+    if (!handle) return;
+    popBackMarker(handle);
+    handle = null;
+  };
+  const unsubscribeOpen = deps.on("open", onOpen);
+  const unsubscribeClose = deps.on("close", onClose);
+  if (deps.getSize() > 0) onOpen();
+  return () => {
+    unsubscribeOpen();
+    unsubscribeClose();
+    if (handle) {
+      popBackMarker(handle);
+      handle = null;
+    }
+  };
+}
+function installRouteChange(deps) {
+  return subscribeRouteChange(() => {
+    if (deps.isDestroyed() || deps.getSize() <= 0) return;
+    void deps.close();
+  });
+}
+var init_route = __esm({
+  "src/core/features/route.ts"() {
+    init_history_coordinator();
+  }
+});
+
+// src/core/features/persist.ts
+function installPersist(engine, key) {
+  const unsubscribe = engine.on("snap", ({ id }) => {
+    if (typeof window === "undefined") return;
+    if (typeof localStorage === "undefined") return;
+    try {
+      localStorage.setItem(key, id);
+    } catch {
+    }
+  });
+  return unsubscribe;
+}
+var init_persist = __esm({
+  "src/core/features/persist.ts"() {
+  }
+});
+
+// src/core/features/auto-collapse.ts
+function installAutoCollapse(deps) {
+  const { ms } = deps;
+  if (ms === void 0 || ms <= 0) {
+    return () => {
+    };
+  }
+  let timer = null;
+  const clearTimer = () => {
+    if (timer !== null) {
+      clearTimeout(timer);
+      timer = null;
+    }
+  };
+  const fire = () => {
+    if (deps.isDestroyed()) return;
+    if (deps.isDragging()) return;
+    const active = deps.resolveSnap(deps.getActiveId());
+    if (!active || active.size === 0) return;
+    let target = null;
+    for (const id of deps.getAllowedIds()) {
+      const snap = deps.resolveSnap(id);
+      if (!snap || snap.size <= 0) continue;
+      if (!target || snap.size < target.size) target = snap;
+    }
+    if (!target) return;
+    if (target.id === active.id || target.size >= active.size) return;
+    deps.snapTo(target.id);
+  };
+  const reset = () => {
+    clearTimer();
+    if (deps.isDestroyed()) return;
+    timer = setTimeout(() => {
+      timer = null;
+      fire();
+    }, ms);
+  };
+  const unsubscribe = deps.on("snap", () => reset());
+  if ((deps.resolveSnap(deps.getActiveId())?.size ?? 0) > 0) reset();
+  return () => {
+    clearTimer();
+    unsubscribe();
+  };
+}
+var init_auto_collapse = __esm({
+  "src/core/features/auto-collapse.ts"() {
+  }
+});
+
+// src/core/features/content-drag.ts
+function installContentDrag(deps) {
+  const detach = deps.attachDragSurface(deps.container, "content");
+  return () => detach?.();
+}
+var init_content_drag = __esm({
+  "src/core/features/content-drag.ts"() {
+  }
+});
+
+// src/core/features/visual-viewport.ts
+function installVisualViewport(deps) {
+  if (typeof window === "undefined" || !window.visualViewport) {
+    return () => {
+    };
+  }
+  const vv = window.visualViewport;
+  let rafId = null;
+  const onResize = () => {
+    if (rafId !== null) return;
+    rafId = requestAnimationFrame(() => {
+      rafId = null;
+      if (deps.isDestroyed()) return;
+      deps.recomputeSnaps();
+      const isVertical = deps.isVerticalAxis();
+      const visible = isVertical ? vv.height : vv.width;
+      const windowSize = isVertical ? window.innerHeight : window.innerWidth;
+      const clamp = Math.max(0, Math.min(windowSize, visible) - SAFETY_PAD);
+      if (clamp < deps.getMaxAxisSize()) {
+        deps.setMaxAxisSize(clamp);
+      }
+      const wasAnimating = deps.isAnimating?.() ?? false;
+      deps.cancelInFlight();
+      deps.newCycle();
+      const max = deps.getMaxAxisSize();
+      deps.setSize(Math.min(deps.getSize(), max));
+      const current = deps.resolveActiveSnap();
+      if (current && !deps.isDragging()) {
+        deps.applySize(Math.min(current.size, max));
+        if (wasAnimating) deps.resyncAfterCancel?.();
+      } else {
+        deps.applySize(deps.getSize());
       }
-      applySize(size) {
-        const cap = this.snaps.getMaxAxisSize();
-        const clamped = cap > 0 && size > cap && !this.gesture?.isDragging && !this.allowOvershoot ? cap : size;
-        this.size = clamped;
-        const offset = cap - clamped;
-        const style = this.element.style;
-        style.transform = this.transformTemplate(offset);
-        if (this.sizeWriteSentinel.shouldWrite(clamped, SIZE_WRITE_EPSILON)) {
-          style.setProperty("--bs-size", `${clamped}px`);
-          if (this.scrimParent) {
-            this.scrimParent.style.setProperty("--bs-size", `${clamped}px`);
-          }
-          if (this.anchorHost && this.anchorHost !== this.scrimParent) {
-            this.anchorHost.style.setProperty("--bs-size", `${clamped}px`);
-          }
-          if (this.rootEl && this.rootEl !== this.scrimParent && this.rootEl !== this.anchorHost) {
-            this.rootEl.style.setProperty("--bs-size", `${clamped}px`);
-          }
-        }
-        const progress = this.computeProgress(clamped);
-        const progressChanged = this.progressWriteSentinel.shouldWrite(
-          progress,
-          OPACITY_WRITE_EPSILON
+    });
+  };
+  vv.addEventListener("resize", onResize);
+  return () => {
+    vv.removeEventListener("resize", onResize);
+    if (rafId !== null) cancelAnimationFrame(rafId);
+  };
+}
+var SAFETY_PAD;
+var init_visual_viewport = __esm({
+  "src/core/features/visual-viewport.ts"() {
+    SAFETY_PAD = 8;
+  }
+});
+
+// src/core/features/engine-features.ts
+function routeFeature() {
+  return {
+    name: "route",
+    install: (ctx) => {
+      const teardowns = new TeardownStack();
+      if (ctx.options.closeOnRouteChange) {
+        teardowns.add(
+          installRouteChange({
+            isDestroyed: ctx.isDestroyed,
+            getSize: ctx.getSize,
+            close: () => ctx.close()
+          })
         );
-        if (progressChanged) {
-          style.setProperty("--bs-progress", String(progress));
-          if (this.anchorHost) {
-            this.anchorHost.style.setProperty("--bs-progress", String(progress));
-          }
-          if (this.rootEl && this.rootEl !== this.anchorHost) {
-            this.rootEl.style.setProperty("--bs-progress", String(progress));
-          }
-        }
-        this.scrim.applyOpacity(progress, progressChanged);
-        if (progressChanged && this.bus.listenerCount("progress") > 0) {
-          this.progressPayload.value = progress;
-          this.progressPayload.size = clamped;
-          this.emit("progress", this.progressPayload);
-        }
-      }
-      computeProgress(size) {
-        const { min, max } = this.getAllowedRange();
-        const reachableMax = Math.min(max, this.snaps.getMaxAxisSize());
-        if (reachableMax <= min) return 0;
-        return Math.min(Math.max((size - min) / (reachableMax - min), 0), 1);
-      }
-      handleOpen() {
-        sheetStack.promote(this.id);
-        try {
-          this.lifecycle.install();
-        } catch (err) {
-          if (!this.destroyed) this.newCycle();
-          this.handleClose();
-          this.applySize(0);
-          this.activeId = this.snapPointsRaw.find((p) => p.id === "closed")?.id ?? this.activeId;
-          this.size = 0;
-          queueMicrotask(() => {
-            throw err;
-          });
-        }
       }
-      resyncAfterResize() {
-        if (this.destroyed) return;
-        const target = this.snaps.findById(this.activeId);
-        if (!target) return;
-        this.updateAriaSlider();
-        this.emit("snap", {
-          id: target.id,
-          size: this.size,
-          progress: this.computeProgress(this.size)
+      teardowns.add(
+        installRoute({
+          routedTo: ctx.options.routedTo,
+          closeOnBack: ctx.options.closeOnBack,
+          isTopSheet: ctx.isTopSheet,
+          getSize: ctx.getSize,
+          isDestroyed: ctx.isDestroyed,
+          close: () => ctx.close("back"),
+          on: ctx.on,
+          sheetId: ctx.sheetId
+        })
+      );
+      return () => teardowns.drain();
+    }
+  };
+}
+function persistFeature() {
+  return {
+    name: "persist",
+    install: (ctx) => {
+      const key = ctx.options.persistKey;
+      if (!key) return;
+      return installPersist({ on: ctx.on }, key);
+    }
+  };
+}
+function autoCollapseFeature() {
+  return {
+    name: "auto-collapse",
+    install: (ctx) => installAutoCollapse({
+      ms: ctx.options.autoCollapseAfter,
+      isDestroyed: ctx.isDestroyed,
+      isDragging: ctx.isDragging,
+      getAllowedIds: ctx.getAllowedIds,
+      getActiveId: ctx.getActiveId,
+      resolveSnap: ctx.resolveSnap,
+      snapTo: ctx.snapTo,
+      on: ctx.on
+    })
+  };
+}
+function contentSwipeFeature() {
+  return {
+    name: "content-swipe",
+    stage: "attach",
+    install: (ctx) => {
+      if (!ctx.scrollContainer) return;
+      return installContentDrag({
+        container: ctx.scrollContainer,
+        attachDragSurface: ctx.attachDragSurface
+      });
+    }
+  };
+}
+function visualViewportFeature() {
+  return {
+    name: "visual-viewport",
+    install: (ctx) => {
+      if (typeof window === "undefined") return;
+      return installVisualViewport({
+        element: ctx.element,
+        isVerticalAxis: ctx.isVerticalAxis,
+        isDestroyed: ctx.isDestroyed,
+        isDragging: ctx.isDragging,
+        recomputeSnaps: ctx.recomputeSnaps,
+        resolveActiveSnap: ctx.resolveActiveSnap,
+        getMaxAxisSize: ctx.getMaxAxisSize,
+        getSize: ctx.getSize,
+        setMaxAxisSize: ctx.setMaxAxisSize,
+        setSize: ctx.setSize,
+        applySize: ctx.applySize,
+        cancelInFlight: ctx.cancelInFlight,
+        newCycle: ctx.newCycle,
+        isAnimating: ctx.isAnimating,
+        resyncAfterCancel: ctx.resyncAfterResize
+      });
+    }
+  };
+}
+var init_engine_features = __esm({
+  "src/core/features/engine-features.ts"() {
+    init_route();
+    init_persist();
+    init_auto_collapse();
+    init_content_drag();
+    init_visual_viewport();
+    init_teardown_stack();
+  }
+});
+
+// src/core/default-features.ts
+function defaultEngineFeatures() {
+  return [
+    contentSwipeFeature(),
+    visualViewportFeature(),
+    persistFeature(),
+    autoCollapseFeature(),
+    routeFeature()
+  ];
+}
+var init_default_features = __esm({
+  "src/core/default-features.ts"() {
+    init_engine_features();
+  }
+});
+
+// src/core/BottomSheetEngine.ts
+var BottomSheetEngine;
+var init_BottomSheetEngine = __esm({
+  "src/core/BottomSheetEngine.ts"() {
+    init_BottomSheetCore();
+    init_default_features();
+    BottomSheetEngine = class extends BottomSheetCore {
+      constructor(opts) {
+        super({
+          ...opts,
+          features: [...defaultEngineFeatures(), ...opts.features ?? []]
         });
-        if (target.size > 0 && !this.lifecycle.isInstalled) {
-          this.emitOpenSequence(target.id);
-        } else if (target.size === 0 && this.lifecycle.isInstalled) {
-          this.emitCloseSequence();
-        }
-      }
-      handleClose() {
-        this.opening = false;
-        this.lifecycle.release();
-        sheetStack.update();
       }
     };
   }
@@ -4002,7 +4465,7 @@ var init_BottomSheetEngine = __esm({
 var baseStyles;
 var init_baseStyles = __esm({
   "src/web-component/baseStyles.ts"() {
-    baseStyles = `:where(.bs-root){--bs-surface-d:#ffffff;--bs-surface-border-d:rgba(225,227,237,1);--bs-radius-d:20px;--bs-handle-color-d:rgba(26,22,20,0.3);--bs-handle-width:40px;--bs-handle-height:5px;--bs-z-backdrop:90;--bs-z-sheet:100;--bs-backdrop-color-d:rgba(0,0,0,0.5);--bs-scrim-color-d:transparent;--bs-scrim-blur:0px;--bs-z-scrim:calc(var(--bs-z-sheet) - 1);--bs-size:0px;--bs-progress:0}.bs-backdrop{position:fixed;inset:0;background:var(--bs-backdrop-color,var(--bs-backdrop-color-d));opacity:0;pointer-events:none;z-index:var(--bs-z-backdrop);transition:opacity 0.24s cubic-bezier(0.22,1,0.36,1);will-change:opacity}.bs-root[data-dragging="true"] .bs-backdrop,.bs-root[data-animating="true"] .bs-backdrop{transition:none}.bs-sheet{position:fixed;background:var(--bs-surface,var(--bs-surface-d));box-shadow:var(--bs-shadow,var(--bs-shadow-auto,none));z-index:var(--bs-z-sheet);pointer-events:auto;overflow:hidden;display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent;user-select:none;overscroll-behavior:contain}.bs-sheet[data-mode="bottom"]{left:0;right:0;bottom:0;width:100%;border-top-left-radius:var(--bs-radius,var(--bs-radius-d));border-top-right-radius:var(--bs-radius,var(--bs-radius-d));border-top:1px solid var(--bs-surface-border,var(--bs-surface-border-d));padding-bottom:env(safe-area-inset-bottom);--bs-shadow-auto:0 calc(var(--bs-progress,0) * -2px - 3px) calc(var(--bs-progress,0) * 18px + 12px) rgba(0,0,0,calc(var(--bs-progress,0) * 0.15 + 0.12))}.bs-sheet[data-mode="top"]{left:0;right:0;top:0;width:100%;border-bottom-left-radius:var(--bs-radius,var(--bs-radius-d));border-bottom-right-radius:var(--bs-radius,var(--bs-radius-d));border-bottom:1px solid var(--bs-surface-border,var(--bs-surface-border-d));flex-direction:column-reverse;--bs-shadow-auto:0 3px 12px rgba(0,0,0,0.12);padding-top:env(safe-area-inset-top)}.bs-sheet[data-mode="left"]{top:0;bottom:0;left:0;height:100%;border-top-right-radius:var(--bs-radius,var(--bs-radius-d));border-bottom-right-radius:var(--bs-radius,var(--bs-radius-d));border-right:1px solid var(--bs-surface-border,var(--bs-surface-border-d));--bs-shadow-auto:3px 0 12px rgba(0,0,0,0.12)}.bs-sheet[data-mode="right"]{top:0;bottom:0;right:0;height:100%;border-top-left-radius:var(--bs-radius,var(--bs-radius-d));border-bottom-left-radius:var(--bs-radius,var(--bs-radius-d));border-left:1px solid var(--bs-surface-border,var(--bs-surface-border-d));--bs-shadow-auto:-3px 0 12px rgba(0,0,0,0.12)}.bs-sheet[data-mode="left"] .bs-content{padding-right:36px}.bs-sheet[data-mode="right"] .bs-content{padding-left:36px}.bs-handle{flex-shrink:0;min-height:44px;display:flex;flex-direction:column;justify-content:center;padding:var(--bs-handle-padding,8px 16px 4px);cursor:grab;touch-action:none;user-select:none;background:var(--bs-surface,var(--bs-surface-d));-webkit-tap-highlight-color:transparent;outline:none;position:relative}.bs-handle:active{cursor:grabbing}.bs-handle:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:var(--bs-radius,var(--bs-radius-d))}.bs-handle::before{content:"";display:block;width:var(--bs-handle-width);height:var(--bs-handle-height);background:var(--bs-handle-color,var(--bs-handle-color-d));border-radius:calc(var(--bs-handle-height) / 2);margin:0 auto 8px;transition:width 0.15s ease,background 0.15s ease,transform 0.15s ease;pointer-events:none}.bs-sheet[data-mode="left"] .bs-handle,.bs-sheet[data-mode="right"] .bs-handle{position:absolute;top:0;bottom:0;width:28px;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;background:var(--bs-surface,var(--bs-surface-d));z-index:1;overflow:hidden}.bs-sheet[data-mode="left"] .bs-handle>*,.bs-sheet[data-mode="right"] .bs-handle>*{display:none}.bs-sheet[data-mode="left"] .bs-handle{right:0;border-left:1px solid var(--bs-surface-border,var(--bs-surface-border-d))}.bs-sheet[data-mode="right"] .bs-handle{left:0;border-right:1px solid var(--bs-surface-border,var(--bs-surface-border-d))}.bs-sheet[data-mode="left"] .bs-handle::before,.bs-sheet[data-mode="right"] .bs-handle::before{width:var(--bs-handle-height);height:var(--bs-handle-width);margin:0}.bs-sheet:hover .bs-handle::before{background:color-mix(in oklab,var(--bs-handle-color,var(--bs-handle-color-d)),#000 15%)}.bs-handle:active::before{background:color-mix(in oklab,var(--bs-handle-color,var(--bs-handle-color-d)),#000 35%);transform:scaleX(1.15)}.bs-handle.bs-handle--ticks::after{content:"";display:block;position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:calc(var(--bs-handle-width) * 2);height:3px;background-image:radial-gradient( circle,var(--bs-handle-color,var(--bs-handle-color-d)) 0 1.5px,transparent 1.6px );background-size:8px 3px;background-repeat:repeat-x;background-position:center;opacity:0;transition:opacity 0.18s ease-out;pointer-events:none}.bs-root[data-dragging="true"] .bs-handle.bs-handle--ticks::after{opacity:0.4}.bs-sheet[data-mode="top"] .bs-handle.bs-handle--ticks::after{bottom:auto;top:6px}.bs-sheet[data-mode="left"] .bs-handle.bs-handle--ticks::after,.bs-sheet[data-mode="right"] .bs-handle.bs-handle--ticks::after{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:3px;height:calc(var(--bs-handle-width) * 2);background-size:3px 8px;background-repeat:repeat-y;margin-left:calc(var(--bs-handle-height) + 6px)}.bs-sheet[data-mode="right"] .bs-handle.bs-handle--ticks::after{margin-left:calc(-1 * (var(--bs-handle-height) + 6px))}.bs-header{flex:0 0 auto;min-height:var(--bs-header-min-height,0px);padding:var(--bs-header-padding,0 16px 8px);background:var(--bs-surface,var(--bs-surface-d))}.bs-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;user-select:text;padding:var(--bs-content-padding,0 16px 16px)}.bs-footer{flex:0 0 auto;padding:var(--bs-footer-padding,12px 16px calc(12px + env(safe-area-inset-bottom)));border-top:1px solid var(--bs-surface-border,var(--bs-surface-border-d));background:var(--bs-surface,var(--bs-surface-d))}.bs-sheet[data-mode="bottom"]:has(.bs-footer:not([hidden]):has(*)){padding-bottom:0}.bs-header:not(:has(*)),.bs-footer:not(:has(*)),.bs-header[hidden],.bs-footer[hidden]{display:none}.bs-screen{position:absolute;inset:0;pointer-events:none;z-index:var(--bs-z-scrim);background:var(--bs-scrim-color,var(--bs-scrim-color-d));backdrop-filter:blur(var(--bs-scrim-blur,0px));-webkit-backdrop-filter:blur(var(--bs-scrim-blur,0px));transition:opacity 0.24s cubic-bezier(0.22,1,0.36,1);will-change:opacity}.bs-root[data-dragging="true"] .bs-screen,.bs-root[data-animating="true"] .bs-screen{transition:none}.bs-scrim-overlay{z-index:calc(var(--bs-z-sheet) + 1);pointer-events:none}.bs-button-slot{position:fixed;z-index:calc(var(--bs-z-sheet) + 1);pointer-events:auto}.bs-button-slot[data-side="left"]{left:16px;bottom:calc(var(--bs-size,0px) + 12px)}.bs-button-slot[data-side="right"]{right:16px;bottom:calc(var(--bs-size,0px) + 12px)}.bs-button-slot[data-mode="top"]{bottom:auto;top:calc(var(--bs-size,0px) + 12px)}.bs-button-slot[data-mode="left"]{left:calc(var(--bs-size,0px) + 12px);right:auto;bottom:auto;top:16px}.bs-button-slot[data-mode="right"]{right:calc(var(--bs-size,0px) + 12px);left:auto;bottom:auto;top:16px}@media (prefers-reduced-motion:reduce){.bs-backdrop,.bs-handle::before,.bs-button-slot[data-side="left"],.bs-button-slot[data-side="right"]{transition:none !important}}@media (prefers-color-scheme:dark){:where(.bs-root){--bs-surface-d:#1a1a1d;--bs-surface-border-d:rgba(255,255,255,0.08);--bs-handle-color-d:rgba(255,255,255,0.45);--bs-shadow-auto:0 -3px 16px rgba(0,0,0,0.5)}}@media (forced-colors:active){.bs-sheet{border:1px solid CanvasText}.bs-handle::before{background:CanvasText;forced-color-adjust:none}.bs-backdrop,.bs-screen{forced-color-adjust:none}}.bs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(.ovl-root){--ovl-surface:var(--bs-surface,var(--bs-surface-d,#ffffff));--ovl-surface-border:var(--bs-surface-border,var(--bs-surface-border-d,rgba(0,0,0,0.08)));--ovl-shadow:0 -8px 40px rgba(0,0,0,0.35);--ovl-radius:var(--bs-radius,var(--bs-radius-d,20px));--ovl-backdrop-color:rgba(0,0,0,0.5);--ovl-z-backdrop:200;--ovl-z-panel:201}.ovl-backdrop{position:fixed;inset:0;background:var(--ovl-backdrop-color);opacity:0;pointer-events:none;z-index:var(--ovl-z-backdrop)}.ovl-panel{position:fixed;background:var(--ovl-surface);box-shadow:var(--ovl-shadow);z-index:var(--ovl-z-panel);-webkit-tap-highlight-color:transparent;outline:none;transition:transform 0.32s cubic-bezier(0.29,1.24,0.84,0.99),opacity 0.32s ease-out}.ovl-panel[data-state="open"]{transform:translate3d(0,0,0);opacity:1}@starting-style{.ovl-panel[data-edge="bottom"][data-state="open"]{transform:translate3d(0,100%,0);opacity:0}.ovl-panel[data-edge="top"][data-state="open"]{transform:translate3d(0,-100%,0);opacity:0}.ovl-panel[data-edge="left"][data-state="open"]{transform:translate3d(-100%,0,0);opacity:0}.ovl-panel[data-edge="right"][data-state="open"]{transform:translate3d(100%,0,0);opacity:0}}.ovl-panel[data-edge="bottom"]{left:0;right:0;bottom:0;width:100%;border-top-left-radius:var(--ovl-radius);border-top-right-radius:var(--ovl-radius);border-top:1px solid var(--ovl-surface-border);padding-bottom:env(safe-area-inset-bottom)}.ovl-panel[data-edge="top"]{left:0;right:0;top:0;width:100%;border-bottom-left-radius:var(--ovl-radius);border-bottom-right-radius:var(--ovl-radius);border-bottom:1px solid var(--ovl-surface-border);padding-top:env(safe-area-inset-top)}.ovl-panel[data-edge="left"]{top:0;bottom:0;left:0;height:100%;border-top-right-radius:var(--ovl-radius);border-bottom-right-radius:var(--ovl-radius);border-right:1px solid var(--ovl-surface-border)}.ovl-panel[data-edge="right"]{top:0;bottom:0;right:0;height:100%;border-top-left-radius:var(--ovl-radius);border-bottom-left-radius:var(--ovl-radius);border-left:1px solid var(--ovl-surface-border)}@media (prefers-reduced-motion:reduce){.ovl-panel,.ovl-backdrop{transition:none !important}}`;
+    baseStyles = `:where(.bs-root){--bs-surface-d:#ffffff;--bs-surface-border-d:rgba(225,227,237,1);--bs-radius-d:20px;--bs-handle-color-d:rgba(26,22,20,0.3);--bs-handle-width:40px;--bs-handle-height:5px;--bs-z-backdrop:90;--bs-z-sheet:100;--bs-backdrop-color-d:rgba(0,0,0,0.5);--bs-scrim-color-d:transparent;--bs-scrim-blur:0px;--bs-z-scrim:calc(var(--bs-z-sheet) - 1);--bs-size:0px;--bs-progress:0}.bs-backdrop{position:fixed;inset:0;background:var(--bs-backdrop-color,var(--bs-backdrop-color-d));opacity:0;pointer-events:none;z-index:var(--bs-z-backdrop);transition:opacity 0.24s cubic-bezier(0.22,1,0.36,1);will-change:opacity}.bs-root[data-dragging="true"] .bs-backdrop,.bs-root[data-animating="true"] .bs-backdrop{transition:none}.bs-sheet{position:fixed;background:var(--bs-surface,var(--bs-surface-d));box-shadow:var(--bs-shadow,var(--bs-shadow-auto,none));--bs-shadow-fade:clamp(0,calc(var(--bs-progress,0) * 8),1);z-index:var(--bs-z-sheet);pointer-events:auto;overflow:hidden;display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent;user-select:none;overscroll-behavior:contain}.bs-sheet[data-mode="bottom"]{left:0;right:0;bottom:0;width:100%;border-top-left-radius:var(--bs-radius,var(--bs-radius-d));border-top-right-radius:var(--bs-radius,var(--bs-radius-d));border-top:1px solid var(--bs-surface-border,var(--bs-surface-border-d));padding-bottom:env(safe-area-inset-bottom);--bs-shadow-auto:0 calc(var(--bs-progress,0) * -2px - 3px) calc(var(--bs-progress,0) * 18px + 12px) rgba( 0,0,0,calc(var(--bs-shadow-fade) * (var(--bs-progress,0) * 0.15 + 0.12)) )}.bs-sheet[data-mode="top"]{left:0;right:0;top:0;width:100%;border-bottom-left-radius:var(--bs-radius,var(--bs-radius-d));border-bottom-right-radius:var(--bs-radius,var(--bs-radius-d));border-bottom:1px solid var(--bs-surface-border,var(--bs-surface-border-d));flex-direction:column-reverse;--bs-shadow-auto:0 3px 12px rgba(0,0,0,calc(var(--bs-shadow-fade) * 0.12));padding-top:env(safe-area-inset-top)}.bs-sheet[data-mode="left"]{top:0;bottom:0;left:0;height:100%;border-top-right-radius:var(--bs-radius,var(--bs-radius-d));border-bottom-right-radius:var(--bs-radius,var(--bs-radius-d));border-right:1px solid var(--bs-surface-border,var(--bs-surface-border-d));--bs-shadow-auto:3px 0 12px rgba(0,0,0,calc(var(--bs-shadow-fade) * 0.12))}.bs-sheet[data-mode="right"]{top:0;bottom:0;right:0;height:100%;border-top-left-radius:var(--bs-radius,var(--bs-radius-d));border-bottom-left-radius:var(--bs-radius,var(--bs-radius-d));border-left:1px solid var(--bs-surface-border,var(--bs-surface-border-d));--bs-shadow-auto:-3px 0 12px rgba(0,0,0,calc(var(--bs-shadow-fade) * 0.12))}.bs-sheet[data-bs-rest="closed"]{box-shadow:none;visibility:hidden}.bs-sheet[data-bs-webgl="on"],.bs-sheet[data-bs-webgl="on"] .bs-handle,.bs-sheet[data-bs-webgl="on"] .bs-header,.bs-sheet[data-bs-webgl="on"] .bs-footer{background:transparent;box-shadow:none}.bs-sheet[data-mode="left"] .bs-content{padding-right:36px}.bs-sheet[data-mode="right"] .bs-content{padding-left:36px}.bs-handle{flex-shrink:0;min-height:44px;display:flex;flex-direction:column;justify-content:center;padding:var(--bs-handle-padding,8px 16px 4px);cursor:grab;touch-action:none;user-select:none;background:var(--bs-surface,var(--bs-surface-d));-webkit-tap-highlight-color:transparent;outline:none;position:relative}.bs-handle:active{cursor:grabbing}.bs-handle:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:var(--bs-radius,var(--bs-radius-d))}.bs-handle::before{content:"";display:block;width:var(--bs-handle-width);height:var(--bs-handle-height);background:var(--bs-handle-color,var(--bs-handle-color-d));border-radius:calc(var(--bs-handle-height) / 2);margin:0 auto 8px;transition:width 0.15s ease,background 0.15s ease,transform 0.15s ease;pointer-events:none}.bs-sheet[data-mode="left"] .bs-handle,.bs-sheet[data-mode="right"] .bs-handle{position:absolute;top:0;bottom:0;width:28px;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;background:var(--bs-surface,var(--bs-surface-d));z-index:1;overflow:hidden}.bs-sheet[data-mode="left"] .bs-handle>*,.bs-sheet[data-mode="right"] .bs-handle>*{display:none}.bs-sheet[data-mode="left"] .bs-handle{right:0;border-left:1px solid var(--bs-surface-border,var(--bs-surface-border-d))}.bs-sheet[data-mode="right"] .bs-handle{left:0;border-right:1px solid var(--bs-surface-border,var(--bs-surface-border-d))}.bs-sheet[data-mode="left"] .bs-handle::before,.bs-sheet[data-mode="right"] .bs-handle::before{width:var(--bs-handle-height);height:var(--bs-handle-width);margin:0}.bs-sheet:hover .bs-handle::before{background:color-mix(in oklab,var(--bs-handle-color,var(--bs-handle-color-d)),#000 15%)}.bs-handle:active::before{background:color-mix(in oklab,var(--bs-handle-color,var(--bs-handle-color-d)),#000 35%);transform:scaleX(1.15)}.bs-handle.bs-handle--ticks::after{content:"";display:block;position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:calc(var(--bs-handle-width) * 2);height:3px;background-image:radial-gradient( circle,var(--bs-handle-color,var(--bs-handle-color-d)) 0 1.5px,transparent 1.6px );background-size:8px 3px;background-repeat:repeat-x;background-position:center;opacity:0;transition:opacity 0.18s ease-out;pointer-events:none}.bs-root[data-dragging="true"] .bs-handle.bs-handle--ticks::after{opacity:0.4}.bs-sheet[data-mode="top"] .bs-handle.bs-handle--ticks::after{bottom:auto;top:6px}.bs-sheet[data-mode="left"] .bs-handle.bs-handle--ticks::after,.bs-sheet[data-mode="right"] .bs-handle.bs-handle--ticks::after{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:3px;height:calc(var(--bs-handle-width) * 2);background-size:3px 8px;background-repeat:repeat-y;margin-left:calc(var(--bs-handle-height) + 6px)}.bs-sheet[data-mode="right"] .bs-handle.bs-handle--ticks::after{margin-left:calc(-1 * (var(--bs-handle-height) + 6px))}.bs-header{flex:0 0 auto;min-height:var(--bs-header-min-height,0px);padding:var(--bs-header-padding,0 16px 8px);background:var(--bs-surface,var(--bs-surface-d))}.bs-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;user-select:text;padding:var(--bs-content-padding,0 16px 16px)}.bs-footer{flex:0 0 auto;padding:var(--bs-footer-padding,12px 16px calc(12px + env(safe-area-inset-bottom)));border-top:1px solid var(--bs-surface-border,var(--bs-surface-border-d));background:var(--bs-surface,var(--bs-surface-d))}.bs-sheet[data-mode="bottom"]:has(.bs-footer:not([hidden]):has(*)){padding-bottom:0}.bs-header:not(:has(*)),.bs-footer:not(:has(*)),.bs-header[hidden],.bs-footer[hidden]{display:none}.bs-screen{position:absolute;inset:0;pointer-events:none;z-index:var(--bs-z-scrim);background:var(--bs-scrim-color,var(--bs-scrim-color-d));backdrop-filter:blur(var(--bs-scrim-blur,0px));-webkit-backdrop-filter:blur(var(--bs-scrim-blur,0px));transition:opacity 0.24s cubic-bezier(0.22,1,0.36,1);will-change:opacity}.bs-root[data-dragging="true"] .bs-screen,.bs-root[data-animating="true"] .bs-screen{transition:none}.bs-scrim-overlay{z-index:calc(var(--bs-z-sheet) + 1);pointer-events:none}.bs-button-slot{position:fixed;z-index:calc(var(--bs-z-sheet) + 1);pointer-events:auto}.bs-button-slot[data-side="left"]{left:16px;bottom:calc(var(--bs-size,0px) + 12px)}.bs-button-slot[data-side="right"]{right:16px;bottom:calc(var(--bs-size,0px) + 12px)}.bs-button-slot[data-mode="top"]{bottom:auto;top:calc(var(--bs-size,0px) + 12px)}.bs-button-slot[data-mode="left"]{left:calc(var(--bs-size,0px) + 12px);right:auto;bottom:auto;top:16px}.bs-button-slot[data-mode="right"]{right:calc(var(--bs-size,0px) + 12px);left:auto;bottom:auto;top:16px}@media (prefers-reduced-motion:reduce){.bs-backdrop,.bs-handle::before,.bs-button-slot[data-side="left"],.bs-button-slot[data-side="right"]{transition:none !important}}@media (prefers-color-scheme:dark){:where(.bs-root){--bs-surface-d:#1a1a1d;--bs-surface-border-d:rgba(255,255,255,0.08);--bs-handle-color-d:rgba(255,255,255,0.45);--bs-shadow-auto:0 -3px 16px rgba(0,0,0,0.5)}}@media (forced-colors:active){.bs-sheet{border:1px solid CanvasText}.bs-handle::before{background:CanvasText;forced-color-adjust:none}.bs-backdrop,.bs-screen{forced-color-adjust:none}}.bs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(.ovl-root){--ovl-surface:var(--bs-surface,var(--bs-surface-d,#ffffff));--ovl-surface-border:var(--bs-surface-border,var(--bs-surface-border-d,rgba(0,0,0,0.08)));--ovl-shadow:0 -8px 40px rgba(0,0,0,0.35);--ovl-radius:var(--bs-radius,var(--bs-radius-d,20px));--ovl-backdrop-color:rgba(0,0,0,0.5);--ovl-z-backdrop:200;--ovl-z-panel:201}.ovl-backdrop{position:fixed;inset:0;background:var(--ovl-backdrop-color);opacity:0;pointer-events:none;z-index:var(--ovl-z-backdrop)}.ovl-panel{position:fixed;background:var(--ovl-surface);box-shadow:var(--ovl-shadow);z-index:var(--ovl-z-panel);-webkit-tap-highlight-color:transparent;outline:none;transition:transform 0.32s cubic-bezier(0.29,1.24,0.84,0.99),opacity 0.32s ease-out}.ovl-panel[data-state="open"]{transform:translate3d(0,0,0);opacity:1}@starting-style{.ovl-panel[data-edge="bottom"][data-state="open"]{transform:translate3d(0,100%,0);opacity:0}.ovl-panel[data-edge="top"][data-state="open"]{transform:translate3d(0,-100%,0);opacity:0}.ovl-panel[data-edge="left"][data-state="open"]{transform:translate3d(-100%,0,0);opacity:0}.ovl-panel[data-edge="right"][data-state="open"]{transform:translate3d(100%,0,0);opacity:0}}.ovl-panel[data-edge="bottom"]{left:0;right:0;bottom:0;width:100%;border-top-left-radius:var(--ovl-radius);border-top-right-radius:var(--ovl-radius);border-top:1px solid var(--ovl-surface-border);padding-bottom:env(safe-area-inset-bottom)}.ovl-panel[data-edge="top"]{left:0;right:0;top:0;width:100%;border-bottom-left-radius:var(--ovl-radius);border-bottom-right-radius:var(--ovl-radius);border-bottom:1px solid var(--ovl-surface-border);padding-top:env(safe-area-inset-top)}.ovl-panel[data-edge="left"]{top:0;bottom:0;left:0;height:100%;border-top-right-radius:var(--ovl-radius);border-bottom-right-radius:var(--ovl-radius);border-right:1px solid var(--ovl-surface-border)}.ovl-panel[data-edge="right"]{top:0;bottom:0;right:0;height:100%;border-top-left-radius:var(--ovl-radius);border-bottom-left-radius:var(--ovl-radius);border-left:1px solid var(--ovl-surface-border)}@media (prefers-reduced-motion:reduce){.ovl-panel,.ovl-backdrop{transition:none !important}}`;
   }
 });
 
@@ -4099,7 +4562,7 @@ var init_shadow_tree = __esm({
 });
 
 // src/web-component/attributes.ts
-var ATTR_SNAP_POINTS, ATTR_ALLOWED, ATTR_INITIAL, ATTR_MODE, ATTR_BACKDROP, ATTR_STYLESHEET, ATTR_ANIMATION, ATTR_FOCUS_TRAP, ATTR_CLOSE_ON_ESCAPE, ATTR_LOCK_BODY_SCROLL, ATTR_SHEET_LABEL, ATTR_STACK_EFFECT, ATTR_PERSISTENT, ATTR_DISABLE_CLOSE, ATTR_DISABLE_DRAG, ATTR_CLOSE_ON_ROUTE_CHANGE, ATTR_RADIUS, ATTR_MAX_HEIGHT, ATTR_RETURN_FOCUS_TO, ATTR_BACKDROP_COLOR, ATTR_SCRIM_COLOR, ATTR_SNAP, LIVE_ATTRS, OBSERVED_ATTRS, isValidSnapPoint, DEFAULT_SNAP_POINTS, parseSnapPoints, VALID_MODES, VALID_ANIMATIONS, parseMode, parseAnimation, parseList, parseDimension, ANCHOR_POSITIONS, ANCHOR_ANIMATIONS, parseAnchorOptions;
+var ATTR_SNAP_POINTS, ATTR_ALLOWED, ATTR_INITIAL, ATTR_MODE, ATTR_BACKDROP, ATTR_STYLESHEET, ATTR_ANIMATION, ATTR_FOCUS_TRAP, ATTR_CLOSE_ON_ESCAPE, ATTR_LOCK_BODY_SCROLL, ATTR_SHEET_LABEL, ATTR_STACK_EFFECT, ATTR_PERSISTENT, ATTR_DISABLE_CLOSE, ATTR_DISABLE_DRAG, ATTR_DRAG_FROM, ATTR_DRAG_FROM_CONTENT, ATTR_CLOSE_ON_ROUTE_CHANGE, ATTR_RADIUS, ATTR_MAX_HEIGHT, ATTR_RETURN_FOCUS_TO, ATTR_BACKDROP_COLOR, ATTR_SCRIM_COLOR, ATTR_SNAP, LIVE_ATTRS, OBSERVED_ATTRS, isValidSnapPoint, DEFAULT_SNAP_POINTS, parseSnapPoints, VALID_MODES, VALID_ANIMATIONS, parseMode, parseAnimation, VALID_DRAG_FROM, parseDragFrom, parseList, parseDimension, ANCHOR_POSITIONS, ANCHOR_ANIMATIONS, parseAnchorOptions;
 var init_attributes = __esm({
   "src/web-component/attributes.ts"() {
     ATTR_SNAP_POINTS = "snap-points";
@@ -4117,6 +4580,8 @@ var init_attributes = __esm({
     ATTR_PERSISTENT = "persistent";
     ATTR_DISABLE_CLOSE = "disable-close";
     ATTR_DISABLE_DRAG = "disable-drag";
+    ATTR_DRAG_FROM = "drag-from";
+    ATTR_DRAG_FROM_CONTENT = "drag-from-content";
     ATTR_CLOSE_ON_ROUTE_CHANGE = "close-on-route-change";
     ATTR_RADIUS = "radius";
     ATTR_MAX_HEIGHT = "max-height";
@@ -4132,7 +4597,9 @@ var init_attributes = __esm({
       ATTR_SNAP,
       ATTR_PERSISTENT,
       ATTR_DISABLE_CLOSE,
-      ATTR_DISABLE_DRAG
+      ATTR_DISABLE_DRAG,
+      ATTR_DRAG_FROM,
+      ATTR_DRAG_FROM_CONTENT
     ]);
     OBSERVED_ATTRS = [
       ATTR_SNAP_POINTS,
@@ -4149,6 +4616,8 @@ var init_attributes = __esm({
       ATTR_PERSISTENT,
       ATTR_DISABLE_CLOSE,
       ATTR_DISABLE_DRAG,
+      ATTR_DRAG_FROM,
+      ATTR_DRAG_FROM_CONTENT,
       ATTR_CLOSE_ON_ROUTE_CHANGE,
       ATTR_RADIUS,
       ATTR_MAX_HEIGHT,
@@ -4185,6 +4654,12 @@ var init_attributes = __esm({
     VALID_ANIMATIONS = ["spring", "tween", "ios-spring", "material-bounce", "linear", "snappy"];
     parseMode = (raw) => raw && VALID_MODES.includes(raw) ? raw : "bottom";
     parseAnimation = (raw) => raw && VALID_ANIMATIONS.includes(raw) ? raw : void 0;
+    VALID_DRAG_FROM = [
+      "handle",
+      "sheet",
+      "zones"
+    ];
+    parseDragFrom = (raw) => raw && VALID_DRAG_FROM.includes(raw) ? raw : void 0;
     parseList = (raw) => raw ? raw.split(",").map((s) => s.trim()).filter(Boolean) : void 0;
     parseDimension = (raw) => {
       if (raw === null) return void 0;
@@ -4333,6 +4808,14 @@ var init_BottomSheetElement = __esm({
           case ATTR_DISABLE_DRAG:
             this.engine.setDisableDrag(value === "true");
             break;
+          case ATTR_DRAG_FROM_CONTENT:
+            this.engine.setDragFromContent(value !== "false");
+            break;
+          case ATTR_DRAG_FROM: {
+            const mode = parseDragFrom(value);
+            if (mode) this.engine.setDragFrom(mode);
+            break;
+          }
           case ATTR_SNAP:
             if (value && value !== this.engine.state.activeId) {
               void this.engine.snapTo(value);
@@ -4403,6 +4886,8 @@ var init_BottomSheetElement = __esm({
           persistent: this.getAttribute(ATTR_PERSISTENT) === "true",
           disableClose: this.getAttribute(ATTR_DISABLE_CLOSE) === "true",
           disableDrag: this.getAttribute(ATTR_DISABLE_DRAG) === "true",
+          dragFrom: parseDragFrom(this.getAttribute(ATTR_DRAG_FROM)),
+          dragFromContent: this.getAttribute(ATTR_DRAG_FROM_CONTENT) === null ? void 0 : this.getAttribute(ATTR_DRAG_FROM_CONTENT) !== "false",
           closeOnRouteChange: this.getAttribute(ATTR_CLOSE_ON_ROUTE_CHANGE) === "true",
           radius: parseDimension(this.getAttribute(ATTR_RADIUS)),
           maxHeight: parseDimension(this.getAttribute(ATTR_MAX_HEIGHT)),