@surdeddd/bottom-sheet 0.14.0 → 0.20.0

package/dist/element.js

@@ -365,6 +365,11 @@ var init_snap_resolver = __esm({
         this.raw = raw;
         this.recompute();
       }
+      setMode(mode) {
+        if (mode === this.mode) return;
+        this.mode = mode;
+        this.recompute();
+      }
       setAllowedIds(ids) {
         this.allowedIds = ids;
         this.rangeCache = null;
@@ -1007,6 +1012,11 @@ var init_scrim_controller = __esm({
         if (this.isDestroyed()) return;
         this.applyScrimStyles({ interactive });
       }
+      setSheetMode(mode) {
+        if (this.isDestroyed() || mode === this.mode) return;
+        this.mode = mode;
+        this.invalidateOpacityCache();
+      }
       setScrimMode(mode, applySize) {
         if (this.isDestroyed()) return;
         if (mode === this.scrimMode) return;
@@ -1987,6 +1997,7 @@ var init_gestures = __esm({
       let activePointerId = null;
       let activePointerType = "touch";
       let startCoord = 0;
+      let startCross = 0;
       let lastCoord = 0;
       let pendingStart = false;
       const VELOCITY_WINDOW_MS = (kind) => kind === "mouse" ? 160 : 120;
@@ -1995,6 +2006,7 @@ var init_gestures = __esm({
       const axis = isAxisVertical(mode) ? "Y" : "X";
       const sign = mode === "bottom" || mode === "right" ? -1 : 1;
       const coordOf = (e) => axis === "Y" ? e.clientY : e.clientX;
+      const crossOf = (e) => axis === "Y" ? e.clientX : e.clientY;
       const capture = (pointerId) => {
         try {
           handle.setPointerCapture(pointerId);
@@ -2013,6 +2025,7 @@ var init_gestures = __esm({
         activePointerId = e.pointerId;
         activePointerType = e.pointerType || "touch";
         startCoord = coordOf(e);
+        startCross = crossOf(e);
         lastCoord = startCoord;
         samples.reset();
         samples.push(e.timeStamp, startCoord);
@@ -2029,7 +2042,7 @@ var init_gestures = __esm({
         const rawDelta = coord - startCoord;
         const delta = rawDelta * sign;
         if (pendingStart) {
-          const verdict = options.deferStart(e, delta);
+          const verdict = options.deferStart(e, delta, crossOf(e) - startCross);
           if (verdict === false) {
             releaseTracking();
             return;
@@ -2269,6 +2282,13 @@ var init_drag_zones = __esm({
 // src/core/primitives/content-gesture.ts
 function decideContentGesture(input) {
   const slop = input.slop ?? CONTENT_DRAG_SLOP;
+  const cross = input.crossDelta ?? 0;
+  const sharesScrollAxis = input.sharesScrollAxis ?? true;
+  if (!sharesScrollAxis) {
+    if (Math.abs(input.delta) < slop && Math.abs(cross) < slop) return "pending";
+    if (Math.abs(input.delta) <= Math.abs(cross)) return "scroll";
+    return "drag";
+  }
   if (Math.abs(input.delta) < slop) return "pending";
   if (input.scrollTop > 0) return "scroll";
   if (input.delta > 0 && input.atMaxSnap) return "scroll";
@@ -2281,6 +2301,37 @@ var init_content_gesture = __esm({
   }
 });
 
+// src/core/primitives/logical-mode.ts
+var isLogicalMode, readDirection, resolveMode;
+var init_logical_mode = __esm({
+  "src/core/primitives/logical-mode.ts"() {
+    isLogicalMode = (mode) => mode === "start" || mode === "end";
+    readDirection = (el) => {
+      if (!el) return "ltr";
+      if (typeof getComputedStyle === "function") {
+        try {
+          if (getComputedStyle(el).direction === "rtl") return "rtl";
+        } catch {
+        }
+      }
+      try {
+        const marked = el.closest?.("[dir]");
+        if (marked) {
+          return marked.getAttribute("dir")?.toLowerCase() === "rtl" ? "rtl" : "ltr";
+        }
+      } catch {
+      }
+      return "ltr";
+    };
+    resolveMode = (mode, el) => {
+      if (!isLogicalMode(mode)) return mode;
+      const rtl = readDirection(el) === "rtl";
+      if (mode === "start") return rtl ? "right" : "left";
+      return rtl ? "left" : "right";
+    };
+  }
+});
+
 // src/core/primitives/touch-scroll-guard.ts
 function installTouchScrollGuard(surface, isDragging) {
   const onTouchMove = (e) => {
@@ -2673,7 +2724,7 @@ function resolveEngineOptions(opts, extras) {
     }
   }
   return {
-    mode: opts.mode ?? "bottom",
+    mode: resolveMode(opts.mode ?? "bottom", opts.element),
     flickVelocity: opts.flickVelocity ?? DEFAULT_FLICK_VELOCITY,
     dragThreshold: opts.dragThreshold ?? DEFAULT_DRAG_THRESHOLD,
     dragFrom: opts.dragFrom ?? (opts.handle ? "handle" : "sheet"),
@@ -2721,6 +2772,7 @@ function resolveEngineOptions(opts, extras) {
 var DEFAULT_FLICK_VELOCITY, DEFAULT_DRAG_THRESHOLD, readPersistedIdSafe;
 var init_engine_options = __esm({
   "src/core/primitives/engine-options.ts"() {
+    init_logical_mode();
     DEFAULT_FLICK_VELOCITY = 0.65;
     DEFAULT_DRAG_THRESHOLD = 18;
     readPersistedIdSafe = (key) => {
@@ -2785,6 +2837,7 @@ var init_BottomSheetCore = __esm({
     init_gesture_controller();
     init_drag_zones();
     init_content_gesture();
+    init_logical_mode();
     init_touch_scroll_guard();
     init_aria_slider_writer();
     init_hot_path_thresholds();
@@ -2821,6 +2874,7 @@ var init_BottomSheetCore = __esm({
         __publicField(this, "disableDragFlag");
         __publicField(this, "closeOnRouteChange");
         __publicField(this, "maxHeight");
+        __publicField(this, "maxHeightDeps");
         __publicField(this, "snapPointsRaw");
         __publicField(this, "snaps");
         __publicField(this, "activeId");
@@ -2828,6 +2882,7 @@ var init_BottomSheetCore = __esm({
         __publicField(this, "gesture");
         __publicField(this, "contentGesture");
         __publicField(this, "detachSheetGesture", null);
+        __publicField(this, "detachSliderKeyboard", null);
         __publicField(this, "rootEl", null);
         __publicField(this, "destroyed", false);
         __publicField(this, "restClosed", false);
@@ -2879,6 +2934,7 @@ var init_BottomSheetCore = __esm({
         this.screenComponent = opts.scrim ?? opts.screenComponent;
         this.scrimParent = this.screenComponent?.parentElement ?? null;
         this.mode = resolved.mode;
+        this.element.dataset.mode = this.mode;
         this.transformTemplate = buildTransformTemplate(this.mode);
         this.aria = new AriaSliderWriter(this.handle, this.mode);
         this.flickVelocity = resolved.flickVelocity;
@@ -2945,7 +3001,7 @@ var init_BottomSheetCore = __esm({
         auditVhUsage(this.snapPointsRaw);
         this.auditDuplicateSnapIds(this.snapPointsRaw);
         this.rootEl = this.element.closest(".bs-root");
-        this.maxHeight = createMaxHeightController({
+        this.maxHeightDeps = {
           element: this.element,
           mode: this.mode,
           getMaxAxisSize: () => this.snaps.getMaxAxisSize(),
@@ -2953,7 +3009,8 @@ var init_BottomSheetCore = __esm({
             this.snaps.setMaxAxisSize(size);
           },
           recompute: () => this.recompute()
-        });
+        };
+        this.maxHeight = createMaxHeightController(this.maxHeightDeps);
         this.fitDeps = {
           element: this.element,
           scrollContainer: this.scrollContainer,
@@ -3287,6 +3344,37 @@ var init_BottomSheetCore = __esm({
       getDragFrom() {
         return this.dragFromMode;
       }
+      setMode(mode) {
+        if (this.destroyed) return;
+        const next = resolveMode(mode, this.element);
+        if (next === this.mode) return;
+        const wasVertical = this.mode === "bottom" || this.mode === "top";
+        const nowVertical = next === "bottom" || next === "top";
+        this.gesture?.forceClearDragState();
+        this.detachSheetGesture?.();
+        this.animation.cancel();
+        this.element.style.removeProperty(layoutAxis(this.mode));
+        this.mode = next;
+        this.element.dataset.mode = next;
+        this.transformTemplate = buildTransformTemplate(next);
+        this.maxHeightDeps.mode = next;
+        this.fitDeps.mode = next;
+        this.snaps.setMode(next);
+        this.scrim.setSheetMode(next);
+        if (wasVertical !== nowVertical) {
+          this.aria = new AriaSliderWriter(this.handle, next);
+        }
+        this.detachSliderKeyboard?.();
+        this.mountSliderKeyboard();
+        this.mountSheetGesture();
+        this.recompute();
+        const active = this.snaps.findById(this.activeId);
+        if (active) this.applySize(active.size);
+        this.updateAriaSlider();
+      }
+      getMode() {
+        return this.mode;
+      }
       isTop() {
         return this.isTopSheet;
       }
@@ -3635,7 +3723,7 @@ var init_BottomSheetCore = __esm({
         const point = this.snapPointsRaw.find((p) => p.id === this.activeId);
         return point?.dragFromContent ?? this.dragFromContentDefault;
       }
-      decideContentDrag(surface, e, delta) {
+      decideContentDrag(surface, e, delta, crossDelta) {
         if (this.destroyed) return false;
         if (e.pointerType === "mouse") return false;
         if (this.gesture?.isDragging) return false;
@@ -3643,6 +3731,8 @@ var init_BottomSheetCore = __esm({
         if (!isDragAllowedFrom(e.target, "sheet")) return false;
         const decision = decideContentGesture({
           delta,
+          crossDelta,
+          sharesScrollAxis: this.mode === "bottom" || this.mode === "top",
           scrollTop: surface.scrollTop,
           atMaxSnap: this.size >= this.getAllowedRange().max - 0.5
         });
@@ -3655,7 +3745,7 @@ var init_BottomSheetCore = __esm({
         const controller = new GestureController(
           this.buildGestureDeps(surface, {
             manageTouchAction: false,
-            deferStart: (e, delta) => this.decideContentDrag(surface, e, delta)
+            deferStart: (e, delta, crossDelta) => this.decideContentDrag(surface, e, delta, crossDelta)
           })
         );
         this.contentGesture = controller;
@@ -3781,7 +3871,11 @@ var init_BottomSheetCore = __esm({
             );
           }
         }
-        this.teardowns.add(installSliderKeyboard({
+        this.mountSliderKeyboard();
+        this.scrim.attach();
+      }
+      mountSliderKeyboard() {
+        const detach = installSliderKeyboard({
           handle: this.handle,
           mode: this.mode,
           isDestroyed: () => this.destroyed,
@@ -3790,8 +3884,12 @@ var init_BottomSheetCore = __esm({
           snapTo: (id) => {
             void this.snapTo(id);
           }
-        }));
-        this.scrim.attach();
+        });
+        this.detachSliderKeyboard = detach;
+        this.teardowns.add(() => {
+          this.detachSliderKeyboard?.();
+          this.detachSliderKeyboard = null;
+        });
       }
       settleAfterDrag(delta, velocity, kind = "touch") {
         const signal = this.newCycle();

package/dist/features.d.cts

@@ -1,13 +1,13 @@
-import { f as EngineFeature } from './BottomSheetCore-Cp7dWy91.cjs';
-export { m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage } from './BottomSheetCore-Cp7dWy91.cjs';
+import { f as EngineFeature } from './BottomSheetCore-VPJZcKcg.cjs';
+export { m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage } from './BottomSheetCore-VPJZcKcg.cjs';
 import './transform-jVfAikE9.cjs';
 
-declare function defaultEngineFeatures(): EngineFeature[];
-
 declare function routeFeature(): EngineFeature;
 declare function persistFeature(): EngineFeature;
 declare function autoCollapseFeature(): EngineFeature;
 declare function contentSwipeFeature(): EngineFeature;
 declare function visualViewportFeature(): EngineFeature;
 
+declare function defaultEngineFeatures(): EngineFeature[];
+
 export { EngineFeature, autoCollapseFeature, contentSwipeFeature, defaultEngineFeatures, persistFeature, routeFeature, visualViewportFeature };

package/dist/features.d.ts

@@ -1,13 +1,13 @@
-import { f as EngineFeature } from './BottomSheetCore-DJYwWOqt.js';
-export { m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage } from './BottomSheetCore-DJYwWOqt.js';
+import { f as EngineFeature } from './BottomSheetCore-Cgn8b_6A.js';
+export { m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage } from './BottomSheetCore-Cgn8b_6A.js';
 import './transform-jVfAikE9.js';
 
-declare function defaultEngineFeatures(): EngineFeature[];
-
 declare function routeFeature(): EngineFeature;
 declare function persistFeature(): EngineFeature;
 declare function autoCollapseFeature(): EngineFeature;
 declare function contentSwipeFeature(): EngineFeature;
 declare function visualViewportFeature(): EngineFeature;
 
+declare function defaultEngineFeatures(): EngineFeature[];
+
 export { EngineFeature, autoCollapseFeature, contentSwipeFeature, defaultEngineFeatures, persistFeature, routeFeature, visualViewportFeature };

package/dist/{index-Bb5TRmyg.d.cts → index-CnfbOKx0.d.cts}

@@ -1,4 +1,4 @@
-import { b as SnapPointDef, c as SheetMode } from './BottomSheetCore-Cp7dWy91.cjs';
+import { a as SnapPointDef, b as SheetMode } from './BottomSheetCore-VPJZcKcg.cjs';
 
 type ResolvedSnap = {
     id: string;

package/dist/{index-Cl9ebCP2.d.ts → index-DcMkhXAy.d.ts}

@@ -1,4 +1,4 @@
-import { b as SnapPointDef, c as SheetMode } from './BottomSheetCore-DJYwWOqt.js';
+import { a as SnapPointDef, b as SheetMode } from './BottomSheetCore-Cgn8b_6A.js';
 
 type ResolvedSnap = {
     id: string;

package/dist/index.cjs

@@ -315,6 +315,11 @@ var SnapResolver = class {
     this.raw = raw;
     this.recompute();
   }
+  setMode(mode) {
+    if (mode === this.mode) return;
+    this.mode = mode;
+    this.recompute();
+  }
   setAllowedIds(ids) {
     this.allowedIds = ids;
     this.rangeCache = null;
@@ -898,6 +903,11 @@ var ScrimController = class {
     if (this.isDestroyed()) return;
     this.applyScrimStyles({ interactive });
   }
+  setSheetMode(mode) {
+    if (this.isDestroyed() || mode === this.mode) return;
+    this.mode = mode;
+    this.invalidateOpacityCache();
+  }
   setScrimMode(mode, applySize) {
     if (this.isDestroyed()) return;
     if (mode === this.scrimMode) return;
@@ -1820,6 +1830,7 @@ var installGestures = (handle, mode, callbacks, options = {}) => {
   let activePointerId = null;
   let activePointerType = "touch";
   let startCoord = 0;
+  let startCross = 0;
   let lastCoord = 0;
   let pendingStart = false;
   const VELOCITY_WINDOW_MS = (kind) => kind === "mouse" ? 160 : 120;
@@ -1828,6 +1839,7 @@ var installGestures = (handle, mode, callbacks, options = {}) => {
   const axis = isAxisVertical(mode) ? "Y" : "X";
   const sign = mode === "bottom" || mode === "right" ? -1 : 1;
   const coordOf = (e) => axis === "Y" ? e.clientY : e.clientX;
+  const crossOf = (e) => axis === "Y" ? e.clientX : e.clientY;
   const capture = (pointerId) => {
     try {
       handle.setPointerCapture(pointerId);
@@ -1846,6 +1858,7 @@ var installGestures = (handle, mode, callbacks, options = {}) => {
     activePointerId = e.pointerId;
     activePointerType = e.pointerType || "touch";
     startCoord = coordOf(e);
+    startCross = crossOf(e);
     lastCoord = startCoord;
     samples.reset();
     samples.push(e.timeStamp, startCoord);
@@ -1862,7 +1875,7 @@ var installGestures = (handle, mode, callbacks, options = {}) => {
     const rawDelta = coord - startCoord;
     const delta = rawDelta * sign;
     if (pendingStart) {
-      const verdict = options.deferStart(e, delta);
+      const verdict = options.deferStart(e, delta, crossOf(e) - startCross);
       if (verdict === false) {
         releaseTracking();
         return;
@@ -2080,12 +2093,45 @@ function isDragAllowedFrom(target, mode) {
 var CONTENT_DRAG_SLOP = 6;
 function decideContentGesture(input) {
   const slop = input.slop ?? CONTENT_DRAG_SLOP;
+  const cross = input.crossDelta ?? 0;
+  const sharesScrollAxis = input.sharesScrollAxis ?? true;
+  if (!sharesScrollAxis) {
+    if (Math.abs(input.delta) < slop && Math.abs(cross) < slop) return "pending";
+    if (Math.abs(input.delta) <= Math.abs(cross)) return "scroll";
+    return "drag";
+  }
   if (Math.abs(input.delta) < slop) return "pending";
   if (input.scrollTop > 0) return "scroll";
   if (input.delta > 0 && input.atMaxSnap) return "scroll";
   return "drag";
 }
 
+// src/core/primitives/logical-mode.ts
+var isLogicalMode = (mode) => mode === "start" || mode === "end";
+var readDirection = (el) => {
+  if (!el) return "ltr";
+  if (typeof getComputedStyle === "function") {
+    try {
+      if (getComputedStyle(el).direction === "rtl") return "rtl";
+    } catch {
+    }
+  }
+  try {
+    const marked = el.closest?.("[dir]");
+    if (marked) {
+      return marked.getAttribute("dir")?.toLowerCase() === "rtl" ? "rtl" : "ltr";
+    }
+  } catch {
+  }
+  return "ltr";
+};
+var resolveMode = (mode, el) => {
+  if (!isLogicalMode(mode)) return mode;
+  const rtl = readDirection(el) === "rtl";
+  if (mode === "start") return rtl ? "right" : "left";
+  return rtl ? "left" : "right";
+};
+
 // src/core/primitives/touch-scroll-guard.ts
 function installTouchScrollGuard(surface, isDragging) {
   const onTouchMove = (e) => {
@@ -2448,7 +2494,7 @@ function resolveEngineOptions(opts, extras) {
     }
   }
   return {
-    mode: opts.mode ?? "bottom",
+    mode: resolveMode(opts.mode ?? "bottom", opts.element),
     flickVelocity: opts.flickVelocity ?? DEFAULT_FLICK_VELOCITY,
     dragThreshold: opts.dragThreshold ?? DEFAULT_DRAG_THRESHOLD,
     dragFrom: opts.dragFrom ?? (opts.handle ? "handle" : "sheet"),
@@ -2552,6 +2598,7 @@ var BottomSheetCore = class {
     __publicField(this, "disableDragFlag");
     __publicField(this, "closeOnRouteChange");
     __publicField(this, "maxHeight");
+    __publicField(this, "maxHeightDeps");
     __publicField(this, "snapPointsRaw");
     __publicField(this, "snaps");
     __publicField(this, "activeId");
@@ -2559,6 +2606,7 @@ var BottomSheetCore = class {
     __publicField(this, "gesture");
     __publicField(this, "contentGesture");
     __publicField(this, "detachSheetGesture", null);
+    __publicField(this, "detachSliderKeyboard", null);
     __publicField(this, "rootEl", null);
     __publicField(this, "destroyed", false);
     __publicField(this, "restClosed", false);
@@ -2610,6 +2658,7 @@ var BottomSheetCore = class {
     this.screenComponent = opts.scrim ?? opts.screenComponent;
     this.scrimParent = this.screenComponent?.parentElement ?? null;
     this.mode = resolved.mode;
+    this.element.dataset.mode = this.mode;
     this.transformTemplate = buildTransformTemplate(this.mode);
     this.aria = new AriaSliderWriter(this.handle, this.mode);
     this.flickVelocity = resolved.flickVelocity;
@@ -2676,7 +2725,7 @@ var BottomSheetCore = class {
     auditVhUsage(this.snapPointsRaw);
     this.auditDuplicateSnapIds(this.snapPointsRaw);
     this.rootEl = this.element.closest(".bs-root");
-    this.maxHeight = createMaxHeightController({
+    this.maxHeightDeps = {
       element: this.element,
       mode: this.mode,
       getMaxAxisSize: () => this.snaps.getMaxAxisSize(),
@@ -2684,7 +2733,8 @@ var BottomSheetCore = class {
         this.snaps.setMaxAxisSize(size);
       },
       recompute: () => this.recompute()
-    });
+    };
+    this.maxHeight = createMaxHeightController(this.maxHeightDeps);
     this.fitDeps = {
       element: this.element,
       scrollContainer: this.scrollContainer,
@@ -3018,6 +3068,37 @@ var BottomSheetCore = class {
   getDragFrom() {
     return this.dragFromMode;
   }
+  setMode(mode) {
+    if (this.destroyed) return;
+    const next = resolveMode(mode, this.element);
+    if (next === this.mode) return;
+    const wasVertical = this.mode === "bottom" || this.mode === "top";
+    const nowVertical = next === "bottom" || next === "top";
+    this.gesture?.forceClearDragState();
+    this.detachSheetGesture?.();
+    this.animation.cancel();
+    this.element.style.removeProperty(layoutAxis(this.mode));
+    this.mode = next;
+    this.element.dataset.mode = next;
+    this.transformTemplate = buildTransformTemplate(next);
+    this.maxHeightDeps.mode = next;
+    this.fitDeps.mode = next;
+    this.snaps.setMode(next);
+    this.scrim.setSheetMode(next);
+    if (wasVertical !== nowVertical) {
+      this.aria = new AriaSliderWriter(this.handle, next);
+    }
+    this.detachSliderKeyboard?.();
+    this.mountSliderKeyboard();
+    this.mountSheetGesture();
+    this.recompute();
+    const active = this.snaps.findById(this.activeId);
+    if (active) this.applySize(active.size);
+    this.updateAriaSlider();
+  }
+  getMode() {
+    return this.mode;
+  }
   isTop() {
     return this.isTopSheet;
   }
@@ -3366,7 +3447,7 @@ var BottomSheetCore = class {
     const point = this.snapPointsRaw.find((p) => p.id === this.activeId);
     return point?.dragFromContent ?? this.dragFromContentDefault;
   }
-  decideContentDrag(surface, e, delta) {
+  decideContentDrag(surface, e, delta, crossDelta) {
     if (this.destroyed) return false;
     if (e.pointerType === "mouse") return false;
     if (this.gesture?.isDragging) return false;
@@ -3374,6 +3455,8 @@ var BottomSheetCore = class {
     if (!isDragAllowedFrom(e.target, "sheet")) return false;
     const decision = decideContentGesture({
       delta,
+      crossDelta,
+      sharesScrollAxis: this.mode === "bottom" || this.mode === "top",
       scrollTop: surface.scrollTop,
       atMaxSnap: this.size >= this.getAllowedRange().max - 0.5
     });
@@ -3386,7 +3469,7 @@ var BottomSheetCore = class {
     const controller = new GestureController(
       this.buildGestureDeps(surface, {
         manageTouchAction: false,
-        deferStart: (e, delta) => this.decideContentDrag(surface, e, delta)
+        deferStart: (e, delta, crossDelta) => this.decideContentDrag(surface, e, delta, crossDelta)
       })
     );
     this.contentGesture = controller;
@@ -3512,7 +3595,11 @@ var BottomSheetCore = class {
         );
       }
     }
-    this.teardowns.add(installSliderKeyboard({
+    this.mountSliderKeyboard();
+    this.scrim.attach();
+  }
+  mountSliderKeyboard() {
+    const detach = installSliderKeyboard({
       handle: this.handle,
       mode: this.mode,
       isDestroyed: () => this.destroyed,
@@ -3521,8 +3608,12 @@ var BottomSheetCore = class {
       snapTo: (id) => {
         void this.snapTo(id);
       }
-    }));
-    this.scrim.attach();
+    });
+    this.detachSliderKeyboard = detach;
+    this.teardowns.add(() => {
+      this.detachSliderKeyboard?.();
+      this.detachSliderKeyboard = null;
+    });
   }
   settleAfterDrag(delta, velocity, kind = "touch") {
     const signal = this.newCycle();

package/dist/index.d.cts

@@ -1,8 +1,8 @@
-export { B as BottomSheetEngine } from './BottomSheetEngine-Lm7HIVHv.cjs';
-import { e as SnapPoint, c as SheetMode, a as EngineOptions, g as ScrimOverlayPosition } from './BottomSheetCore-Cp7dWy91.cjs';
-export { h as AnchorAnimationPreset, i as AnchorAnimationSpec, j as AnchorHandle, A as AnchorOptions, k as AnchorPosition, l as AnchorState, B as BottomSheetCore, C as CloseReason, f as EngineFeature, m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage, E as EngineState, P as Plugin, p as SCRIM_PRESETS, q as ScrimOverlayOptions, r as ScrimPreset, s as ScrimPresetConfig, t as ScrimStageDef, S as ScrimStagesOptions, u as ScrimUpdate, d as SheetEventMap, v as SnapId, b as SnapPointDef, T as TeardownScope, w as runAnchorTransition } from './BottomSheetCore-Cp7dWy91.cjs';
+export { B as BottomSheetEngine } from './BottomSheetEngine-B8C2CwF9.cjs';
+import { d as SnapPoint, b as SheetMode, c as EngineOptions, P as PhysicalSheetMode, g as ScrimOverlayPosition } from './BottomSheetCore-VPJZcKcg.cjs';
+export { h as AnchorAnimationPreset, i as AnchorAnimationSpec, j as AnchorHandle, A as AnchorOptions, k as AnchorPosition, l as AnchorState, B as BottomSheetCore, C as CloseReason, f as EngineFeature, m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage, E as EngineState, L as LogicalSheetMode, p as Plugin, q as SCRIM_PRESETS, r as ScrimOverlayOptions, s as ScrimPreset, t as ScrimPresetConfig, u as ScrimStageDef, e as ScrimStagesOptions, v as ScrimUpdate, S as SheetEventMap, w as SnapId, a as SnapPointDef, T as TeardownScope, x as runAnchorTransition } from './BottomSheetCore-VPJZcKcg.cjs';
 export { autoCollapseFeature, contentSwipeFeature, defaultEngineFeatures, persistFeature, routeFeature, visualViewportFeature } from './features.cjs';
-export { R as ResolvedSnap, r as resolveSnapList } from './index-Bb5TRmyg.cjs';
+export { R as ResolvedSnap, r as resolveSnapList } from './index-CnfbOKx0.cjs';
 import './transform-jVfAikE9.cjs';
 
 declare const resolveSnap: (point: SnapPoint | string, mode: SheetMode, measureFit?: () => number) => number;
@@ -16,7 +16,7 @@ type GestureCallbacks = {
 };
 type GestureOptions = {
     shouldStart?: (e: PointerEvent) => boolean;
-    deferStart?: (e: PointerEvent, delta: number) => boolean | null;
+    deferStart?: (e: PointerEvent, delta: number, crossDelta: number) => boolean | null;
     manageTouchAction?: boolean;
 };
 declare const installGestures: (handle: HTMLElement, mode: SheetMode, callbacks: GestureCallbacks, options?: GestureOptions) => (() => void);
@@ -100,7 +100,7 @@ type SheetAnchoredStyle = {
     right?: string;
     transform?: string;
 };
-declare function resolveSheetAnchoredStyle(mode: SheetMode, position: "sheet-top-left" | "sheet-top-center" | "sheet-top-right", inset: string): SheetAnchoredStyle;
-declare function applyOverlayPosition(ws: CSSStyleDeclaration, mode: SheetMode, position: ScrimOverlayPosition, inset: string): void;
+declare function resolveSheetAnchoredStyle(mode: PhysicalSheetMode, position: "sheet-top-left" | "sheet-top-center" | "sheet-top-right", inset: string): SheetAnchoredStyle;
+declare function applyOverlayPosition(ws: CSSStyleDeclaration, mode: PhysicalSheetMode, position: ScrimOverlayPosition, inset: string): void;
 
-export { EngineOptions, ScrimOverlayPosition, type SheetConfig, type SheetManager, SheetMode, SnapPoint, type SpringConfig, type SpringHandle, type SpringRunOptions, type StackEntry, type Tween, type TweenOptions, applyOverlayPosition, createSheetManager, installFocusTrap, installGestures, lockBodyScroll, resolveSheetAnchoredStyle, resolveSnap, sheetStack };
+export { EngineOptions, PhysicalSheetMode, ScrimOverlayPosition, type SheetConfig, type SheetManager, SheetMode, SnapPoint, type SpringConfig, type SpringHandle, type SpringRunOptions, type StackEntry, type Tween, type TweenOptions, applyOverlayPosition, createSheetManager, installFocusTrap, installGestures, lockBodyScroll, resolveSheetAnchoredStyle, resolveSnap, sheetStack };

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-export { B as BottomSheetEngine } from './BottomSheetEngine-O5PbeKfe.js';
-import { e as SnapPoint, c as SheetMode, a as EngineOptions, g as ScrimOverlayPosition } from './BottomSheetCore-DJYwWOqt.js';
-export { h as AnchorAnimationPreset, i as AnchorAnimationSpec, j as AnchorHandle, A as AnchorOptions, k as AnchorPosition, l as AnchorState, B as BottomSheetCore, C as CloseReason, f as EngineFeature, m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage, E as EngineState, P as Plugin, p as SCRIM_PRESETS, q as ScrimOverlayOptions, r as ScrimPreset, s as ScrimPresetConfig, t as ScrimStageDef, S as ScrimStagesOptions, u as ScrimUpdate, d as SheetEventMap, v as SnapId, b as SnapPointDef, T as TeardownScope, w as runAnchorTransition } from './BottomSheetCore-DJYwWOqt.js';
+export { B as BottomSheetEngine } from './BottomSheetEngine-DwYR_ygJ.js';
+import { d as SnapPoint, b as SheetMode, c as EngineOptions, P as PhysicalSheetMode, g as ScrimOverlayPosition } from './BottomSheetCore-Cgn8b_6A.js';
+export { h as AnchorAnimationPreset, i as AnchorAnimationSpec, j as AnchorHandle, A as AnchorOptions, k as AnchorPosition, l as AnchorState, B as BottomSheetCore, C as CloseReason, f as EngineFeature, m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage, E as EngineState, L as LogicalSheetMode, p as Plugin, q as SCRIM_PRESETS, r as ScrimOverlayOptions, s as ScrimPreset, t as ScrimPresetConfig, u as ScrimStageDef, e as ScrimStagesOptions, v as ScrimUpdate, S as SheetEventMap, w as SnapId, a as SnapPointDef, T as TeardownScope, x as runAnchorTransition } from './BottomSheetCore-Cgn8b_6A.js';
 export { autoCollapseFeature, contentSwipeFeature, defaultEngineFeatures, persistFeature, routeFeature, visualViewportFeature } from './features.js';
-export { R as ResolvedSnap, r as resolveSnapList } from './index-Cl9ebCP2.js';
+export { R as ResolvedSnap, r as resolveSnapList } from './index-DcMkhXAy.js';
 import './transform-jVfAikE9.js';
 
 declare const resolveSnap: (point: SnapPoint | string, mode: SheetMode, measureFit?: () => number) => number;
@@ -16,7 +16,7 @@ type GestureCallbacks = {
 };
 type GestureOptions = {
     shouldStart?: (e: PointerEvent) => boolean;
-    deferStart?: (e: PointerEvent, delta: number) => boolean | null;
+    deferStart?: (e: PointerEvent, delta: number, crossDelta: number) => boolean | null;
     manageTouchAction?: boolean;
 };
 declare const installGestures: (handle: HTMLElement, mode: SheetMode, callbacks: GestureCallbacks, options?: GestureOptions) => (() => void);
@@ -100,7 +100,7 @@ type SheetAnchoredStyle = {
     right?: string;
     transform?: string;
 };
-declare function resolveSheetAnchoredStyle(mode: SheetMode, position: "sheet-top-left" | "sheet-top-center" | "sheet-top-right", inset: string): SheetAnchoredStyle;
-declare function applyOverlayPosition(ws: CSSStyleDeclaration, mode: SheetMode, position: ScrimOverlayPosition, inset: string): void;
+declare function resolveSheetAnchoredStyle(mode: PhysicalSheetMode, position: "sheet-top-left" | "sheet-top-center" | "sheet-top-right", inset: string): SheetAnchoredStyle;
+declare function applyOverlayPosition(ws: CSSStyleDeclaration, mode: PhysicalSheetMode, position: ScrimOverlayPosition, inset: string): void;
 
-export { EngineOptions, ScrimOverlayPosition, type SheetConfig, type SheetManager, SheetMode, SnapPoint, type SpringConfig, type SpringHandle, type SpringRunOptions, type StackEntry, type Tween, type TweenOptions, applyOverlayPosition, createSheetManager, installFocusTrap, installGestures, lockBodyScroll, resolveSheetAnchoredStyle, resolveSnap, sheetStack };
+export { EngineOptions, PhysicalSheetMode, ScrimOverlayPosition, type SheetConfig, type SheetManager, SheetMode, SnapPoint, type SpringConfig, type SpringHandle, type SpringRunOptions, type StackEntry, type Tween, type TweenOptions, applyOverlayPosition, createSheetManager, installFocusTrap, installGestures, lockBodyScroll, resolveSheetAnchoredStyle, resolveSnap, sheetStack };