@douxcode/vue-spring-bottom-sheet 3.0.0-next.2 → 3.0.0-next.4

package/dist/BottomSheet.d.ts

@@ -11,7 +11,6 @@ declare function __VLS_template(): {
         sheet: HTMLDivElement;
         sheetHeader: HTMLDivElement;
         sheetScroll: HTMLDivElement;
-        sheetContentWrapper: HTMLDivElement;
         sheetContent: HTMLDivElement;
         sheetFooter: HTMLDivElement;
     };
@@ -22,18 +21,34 @@ declare const __VLS_component: import('vue').DefineComponent<BottomSheetProps, {
     open: () => Promise<void>;
     close: () => void;
     snapToPoint: (index: number) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    [x: string]: any;
-} & {
-    [x: string]: any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    opened: () => any;
+    "opening-started": () => any;
+    closed: () => any;
+    "closing-started": () => any;
+    ready: () => any;
+    "dragging-up": () => any;
+    "dragging-down": () => any;
+    snapped: (snapPointIndex?: number | undefined) => any;
+    instinctHeight: (instinctHeight: number) => any;
+    "update:modelValue": () => any;
 }, string, import('vue').PublicProps, Readonly<BottomSheetProps> & Readonly<{
-    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    "onOpening-started"?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    "onClosing-started"?: (() => any) | undefined;
+    onReady?: (() => any) | undefined;
+    "onDragging-up"?: (() => any) | undefined;
+    "onDragging-down"?: (() => any) | undefined;
+    onSnapped?: ((snapPointIndex?: number | undefined) => any) | undefined;
+    onInstinctHeight?: ((instinctHeight: number) => any) | undefined;
+    "onUpdate:modelValue"?: (() => any) | undefined;
 }>, {
-    duration: number;
-    blocking: boolean;
     canSwipeClose: boolean;
-    canBackdropClose: boolean;
     expandOnContentDrag: boolean;
+    blocking: boolean;
+    duration: number;
+    canBackdropClose: boolean;
     teleportTo: string | import('vue').RendererElement;
     teleportDefer: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -41,7 +56,6 @@ declare const __VLS_component: import('vue').DefineComponent<BottomSheetProps, {
     sheet: HTMLDivElement;
     sheetHeader: HTMLDivElement;
     sheetScroll: HTMLDivElement;
-    sheetContentWrapper: HTMLDivElement;
     sheetContent: HTMLDivElement;
     sheetFooter: HTMLDivElement;
 }, any>;

package/dist/composables/useDragGestures.d.ts

@@ -0,0 +1,47 @@
+import { Ref, ComputedRef, ShallowRef } from 'vue';
+export interface UseDragGesturesOptions {
+    sheetRef: ShallowRef<HTMLElement | null>;
+    sheetScrollRef: ShallowRef<HTMLElement | null>;
+    height: Ref<number>;
+    translateY: Ref<number>;
+    sheetHeight: Ref<number>;
+    windowHeight: Ref<number>;
+    snapPointsRef: ComputedRef<Array<number | `${number}%`>>;
+    flattenedSnapPoints: ComputedRef<number[]>;
+    currentSnapPointIndex: Ref<number>;
+    closestSnapPointIndex: ComputedRef<number>;
+    minSnapPoint: ComputedRef<number>;
+    maxSnapPoint: ComputedRef<number>;
+    canSwipeClose: Ref<boolean>;
+    swipeCloseThreshold: Ref<string | number | undefined>;
+    expandOnContentDrag: Ref<boolean>;
+    onClose: () => void;
+    onSnapped: (index: number) => void;
+    onDraggingUp: () => void;
+    onDraggingDown: () => void;
+}
+/**
+ * Composable that handles all drag/pan gesture logic for the bottom sheet.
+ * Manages header/footer dragging, content area dragging, and snap point navigation.
+ */
+export declare function useDragGestures(options: UseDragGesturesOptions): {
+    isDragging: Ref<boolean, boolean>;
+    preventContentScroll: Ref<boolean, boolean>;
+    headerFooterHandlers: ComputedRef<{
+        onPointerdown: (event: PointerEvent) => void;
+        onPointermove: (event: PointerEvent) => void;
+        onPointerup: (event: PointerEvent) => void;
+        onPointercancel: (event: PointerEvent) => void;
+        onContextmenu: (event: MouseEvent) => void;
+        onTouchmove: (event: TouchEvent) => void;
+    }>;
+    contentWrapperHandlers: ComputedRef<{
+        onPointerdown: (event: PointerEvent) => void;
+        onPointermove: (event: PointerEvent) => void;
+        onPointerup: (event: PointerEvent) => void;
+        onPointercancel: (event: PointerEvent) => void;
+        onContextmenu: (event: MouseEvent) => void;
+        onTouchmove: (event: TouchEvent) => void;
+    }>;
+    scrollEnd: () => void;
+};

package/dist/composables/useFocusManagement.d.ts

@@ -0,0 +1,17 @@
+import { Ref, ShallowRef } from 'vue';
+export interface UseFocusManagementOptions {
+    sheetRef: ShallowRef<HTMLElement | null>;
+    backdropRef: ShallowRef<HTMLElement | null>;
+    blocking: Ref<boolean>;
+    onEscape: () => void;
+}
+/**
+ * Manage focus trap and aria-expanded observer for accessibility.
+ * Handles keyboard escape, focus trapping, and pausing trap when
+ * nested aria-expanded elements (like dropdowns) are open.
+ */
+export declare function useFocusManagement(options: UseFocusManagementOptions): {
+    activate: () => void;
+    deactivate: () => void;
+    cleanup: () => void;
+};

package/dist/composables/useSheetScrollLock.d.ts

@@ -0,0 +1,17 @@
+import { Ref } from 'vue';
+export interface UseSheetScrollLockOptions {
+    blocking: Ref<boolean>;
+}
+/**
+ * Manage scroll locking for the sheet.
+ * When blocking mode is enabled, locks body scroll when sheet is open.
+ * When non-blocking, temporarily locks during touch interactions.
+ */
+export declare function useSheetScrollLock(options: UseSheetScrollLockOptions): {
+    lock: () => void;
+    unlock: () => void;
+    lockIfBlocking: () => void;
+    unlockIfBlocking: () => void;
+    touchStartHandler: () => void;
+    touchEndHandler: () => void;
+};

package/dist/index.mjs

@@ -1,112 +1,372 @@
-import { ref as g, computed as I, defineComponent as Ve, useCssVars as Ne, watch as Z, onMounted as We, toRefs as qe, nextTick as Se, onUnmounted as ze, createElementBlock as oe, openBlock as q, Fragment as Qe, createBlock as Ce, Teleport as ye, createVNode as Pe, Transition as Te, withCtx as xe, createCommentVNode as ke, unref as ue, normalizeStyle as je, createElementVNode as z, normalizeClass as se, renderSlot as re } from "vue";
-import { useVModel as Ge, useWindowSize as Ke, useElementBounding as ee, useScrollLock as Ye } from "@vueuse/core";
-import { useFocusTrap as Ue } from "@vueuse/integrations/useFocusTrap";
-function Q(o, l) {
-  const s = parseFloat(o);
-  return l * s / 100;
+import { ref as P, computed as D, defineComponent as ye, useCssVars as Ee, watch as te, onMounted as De, shallowRef as q, toRefs as He, nextTick as fe, onUnmounted as Be, createElementBlock as ie, openBlock as X, Fragment as Ie, createBlock as pe, Teleport as he, createVNode as ge, Transition as me, withCtx as Se, createCommentVNode as be, unref as E, normalizeStyle as Ye, createElementVNode as j, mergeProps as ce, renderSlot as ve, normalizeClass as Me } from "vue";
+import { useScrollLock as Pe, useVModel as Re, useWindowSize as Oe, useElementBounding as ne } from "@vueuse/core";
+import { useFocusTrap as Ae } from "@vueuse/integrations/useFocusTrap";
+function Te(t, a) {
+  const u = parseFloat(t);
+  return a * u / 100;
 }
-function Je(o, l, s) {
-  const t = g(0), v = I(() => o.value.map((C) => typeof C == "string" ? Q(C, s.value) : C)), S = I(() => Math.min(...v.value)), i = I(() => Math.max(...v.value)), y = I(() => {
-    const C = v.value.reduce(
-      (P, w) => Math.abs(w - l.value) < Math.abs(P - l.value) ? w : P
+function Le(t, a, u) {
+  const e = P(0), n = D(() => t.value.map((f) => typeof f == "string" ? Te(f, u.value) : f)), i = D(() => Math.min(...n.value)), r = D(() => Math.max(...n.value)), p = D(() => {
+    const f = n.value.reduce(
+      (b, v) => Math.abs(v - a.value) < Math.abs(b - a.value) ? v : b
     );
-    return v.value.indexOf(C);
+    return n.value.indexOf(f);
   });
   return {
-    currentSnapPointIndex: t,
-    flattenedSnapPoints: v,
-    minSnapPoint: S,
-    maxSnapPoint: i,
-    closestSnapPointIndex: y
+    currentSnapPointIndex: e,
+    flattenedSnapPoints: n,
+    minSnapPoint: i,
+    maxSnapPoint: r,
+    closestSnapPointIndex: p
   };
 }
-function Xe(o = {}) {
-  const { velocityThreshold: l = 0.5 } = o, s = g(0), t = g(0), v = g(0), S = g(0), i = g([]);
+function Fe(t, a, u) {
+  let e = (n) => t(n, ...a);
+  return u === void 0 ? e : Object.assign(e, { lazy: u, lazyArgs: a });
+}
+function $e(t, a, u) {
+  let e = t.length - a.length;
+  if (e === 0) return t(...a);
+  if (e === 1) return Fe(t, a, u);
+  throw Error("Wrong number of arguments");
+}
+function I(...t) {
+  return $e(Ne, t);
+}
+const Ne = (t, { min: a, max: u }) => a !== void 0 && t < a ? a : u !== void 0 && t > u ? u : t, ke = /* @__PURE__ */ Symbol("funnel/voidReducer"), Ve = () => ke;
+function Ue(t, { triggerAt: a = "end", minQuietPeriodMs: u, maxBurstDurationMs: e, minGapMs: n, reducer: i = Ve }) {
+  let r, p, f, b, v = () => {
+    let g = f;
+    g !== void 0 && (f = void 0, g === ke ? t() : t(g), n !== void 0 && (p = setTimeout(d, n)));
+  }, d = () => {
+    clearTimeout(p), p = void 0, r === void 0 && v();
+  }, h = () => {
+    clearTimeout(r), r = void 0, b = void 0, p === void 0 && v();
+  };
+  return { call: (...g) => {
+    let w = r === void 0 && p === void 0;
+    if ((a !== "start" || w) && (f = i(f, ...g)), !(r === void 0 && !w)) {
+      if (u !== void 0 || e !== void 0 || n === void 0) {
+        clearTimeout(r);
+        let C = Date.now();
+        b ??= C;
+        let x = e === void 0 ? u ?? 0 : Math.min(u ?? e, e - (C - b));
+        r = setTimeout(h, x);
+      }
+      a !== "end" && w && v();
+    }
+  }, cancel: () => {
+    clearTimeout(r), r = void 0, b = void 0, clearTimeout(p), p = void 0, f = void 0;
+  }, flush: () => {
+    h(), d();
+  }, get isIdle() {
+    return r === void 0 && p === void 0;
+  } };
+}
+function We(t = {}) {
+  const { velocityThreshold: a = 0.5 } = t, u = P(0), e = P(0), n = P(0), i = P(0), r = P([]);
   return {
-    start: (w) => {
-      const b = performance.now();
-      s.value = w, t.value = b, v.value = w, S.value = b, i.value = [{ y: w, time: b }];
+    start: (v) => {
+      const d = performance.now();
+      u.value = v, e.value = d, n.value = v, i.value = d, r.value = [{ y: v, time: d }];
     },
-    update: (w) => {
-      const b = performance.now();
-      v.value = w, S.value = b, i.value.push({ y: w, time: b });
-      const M = b - 100;
-      i.value = i.value.filter((d) => d.time > M).slice(-5);
+    update: (v) => {
+      const d = performance.now();
+      n.value = v, i.value = d, r.value.push({ y: v, time: d });
+      const h = d - 100;
+      r.value = r.value.filter((g) => g.time > h).slice(-5);
     },
     end: () => {
-      const w = i.value;
-      let b = 0;
-      if (w.length >= 2) {
-        const h = w[0], E = w[w.length - 1], F = E.y - h.y, R = E.time - h.time;
-        R > 0 && (b = F / R);
+      const v = r.value;
+      let d = 0;
+      if (v.length >= 2) {
+        const w = v[0], C = v[v.length - 1];
+        if (w && C) {
+          const x = C.y - w.y, R = C.time - w.time;
+          R > 0 && (d = x / R);
+        }
       }
-      const M = Math.abs(b) >= l;
-      let d = "none";
-      return M && (d = b < 0 ? "up" : "down"), i.value = [], {
-        direction: d,
-        velocity: Math.abs(b),
-        isSwipe: M
+      const h = Math.abs(d) >= a;
+      let g = "none";
+      return h && (g = d < 0 ? "up" : "down"), r.value = [], {
+        direction: g,
+        velocity: Math.abs(d),
+        isSwipe: h
       };
     }
   };
 }
-function Ze(o, l, s) {
-  let t = (v) => o(v, ...l);
-  return s === void 0 ? t : Object.assign(t, { lazy: s, lazyArgs: l });
+function qe(t, a, u) {
+  return Math.max(a, Math.min(t, u));
 }
-function et(o, l, s) {
-  let t = o.length - l.length;
-  if (t === 0) return o(...l);
-  if (t === 1) return Ze(o, l, s);
-  throw new Error("Wrong number of arguments");
+function ze(t, a) {
+  return Math.pow(t, a * 5);
 }
-function tt(o, { triggerAt: l = "end", minQuietPeriodMs: s, maxBurstDurationMs: t, minGapMs: v, reducer: S = at }) {
-  let i, y, C, P, w = () => {
-    let d = C;
-    d !== void 0 && (C = void 0, o(d), v !== void 0 && (y = setTimeout(b, v)));
-  }, b = () => {
-    clearTimeout(y), y = void 0, i === void 0 && w();
-  }, M = () => {
-    clearTimeout(i), i = void 0, P = void 0, y === void 0 && w();
-  };
-  return { call: (...d) => {
-    let h = i === void 0 && y === void 0;
-    if ((l !== "start" || h) && (C = S(C, ...d)), !(i === void 0 && !h)) {
-      if (s !== void 0 || t !== void 0 || v === void 0) {
-        clearTimeout(i);
-        let E = Date.now();
-        P ?? (P = E);
-        let F = t === void 0 ? s ?? 0 : Math.min(s ?? t, t - (E - P));
-        i = setTimeout(M, F);
-      }
-      l !== "end" && h && w();
-    }
-  }, cancel: () => {
-    clearTimeout(i), i = void 0, P = void 0, clearTimeout(y), y = void 0, C = void 0;
-  }, flush: () => {
-    M(), b();
-  }, get isIdle() {
-    return i === void 0 && y === void 0;
-  } };
+function we(t, a, u) {
+  return a === 0 || Math.abs(a) === 1 / 0 ? ze(t, u) : t * a * u / (a + u * t);
 }
-var at = () => "";
-function T(...o) {
-  return et(nt, o);
+function de(t, a, u, e = 0.15) {
+  return e === 0 ? qe(t, a, u) : t < a ? -we(a - t, u - a, e) + a : t > u ? +we(t - u, u - a, e) + u : t;
 }
-var nt = (o, { min: l, max: s }) => l !== void 0 && o < l ? l : s !== void 0 && o > s ? s : o;
-function lt(o, l, s) {
-  return Math.max(l, Math.min(o, s));
+function ae(t, a) {
+  return typeof t == "number" ? I(t, { max: a }) : Te(t, a);
 }
-function ot(o, l) {
-  return Math.pow(o, l * 5);
+function Ce(t, a) {
+  if (t === void 0)
+    return a / 2;
+  if (typeof t == "number")
+    return t;
+  if (typeof t == "string" && t.includes("%")) {
+    const u = Number(t.replace("%", ""));
+    return a * (u / 100);
+  }
+  return a / 2;
 }
-function Me(o, l, s) {
-  return l === 0 || Math.abs(l) === 1 / 0 ? ot(o, s) : o * l * s / (l + s * o);
+const Ge = 10, Qe = 3, Xe = 0.25, xe = 0.5, je = 0.5;
+function Ke(t) {
+  const {
+    sheetRef: a,
+    sheetScrollRef: u,
+    height: e,
+    translateY: n,
+    sheetHeight: i,
+    windowHeight: r,
+    snapPointsRef: p,
+    flattenedSnapPoints: f,
+    currentSnapPointIndex: b,
+    closestSnapPointIndex: v,
+    minSnapPoint: d,
+    maxSnapPoint: h,
+    canSwipeClose: g,
+    swipeCloseThreshold: w,
+    expandOnContentDrag: C,
+    onClose: x,
+    onSnapped: R,
+    onDraggingUp: oe,
+    onDraggingDown: H
+  } = t, T = P(!1), F = P(0), N = P(0), k = P(0), Y = P(0), B = P(!0), S = P(!0), O = We({ velocityThreshold: je }), K = (o) => {
+    o > 0 ? H() : o < 0 && oe();
+  }, z = () => {
+    if (!a.value) return;
+    const o = window.getComputedStyle(a.value), c = parseFloat(o.height);
+    let l = 0;
+    o.transform && o.transform !== "none" && (l = new DOMMatrix(o.transform).m42), e.value = c, n.value = l;
+  }, le = () => {
+    const o = v.value;
+    b.value = o;
+    const c = p.value[o];
+    if (!c) return;
+    const l = ae(c, r.value);
+    e.value = l, n.value = 0, R(p.value.indexOf(c));
+  }, _ = (o = !0) => {
+    const c = O.end();
+    if (o && c.isSwipe && c.direction === "down" && g.value && e.value <= d.value + Ge)
+      return n.value = e.value, x(), !0;
+    let l;
+    if (o && c.isSwipe && f.value.length > 1) {
+      const M = [...f.value].sort((y, L) => y - L);
+      if (c.direction === "up") {
+        const y = M.find((L) => L > e.value + 1);
+        l = y !== void 0 ? f.value.indexOf(y) : v.value;
+      } else {
+        const y = [...M].reverse().find((L) => L < e.value - 1);
+        l = y !== void 0 ? f.value.indexOf(y) : v.value;
+      }
+    } else
+      l = v.value;
+    b.value = l;
+    const s = p.value[l];
+    if (!s)
+      return x(), !0;
+    const m = ae(s, r.value);
+    return m === 0 ? (x(), !0) : (e.value = m, n.value = 0, R(p.value.indexOf(s)), !1);
+  }, ue = (o) => {
+    a.value && o.button === 0 && (z(), T.value = !0, F.value = o.clientY, N.value = e.value, k.value = n.value, Y.value = o.clientY, O.start(o.clientY), o.target.setPointerCapture(o.pointerId));
+  }, A = (o) => {
+    if (!T.value) return;
+    if (o.buttons !== 1) {
+      $(o);
+      return;
+    }
+    const c = o.clientY - F.value, l = o.clientY;
+    n.value <= 0 && (e.value = N.value - c), e.value <= d.value && (e.value = d.value, n.value = k.value + c, g.value ? n.value = I(n.value, { min: 0 }) : n.value = I(
+      de(
+        n.value,
+        -i.value,
+        0,
+        xe
+      ),
+      { min: 0 }
+    )), e.value = I(
+      de(e.value, 0, h.value, Xe),
+      {
+        min: 0,
+        max: r.value
+      }
+    ), K(o.clientY - Y.value), O.update(o.clientY), Y.value = l;
+  }, $ = (o) => {
+    if (T.value = !1, o.target.releasePointerCapture(o.pointerId), g.value) {
+      const c = Ce(w.value, e.value);
+      if (n.value > c) {
+        n.value = e.value, x();
+        return;
+      }
+    } else
+      n.value = 0;
+    if (n.value === e.value) {
+      n.value = 0, x();
+      return;
+    }
+    _();
+  }, re = (o) => {
+    if (!u.value) return;
+    const c = u.value.scrollTop === 0, l = o > 0, s = f.value.length === 1, m = 0.5 > Math.abs(e.value - h.value);
+    if (s) {
+      if (!C.value) {
+        S.value = !1;
+        return;
+      }
+      n.value === 0 && c && l && (S.value = !0), n.value === 0 && c && !l && (S.value = !1);
+    } else {
+      if (!C.value) {
+        S.value = !1;
+        return;
+      }
+      S.value = !0, m && (l && c && (S.value = !0), !l && c && (S.value = !1), c || (S.value = !1));
+    }
+  }, J = (o) => {
+    a.value && o.button === 0 && (z(), T.value = !0, F.value = o.clientY, N.value = e.value, k.value = n.value, Y.value = o.clientY, B.value = !0, O.start(o.clientY), o.target.setPointerCapture(o.pointerId));
+  }, se = (o) => {
+    if (!T.value) return;
+    if (o.buttons !== 1) {
+      V(o);
+      return;
+    }
+    if (!C.value) {
+      S.value = !1;
+      return;
+    }
+    const c = o.clientY - F.value, l = o.clientY, s = o.clientY - Y.value;
+    if (B.value) {
+      const M = o.clientY - F.value;
+      if (Math.abs(M) > Qe)
+        B.value = !1, re(M);
+      else {
+        Y.value = l;
+        return;
+      }
+    }
+    n.value === 0 && S.value && C.value && (e.value = N.value - c), e.value <= d.value && (e.value = d.value, S.value && C.value && (n.value = k.value + c), n.value = I(n.value, { min: 0, max: d.value }), g.value ? n.value = I(n.value, { min: 0 }) : n.value = I(
+      de(
+        n.value,
+        -i.value,
+        0,
+        xe
+      ),
+      { min: 0 }
+    )), e.value > h.value && (e.value = h.value), e.value = I(e.value, { max: r.value }), f.value.length === 1 || e.value === h.value && (S.value = !1), K(s), O.update(o.clientY), Y.value = l;
+  }, V = (o) => {
+    if (T.value = !1, B.value = !0, o.target.releasePointerCapture(o.pointerId), g.value) {
+      const l = Ce(w.value, e.value);
+      if (n.value > l) {
+        n.value = e.value, x();
+        return;
+      }
+    } else
+      n.value = 0;
+    if (n.value === e.value) {
+      n.value = 0, x();
+      return;
+    }
+    const c = S.value;
+    _(c);
+  }, U = (o) => {
+    T.value && (o.preventDefault(), T.value = !1, B.value = !0, le());
+  }, G = (o) => {
+    S.value = !0, Z(o);
+  }, Z = (o) => {
+    S.value && o.preventDefault();
+  }, Q = () => {
+    if (!u.value) return;
+    const o = u.value.scrollTop === 0;
+    S.value = o;
+  }, W = D(() => ({
+    onPointerdown: ue,
+    onPointermove: A,
+    onPointerup: $,
+    onPointercancel: $,
+    onContextmenu: U,
+    onTouchmove: G
+  })), ee = D(() => ({
+    onPointerdown: J,
+    onPointermove: se,
+    onPointerup: V,
+    onPointercancel: V,
+    onContextmenu: U,
+    onTouchmove: Z
+  }));
+  return {
+    isDragging: T,
+    preventContentScroll: S,
+    headerFooterHandlers: W,
+    contentWrapperHandlers: ee,
+    scrollEnd: Q
+  };
 }
-function ie(o, l, s, t = 0.15) {
-  return t === 0 ? lt(o, l, s) : o < l ? -Me(l - o, s - l, t) + l : o > s ? +Me(o - s, s - l, t) + s : o;
+function _e(t) {
+  const { blocking: a } = t, u = Pe(document.body), e = Pe(document.documentElement), n = () => {
+    u.value = !0, e.value = !0;
+  }, i = () => {
+    u.value = !1, e.value = !1;
+  };
+  return {
+    lock: n,
+    unlock: i,
+    lockIfBlocking: () => {
+      a.value && n();
+    },
+    unlockIfBlocking: () => {
+      a.value && i();
+    },
+    touchStartHandler: () => {
+      a.value || n();
+    },
+    touchEndHandler: () => {
+      a.value || i();
+    }
+  };
+}
+function Je(t) {
+  const { sheetRef: a, backdropRef: u, blocking: e, onEscape: n } = t, i = P(null), r = Ae([a, u], {
+    immediate: !1,
+    fallbackFocus: () => a.value || document.body
+  }), p = (g) => {
+    g.key === "Escape" && n();
+  }, f = () => {
+    a.value && (i.value = new MutationObserver((g) => {
+      for (const w of g)
+        w.type === "attributes" && w.attributeName === "aria-expanded" && (w.target.getAttribute("aria-expanded") === "true" ? r.pause() : a.value?.querySelector('[aria-expanded="true"]') || r.unpause());
+    }), i.value.observe(a.value, {
+      attributes: !0,
+      attributeFilter: ["aria-expanded"],
+      subtree: !0
+    }));
+  }, b = () => {
+    i.value && (i.value.disconnect(), i.value = null);
+  };
+  return {
+    activate: () => {
+      e.value && (r.activate(), f()), window.addEventListener("keydown", p);
+    },
+    deactivate: () => {
+      window.removeEventListener("keydown", p), b(), e.value && r.deactivate();
+    },
+    cleanup: () => {
+      b(), r.deactivate();
+    }
+  };
 }
-const ut = ["data-vsbs-shadow", "data-vsbs-sheet-show"], st = /* @__PURE__ */ Ve({
+const Ze = ["data-vsbs-shadow", "data-vsbs-sheet-show"], et = /* @__PURE__ */ ye({
   __name: "BottomSheet",
   props: {
     duration: { default: 250 },
@@ -125,399 +385,213 @@ const ut = ["data-vsbs-shadow", "data-vsbs-sheet-show"], st = /* @__PURE__ */ Ve
     footerClass: {}
   },
   emits: ["opened", "opening-started", "closed", "closing-started", "ready", "dragging-up", "dragging-down", "snapped", "instinctHeight", "update:modelValue"],
-  setup(o, { expose: l, emit: s }) {
-    Ne((e) => ({
-      "0a9ba53d": Ee.value
+  setup(t, { expose: a, emit: u }) {
+    Ee((l) => ({
+      v531b2f52: F.value
     }));
-    const t = o, v = s, S = Ge(t, "modelValue", v, {
+    const e = t, n = u, i = Re(e, "modelValue", n, {
       passive: !0
     });
-    Z(S, (e) => {
-      e && ne();
-    }), We(() => {
-      S.value && ne();
+    te(i, (l) => {
+      l && Q();
+    }), De(() => {
+      i.value && Q();
     });
-    const i = g(null), y = g(null), C = g(null), P = g(null), w = g(null), b = g(null), M = g(null), d = g(t.expandOnContentDrag), { height: h } = Ke(), { height: E } = ee(i), { height: F } = ee(y), { height: R } = ee(b), { height: ve } = ee(C), te = I({
-      get() {
-        return T(
-          Math.ceil(R.value + F.value + ve.value),
-          {
-            max: h.value
-          }
-        );
-      },
-      set(e) {
-        [F.value, R.value, ve.value] = e;
-      }
-    }), n = g(0), u = g(0), Ee = I(() => t.duration + "ms"), { snapPoints: Oe } = qe(t), p = I(() => Oe.value ?? [te.value]), {
-      flattenedSnapPoints: k,
-      currentSnapPointIndex: D,
-      closestSnapPointIndex: $,
+    const r = q(null), p = q(null), f = q(null), b = q(null), v = q(null), d = q(null), { height: h } = Oe(), { height: g } = ne(r), { height: w } = ne(p), { height: C } = ne(v), { height: x } = ne(f), R = D(() => I(
+      Math.ceil(C.value + w.value + x.value),
+      { max: h.value }
+    )), oe = (l, s, m) => {
+      w.value = l, C.value = s, x.value = m;
+    }, H = P(0), T = P(0), F = D(() => e.duration + "ms"), { snapPoints: N } = He(e), k = D(() => N.value ?? [R.value]), {
+      flattenedSnapPoints: Y,
+      currentSnapPointIndex: B,
+      closestSnapPointIndex: S,
       minSnapPoint: O,
-      maxSnapPoint: L
-    } = Je(p, n, h), j = Ye(document.body), G = Ye(document.documentElement), B = g(!1), _ = g(0), K = g(0), U = g(0), H = g(0), J = g(!0), A = Xe({ velocityThreshold: 0.5 }), V = Ue([i, M], {
-      immediate: !1,
-      fallbackFocus: () => i.value || document.body
-    });
-    let N = null;
-    const De = () => {
-      i.value && (N = new MutationObserver((e) => {
-        var a;
-        for (const r of e)
-          r.type === "attributes" && r.attributeName === "aria-expanded" && (r.target.getAttribute("aria-expanded") === "true" ? V.pause() : (a = i.value) != null && a.querySelector('[aria-expanded="true"]') || V.unpause());
-      }), N.observe(i.value, {
-        attributes: !0,
-        attributeFilter: ["aria-expanded"],
-        subtree: !0
-      }));
-    }, ce = () => {
-      N && (N.disconnect(), N = null);
-    };
-    function de(e) {
-      d.value = !0, fe(e);
-    }
-    function fe(e) {
-      d.value && e.preventDefault();
-    }
-    const pe = (e) => {
-      e.key === "Escape" && Y();
-    }, Be = () => {
-      t.canBackdropClose && Y();
-    };
-    let ae = !1;
-    const ne = async () => {
-      if (ae) return;
-      S.value = !0, ae = !0, v("opening-started"), t.blocking && (j.value = !0, G.value = !0), await Se();
-      const e = i.value;
-      E.value = e.getBoundingClientRect().height;
-      const a = e.querySelector("[data-vsbs-content]"), r = e.querySelector("[data-vsbs-header]"), c = e.querySelector("[data-vsbs-footer]");
-      if (te.value = [
-        r.getBoundingClientRect().height,
-        a.getBoundingClientRect().height,
-        c.getBoundingClientRect().height
-      ], await Se(), D.value = k.value.findIndex(
-        (f) => f === O.value
-      ), t.initialSnapPoint) {
-        const f = t.initialSnapPoint;
-        if (f < 0 || f >= p.value.length) {
+      maxSnapPoint: K
+    } = Le(k, H, h), z = D(() => e.blocking), le = D(() => e.canSwipeClose), _ = D(() => e.swipeCloseThreshold), ue = D(() => e.expandOnContentDrag), A = _e({ blocking: z }), $ = Je({
+      sheetRef: r,
+      backdropRef: d,
+      blocking: z,
+      onEscape: () => W()
+    }), { isDragging: re, headerFooterHandlers: J, contentWrapperHandlers: se, scrollEnd: V } = Ke({
+      sheetRef: r,
+      sheetScrollRef: b,
+      height: H,
+      translateY: T,
+      sheetHeight: g,
+      windowHeight: h,
+      snapPointsRef: k,
+      flattenedSnapPoints: Y,
+      currentSnapPointIndex: B,
+      closestSnapPointIndex: S,
+      minSnapPoint: O,
+      maxSnapPoint: K,
+      canSwipeClose: le,
+      swipeCloseThreshold: _,
+      expandOnContentDrag: ue,
+      onClose: () => W(),
+      onSnapped: (l) => n("snapped", l),
+      onDraggingUp: () => n("dragging-up"),
+      onDraggingDown: () => n("dragging-down")
+    }), U = P(!1), G = P(!1), Z = () => {
+      e.canBackdropClose && W();
+    }, Q = async () => {
+      if (U.value) return;
+      i.value = !0, U.value = !0, n("opening-started"), A.lockIfBlocking(), await fe();
+      const l = r.value;
+      g.value = l.getBoundingClientRect().height;
+      const s = l.querySelector("[data-vsbs-content]"), m = l.querySelector("[data-vsbs-header]"), M = l.querySelector("[data-vsbs-footer]");
+      if (oe(
+        m.getBoundingClientRect().height,
+        s.getBoundingClientRect().height,
+        M.getBoundingClientRect().height
+      ), await fe(), B.value = Y.value.findIndex(
+        (y) => y === O.value
+      ), e.initialSnapPoint !== void 0) {
+        const y = e.initialSnapPoint;
+        if (y < 0 || y >= k.value.length) {
           console.warn("Index out of bounds");
           return;
         }
-        let m;
-        typeof p.value[f] == "number" ? m = T(p.value[f], {
-          max: h.value
-        }) : m = Q(p.value[f], h.value), n.value = m;
+        const L = k.value[y];
+        if (!L) return;
+        H.value = ae(L, h.value);
       } else
-        n.value = T(O.value, {
-          max: h.value
-        });
-      u.value = n.value, requestAnimationFrame(() => {
-        u.value = 0, t.blocking && setTimeout(() => {
-          S.value && (v("opened"), V.activate(), De());
-        }, t.duration);
-      }), window.addEventListener("keydown", pe), ae = !1;
-    };
-    let le = !1;
-    const Y = () => {
-      le || (S.value = !1, le = !0, v("closing-started"), t.blocking && (j.value = !1, G.value = !1), window.removeEventListener("keydown", pe), ce(), t.blocking && V.deactivate(), u.value = n.value, setTimeout(() => {
-        v("closed"), le = !1;
-      }, t.duration));
-    }, he = (e) => {
-      if (!p.value) return;
-      if (e < 0 || e >= p.value.length) {
+        H.value = I(O.value, { max: h.value });
+      T.value = H.value, requestAnimationFrame(() => {
+        T.value = 0, e.blocking && setTimeout(() => {
+          i.value && (n("opened"), $.activate());
+        }, e.duration);
+      }), U.value = !1;
+    }, W = () => {
+      G.value || (i.value = !1, G.value = !0, n("closing-started"), A.unlockIfBlocking(), $.deactivate(), T.value = H.value, setTimeout(() => {
+        n("closed"), G.value = !1;
+      }, e.duration));
+    }, ee = (l) => {
+      if (!k.value) return;
+      if (l < 0 || l >= k.value.length) {
         console.warn("Index out of bounds");
         return;
       }
-      D.value = e;
-      let a;
-      typeof p.value[e] == "number" ? a = T(p.value[e], {
-        max: h.value
-      }) : a = Q(p.value[e], h.value), n.value = a, v("snapped", p.value.indexOf(p.value[e]));
-    };
-    function me(e) {
-      e > 0 ? v("dragging-down") : e < 0 && v("dragging-up");
-    }
-    const ge = (e) => {
-      if (!i.value) return;
-      const a = window.getComputedStyle(i.value), r = parseFloat(a.height);
-      let c = 0;
-      a.transform && a.transform !== "none" && (c = new DOMMatrix(a.transform).m42), n.value = r, u.value = c, B.value = !0, _.value = e.clientY, K.value = n.value, U.value = u.value, H.value = e.clientY, A.start(e.clientY), e.target.setPointerCapture(e.pointerId);
-    }, we = (e) => {
-      if (!B.value) return;
-      const a = e.clientY - _.value, r = e.clientY;
-      u.value <= 0 && (n.value = K.value - a), n.value <= O.value && (n.value = O.value, u.value = U.value + a, t.canSwipeClose ? u.value = T(u.value, { min: 0 }) : u.value = T(
-        ie(u.value, -E.value, 0, 0.5),
-        { min: 0 }
-      )), n.value = T(ie(n.value, 0, L.value, 0.25), {
-        min: 0,
-        max: h.value
-      }), me(e.clientY - H.value), A.update(e.clientY), H.value = r;
-    }, X = (e) => {
-      if (B.value = !1, e.target.releasePointerCapture(e.pointerId), t.canSwipeClose) {
-        let f = n.value / 2;
-        if (t.swipeCloseThreshold && typeof t.swipeCloseThreshold == "number" && (f = t.swipeCloseThreshold), t.swipeCloseThreshold && typeof t.swipeCloseThreshold == "string" && t.swipeCloseThreshold.includes("%") && (f = n.value * (Number(t.swipeCloseThreshold.replace("%", "")) / 100)), u.value > f) {
-          u.value = n.value, Y();
-          return;
-        }
-      } else
-        u.value = 0;
-      if (u.value === n.value) {
-        u.value = 0, Y();
-        return;
-      }
-      const a = A.end();
-      if (a.isSwipe && a.direction === "down" && t.canSwipeClose && n.value <= O.value + 10) {
-        u.value = n.value, Y();
-        return;
-      }
-      let r;
-      if (a.isSwipe && k.value.length > 1) {
-        const f = [...k.value].sort((m, x) => m - x);
-        if (a.direction === "up") {
-          const m = f.find((x) => x > n.value + 1);
-          r = m !== void 0 ? k.value.indexOf(m) : $.value;
-        } else {
-          const m = [...f].reverse().find((x) => x < n.value - 1);
-          r = m !== void 0 ? k.value.indexOf(m) : $.value;
-        }
-      } else
-        r = $.value;
-      D.value = r;
-      let c;
-      if (typeof p.value[r] == "number" ? c = T(p.value[r], {
-        max: h.value
-      }) : c = Q(
-        p.value[r],
-        h.value
-      ), c === 0) {
-        Y();
-        return;
-      }
-      n.value = c, u.value = 0, v("snapped", p.value.indexOf(p.value[r]));
-    }, He = (e) => {
-      if (!P.value) return;
-      const a = P.value.scrollTop === 0, r = e > 0, c = k.value.length === 1, f = 0.5 > Math.abs(n.value - L.value);
-      if (c) {
-        if (!t.expandOnContentDrag) {
-          d.value = !1;
-          return;
-        }
-        u.value === 0 && a && r && (d.value = !0), u.value === 0 && a && !r && (d.value = !1);
-      } else {
-        if (!t.expandOnContentDrag) {
-          d.value = !1;
-          return;
-        }
-        d.value = !0, f && (r && a && (d.value = !0), !r && a && (d.value = !1), a || (d.value = !1));
-      }
-    }, Ie = (e) => {
-      if (!i.value) return;
-      const a = window.getComputedStyle(i.value), r = parseFloat(a.height);
-      let c = 0;
-      a.transform && a.transform !== "none" && (c = new DOMMatrix(a.transform).m42), n.value = r, u.value = c, B.value = !0, _.value = e.clientY, K.value = n.value, U.value = u.value, H.value = e.clientY, J.value = !0, A.start(e.clientY), e.target.setPointerCapture(e.pointerId);
-    }, Fe = (e) => {
-      if (!B.value) return;
-      if (!t.expandOnContentDrag) {
-        d.value = !1;
-        return;
-      }
-      const a = e.clientY - _.value, r = e.clientY, c = e.clientY - H.value;
-      if (J.value) {
-        const m = e.clientY - _.value;
-        if (Math.abs(m) > 3)
-          J.value = !1, He(m);
-        else {
-          H.value = r;
-          return;
-        }
-      }
-      u.value === 0 && d.value && t.expandOnContentDrag && (n.value = K.value - a), n.value <= O.value && (n.value = O.value, d.value && t.expandOnContentDrag && (u.value = U.value + a), u.value = T(u.value, { min: 0, max: O.value }), t.canSwipeClose ? u.value = T(u.value, { min: 0 }) : u.value = T(
-        ie(u.value, -E.value, 0, 0.5),
-        { min: 0 }
-      )), n.value > L.value && (n.value = L.value), n.value = T(n.value, { max: h.value }), k.value.length === 1 || n.value === L.value && (d.value = !1), me(c), A.update(e.clientY), H.value = r;
-    }, be = (e) => {
-      if (B.value = !1, J.value = !0, e.target.releasePointerCapture(e.pointerId), t.canSwipeClose) {
-        let m = n.value / 2;
-        if (t.swipeCloseThreshold && typeof t.swipeCloseThreshold == "number" && (m = t.swipeCloseThreshold), t.swipeCloseThreshold && typeof t.swipeCloseThreshold == "string" && t.swipeCloseThreshold.includes("%") && (m = n.value * (Number(t.swipeCloseThreshold.replace("%", "")) / 100)), u.value > m) {
-          u.value = n.value, Y();
-          return;
-        }
-      } else
-        u.value = 0;
-      if (u.value === n.value) {
-        u.value = 0, Y();
-        return;
-      }
-      const a = A.end(), r = d.value;
-      if (r && a.isSwipe && a.direction === "down" && t.canSwipeClose && n.value <= O.value + 10) {
-        u.value = n.value, Y();
-        return;
-      }
-      let c;
-      if (r && a.isSwipe && k.value.length > 1) {
-        const m = [...k.value].sort((x, W) => x - W);
-        if (a.direction === "up") {
-          const x = m.find((W) => W > n.value + 1);
-          c = x !== void 0 ? k.value.indexOf(x) : $.value;
-        } else {
-          const x = [...m].reverse().find((W) => W < n.value - 1);
-          c = x !== void 0 ? k.value.indexOf(x) : $.value;
-        }
-      } else
-        c = $.value;
-      D.value = c;
-      let f;
-      if (typeof p.value[c] == "number" ? f = T(p.value[c], {
-        max: h.value
-      }) : f = Q(
-        p.value[c],
-        h.value
-      ), f === 0) {
-        Y();
-        return;
-      }
-      n.value = f, u.value = 0, v("snapped", p.value.indexOf(p.value[c]));
-    }, $e = () => {
-      t.blocking || (j.value = !0, G.value = !0);
-    }, Ae = () => {
-      t.blocking || (j.value = !1, G.value = !1);
-    }, Re = () => {
-      if (!P.value) return;
-      const e = P.value.scrollTop === 0;
-      d.value = e;
-    }, Le = tt((e) => he(e), {
-      minQuietPeriodMs: t.duration,
-      reducer: (e, a) => a
+      B.value = l;
+      const s = k.value[l];
+      s && (H.value = ae(s, h.value), n("snapped", k.value.indexOf(s)));
+    }, o = Ue((l) => ee(l), {
+      minQuietPeriodMs: e.duration,
+      reducer: (l, s) => s
     });
-    Z(p, (e, a) => {
-      if (S.value === !1 || !e || !a) return;
-      const r = e[D.value], c = a[D.value];
-      typeof r != "string" && typeof c != "string" && (n.value = T(r, {
-        max: h.value
-      }));
-    }), Z(h, () => {
-      Le.call(D.value);
-    }), Z(te, (e) => {
-      v("instinctHeight", e);
-    }), ze(() => {
-      ce(), V.deactivate();
+    te(k, (l, s) => {
+      if (i.value === !1 || !l || !s) return;
+      const m = l[B.value], M = s[B.value];
+      !m || typeof m == "string" || !M || typeof M == "string" || (H.value = I(m, { max: h.value }));
+    }), te(h, () => {
+      o.call(B.value);
+    }), te(R, (l) => {
+      n("instinctHeight", l);
+    }), Be(() => {
+      $.cleanup();
     });
-    const _e = (e) => {
-      const a = e;
-      a.style.transition = `transform ${t.duration}ms ease, height ${t.duration}ms ease`, a.style.transform = `translateY(${n.value}px)`;
+    const c = (l) => {
+      const s = l;
+      s.style.transition = `transform ${e.duration}ms ease, height ${e.duration}ms ease`, s.style.transform = `translateY(${H.value}px)`;
     };
-    return l({ open: ne, close: Y, snapToPoint: he }), (e, a) => (q(), oe(Qe, null, [
-      (q(), Ce(ye, {
-        to: e.teleportTo,
-        defer: e.teleportDefer
+    return a({ open: Q, close: W, snapToPoint: ee }), (l, s) => (X(), ie(Ie, null, [
+      (X(), pe(he, {
+        to: t.teleportTo,
+        defer: t.teleportDefer
       }, [
-        Pe(Te, { name: "vsbs-backdrop" }, {
-          default: xe(() => [
-            ue(S) && e.blocking ? (q(), oe("div", {
+        ge(me, { name: "vsbs-backdrop" }, {
+          default: Se(() => [
+            E(i) && t.blocking ? (X(), ie("div", {
               key: 0,
               ref_key: "backdrop",
-              ref: M,
+              ref: d,
               "data-vsbs-backdrop": "",
-              onClick: a[0] || (a[0] = (r) => Be())
-            }, null, 512)) : ke("", !0)
+              onClick: s[0] || (s[0] = (m) => Z())
+            }, null, 512)) : be("", !0)
           ]),
           _: 1
         })
       ], 8, ["to", "defer"])),
-      (q(), Ce(ye, {
-        to: e.teleportTo,
-        defer: e.teleportDefer
+      (X(), pe(he, {
+        to: t.teleportTo,
+        defer: t.teleportDefer
       }, [
-        Pe(Te, {
+        ge(me, {
           name: "vsbs-sheet",
-          onLeave: _e
+          onLeave: c
         }, {
-          default: xe(() => [
-            ue(S) ? (q(), oe("div", {
+          default: Se(() => [
+            E(i) ? (X(), ie("div", {
               key: 0,
               ref_key: "sheet",
-              ref: i,
-              style: je({
-                transform: `translateY(${u.value}px)`,
-                height: `${n.value}px`,
-                transition: B.value ? "none" : `transform ${e.duration}ms ease, height ${e.duration}ms ease`
+              ref: r,
+              style: Ye({
+                transform: `translateY(${T.value}px)`,
+                height: `${H.value}px`,
+                transition: E(re) ? "none" : `transform ${t.duration}ms ease, height ${t.duration}ms ease`
               }),
-              "data-vsbs-shadow": !e.blocking,
-              "data-vsbs-sheet-show": ue(S),
+              "data-vsbs-shadow": !t.blocking,
+              "data-vsbs-sheet-show": E(i),
               "aria-modal": "true",
               "data-vsbs-sheet": "",
               tabindex: "-1",
-              onTouchstart: $e,
-              onTouchend: Ae
+              onTouchstart: s[2] || (s[2] = //@ts-ignore
+              (...m) => E(A).touchStartHandler && E(A).touchStartHandler(...m)),
+              onTouchend: s[3] || (s[3] = //@ts-ignore
+              (...m) => E(A).touchEndHandler && E(A).touchEndHandler(...m))
             }, [
-              z("div", {
+              j("div", ce({
                 ref_key: "sheetHeader",
-                ref: y,
-                "data-vsbs-header": "",
-                onPointerdown: ge,
-                onPointermove: we,
-                onPointerup: X,
-                onPointercancel: X,
-                onTouchmove: de,
-                class: se(e.headerClass),
+                ref: p,
+                "data-vsbs-header": ""
+              }, E(J), {
+                class: t.headerClass,
                 style: { "touch-action": "none" }
-              }, [
-                re(e.$slots, "header", {}, void 0, !0)
-              ], 34),
-              z("div", {
+              }), [
+                ve(l.$slots, "header", {}, void 0, !0)
+              ], 16),
+              j("div", {
                 ref_key: "sheetScroll",
-                ref: P,
+                ref: b,
                 "data-vsbs-scroll": "",
-                onScrollend: Re
+                onScrollend: s[1] || (s[1] = //@ts-ignore
+                (...m) => E(V) && E(V)(...m))
               }, [
-                z("div", {
-                  ref_key: "sheetContentWrapper",
-                  ref: w,
-                  "data-vsbs-content-wrapper": "",
-                  onPointerdown: Ie,
-                  onPointermove: Fe,
-                  onPointerup: be,
-                  onPointercancel: be,
-                  onTouchmove: fe,
-                  style: { touchAction: "pan-y" }
-                }, [
-                  z("div", {
+                j("div", ce({ "data-vsbs-content-wrapper": "" }, E(se), { style: { touchAction: "pan-y" } }), [
+                  j("div", {
                     ref_key: "sheetContent",
-                    ref: b,
+                    ref: v,
                     "data-vsbs-content": "",
-                    class: se(e.contentClass)
+                    class: Me(t.contentClass)
                   }, [
-                    re(e.$slots, "default", {}, void 0, !0)
+                    ve(l.$slots, "default", {}, void 0, !0)
                   ], 2)
-                ], 544)
+                ], 16)
               ], 544),
-              z("div", {
+              j("div", ce({
                 ref_key: "sheetFooter",
-                ref: C,
-                "data-vsbs-footer": "",
-                onPointerdown: ge,
-                onPointermove: we,
-                onPointerup: X,
-                onPointercancel: X,
-                onTouchmove: de,
-                class: se(e.footerClass),
+                ref: f,
+                "data-vsbs-footer": ""
+              }, E(J), {
+                class: t.footerClass,
                 style: { "touch-action": "none" }
-              }, [
-                re(e.$slots, "footer", {}, void 0, !0)
-              ], 34)
-            ], 44, ut)) : ke("", !0)
+              }), [
+                ve(l.$slots, "footer", {}, void 0, !0)
+              ], 16)
+            ], 44, Ze)) : be("", !0)
           ]),
           _: 3
         })
       ], 8, ["to", "defer"]))
     ], 64));
   }
-}), rt = (o, l) => {
-  const s = o.__vccOpts || o;
-  for (const [t, v] of l)
-    s[t] = v;
-  return s;
-}, dt = /* @__PURE__ */ rt(st, [["__scopeId", "data-v-01259485"]]);
+}), tt = (t, a) => {
+  const u = t.__vccOpts || t;
+  for (const [e, n] of a)
+    u[e] = n;
+  return u;
+}, lt = /* @__PURE__ */ tt(et, [["__scopeId", "data-v-9e937e3a"]]);
 export {
-  dt as default
+  lt as default
 };

package/dist/style.css

@@ -1 +1 @@
-[data-vsbs-backdrop][data-v-01259485]{background-color:var(--vsbs-backdrop-bg, rgba(0, 0, 0, .5));top:0;right:0;bottom:0;left:0;pointer-events:auto;position:fixed;-webkit-user-select:none;user-select:none;will-change:opacity;--vsbs-duration: var(--0a9ba53d)}[data-vsbs-shadow=true][data-v-01259485]:before{content:"";z-index:-1;position:absolute;top:0;height:100lvh;width:100%;border-radius:var(--vsbs-border-radius, 16px);box-shadow:0 -5px 60px 0 var(--vsbs-shadow-color, rgba(89, 89, 89, .2))}[data-vsbs-sheet][data-v-01259485]{background-color:var(--vsbs-background, #fff);border-top-left-radius:var(--vsbs-border-radius, 16px);border-top-right-radius:var(--vsbs-border-radius, 16px);border-right:1px solid var(--vsbs-outer-border-color, transparent);border-left:1px solid var(--vsbs-outer-border-color, transparent);bottom:0;display:flex;flex-direction:column;left:0;margin-left:auto;margin-right:auto;max-width:var(--vsbs-max-width, 640px);pointer-events:all;position:fixed;right:0;width:100%;will-change:height,transform}[data-vsbs-sheet-show=true][data-v-01259485]{visibility:visible}[data-vsbs-header][data-v-01259485]{box-shadow:0 1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-shrink:0;padding:20px var(--vsbs-padding-x, 16px) 8px;-webkit-user-select:none;user-select:none;z-index:3;border-top-left-radius:var(--vsbs-border-radius, 16px);border-top-right-radius:var(--vsbs-border-radius, 16px);border-top:1px solid var(--vsbs-outer-border-color, transparent)}[data-vsbs-header][data-v-01259485]:before{background-color:var(--vsbs-handle-background, rgba(0, 0, 0, .28));border-radius:2px;content:"";display:block;height:4px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:36px}[data-vsbs-header][data-v-01259485]:empty{box-shadow:none;padding:14px var(--vsbs-padding-x, 16px) 10px}[data-vsbs-footer][data-v-01259485]{box-shadow:0 -1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-grow:0;flex-shrink:0;padding:16px var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}[data-vsbs-footer][data-v-01259485]:empty{display:none}[data-vsbs-scroll][data-v-01259485]{flex-grow:1;overflow-y:auto;overscroll-behavior:none}[data-vsbs-content-wrapper][data-v-01259485]{height:100%}[data-vsbs-content][data-v-01259485]{display:grid;padding:8px var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}.vsbs-backdrop-enter-active[data-v-01259485],.vsbs-backdrop-leave-active[data-v-01259485]{transition:opacity var(--vsbs-duration) ease}.vsbs-backdrop-enter-from[data-v-01259485],.vsbs-backdrop-leave-to[data-v-01259485]{opacity:0}
+[data-vsbs-backdrop][data-v-9e937e3a]{background-color:var(--vsbs-backdrop-bg, rgba(0, 0, 0, .5));inset:0;pointer-events:auto;position:fixed;-webkit-user-select:none;user-select:none;will-change:opacity;--vsbs-duration: var(--v531b2f52)}[data-vsbs-shadow=true][data-v-9e937e3a]:before{content:"";z-index:-1;position:absolute;top:0;height:100lvh;width:100%;border-radius:var(--vsbs-border-radius, 16px);box-shadow:0 -5px 60px 0 var(--vsbs-shadow-color, rgba(89, 89, 89, .2))}[data-vsbs-sheet][data-v-9e937e3a]{background-color:var(--vsbs-background, #fff);border-top-left-radius:var(--vsbs-border-radius, 16px);border-top-right-radius:var(--vsbs-border-radius, 16px);border-right:1px solid var(--vsbs-outer-border-color, transparent);border-left:1px solid var(--vsbs-outer-border-color, transparent);bottom:0;display:flex;flex-direction:column;left:0;margin-left:auto;margin-right:auto;max-width:var(--vsbs-max-width, 640px);pointer-events:all;position:fixed;right:0;width:100%;will-change:height,transform}[data-vsbs-sheet-show=true][data-v-9e937e3a]{visibility:visible}[data-vsbs-header][data-v-9e937e3a]{box-shadow:0 1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-shrink:0;padding:20px var(--vsbs-padding-x, 16px) 8px;-webkit-user-select:none;user-select:none;z-index:3;border-top-left-radius:var(--vsbs-border-radius, 16px);border-top-right-radius:var(--vsbs-border-radius, 16px);border-top:1px solid var(--vsbs-outer-border-color, transparent)}[data-vsbs-header][data-v-9e937e3a]:before{background-color:var(--vsbs-handle-background, rgba(0, 0, 0, .28));border-radius:2px;content:"";display:block;height:4px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:36px}[data-vsbs-header][data-v-9e937e3a]:empty{box-shadow:none;padding:14px var(--vsbs-padding-x, 16px) 10px}[data-vsbs-footer][data-v-9e937e3a]{box-shadow:0 -1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-grow:0;flex-shrink:0;padding:16px var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}[data-vsbs-footer][data-v-9e937e3a]:empty{display:none}[data-vsbs-scroll][data-v-9e937e3a]{flex-grow:1;overflow-y:auto;overscroll-behavior:none}[data-vsbs-content-wrapper][data-v-9e937e3a]{height:100%}[data-vsbs-content][data-v-9e937e3a]{display:grid;padding:8px var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}.vsbs-backdrop-enter-active[data-v-9e937e3a],.vsbs-backdrop-leave-active[data-v-9e937e3a]{transition:opacity var(--vsbs-duration) ease}.vsbs-backdrop-enter-from[data-v-9e937e3a],.vsbs-backdrop-leave-to[data-v-9e937e3a]{opacity:0}

package/dist/utils/calculateSwipeThreshold.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Calculate the swipe close threshold based on prop value and current height.
+ * Supports absolute pixel values, percentage strings, or defaults to half height.
+ */
+export declare function calculateSwipeThreshold(threshold: string | number | undefined, height: number): number;

package/dist/utils/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const SNAP_POINT_TOLERANCE_PX = 10;
+export declare const MOVEMENT_THRESHOLD_PX = 3;
+export declare const RUBBERBAND_ELASTICITY = 0.25;
+export declare const RUBBERBAND_ELASTICITY_STRONG = 0.5;
+export declare const DEFAULT_VELOCITY_THRESHOLD = 0.5;

package/dist/utils/resolveSnapPoint.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Resolve a snap point value (number or percentage string) to pixels
+ */
+export declare function resolveSnapPoint(snapValue: number | `${number}%`, windowHeight: number): number;

package/package.json

@@ -32,7 +32,7 @@
     "url": "https://github.com/megaarmos/vue-spring-bottom-sheet/issues"
   },
   "private": false,
-  "version": "3.0.0-next.2",
+  "version": "3.0.0-next.4",
   "type": "module",
   "exports": {
     ".": {
@@ -61,26 +61,26 @@
     "vue": ">=3.3"
   },
   "dependencies": {
-    "@vueuse/core": "^13.2.0",
-    "@vueuse/integrations": "^13.2.0",
-    "focus-trap": "^7.6.4",
-    "remeda": "^2.21.6",
-    "vue": "^3.5.14"
+    "@vueuse/core": "^14.1.0",
+    "@vueuse/integrations": "^14.1.0",
+    "focus-trap": "^7.8.0",
+    "remeda": "^2.33.3",
+    "vue": "^3.5.26"
   },
   "devDependencies": {
-    "@types/node": "^22.15.18",
-    "@vitejs/plugin-vue": "^5.2.4",
+    "@types/node": "^25.0.8",
+    "@vitejs/plugin-vue": "^6.0.3",
     "@vue/eslint-config-prettier": "^10.2.0",
-    "@vue/eslint-config-typescript": "^14.5.0",
-    "@vue/tsconfig": "^0.7.0",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "@vue/tsconfig": "^0.8.1",
     "ajv": "^8.17.1",
-    "eslint": "^9.27.0",
-    "eslint-plugin-vue": "^10.1.0",
-    "prettier": "^3.5.3",
-    "typescript": "~5.6.3",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "4.5.3",
-    "vue-tsc": "^2.2.10"
+    "eslint": "^9.39.2",
+    "eslint-plugin-vue": "^10.6.2",
+    "prettier": "^3.7.4",
+    "typescript": "~5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "4.5.4",
+    "vue-tsc": "^3.2.2"
   },
   "files": [
     "dist",