@orioncactuscorp/ui 1.16.0 → 1.18.0

package/dist/components/Modal/useModalDrag.js

@@ -1,13 +1,16 @@
-import { useRef as v, useLayoutEffect as j, useCallback as p, useEffect as Nt } from "react";
-import { createSpringAnimator as Qt } from "../../utils/spring/animator.js";
-import { resolveOcMotion as Zt } from "../../utils/motion.js";
-import { resolveModalPopupSnapPositions as ar } from "./snapPoints.js";
-import { setModalBodyTouchScrollLock as qt, shouldLockModalBodyTouchScroll as or, shouldIgnoreDragTarget as te, getScrollableAncestor as sr, hasActiveTextSelection as ir, getBottomTouchDragDecision as lr, getPopupTouchDragDecision as cr } from "./modalScrollArbitration.js";
-import { resolveResizedBottomSheetTranslate as ur, resolveBottomSheetRestState as dr, resolveUndimmedCollapseTranslate as pr } from "./bottomSheetGeometry.js";
-import { getPositionSnapPointDistance as gt, getReleasePositionSnapTarget as fr } from "../PositionSnap/policy.js";
-import { POSITION_SNAP_DRAG_FOLLOWER_SPRING as mr } from "../PositionSnap/gesture.js";
-import { resolveBottomSheetRelease as gr } from "./bottomSheetRelease.js";
-const R = {
+import { ocGesture as mr } from "../../utils/gesture.js";
+import { useRef as w, useLayoutEffect as G, useCallback as f, useEffect as Yt } from "react";
+import { createSpringAnimator as re } from "../../utils/spring/animator.js";
+import { resolveOcMotion as ne } from "../../utils/motion.js";
+import { resolveModalPopupSnapPositions as gr } from "./snapPoints.js";
+import { setModalBodyTouchScrollLock as ae, shouldLockModalBodyTouchScroll as hr, shouldIgnoreDragTarget as oe, getScrollableAncestor as yr, hasActiveTextSelection as Tr, getBottomTouchDragDecision as xr, getPopupTouchDragDecision as Pr } from "./modalScrollArbitration.js";
+import { resolveResizedBottomSheetTranslate as vr, resolveBottomSheetRestState as wr, resolveUndimmedCollapseTranslate as Sr } from "./bottomSheetGeometry.js";
+import { getPositionSnapPointDistance as Tt, getReleasePositionSnapTarget as Dr } from "../PositionSnap/policy.js";
+import { POSITION_SNAP_DRAG_FOLLOWER_SPRING as Xr } from "../PositionSnap/gesture.js";
+import { resolveBottomSheetRelease as Yr } from "./bottomSheetRelease.js";
+import { isModalResizeTargetPublished as Er, clearModalResizeTarget as Re, publishModalResizeTarget as Mr } from "./modalResizeTarget.js";
+import { isPinchZoomedViewport as br } from "./useModalViewportGeometry.js";
+const j = {
   dragStartThresholdPx: {
     touch: 10,
     mouse: 2
@@ -24,99 +27,105 @@ const R = {
     minDistancePx: 24
   },
   rubberBand: {
-    resistance: 0.55,
     // Calibrated from iOS bottom-sheet recordings: upward approx 10.3vh, downward approx 15.6vh.
     observedViewportLimitRatio: {
       top: 0.105,
       bottom: 0.16
     }
   }
-}, hr = [], yr = [];
-function Oe(r) {
+}, Ar = [], Lr = [];
+function $e(r) {
   r.cancelable !== !1 && r.preventDefault();
 }
-function N(r, s, c) {
-  return Math.min(Math.max(r, s), c);
+function H(r, o, l) {
+  return Math.min(Math.max(r, o), l);
 }
-function ke({
+function Ue({
   deltaX: r,
-  deltaY: s,
-  placement: c
+  deltaY: o,
+  placement: l
 }) {
-  return c === "bottom" ? Math.abs(s) : Math.hypot(r, s);
+  return l === "bottom" ? Math.abs(o) : Math.hypot(r, o);
 }
-function Ne(r, s) {
-  if (s <= 0) return 0;
-  const c = s, { resistance: a } = R.rubberBand;
-  return r * a * c / (c + a * r);
+function _e(r, o) {
+  return o <= 0 ? 0 : mr.rubberBand(r, o);
 }
-function ee({
+function se({
   targetTranslate: r,
-  minTranslate: s,
-  maxTranslate: c,
-  minBoundaryLimit: a,
+  minTranslate: o,
+  maxTranslate: l,
+  minBoundaryLimit: s,
   maxBoundaryLimit: i
 }) {
-  return r < s ? s - Ne(s - r, a) : r > c ? c + Ne(r - c, i) : r;
+  return r < o ? o - _e(o - r, s) : r > l ? l + _e(r - l, i) : r;
 }
-function Fe(r) {
-  return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest('[data-oc-part="handle"], [data-oc-part="header"]');
+function We(r) {
+  return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest(
+    '[data-oc-part="handle-area"], [data-oc-part="handle"], [data-oc-part="header"]'
+  );
 }
-function Ve(r) {
+function Ge(r) {
   return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest(
-    '[data-oc-part="handle"], [data-oc-component="modal-navigation"]'
+    '[data-oc-part="handle-area"], [data-oc-part="handle"], [data-oc-component="modal-navigation"]'
   );
 }
-function Tr(r) {
+function Br(r) {
   return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest('[data-oc-component="modal-navigation"]');
 }
-function xr(r) {
+function Cr(r) {
   return typeof Element > "u" || !(r instanceof Element) ? null : r.closest('[data-oc-component="modal-navigation"]');
 }
-function Pr(r, s) {
-  return s ? !0 : r.pointerType ? r.pointerType === "touch" : typeof window > "u" ? !1 : window.matchMedia?.("(pointer: coarse)").matches ?? !1;
+function Ir(r) {
+  return typeof Element > "u" || !(r instanceof Element) ? null : r.closest('[data-oc-part="handle-area"]');
+}
+function je(r, o) {
+  const l = r.getBoundingClientRect();
+  return o.x >= l.left && o.x <= l.right && o.y >= l.top && o.y <= l.bottom;
+}
+function Or(r, o) {
+  return o ? !0 : r.pointerType ? r.pointerType === "touch" : typeof window > "u" ? !1 : window.matchMedia?.("(pointer: coarse)").matches ?? !1;
 }
-function ze(r, s) {
+function Ke(r, o) {
   if (!r.length)
     return {
       minTranslate: 0,
       maxTranslate: 0
     };
-  const c = r.map((T) => T[s]), a = Math.min(...c), i = Math.max(...c);
-  if (Math.abs(i - a) < 0.5) {
-    const T = (a + i) / 2;
+  const l = r.map((y) => y[o]), s = Math.min(...l), i = Math.max(...l);
+  if (Math.abs(i - s) < 0.5) {
+    const y = (s + i) / 2;
     return {
-      minTranslate: T,
-      maxTranslate: T
+      minTranslate: y,
+      maxTranslate: y
     };
   }
   return {
-    minTranslate: a,
+    minTranslate: s,
     maxTranslate: i
   };
 }
-function He(r, s) {
-  for (let c = 0; c < r.length; c += 1) {
-    const a = "item" in r && typeof r.item == "function" ? r.item(c) : r[c];
-    if (a?.identifier === s) return a;
+function Ze(r, o) {
+  for (let l = 0; l < r.length; l += 1) {
+    const s = "item" in r && typeof r.item == "function" ? r.item(l) : r[l];
+    if (s?.identifier === o) return s;
   }
   return null;
 }
-function je(r) {
+function ar(r) {
   if (!r) return { x: 0, y: 0 };
-  const s = window.getComputedStyle(r).transform;
-  if (!s || s === "none") return { x: 0, y: 0 };
-  const c = s.match(/^matrix\((.+)\)$/);
-  if (c) {
-    const i = c[1].split(",").map((T) => T.trim());
+  const o = window.getComputedStyle(r).transform;
+  if (!o || o === "none") return { x: 0, y: 0 };
+  const l = o.match(/^matrix\((.+)\)$/);
+  if (l) {
+    const i = l[1].split(",").map((y) => y.trim());
     return {
       x: Number.parseFloat(i[4] ?? "0") || 0,
       y: Number.parseFloat(i[5] ?? "0") || 0
     };
   }
-  const a = s.match(/^matrix3d\((.+)\)$/);
-  if (a) {
-    const i = a[1].split(",").map((T) => T.trim());
+  const s = o.match(/^matrix3d\((.+)\)$/);
+  if (s) {
+    const i = s[1].split(",").map((y) => y.trim());
     return {
       x: Number.parseFloat(i[12] ?? "0") || 0,
       y: Number.parseFloat(i[13] ?? "0") || 0
@@ -124,304 +133,317 @@ function je(r) {
   }
   return { x: 0, y: 0 };
 }
-function re(r) {
-  return je(r).y;
+function ie(r) {
+  return ar(r).y;
 }
-function Re(r) {
-  return je(r);
+function Je(r) {
+  return ar(r);
 }
-function mt(r) {
+function yt(r) {
   if (!r || !/^-?\d*\.?\d+(?:px)?$/.test(r.trim())) return;
-  const s = Number.parseFloat(r);
-  return Number.isFinite(s) ? s : void 0;
+  const o = Number.parseFloat(r);
+  return Number.isFinite(o) ? o : void 0;
 }
 function q() {
   return Date.now();
 }
-function vr(r, s) {
-  const c = s - R.releaseVelocity.sampleWindowMs;
-  for (; r.length > 2 && (r[1]?.time ?? s) < c; )
+function kr(r, o) {
+  const l = o - j.releaseVelocity.sampleWindowMs;
+  for (; r.length > 2 && (r[1]?.time ?? o) < l; )
     r.shift();
 }
-function wt(r, s) {
-  const c = s.time ?? q();
+function Et(r, o) {
+  const l = o.time ?? q();
   r.samples.push({
-    time: c,
-    pageX: s.pageX,
-    pageY: s.pageY,
-    translateX: s.translateX,
-    translateY: s.translateY
-  }), vr(r.samples, c);
+    time: l,
+    pageX: o.pageX,
+    pageY: o.pageY,
+    translateX: o.translateX,
+    translateY: o.translateY
+  }), kr(r.samples, l);
 }
-function Ft(r, s) {
+function Rt(r, o) {
   return {
-    x: r.startTranslateX + s.pageX - r.startX,
-    y: r.startTranslate + s.pageY - r.startY
+    x: r.startTranslateX + o.pageX - r.startX,
+    y: r.startTranslate + o.pageY - r.startY
   };
 }
-function $e(r, s) {
-  const c = Ft(r, s);
-  wt(r, {
-    pageX: s.pageX,
-    pageY: s.pageY,
-    translateX: c.x,
-    translateY: c.y
+function Qe(r, o) {
+  const l = Rt(r, o);
+  Et(r, {
+    pageX: o.pageX,
+    pageY: o.pageY,
+    translateX: l.x,
+    translateY: l.y
   });
 }
-function Ue({
+function qe({
   session: r,
-  fallbackDeltaY: s,
-  fallbackElapsed: c
+  fallbackDeltaY: o,
+  fallbackElapsed: l
 }) {
-  const a = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: T } = R.releaseVelocity;
-  if (a) {
-    const h = a.time - T, x = r.samples.find((w) => w.time >= h) ?? r.samples[0];
-    if (x && x !== a) {
-      const w = Math.max(a.time - x.time, 1), L = (a.translateY - x.translateY) / w * 1e3;
-      if (Number.isFinite(L))
-        return N(L, -i, i);
+  const s = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: y } = j.releaseVelocity;
+  if (s) {
+    const T = s.time - y, x = r.samples.find((S) => S.time >= T) ?? r.samples[0];
+    if (x && x !== s) {
+      const S = Math.max(s.time - x.time, 1), A = (s.translateY - x.translateY) / S * 1e3;
+      if (Number.isFinite(A))
+        return H(A, -i, i);
     }
   }
-  return N(
-    s / Math.max(c, 1) * 1e3,
+  return H(
+    o / Math.max(l, 1) * 1e3,
     -i,
     i
   );
 }
-function _e({
+function tr({
   session: r,
-  fallbackDelta: s,
-  fallbackElapsed: c
+  fallbackDelta: o,
+  fallbackElapsed: l
 }) {
-  const a = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: T } = R.releaseVelocity;
-  if (a) {
-    const h = a.time - T, x = r.samples.find((w) => w.time >= h) ?? r.samples[0];
-    if (x && x !== a) {
-      const w = Math.max(a.time - x.time, 1), L = {
-        x: (a.translateX - x.translateX) / w * 1e3,
-        y: (a.translateY - x.translateY) / w * 1e3
+  const s = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: y } = j.releaseVelocity;
+  if (s) {
+    const T = s.time - y, x = r.samples.find((S) => S.time >= T) ?? r.samples[0];
+    if (x && x !== s) {
+      const S = Math.max(s.time - x.time, 1), A = {
+        x: (s.translateX - x.translateX) / S * 1e3,
+        y: (s.translateY - x.translateY) / S * 1e3
       };
-      if (Number.isFinite(L.x) && Number.isFinite(L.y))
+      if (Number.isFinite(A.x) && Number.isFinite(A.y))
         return {
-          x: N(L.x, -i, i),
-          y: N(L.y, -i, i)
+          x: H(A.x, -i, i),
+          y: H(A.y, -i, i)
         };
     }
   }
   return {
-    x: N(
-      s.x / Math.max(c, 1) * 1e3,
+    x: H(
+      o.x / Math.max(l, 1) * 1e3,
       -i,
       i
     ),
-    y: N(
-      s.y / Math.max(c, 1) * 1e3,
+    y: H(
+      o.y / Math.max(l, 1) * 1e3,
       -i,
       i
     )
   };
 }
-function Ke(r) {
+function or(r) {
   return r === "top" || r.startsWith("top-") ? "top" : r === "bottom" || r.startsWith("bottom-") ? "bottom" : "center";
 }
-function wr({
+function Vr({
   target: r,
-  targets: s
+  targets: o
 }) {
-  const c = s.filter((a) => a !== r);
-  if (c.length)
-    return c.reduce(
-      (a, i) => Math.min(
-        a,
-        gt(r, i)
+  const l = o.filter((s) => s !== r);
+  if (l.length)
+    return l.reduce(
+      (s, i) => Math.min(
+        s,
+        Tt(r, i)
       ),
       Number.POSITIVE_INFINITY
     );
 }
-function Sr({
+function Hr({
   closeThreshold: r,
-  currentTarget: s,
-  surfaceSize: c,
-  targets: a
+  currentTarget: o,
+  surfaceSize: l,
+  targets: s
 }) {
-  const i = Ke(s.key), T = i === "center" ? Math.min(c.width, c.height) : c.height, h = Math.max(
-    R.dismissal.minDistancePx,
-    T * r
+  const i = or(o.key), y = i === "center" ? Math.min(l.width, l.height) : l.height, T = Math.max(
+    j.dismissal.minDistancePx,
+    y * r
   );
-  if (i !== "center") return h;
-  const x = wr({
-    target: s,
-    targets: a
+  if (i !== "center") return T;
+  const x = Vr({
+    target: o,
+    targets: s
   });
-  return !x || !Number.isFinite(x) ? h : Math.max(h, x * 0.75);
+  return !x || !Number.isFinite(x) ? T : Math.max(T, x * 0.75);
 }
-function Dr({
+function Nr({
   currentTarget: r,
-  currentTranslate: s
+  currentTranslate: o
 }) {
-  switch (Ke(r.key)) {
+  switch (or(r.key)) {
     case "top":
-      return r.y - s.y;
+      return r.y - o.y;
     case "bottom":
-      return s.y - r.y;
+      return o.y - r.y;
     case "center":
-      return gt(r, s);
+      return Tt(r, o);
   }
 }
-function Xr({
+function Fr({
   closeThreshold: r,
-  currentTarget: s,
-  currentTranslate: c,
-  releaseTarget: a,
+  currentTarget: o,
+  currentTranslate: l,
+  releaseTarget: s,
   surfaceSize: i,
-  targets: T
+  targets: y
 }) {
-  if (a.key !== s.key) return !1;
-  const h = Dr({
-    currentTarget: s,
-    currentTranslate: c
+  if (s.key !== o.key) return !1;
+  const T = Nr({
+    currentTarget: o,
+    currentTranslate: l
   });
-  return h <= 0 ? !1 : h >= Sr({
+  return T <= 0 ? !1 : T >= Hr({
     closeThreshold: r,
-    currentTarget: s,
+    currentTarget: o,
     surfaceSize: i,
-    targets: T
+    targets: y
   });
 }
-function Yr({
+function zr({
   presentationState: r,
-  releaseTranslate: s,
-  visibleTranslate: c
+  releaseTranslate: o,
+  visibleTranslate: l
 }) {
-  return r !== "visible" || Math.abs(s - c) > 1;
+  return r !== "visible" || Math.abs(o - l) > 1;
 }
-function Er({
+function Rr({
   drag: r,
-  placement: s,
-  snapPositionCount: c
+  placement: o,
+  snapPositionCount: l
 }) {
-  return s === "popup" && (r === "content" || r === "handle") && c > 0;
+  return o === "popup" && (r === "content" || r === "handle") && l > 0;
 }
-function Mr({
+function $r({
   dismissible: r,
-  peekTranslate: s,
-  sheetHeight: c,
-  visibleTranslate: a
+  peekTranslate: o,
+  sheetHeight: l,
+  visibleTranslate: s
 }) {
   return {
-    maxTranslate: s > 0 ? s : r ? c : a,
+    maxTranslate: o > 0 ? o : r ? l : s,
     minTranslate: 0
   };
 }
-function We(r, s = 1) {
-  const c = Math.max(s, 1);
-  return r && Math.abs(r.maxTranslate - r.minTranslate) || c;
+function er(r, o = 1) {
+  const l = Math.max(o, 1);
+  return r && Math.abs(r.maxTranslate - r.minTranslate) || l;
 }
-function Ge({
+function rr({
   limit: r,
-  viewportSize: s,
-  viewportLimitRatio: c
+  viewportSize: o,
+  viewportLimitRatio: l
 }) {
-  const a = Math.max(r, 0);
-  return s <= 0 ? a : Math.min(a, s * c);
+  const s = Math.max(r, 0);
+  return o <= 0 ? s : Math.min(s, o * l);
 }
-function br({
+function Ur({
   minTranslate: r,
-  sheetHeight: s,
-  surfaceMotion: c
+  sheetHeight: o,
+  surfaceMotion: l
 }) {
-  const a = c.parentElement?.getBoundingClientRect(), i = a?.top ?? 0, T = a && a.height > 0 ? a.height : window.innerHeight, h = c.getBoundingClientRect(), x = re(c), w = h.top - x + r, L = Math.max(w - i, 0), { observedViewportLimitRatio: k } = R.rubberBand;
+  const s = l.parentElement?.getBoundingClientRect(), i = s?.top ?? 0, y = s && s.height > 0 ? s.height : window.innerHeight, T = l.getBoundingClientRect(), x = ie(l), S = T.top - x + r, A = Math.max(S - i, 0), { observedViewportLimitRatio: V } = j.rubberBand;
   return {
-    minBoundaryLimit: Ge({
-      limit: L,
-      viewportSize: T,
-      viewportLimitRatio: k.top
+    minBoundaryLimit: rr({
+      limit: A,
+      viewportSize: y,
+      viewportLimitRatio: V.top
     }),
-    maxBoundaryLimit: Ge({
-      limit: s,
-      viewportSize: T,
-      viewportLimitRatio: k.bottom
+    maxBoundaryLimit: rr({
+      limit: o,
+      viewportSize: y,
+      viewportLimitRatio: V.bottom
     })
   };
 }
-function Lr({
+function nr({
   sheetHeight: r,
-  peekTranslate: s,
-  snapHeights: c,
-  backdropFromHeight: a
+  peekTranslate: o,
+  snapHeights: l,
+  backdropFromHeight: s
 }) {
-  const i = s > 0 ? Math.max(0, r - s) : 0;
-  if (a !== void 0) {
-    let h = -1;
-    for (const x of c)
-      x < a - 0.5 && x > h && (h = x);
+  const i = o > 0 ? Math.max(0, r - o) : 0;
+  if (s !== void 0) {
+    let T = -1;
+    for (const x of l)
+      x < s - 0.5 && x > T && (T = x);
     return {
-      dimmedHeight: a,
-      undimmedHeight: h >= 0 ? h : i
+      dimmedHeight: s,
+      undimmedHeight: T >= 0 ? T : i
     };
   }
-  let T = r;
-  for (const h of c)
-    h < T && (T = h);
-  return { dimmedHeight: T, undimmedHeight: i };
+  let y = r;
+  for (const T of l)
+    T < y && (y = T);
+  return { dimmedHeight: y, undimmedHeight: i };
 }
-function Ar({
-  rubberBand: r,
-  targetTranslate: s,
-  sheetHeight: c,
-  bounds: a,
-  rubberBandLimits: i,
+function _r({
+  clampToBounds: r,
+  rubberBand: o,
+  targetTranslate: l,
+  sheetHeight: s,
+  bounds: i,
+  rubberBandLimits: y,
   backdropBoundaries: T
 }) {
-  const h = N(
-    r ? ee({
-      targetTranslate: s,
-      ...i,
-      ...a
-    }) : s,
-    a.minTranslate - i.minBoundaryLimit,
-    a.maxTranslate + i.maxBoundaryLimit
-  ), x = Math.max(-h, 0), w = Math.max(h, 0), k = (c - w - T.undimmedHeight) / Math.max(
-    T.dimmedHeight - T.undimmedHeight,
-    1
-  );
+  const x = r ? H(
+    o ? se({
+      targetTranslate: l,
+      ...y,
+      ...i
+    }) : l,
+    i.minTranslate - y.minBoundaryLimit,
+    i.maxTranslate + y.maxBoundaryLimit
+  ) : l, S = Math.max(-x, 0);
   return {
-    translate: h,
-    overshootFillHeight: x,
-    backdropOpacity: N(k, 0, 1)
+    translate: x,
+    overshootFillHeight: S,
+    backdropOpacity: sr({
+      translate: x,
+      sheetHeight: s,
+      backdropBoundaries: T
+    })
   };
 }
-function Hr({
+function sr({
+  translate: r,
+  sheetHeight: o,
+  backdropBoundaries: l
+}) {
+  const s = Math.max(r, 0), y = (o - s - l.undimmedHeight) / Math.max(
+    l.dimmedHeight - l.undimmedHeight,
+    1
+  );
+  return H(y, 0, 1);
+}
+function an({
   enabled: r,
-  drag: s,
-  open: c,
-  placement: a,
+  drag: o,
+  open: l,
+  placement: s,
   surfaceMotionRef: i,
-  surfaceMotionNode: T,
-  backdropRef: h,
+  surfaceMotionNode: y,
+  backdropRef: T,
   bodyNode: x,
-  snapHeights: w = hr,
-  sheetHeight: L,
-  backdropFromHeight: k,
-  onBackdropDimRestChange: Vt,
-  snapPositions: ht = yr,
-  defaultSnapPosition: St,
-  peekHeight: zt,
-  peekFallback: ne,
-  presentationState: F,
-  setPresentationState: Ht,
-  requestClose: rt,
-  canCloseAttempt: ae,
-  dismissible: V = !0,
-  backdropHidden: Rt = !1,
+  snapHeights: S = Ar,
+  sheetHeight: A,
+  backdropFromHeight: V,
+  onBackdropDimRestChange: $t,
+  snapPositions: xt = Lr,
+  defaultSnapPosition: Mt,
+  peekHeight: Ut,
+  peekFallback: le,
+  presentationState: N,
+  setPresentationState: _t,
+  requestClose: at,
+  canCloseAttempt: ce,
+  dismissible: z = !0,
+  backdropHidden: Wt = !1,
   visibleTranslate: D = 0,
-  shouldDeferBottomSettle: oe,
-  refreshScrollState: $t,
-  closeThreshold: Dt = 0.35,
-  scrollLockTimeout: se = 500,
-  popupSnapLayoutVersion: ie = 0
+  shouldDeferBottomSettle: ue,
+  refreshScrollState: Gt,
+  closeThreshold: bt = 0.35,
+  scrollLockTimeout: de = 500,
+  popupSnapLayoutVersion: pe = 0
 }) {
-  const Y = v({
+  const X = w({
     dragging: !1,
     allowed: !1,
     chrome: !1,
@@ -440,82 +462,83 @@ function Hr({
     startTime: 0,
     samples: [],
     pointerId: null,
-    touchId: null
-  }), $ = v(x), Ut = v(null), le = v(Rt), ce = v(!1), ue = v(!1), Je = v((t) => {
+    touchId: null,
+    pressedHandleArea: null
+  }), $ = w(x), jt = w(null), fe = w(Wt), me = w(!1), ge = w(!1), ir = w((t) => {
     t.preventDefault();
-  }), Xt = v(0), _t = v(!1), z = v(null), H = v(
+  }), At = w(0), Kt = w(!1), F = w(null), R = w(
     null
-  ), Yt = v(null), K = v(null), yt = v(0), U = v(null), Wt = v(!1), Gt = v(!1), de = v(F), Et = v({
+  ), Lt = w(null), K = w(null), Pt = w(0), U = w(null), Zt = w(!1), Jt = w(!1), he = w(N), Bt = w({
     kind: "default-snap"
-  }), pe = v(L ?? null), fe = v(D), me = v(w), jt = v(!1), nt = v(!1), E = Er({
-    drag: s,
-    placement: a,
-    snapPositionCount: ht.length
-  }), ge = `${St ?? ""}:${ht.join("|")}`, he = v(ht), Mt = v(St);
-  j(() => {
-    he.current = ht, Mt.current = St;
-  }, [St, ge, ht]), j(() => {
-    le.current = Rt;
-  }, [Rt]), j(() => {
-    c || (Ut.current = null);
-  }, [c]), j(() => {
+  }), ye = w(A ?? null), Te = w(D), xe = w(S), Qt = w(!1), ot = w(!1), E = Rr({
+    drag: o,
+    placement: s,
+    snapPositionCount: xt.length
+  }), Pe = `${Mt ?? ""}:${xt.join("|")}`, ve = w(xt), Ct = w(Mt);
+  G(() => {
+    ve.current = xt, Ct.current = Mt;
+  }, [Mt, Pe, xt]), G(() => {
+    fe.current = Wt;
+  }, [Wt]), G(() => {
+    l || (jt.current = null);
+  }, [l]), G(() => {
     const t = $.current;
-    t && t !== x && qt(t, !1), $.current = x, ce.current && qt(x, !0);
+    t && t !== x && ae(t, !1), $.current = x, me.current && ae(x, !0);
   }, [x]);
-  const at = p((t) => {
-    ce.current = t, qt($.current, t);
-  }, []), J = p((t) => {
-    if (ue.current === t) return;
-    ue.current = t;
-    const e = Je.current;
+  const st = f((t) => {
+    me.current = t, ae($.current, t);
+  }, []), Z = f((t) => {
+    if (ge.current === t) return;
+    ge.current = t;
+    const e = ir.current;
     if (t) {
       document.addEventListener("selectstart", e, !0), document.addEventListener("dragstart", e, !0);
       return;
     }
     document.removeEventListener("selectstart", e, !0), document.removeEventListener("dragstart", e, !0);
-  }, []), bt = p(
+  }, []), It = f(
     ({ chrome: t, target: e }) => {
-      const n = or({
+      const n = hr({
         target: e,
         chrome: t,
         bodyNode: $.current
       });
-      return at(n), n;
+      return st(n), n;
     },
-    [at]
-  ), I = p(() => i.current?.getBoundingClientRect().height ?? window.innerHeight, [i]), Lt = p(() => {
-    if (zt !== void 0) return zt;
-    if (ne === "header")
+    [st]
+  ), O = f(() => i.current?.getBoundingClientRect().height ?? window.innerHeight, [i]), Ot = f(() => {
+    if (Ut !== void 0) return Ut;
+    if (le === "header")
       return i.current?.querySelector('[data-oc-part="header"]')?.getBoundingClientRect().height ?? void 0;
-  }, [ne, zt, i]), Tt = p(
+  }, [le, Ut, i]), vt = f(
     (t) => {
-      const e = Lt();
-      return e === void 0 || e <= 0 ? 0 : N(t - e, 0, t);
+      const e = Ot();
+      return e === void 0 || e <= 0 ? 0 : H(t - e, 0, t);
     },
-    [Lt]
-  ), Q = p(() => {
-    const t = Lt();
-    return t === void 0 || t <= 0 ? 0 : Tt(I());
-  }, [Lt, Tt, I]), Kt = p(
-    () => F === "peeked" ? Q() : D,
-    [Q, F, D]
-  ), _ = p(() => {
+    [Ot]
+  ), J = f(() => {
+    const t = Ot();
+    return t === void 0 || t <= 0 ? 0 : vt(O());
+  }, [Ot, vt, O]), qt = f(
+    () => N === "peeked" ? J() : D,
+    [J, N, D]
+  ), _ = f(() => {
     const t = i.current;
-    if (!t) return Kt();
-    const e = mt(
+    if (!t) return qt();
+    const e = yt(
       t.style.getPropertyValue("--oc-modal-translate-y")
     );
     if (e !== void 0) return e;
-    const n = mt(
+    const n = yt(
       window.getComputedStyle(t).getPropertyValue("--oc-modal-translate-y")
     );
-    return n !== void 0 ? n : Kt();
-  }, [Kt, i]), At = p(() => {
+    return n !== void 0 ? n : qt();
+  }, [qt, i]), kt = f(() => {
     const t = i.current;
     if (!t) return { x: 0, y: 0 };
-    const e = mt(
+    const e = yt(
       t.style.getPropertyValue("--oc-modal-translate-x")
-    ), n = mt(
+    ), n = yt(
       t.style.getPropertyValue("--oc-modal-translate-y")
     );
     if (e !== void 0 || n !== void 0)
@@ -523,358 +546,364 @@ function Hr({
         x: e ?? 0,
         y: n ?? 0
       };
-    const l = window.getComputedStyle(t);
+    const c = window.getComputedStyle(t);
     return {
-      x: mt(l.getPropertyValue("--oc-modal-translate-x")) ?? 0,
-      y: mt(l.getPropertyValue("--oc-modal-translate-y")) ?? 0
+      x: yt(c.getPropertyValue("--oc-modal-translate-x")) ?? 0,
+      y: yt(c.getPropertyValue("--oc-modal-translate-y")) ?? 0
     };
-  }, [i]), ot = p(() => {
-    const t = _(), e = re(i.current);
+  }, [i]), it = f(() => {
+    const t = _(), e = ie(i.current);
     return Math.abs(e - t) > 1 ? e : t;
-  }, [_, i]), xt = p(
+  }, [_, i]), wt = f(
     (t, e, n = 1) => Math.abs(t - e) <= n,
     []
-  ), st = p(() => {
-    const t = At(), e = Re(i.current);
-    return gt(e, t) > 1 ? e : t;
-  }, [At, i]), C = p(
+  ), lt = f(() => {
+    const t = kt(), e = Je(i.current);
+    return Tt(e, t) > 1 ? e : t;
+  }, [kt, i]), C = f(
     (t, {
       active: e,
-      nextDismissible: n = V,
-      rubberBand: l = !1,
-      sheetHeightOverride: o,
-      peekTranslateOverride: u,
-      settled: d
+      canvas: n,
+      nextDismissible: c = z,
+      rubberBand: u = !1,
+      sheetHeightOverride: a,
+      peekTranslateOverride: p,
+      settled: m
     }) => {
-      const f = i.current;
-      if (!f) return;
-      const m = o ?? I(), g = f.parentElement, b = u ?? Q(), B = Mr({
-        dismissible: n,
-        peekTranslate: b,
-        sheetHeight: m,
+      const d = i.current;
+      if (!d) return;
+      const h = a ?? O(), P = d.parentElement, I = p ?? J(), g = $r({
+        dismissible: c,
+        peekTranslate: I,
+        sheetHeight: h,
         visibleTranslate: D
-      }), y = br({
-        minTranslate: B.minTranslate,
-        sheetHeight: m,
-        surfaceMotion: f
-      }), S = Ar({
-        rubberBand: l,
+      }), M = Ur({
+        minTranslate: g.minTranslate,
+        sheetHeight: h,
+        surfaceMotion: d
+      }), L = _r({
+        clampToBounds: n === void 0,
+        rubberBand: u,
         targetTranslate: t,
-        sheetHeight: m,
-        bounds: B,
-        rubberBandLimits: y,
-        backdropBoundaries: Lr({
-          sheetHeight: m,
-          peekTranslate: b,
-          snapHeights: w,
-          backdropFromHeight: k
+        sheetHeight: h,
+        bounds: g,
+        rubberBandLimits: M,
+        backdropBoundaries: nr({
+          sheetHeight: h,
+          peekTranslate: I,
+          snapHeights: S,
+          backdropFromHeight: V
         })
       });
-      Y.current.lastTranslate = S.translate, f.style.setProperty(
+      X.current.lastTranslate = L.translate, d.style.setProperty(
         "--oc-modal-translate-y",
-        `${S.translate}px`
-      ), d === "frame" || !e ? f.style.setProperty(
+        `${L.translate}px`
+      ), m === "frame" || !e ? d.style.setProperty(
         "--oc-modal-settled-translate-y",
-        `${S.translate}px`
-      ) : typeof d == "number" && f.style.setProperty(
+        `${L.translate}px`
+      ) : typeof m == "number" && d.style.setProperty(
         "--oc-modal-settled-translate-y",
-        `${d}px`
+        `${m}px`
       );
-      const G = le.current ? 0 : S.backdropOpacity;
-      if (f.style.setProperty(
+      const rt = n?.restBackdropOpacity ?? L.backdropOpacity, ht = fe.current ? 0 : rt;
+      if (d.style.setProperty(
         "--_-modal-elevation-shadow-opacity",
-        String(1 - G)
-      ), f.dataset.ocModalDragging = e ? "true" : "false", g?.style.setProperty(
+        String(1 - ht)
+      ), d.dataset.ocModalDragging = e ? "true" : "false", P?.style.setProperty(
         "--oc-modal-overshoot-fill-height",
-        `${S.overshootFillHeight}px`
-      ), g && (g.dataset.ocModalDragging = e ? "true" : "false"), e ? f.style.setProperty("transition", "none") : f.style.removeProperty("transition"), h.current && (h.current.style.setProperty(
+        `${L.overshootFillHeight}px`
+      ), P && (P.dataset.ocModalDragging = e ? "true" : "false"), e ? d.style.setProperty("transition", "none") : d.style.removeProperty("transition"), T.current && (T.current.style.setProperty(
         "--oc-modal-backdrop-opacity",
-        String(S.backdropOpacity)
-      ), h.current.style.transition = e ? "none" : ""), !e && a === "bottom" && Vt) {
-        const A = k === void 0 || m - S.translate >= k - 0.5;
-        Ut.current !== A && (Ut.current = A, Vt(A));
+        String(rt)
+      ), T.current.style.transition = e && n === void 0 ? "none" : ""), !e && s === "bottom" && $t) {
+        const B = V === void 0 || h - L.translate >= V - 0.5;
+        jt.current !== B && (jt.current = B, $t(B));
       }
     },
     [
-      k,
-      h,
       V,
-      Q,
-      I,
-      Vt,
-      a,
-      w,
+      T,
+      z,
+      J,
+      O,
+      $t,
+      s,
+      S,
       i,
       D
     ]
-  ), it = p(() => {
-    const t = i.current, e = he.current;
+  ), ct = f(() => {
+    const t = i.current, e = ve.current;
     if (!(!t || !e.length))
-      return ar({
-        defaultSnapPosition: Mt.current,
+      return gr({
+        defaultSnapPosition: Ct.current,
         snapPositions: e,
         surfaceMotion: t
       });
-  }, [i]), W = p(
+  }, [i]), W = f(
     ({ destroy: t = !0 } = {}) => {
-      t && H.current?.destroy(), H.current = null, Yt.current = null;
+      t && R.current?.destroy(), R.current = null, Lt.current = null;
     },
     []
-  ), M = p(
+  ), b = f(
     (t, { active: e }) => {
       const n = i.current;
       if (!n) return;
-      const l = it(), o = l ? n.getBoundingClientRect() : void 0, u = l ? ze(l.targets, "x") : void 0, d = l ? ze(l.targets, "y") : void 0, f = We(u, o?.width), m = We(d, o?.height), g = l ? {
-        x: ee({
+      const c = ct(), u = c ? n.getBoundingClientRect() : void 0, a = c ? Ke(c.targets, "x") : void 0, p = c ? Ke(c.targets, "y") : void 0, m = er(a, u?.width), d = er(p, u?.height), h = c ? {
+        x: se({
           targetTranslate: t.x,
-          minTranslate: u?.minTranslate ?? 0,
-          maxTranslate: u?.maxTranslate ?? 0,
-          minBoundaryLimit: f,
-          maxBoundaryLimit: f
-        }),
-        y: ee({
-          targetTranslate: t.y,
-          minTranslate: d?.minTranslate ?? 0,
-          maxTranslate: d?.maxTranslate ?? 0,
+          minTranslate: a?.minTranslate ?? 0,
+          maxTranslate: a?.maxTranslate ?? 0,
           minBoundaryLimit: m,
           maxBoundaryLimit: m
+        }),
+        y: se({
+          targetTranslate: t.y,
+          minTranslate: p?.minTranslate ?? 0,
+          maxTranslate: p?.maxTranslate ?? 0,
+          minBoundaryLimit: d,
+          maxBoundaryLimit: d
         })
       } : t;
-      Y.current.lastTranslateX = g.x, Y.current.lastTranslate = g.y;
-      const b = e ? void 0 : t.settledTranslate;
+      X.current.lastTranslateX = h.x, X.current.lastTranslate = h.y;
+      const P = e ? void 0 : t.settledTranslate;
       n.style.setProperty(
         "--oc-modal-translate-x",
-        b?.x ?? `${g.x}px`
+        P?.x ?? `${h.x}px`
       ), n.style.setProperty(
         "--oc-modal-translate-y",
-        b?.y ?? `${g.y}px`
+        P?.y ?? `${h.y}px`
       ), n.dataset.ocModalDragging = e ? "true" : "false", n.parentElement && (n.parentElement.dataset.ocModalDragging = e ? "true" : "false"), n.style.transition = e ? "none" : "";
     },
-    [it, i]
-  ), X = p(() => {
-    z.current?.destroy(), z.current = null, W();
+    [ct, i]
+  ), Y = f(() => {
+    F.current?.destroy(), F.current = null, W();
     const t = i.current;
-    t?.dataset.ocModalSheetResizing && (delete t.dataset.ocModalSheetResizing, t.style.removeProperty("--oc-modal-resize-rest-translate-y"), t.style.removeProperty(
-      "--oc-modal-resize-target-scrollport-height"
-    ));
-  }, [W, i]), lt = p(
-    (t, e = V) => {
-      X(), C(t, {
+    t && Er(t) && (Re(t), t.style.removeProperty("--oc-modal-resize-rest-translate-y"));
+  }, [W, i]), ut = f(
+    (t, e = z) => {
+      Y(), C(t, {
         active: !0,
         nextDismissible: e,
         rubberBand: !0,
         settled: "frame"
       });
     },
-    [C, X, V]
-  ), ye = p(() => {
-    const t = ot(), e = st();
-    return z.current !== null || H.current !== null ? (X(), a === "popup" && gt(e, { x: 0, y: 0 }) > 0.5 ? M(e, { active: !1 }) : a === "bottom" && Math.abs(t) > 0.5 && C(t, { active: !1 }), { startTranslate: t, startTranslatePoint: e }) : { startTranslate: t, startTranslatePoint: e };
+    [C, Y, z]
+  ), we = f(() => {
+    const t = it(), e = lt();
+    return F.current !== null || R.current !== null ? (Y(), s === "popup" && Tt(e, { x: 0, y: 0 }) > 0.5 ? b(e, { active: !1 }) : s === "bottom" && Math.abs(t) > 0.5 && C(t, { active: !1 }), { startTranslate: t, startTranslatePoint: e }) : { startTranslate: t, startTranslatePoint: e };
   }, [
-    M,
+    b,
     C,
-    X,
-    ot,
-    st,
-    a
-  ]), P = p(() => {
+    Y,
+    it,
+    lt,
+    s
+  ]), v = f(() => {
     const t = i.current;
-    t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"), h.current?.style.removeProperty("transition"), k === void 0 && h.current?.style.removeProperty("--oc-modal-backdrop-opacity"));
-  }, [k, h, i]), Te = p(() => {
+    t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"), T.current?.style.removeProperty("transition"), V === void 0 && T.current?.style.removeProperty("--oc-modal-backdrop-opacity"));
+  }, [V, T, i]), Se = f(() => {
     const t = i.current, e = t?.parentElement;
-    Y.current.lastTranslate = 0, t?.style.removeProperty("--oc-modal-translate-y"), t?.style.removeProperty("--oc-modal-settled-translate-y"), t?.style.removeProperty("--_-modal-elevation-shadow-opacity"), e?.style.removeProperty("--oc-modal-overshoot-fill-height"), h.current?.style.removeProperty("--oc-modal-backdrop-opacity"), P();
-  }, [h, P, i]), xe = p(
+    X.current.lastTranslate = 0, t?.style.removeProperty("--oc-modal-translate-y"), t?.style.removeProperty("--oc-modal-settled-translate-y"), t?.style.removeProperty("--_-modal-elevation-shadow-opacity"), e?.style.removeProperty("--oc-modal-overshoot-fill-height"), T.current?.style.removeProperty("--oc-modal-backdrop-opacity"), v();
+  }, [T, v, i]), De = f(
     ({
       preserveSnapPosition: t = !1,
       resetY: e = !0
     } = {}) => {
       const n = i.current;
-      n && (t || (K.current = null), Y.current.lastTranslateX = 0, n.style.removeProperty("--oc-modal-translate-x"), e && (Y.current.lastTranslate = 0, n.style.removeProperty("--oc-modal-translate-y")), P());
+      n && (t || (K.current = null), X.current.lastTranslateX = 0, n.style.removeProperty("--oc-modal-translate-x"), e && (X.current.lastTranslate = 0, n.style.removeProperty("--oc-modal-translate-y")), v());
     },
-    [P, i]
-  ), O = p(
+    [v, i]
+  ), k = f(
     (t, {
-      initialVelocity: e = 0,
-      intent: n = "sheet",
-      phase: l = "release",
-      from: o,
-      onComplete: u,
-      peekTranslateOverride: d,
-      sheetHeightOverride: f
+      canvas: e,
+      initialVelocity: n = 0,
+      intent: c = "sheet",
+      phase: u = "release",
+      from: a,
+      onComplete: p,
+      peekTranslateOverride: m,
+      sheetHeightOverride: d
     } = {}) => {
-      const m = i.current;
-      if (!m) return;
-      X();
-      const g = o ?? re(m);
-      if (Math.abs(g - t) < 0.5) {
+      const h = i.current;
+      if (!h) return;
+      Y();
+      const P = a ?? ie(h);
+      if (Math.abs(P - t) < 0.5) {
         C(t, {
           active: !1,
-          peekTranslateOverride: d,
-          sheetHeightOverride: f
-        }), P(), u?.();
+          canvas: e,
+          peekTranslateOverride: m,
+          sheetHeightOverride: d
+        }), v(), p?.();
         return;
       }
-      const b = l === "enter" ? t : "frame";
-      C(g, {
+      const I = u === "enter" ? t : "frame";
+      C(P, {
         active: !0,
-        peekTranslateOverride: d,
-        settled: b,
-        sheetHeightOverride: f
+        canvas: e,
+        peekTranslateOverride: m,
+        settled: I,
+        sheetHeightOverride: d
       });
-      const B = Zt({
-        element: m,
-        intent: n,
-        phase: l,
+      const g = ne({
+        element: h,
+        intent: c,
+        phase: u,
         reduced: "preserve",
         reducedMotion: !1,
         property: "transform"
       });
-      if (!B.animate) {
+      if (!g.animate) {
         C(t, {
           active: !1,
-          peekTranslateOverride: d,
-          sheetHeightOverride: f
-        }), P(), u?.();
+          canvas: e,
+          peekTranslateOverride: m,
+          sheetHeightOverride: d
+        }), v(), p?.();
         return;
       }
-      const y = Qt({
-        value: g,
+      const M = re({
+        value: P,
         target: t,
-        velocity: e,
-        spring: B.spring,
+        velocity: n,
+        spring: g.spring,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
-        onUpdate: (S) => {
-          C(S, {
+        onUpdate: (L) => {
+          C(L, {
             active: !0,
-            peekTranslateOverride: d,
-            settled: b === "frame" ? "frame" : void 0,
-            sheetHeightOverride: f
+            canvas: e,
+            peekTranslateOverride: m,
+            settled: I === "frame" ? "frame" : void 0,
+            sheetHeightOverride: d
           });
         },
         onComplete: () => {
-          z.current === y && (z.current = null), C(t, {
+          F.current === M && (F.current = null), C(t, {
             active: !1,
-            peekTranslateOverride: d,
-            sheetHeightOverride: f
-          }), P(), u?.();
+            canvas: e,
+            peekTranslateOverride: m,
+            sheetHeightOverride: d
+          }), v(), p?.();
         }
       });
-      z.current = y;
+      F.current = M;
     },
-    [C, X, P, i]
-  ), Z = p(
+    [C, Y, v, i]
+  ), Q = f(
     (t, {
       from: e,
       initialVelocity: n = { x: 0, y: 0 }
     } = {}) => {
-      const l = i.current;
-      if (!l) return;
-      X();
-      const o = e ?? Re(l), u = { x: t.x, y: t.y };
-      if (gt(
-        o,
-        u
+      const c = i.current;
+      if (!c) return;
+      Y();
+      const u = e ?? Je(c), a = { x: t.x, y: t.y };
+      if (Tt(
+        u,
+        a
       ) < 0.5) {
-        M(t, { active: !1 }), P();
+        b(t, { active: !1 }), v();
         return;
       }
-      M(o, { active: !0 });
-      const f = Zt({
-        element: l,
+      b(u, { active: !0 });
+      const m = ne({
+        element: c,
         intent: "gesture",
         phase: "release",
         reduced: "preserve",
         reducedMotion: !1,
         property: "transform"
       });
-      if (!f.animate) {
-        M(t, { active: !1 }), P();
+      if (!m.animate) {
+        b(t, { active: !1 }), v();
         return;
       }
-      const m = Qt({
-        value: o,
-        target: u,
+      const d = re({
+        value: u,
+        target: a,
         velocity: n,
-        spring: f.spring,
+        spring: m.spring,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
-        onUpdate: (g) => {
-          M(g, { active: !0 });
+        onUpdate: (h) => {
+          b(h, { active: !0 });
         },
         onComplete: () => {
-          z.current === m && (z.current = null), M(t, { active: !1 }), P();
+          F.current === d && (F.current = null), b(t, { active: !1 }), v();
         }
       });
-      z.current = m;
+      F.current = d;
     },
     [
-      M,
-      X,
-      P,
+      b,
+      Y,
+      v,
       i
     ]
-  ), ct = p(() => {
-    const t = H.current;
+  ), dt = f(() => {
+    const t = R.current;
     if (!t) return null;
     const e = t.sample();
-    return M(e.value, { active: !0 }), e;
-  }, [M]), Pe = p(
+    return b(e.value, { active: !0 }), e;
+  }, [b]), Xe = f(
     (t) => {
       if (!i.current) return null;
-      X(), M(t, { active: !0 });
-      const n = Qt({
+      Y(), b(t, { active: !0 });
+      const n = re({
         value: t,
         target: t,
-        spring: mr,
+        spring: Xr,
         autoplay: !1,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
-        onUpdate: (l) => {
-          M(l, { active: !0 });
+        onUpdate: (c) => {
+          b(c, { active: !0 });
         },
         onComplete: () => {
-          const l = Yt.current;
-          !l || H.current !== n || (W({ destroy: !1 }), M(l, { active: !1 }), P());
+          const c = Lt.current;
+          !c || R.current !== n || (W({ destroy: !1 }), b(c, { active: !1 }), v());
         }
       });
-      return H.current = n, n;
+      return R.current = n, n;
     },
     [
-      M,
-      X,
+      b,
+      Y,
       W,
-      P,
+      v,
       i
     ]
-  ), ve = p(
+  ), Ye = f(
     (t) => {
-      const e = H.current ?? Pe(st());
-      e && (Yt.current = null, e.setTarget(t));
+      const e = R.current ?? Xe(lt());
+      e && (Lt.current = null, e.setTarget(t));
     },
-    [st, Pe]
-  ), ut = p(
+    [lt, Xe]
+  ), pt = f(
     (t, e) => {
-      const n = Ft(t, e);
-      return ve(n), ct(), n;
+      const n = Rt(t, e);
+      return Ye(n), dt(), n;
     },
-    [ct, ve]
-  ), Ct = p(
+    [dt, Ye]
+  ), Vt = f(
     (t) => {
-      const e = i.current, n = H.current;
+      const e = i.current, n = R.current;
       if (!e || !n) {
-        Z(t);
+        Q(t);
         return;
       }
-      const o = ct() ? At() : n.value, u = { x: t.x, y: t.y };
-      if (gt(o, u) < 0.5) {
-        W(), M(t, { active: !1 }), P();
+      const u = dt() ? kt() : n.value, a = { x: t.x, y: t.y };
+      if (Tt(u, a) < 0.5) {
+        W(), b(t, { active: !1 }), v();
         return;
       }
-      const d = Zt({
+      const p = ne({
         element: e,
         intent: "gesture",
         phase: "release",
@@ -882,296 +911,308 @@ function Hr({
         reducedMotion: !1,
         property: "transform"
       });
-      if (!d.animate) {
-        W(), M(t, { active: !1 }), P();
+      if (!p.animate) {
+        W(), b(t, { active: !1 }), v();
         return;
       }
-      Yt.current = t, n.setTarget(u, { spring: d.spring });
+      Lt.current = t, n.setTarget(a, { spring: p.spring });
     },
     [
-      M,
+      b,
       W,
-      P,
-      At,
-      ct,
-      Z,
+      v,
+      kt,
+      dt,
+      Q,
       i
     ]
-  ), dt = p(
+  ), ft = f(
     ({
       key: t,
       settle: e
     }) => {
-      if (Y.current.dragging) return !1;
-      const n = it();
+      if (X.current.dragging) return !1;
+      const n = ct();
       if (!n) return !1;
-      const l = (t ? n.targets.find((o) => o.key === t) : void 0) ?? n.defaultTarget;
-      return K.current = l.key, e ? Z(l) : (X(), M(l, { active: !1 }), P()), !0;
+      const c = (t ? n.targets.find((u) => u.key === t) : void 0) ?? n.defaultTarget;
+      return K.current = c.key, e ? Q(c) : (Y(), b(c, { active: !1 }), v()), !0;
     },
     [
-      M,
-      X,
-      P,
-      it,
-      Z
+      b,
+      Y,
+      v,
+      ct,
+      Q
     ]
-  ), we = p(
+  ), Ee = f(
     (t, { from: e, initialVelocity: n = 0 }) => {
-      O(t, {
+      k(t, {
         from: e,
         initialVelocity: n,
         onComplete: () => {
-          rt({ reason: "drag-dismiss" }, { skipAttempt: !0 });
+          at({ reason: "drag-dismiss" }, { skipAttempt: !0 });
         }
       });
     },
-    [rt, O]
+    [at, k]
   );
-  Nt(
+  Yt(
     () => () => {
-      X(), J(!1), i.current && P();
+      Y(), Z(!1), i.current && v();
     },
     [
-      X,
-      P,
-      J,
+      Y,
+      v,
+      Z,
       i
     ]
-  ), j(() => {
-    if (!c || !r || a !== "bottom") {
-      Wt.current = c;
+  ), G(() => {
+    if (!l || !r || s !== "bottom") {
+      Zt.current = l;
       return;
     }
-    if (!i.current || oe?.()) return;
-    Gt.current = !0;
-    const t = Wt.current;
-    Wt.current = !0;
-    const e = L ?? I(), n = pe.current ?? e, l = de.current, o = me.current, u = fe.current, d = () => {
-      pe.current = e, de.current = F, fe.current = D, me.current = w;
-    }, f = !xt(
+    if (!i.current || ue?.()) return;
+    Jt.current = !0;
+    const t = Zt.current;
+    Zt.current = !0;
+    const e = A ?? O(), n = ye.current ?? e, c = he.current, u = xe.current, a = Te.current, p = () => {
+      ye.current = e, he.current = N, Te.current = D, xe.current = S;
+    }, m = !wt(
       n,
       e
-    ), m = Tt(e), g = F === "peeked" ? m : D;
+    ), d = vt(e), h = N === "peeked" ? d : D;
     if (!t) {
-      Et.current = { kind: "default-snap" }, C(e, {
+      Bt.current = { kind: "default-snap" }, C(e, {
         active: !0,
-        peekTranslateOverride: m,
+        peekTranslateOverride: d,
         sheetHeightOverride: e
-      }), O(g, {
+      }), k(h, {
         from: e,
         intent: "sheet",
-        peekTranslateOverride: m,
+        peekTranslateOverride: d,
         phase: "enter",
         sheetHeightOverride: e
-      }), d();
+      }), p();
       return;
     }
-    if (F === "visible" && f) {
-      const y = i.current, S = _(), G = l === "visible" && n > 0 ? ur({
-        currentTranslate: S,
+    if (N === "visible" && m) {
+      const g = i.current, M = _(), L = c === "visible" && n > 0 ? vr({
+        currentTranslate: M,
         fallbackTranslate: D,
-        restState: Et.current,
-        previousDefaultTranslate: u,
+        restState: Bt.current,
+        previousDefaultTranslate: a,
         previousSheetHeight: n,
-        previousSnapHeights: o,
+        previousSnapHeights: u,
         targetSheetHeight: e,
         targetDefaultTranslate: D,
-        targetSnapHeights: w
-      }) : D;
-      X();
-      const A = Number.parseFloat(y.style.height), vt = Number.isFinite(A) && A > 0 ? A : n, Me = N(
-        vt - S,
+        targetSnapHeights: S
+      }) : D, rt = F.current?.velocity, ht = typeof rt == "number" ? rt : 0;
+      Y();
+      const B = Number.parseFloat(g.style.height), Xt = Number.isFinite(B) && B > 0 ? B : n, Ie = H(
+        Xt - M,
         0,
-        vt
-      ), be = N(
-        e - G,
+        Xt
+      ), Oe = H(
+        e - L,
         0,
         e
-      ), et = Math.max(vt, e), Jt = Math.max(
+      ), nt = Math.max(Xt, e), ee = Math.max(
         0,
-        et - Me
-      ), Le = Math.max(
+        nt - Ie
+      ), ke = Math.max(
         0,
-        et - be
-      ), Ae = Tt(et), Ce = () => {
-        C(G, {
+        nt - Oe
+      ), Ve = vt(nt), He = {
+        restBackdropOpacity: sr({
+          translate: L,
+          sheetHeight: e,
+          backdropBoundaries: nr({
+            sheetHeight: e,
+            peekTranslate: d,
+            snapHeights: S,
+            backdropFromHeight: V
+          })
+        })
+      }, Ne = () => {
+        C(L, {
           active: !1,
-          peekTranslateOverride: m,
+          peekTranslateOverride: d,
           sheetHeightOverride: e
-        }), y.style.setProperty("transition", "none"), y.style.removeProperty("height"), y.style.setProperty(
+        }), g.style.setProperty("transition", "none"), g.style.removeProperty("height"), g.style.setProperty(
           "--oc-modal-sheet-height",
           `${e}px`
-        ), delete y.dataset.ocModalSheetResizing, y.style.removeProperty(
+        ), Re(g), g.style.removeProperty(
           "--oc-modal-resize-rest-translate-y"
-        ), y.style.removeProperty(
-          "--oc-modal-resize-target-scrollport-height"
-        ), y.getBoundingClientRect(), y.style.removeProperty("transition"), $t?.();
+        ), g.getBoundingClientRect(), g.style.removeProperty("transition"), Gt?.();
       };
-      if (xt(Jt, Le)) {
-        Ce(), d();
+      if (wt(ee, ke)) {
+        Ne(), p();
         return;
       }
-      const Be = () => {
-        y.dataset.ocModalSheetResizing = "true", y.style.setProperty(
+      const Fe = () => {
+        const ze = $.current;
+        Mr(
+          g,
+          ze ? ze.clientHeight + (Oe - Ie) : null
+        ), g.style.setProperty(
           "--oc-modal-resize-rest-translate-y",
-          `${G}px`
-        );
-        const Ie = $.current;
-        Ie && y.style.setProperty(
-          "--oc-modal-resize-target-scrollport-height",
-          `${Ie.clientHeight + (be - Me)}px`
+          `${L}px`
         );
       };
-      Be(), y.style.setProperty("transition", "none"), y.style.setProperty("height", `${et}px`), y.style.setProperty(
+      Fe(), g.style.setProperty("transition", "none"), g.style.setProperty("height", `${nt}px`), g.style.setProperty(
         "--oc-modal-sheet-height",
-        `${et}px`
-      ), C(Jt, {
+        `${nt}px`
+      ), C(ee, {
         active: !0,
-        peekTranslateOverride: Ae,
-        sheetHeightOverride: et
-      }), y.getBoundingClientRect(), y.style.removeProperty("transition"), O(Le, {
-        from: Jt,
+        canvas: He,
+        peekTranslateOverride: Ve,
+        sheetHeightOverride: nt
+      }), g.getBoundingClientRect(), g.style.removeProperty("transition"), k(ke, {
+        canvas: He,
+        from: ee,
+        initialVelocity: ht,
         intent: "sheet",
-        peekTranslateOverride: Ae,
-        sheetHeightOverride: et,
-        onComplete: Ce
-      }), Be(), $t?.(), d();
+        peekTranslateOverride: Ve,
+        sheetHeightOverride: nt,
+        onComplete: Ne
+      }), Fe(), Gt?.(), p();
       return;
     }
-    if (F === "peeked") {
-      O(m, {
-        peekTranslateOverride: m,
+    if (N === "peeked") {
+      k(d, {
+        peekTranslateOverride: d,
         sheetHeightOverride: e
-      }), d();
+      }), p();
       return;
     }
-    if (_t.current) {
-      _t.current = !1, d();
+    if (Kt.current) {
+      Kt.current = !1, p();
       return;
     }
-    const b = l !== F;
-    if (!xt(
-      u,
+    const P = c !== N;
+    if (!wt(
+      a,
       D
     )) {
-      const y = _(), G = z.current !== null && (D > u && y < D || D < u && y > D);
-      if (xt(y, u) || G) {
-        X(), C(D, {
+      const g = _(), L = F.current !== null && (D > a && g < D || D < a && g > D);
+      if (wt(g, a) || L) {
+        Y(), C(D, {
           active: !1,
-          peekTranslateOverride: m,
+          peekTranslateOverride: d,
           sheetHeightOverride: e
-        }), P(), d();
+        }), v(), p();
         return;
       }
     }
-    if (!b) {
-      d();
+    if (!P) {
+      p();
       return;
     }
-    O(D, {
-      peekTranslateOverride: m,
+    k(D, {
+      peekTranslateOverride: d,
       sheetHeightOverride: e
-    }), Et.current = { kind: "default-snap" }, d();
+    }), Bt.current = { kind: "default-snap" }, p();
   }, [
     r,
-    Tt,
-    I,
+    vt,
+    O,
     _,
-    L,
-    w,
-    c,
-    a,
-    F,
-    $t,
-    oe,
+    A,
+    S,
+    l,
+    s,
+    N,
+    Gt,
+    ue,
     C,
-    X,
-    P,
-    xt,
-    O,
-    T,
+    V,
+    Y,
+    v,
+    wt,
+    k,
+    y,
     i,
     D
-  ]), j(() => {
-    a !== "bottom" && Gt.current && (Gt.current = !1, X(), Te());
-  }, [X, a, Te]), j(() => {
-    if (!c || !r || !E) {
-      const l = !c && a === "popup" && nt.current, o = c && a !== "popup" && nt.current;
-      nt.current && !l && (U.current !== null && (window.cancelAnimationFrame(U.current), U.current = null), X(), xe({
-        preserveSnapPosition: o
-      })), nt.current && l && (X(), P()), jt.current = c && a === "popup", nt.current = !1;
+  ]), G(() => {
+    s !== "bottom" && Jt.current && (Jt.current = !1, Y(), Se());
+  }, [Y, s, Se]), G(() => {
+    if (!l || !r || !E) {
+      const c = !l && s === "popup" && ot.current, u = l && s !== "popup" && ot.current;
+      ot.current && !c && (U.current !== null && (window.cancelAnimationFrame(U.current), U.current = null), Y(), De({
+        preserveSnapPosition: u
+      })), ot.current && c && (Y(), v()), Qt.current = l && s === "popup", ot.current = !1;
       return;
     }
-    const t = jt.current;
-    jt.current = !0, nt.current = !0;
+    const t = Qt.current;
+    Qt.current = !0, ot.current = !0;
     let e = null;
-    const n = (l) => dt({
-      key: l,
+    const n = (c) => ft({
+      key: c,
       settle: t
     });
     return n(
-      K.current ?? Mt.current
+      K.current ?? Ct.current
     ) || (e = window.requestAnimationFrame(() => {
       e = null, n(
-        K.current ?? Mt.current
+        K.current ?? Ct.current
       );
     })), () => {
       e !== null && window.cancelAnimationFrame(e);
     };
   }, [
-    X,
+    Y,
     r,
-    P,
-    c,
-    a,
-    ge,
+    v,
+    l,
+    s,
+    Pe,
     E,
-    xe,
-    dt
-  ]), j(() => {
-    if (!c || !r || !E) return;
+    De,
+    ft
+  ]), G(() => {
+    if (!l || !r || !E) return;
     const t = () => {
-      Y.current.dragging || U.current === null && (U.current = window.requestAnimationFrame(() => {
-        U.current = null, !Y.current.dragging && dt({
+      X.current.dragging || br(window.visualViewport) || U.current === null && (U.current = window.requestAnimationFrame(() => {
+        U.current = null, !X.current.dragging && ft({
           key: K.current,
           settle: !1
         });
       }));
     };
     window.addEventListener("resize", t), window.visualViewport?.addEventListener("resize", t);
-    const e = i.current, n = e?.parentElement, l = typeof ResizeObserver > "u" ? null : new ResizeObserver(t), o = (u) => {
-      e && u.target instanceof Element && e.contains(u.target) && t();
+    const e = i.current, n = e?.parentElement, c = typeof ResizeObserver > "u" ? null : new ResizeObserver(t), u = (a) => {
+      e && a.target instanceof Element && e.contains(a.target) && t();
     };
-    return l && (e && l.observe(e), n && l.observe(n)), e?.addEventListener(
+    return c && (e && c.observe(e), n && c.observe(n)), e?.addEventListener(
       "transitionend",
-      o,
+      u,
       !0
     ), e?.addEventListener(
       "transitioncancel",
-      o,
+      u,
       !0
     ), () => {
       window.removeEventListener("resize", t), window.visualViewport?.removeEventListener("resize", t), e?.removeEventListener(
         "transitionend",
-        o,
+        u,
         !0
       ), e?.removeEventListener(
         "transitioncancel",
-        o,
+        u,
         !0
-      ), l?.disconnect(), U.current !== null && (window.cancelAnimationFrame(U.current), U.current = null);
+      ), c?.disconnect(), U.current !== null && (window.cancelAnimationFrame(U.current), U.current = null);
     };
   }, [
     r,
-    c,
+    l,
     E,
     i,
-    dt
-  ]), j(() => {
-    if (ie <= 0 || !c || !r || !E)
+    ft
+  ]), G(() => {
+    if (pe <= 0 || !l || !r || !E)
       return;
     let t = window.requestAnimationFrame(() => {
-      t = null, dt({
+      t = null, ft({
         key: K.current,
         settle: !1
       });
@@ -1181,146 +1222,167 @@ function Hr({
     };
   }, [
     r,
-    c,
+    l,
     E,
-    ie,
-    dt
+    pe,
+    ft
   ]);
-  const Se = p(
+  const Me = f(
     (t, e, n) => {
-      if (typeof Element > "u" || !(t instanceof Element) || te(t)) return !1;
-      const l = Date.now(), o = e > 0, u = sr(t, $.current);
-      return !n && u && o && u.scrollTop > 0 || !n && Xt.current && l - Xt.current < se && Math.abs(_()) <= 1 ? (Xt.current = l, !1) : !0;
+      if (typeof Element > "u" || !(t instanceof Element) || oe(t)) return !1;
+      const c = Date.now(), u = e > 0, a = yr(t, $.current);
+      return !n && a && u && a.scrollTop > 0 || !n && At.current && c - At.current < de && Math.abs(_()) <= 1 ? (At.current = c, !1) : !0;
+    },
+    [_, de]
+  ), te = w(null), tt = f(() => {
+    const t = te.current;
+    t && (t.area.removeEventListener("pointerleave", t.listener), t.area.dataset.ocState === "hover" && delete t.area.dataset.ocState, te.current = null);
+  }, []), be = f(
+    (t, e) => {
+      if (tt(), !je(t, e)) return;
+      t.dataset.ocState = "hover";
+      const n = (c) => {
+        je(t, { x: c.clientX, y: c.clientY }) || tt();
+      };
+      t.addEventListener("pointerleave", n), te.current = { area: t, listener: n };
     },
-    [_, se]
-  ), Pt = p(
+    [tt]
+  );
+  Yt(() => () => tt(), [tt]);
+  const St = f(
     ({
       chrome: t,
       pointerId: e = null,
-      selectionArbitration: n = !1,
-      source: l,
-      startX: o = 0,
-      startY: u,
-      touchId: d = null
+      pressedTarget: n = null,
+      selectionArbitration: c = !1,
+      source: u,
+      startX: a = 0,
+      startY: p,
+      touchId: m = null
     }) => {
-      const { startTranslate: f, startTranslatePoint: m } = ye(), g = q();
-      Y.current = {
+      const { startTranslate: d, startTranslatePoint: h } = we(), P = q();
+      tt();
+      const I = X.current.pressedHandleArea;
+      I && delete I.dataset.ocState;
+      const g = t ? Ir(n) : null;
+      g && (g.dataset.ocState = "pressed"), X.current = {
         dragging: !0,
         allowed: !1,
         chrome: t,
-        selectionArbitration: n,
+        selectionArbitration: c,
         closeAllowed: null,
         started: !1,
-        source: l,
-        startX: o,
-        startY: u,
-        lastX: o,
-        lastY: u,
-        startTranslateX: m.x,
-        startTranslate: f,
-        lastTranslateX: m.x,
-        lastTranslate: f,
-        startTime: g,
+        source: u,
+        startX: a,
+        startY: p,
+        lastX: a,
+        lastY: p,
+        startTranslateX: h.x,
+        startTranslate: d,
+        lastTranslateX: h.x,
+        lastTranslate: d,
+        startTime: P,
         samples: [
           {
-            time: g,
-            pageX: o,
-            pageY: u,
-            translateX: m.x,
-            translateY: f
+            time: P,
+            pageX: a,
+            pageY: p,
+            translateX: h.x,
+            translateY: d
           }
         ],
         pointerId: e,
-        touchId: d
+        touchId: m,
+        pressedHandleArea: g
       };
     },
-    [ye]
-  ), pt = p(
+    [tt, we]
+  ), mt = f(
     (t) => {
-      t.source === "touch" ? at(!1) : t.source === "pointer" && J(!1), t.dragging = !1, t.allowed = !1, t.closeAllowed = null, t.started = !1, t.source = null, t.startX = 0, t.startY = 0, t.lastX = 0, t.lastY = 0, t.startTranslateX = 0, t.startTranslate = 0, t.lastTranslateX = 0, t.lastTranslate = 0, t.pointerId = null, t.touchId = null;
+      t.source === "touch" ? st(!1) : t.source === "pointer" && Z(!1), t.pressedHandleArea && (delete t.pressedHandleArea.dataset.ocState, t.pressedHandleArea = null), t.dragging = !1, t.allowed = !1, t.closeAllowed = null, t.started = !1, t.source = null, t.startX = 0, t.startY = 0, t.lastX = 0, t.lastY = 0, t.startTranslateX = 0, t.startTranslate = 0, t.lastTranslateX = 0, t.lastTranslate = 0, t.pointerId = null, t.touchId = null;
     },
-    [J, at]
-  ), De = p(
+    [Z, st]
+  ), Ae = f(
     (t, e) => {
-      const n = ot(), l = st();
-      t.startX = e.x, t.startY = e.y, t.lastX = e.x, t.lastY = e.y, t.startTranslateX = l.x, t.startTranslate = n, t.lastTranslateX = l.x, t.lastTranslate = n, t.startTime = q(), t.samples = [
+      const n = it(), c = lt();
+      t.startX = e.x, t.startY = e.y, t.lastX = e.x, t.lastY = e.y, t.startTranslateX = c.x, t.startTranslate = n, t.lastTranslateX = c.x, t.lastTranslate = n, t.startTime = q(), t.samples = [
         {
           time: t.startTime,
           pageX: e.x,
           pageY: e.y,
-          translateX: l.x,
+          translateX: c.x,
           translateY: n
         }
       ];
     },
-    [ot, st]
-  ), Xe = p(
+    [it, lt]
+  ), Le = f(
     ({
       currentTranslate: t,
       dismissible: e,
       releaseVelocity: n,
-      deltaY: l,
-      startTranslate: o
+      deltaY: c,
+      startTranslate: u
     }) => {
-      const u = I(), d = Q(), f = w.map(
-        (m) => N(u - m, 0, u)
+      const a = O(), p = J(), m = S.map(
+        (d) => H(a - d, 0, a)
       );
-      return gr({
-        closeThreshold: Dt,
+      return Yr({
+        closeThreshold: bt,
         currentTranslate: t,
-        deltaY: l,
+        deltaY: c,
         dismissible: e,
-        peekTranslate: d,
+        peekTranslate: p,
         releaseVelocity: n,
-        restingTranslates: f,
-        sheetHeight: u,
-        startTranslate: o
+        restingTranslates: m,
+        sheetHeight: a,
+        startTranslate: u
       }).translate;
     },
-    [Dt, Q, I, w]
-  ), Bt = p(
+    [bt, J, O, S]
+  ), Ht = f(
     (t) => {
-      const e = L ?? I();
-      Et.current = dr({
+      const e = A ?? O();
+      Bt.current = wr({
         defaultTranslate: D,
         sheetHeight: e,
-        snapHeights: w,
+        snapHeights: S,
         translate: t
       });
     },
-    [I, L, w, D]
-  ), Qe = p(() => {
-    if (a !== "bottom") return !1;
-    const t = pr({
-      backdropFromHeight: k,
+    [O, A, S, D]
+  ), lr = f(() => {
+    if (s !== "bottom") return !1;
+    const t = Sr({
+      backdropFromHeight: V,
       currentTranslate: _(),
-      sheetHeight: L ?? I(),
-      snapHeights: w
+      sheetHeight: A ?? O(),
+      snapHeights: S
     });
-    return t === null ? !1 : (O(t, { intent: "sheet" }), Bt(t), !0);
+    return t === null ? !1 : (k(t, { intent: "sheet" }), Ht(t), !0);
   }, [
-    k,
-    Bt,
-    I,
-    _,
-    a,
+    V,
+    Ht,
     O,
-    L,
-    w
-  ]), Ze = p(
+    _,
+    s,
+    k,
+    A,
+    S
+  ]), cr = f(
     (t) => {
-      if (!r || a !== "bottom" && !E || s === !1 || t.pointerType === "touch") return;
+      if (!r || s !== "bottom" && !E || o === !1 || t.pointerType === "touch") return;
       let e = !1;
-      if (s === "handle" && Ve(t.target))
+      if (o === "handle" && Ge(t.target))
         e = !0;
-      else if (s === "handle")
+      else if (o === "handle")
         return;
-      if (!e && te(t.target)) return;
-      if (s === "content" && (e = Fe(t.target), !Pr(t, e))) {
-        a === "bottom" && !ir({
+      if (!e && oe(t.target)) return;
+      if (o === "content" && (e = We(t.target), !Or(t, e))) {
+        s === "bottom" && !Tr({
           target: t.target,
           boundary: $.current
-        }) && Pt({
+        }) && St({
           chrome: !1,
           pointerId: t.pointerId,
           selectionArbitration: !0,
@@ -1330,161 +1392,162 @@ function Hr({
         });
         return;
       }
-      const n = xr(t.target);
-      Pt({
+      const n = Cr(t.target);
+      St({
         chrome: e,
         pointerId: t.pointerId,
+        pressedTarget: t.target,
         source: "pointer",
         startX: t.pageX,
         startY: t.pageY
-      }), Tr(t.target) || t.preventDefault(), J(!0), !n && typeof t.currentTarget.setPointerCapture == "function" && t.currentTarget.setPointerCapture(t.pointerId);
+      }), Br(t.target) || t.preventDefault(), Z(!0), !n && typeof t.currentTarget.setPointerCapture == "function" && t.currentTarget.setPointerCapture(t.pointerId);
     },
     [
-      Pt,
-      s,
+      St,
+      o,
       r,
-      a,
+      s,
       E,
-      J
+      Z
     ]
-  ), ft = p(
+  ), gt = f(
     (t, e) => {
-      if (!V) return !1;
+      if (!z) return !1;
       if (e <= 0) return !0;
       if (t.closeAllowed !== null) return t.closeAllowed;
-      const n = ae({ reason: "drag-dismiss" });
+      const n = ce({ reason: "drag-dismiss" });
       return t.closeAllowed = n, n;
     },
-    [ae, V]
-  ), It = p(
+    [ce, z]
+  ), Nt = f(
     ({
       closeAllowed: t,
       currentTranslate: e,
       deltaY: n,
-      releaseVelocity: l,
-      startTranslate: o
+      releaseVelocity: c,
+      startTranslate: u
     }) => {
-      const d = Xe({
+      const p = Le({
         currentTranslate: e,
-        dismissible: V && t !== !1,
-        releaseVelocity: l,
+        dismissible: z && t !== !1,
+        releaseVelocity: c,
         deltaY: n,
-        startTranslate: o
-      }), f = I(), m = Q();
-      if (d >= f - 1) {
-        rt({ reason: "drag-dismiss" }, { commit: !1 }) ? we(d, {
+        startTranslate: u
+      }), m = O(), d = J();
+      if (p >= m - 1) {
+        at({ reason: "drag-dismiss" }, { commit: !1 }) ? Ee(p, {
           from: e,
-          initialVelocity: l
-        }) : O(o, {
+          initialVelocity: c
+        }) : k(u, {
           from: e,
-          initialVelocity: l
+          initialVelocity: c
         });
         return;
       }
-      m > 0 && d >= m - 1 ? Ht("peeked") : (Yr({
-        presentationState: F,
-        releaseTranslate: d,
+      d > 0 && p >= d - 1 ? _t("peeked") : (zr({
+        presentationState: N,
+        releaseTranslate: p,
         visibleTranslate: D
-      }) && (_t.current = !0), Ht("visible"), Bt(d)), O(d, {
+      }) && (Kt.current = !0), _t("visible"), Ht(p)), k(p, {
         from: e,
-        initialVelocity: l
+        initialVelocity: c
       });
     },
     [
-      we,
-      Bt,
-      V,
-      Q,
-      Xe,
-      I,
-      F,
-      rt,
+      Ee,
       Ht,
+      z,
+      J,
+      Le,
       O,
+      N,
+      at,
+      _t,
+      k,
       D
     ]
-  ), Ot = p(
+  ), Ft = f(
     ({
       currentTranslate: t,
       releaseDelta: e,
       releaseTranslate: n,
-      releaseVelocity: l
+      releaseVelocity: c
     }) => {
-      const o = it();
-      if (!o) return;
-      const u = fr({
+      const u = ct();
+      if (!u) return;
+      const a = Dr({
         currentPoint: n,
-        velocity: l,
-        targets: o.targets
-      }), d = o.targets.find(
-        (b) => b.key === K.current
-      ) ?? o.defaultTarget, m = i.current?.getBoundingClientRect(), g = {
-        x: d.x + e.x,
-        y: d.y + e.y
+        velocity: c,
+        targets: u.targets
+      }), p = u.targets.find(
+        (P) => P.key === K.current
+      ) ?? u.defaultTarget, d = i.current?.getBoundingClientRect(), h = {
+        x: p.x + e.x,
+        y: p.y + e.y
       };
-      if (V && m && Xr({
-        closeThreshold: Dt,
-        currentTarget: d,
-        currentTranslate: g,
-        releaseTarget: u,
+      if (z && d && Fr({
+        closeThreshold: bt,
+        currentTarget: p,
+        currentTranslate: h,
+        releaseTarget: a,
         surfaceSize: {
-          height: m.height,
-          width: m.width
+          height: d.height,
+          width: d.width
         },
-        targets: o.targets
-      }) && rt({ reason: "drag-dismiss" })) {
-        W(), P();
+        targets: u.targets
+      }) && at({ reason: "drag-dismiss" })) {
+        W(), v();
         return;
       }
-      if (K.current = u.key, H.current) {
-        Ct(u);
+      if (K.current = a.key, R.current) {
+        Vt(a);
         return;
       }
-      Z(u, {
+      Q(a, {
         from: t,
-        initialVelocity: l
+        initialVelocity: c
       });
     },
     [
       W,
-      Dt,
-      V,
-      P,
-      it,
-      rt,
-      Ct,
-      Z,
+      bt,
+      z,
+      v,
+      ct,
+      at,
+      Vt,
+      Q,
       i
     ]
-  ), qe = p(
+  ), ur = f(
     (t) => {
-      const e = Y.current;
-      if (!e.dragging || e.source !== "pointer" || !r || a !== "bottom" && !E)
+      const e = X.current;
+      if (!e.dragging || e.source !== "pointer" || !r || s !== "bottom" && !E)
         return;
-      const n = t.pageX - e.startX, l = t.pageY - e.startY, o = t.pointerType === "touch" ? R.dragStartThresholdPx.touch : R.dragStartThresholdPx.mouse;
-      if (!(!e.started && ke({ deltaX: n, deltaY: l, placement: a }) < o)) {
+      const n = t.pageX - e.startX, c = t.pageY - e.startY, u = t.pointerType === "touch" ? j.dragStartThresholdPx.touch : j.dragStartThresholdPx.mouse;
+      if (!(!e.started && Ue({ deltaX: n, deltaY: c, placement: s }) < u)) {
         if (e.selectionArbitration && !e.allowed) {
-          const u = Math.abs(n), d = Math.abs(l), f = R.selectionArbitrationThresholdPx;
-          if (u >= f && u >= d) {
+          const a = Math.abs(n), p = Math.abs(c), m = j.selectionArbitrationThresholdPx;
+          if (a >= m && a >= p) {
             e.dragging = !1;
             return;
           }
-          if (d < f || d <= u)
+          if (p < m || p <= a)
             return;
-          window.getSelection?.()?.removeAllRanges(), J(!0);
+          window.getSelection?.()?.removeAllRanges(), Z(!0);
         }
         if (!e.allowed) {
-          if (a === "bottom" && !Se(t.target, l, e.chrome))
+          if (s === "bottom" && !Me(t.target, c, e.chrome))
             return;
           e.allowed = !0, e.started = !0;
-          const u = t.currentTarget;
-          e.pointerId !== null && typeof u.hasPointerCapture == "function" && typeof u.setPointerCapture == "function" && !u.hasPointerCapture(e.pointerId) && u.setPointerCapture(e.pointerId);
+          const a = t.currentTarget;
+          e.pointerId !== null && typeof a.hasPointerCapture == "function" && typeof a.setPointerCapture == "function" && !a.hasPointerCapture(e.pointerId) && a.setPointerCapture(e.pointerId);
         }
-        if (t.preventDefault(), e.lastX = t.pageX, e.lastY = t.pageY, a === "popup")
-          ut(e, t), $e(e, t);
+        if (t.preventDefault(), e.lastX = t.pageX, e.lastY = t.pageY, s === "popup")
+          pt(e, t), Qe(e, t);
         else {
-          const u = e.startTranslate + l, d = ft(e, l);
-          lt(u, d), wt(e, {
+          const a = e.startTranslate + c, p = gt(e, c);
+          ut(a, p), Et(e, {
             pageX: t.pageX,
             pageY: t.pageY,
             translateX: e.lastTranslateX,
@@ -1495,145 +1558,150 @@ function Hr({
     },
     [
       r,
-      ut,
-      ft,
-      a,
+      pt,
+      gt,
+      s,
       E,
-      J,
-      lt,
-      Se
+      Z,
+      ut,
+      Me
     ]
-  ), tt = p(
+  ), et = f(
     ({
       currentTarget: t,
-      pageX: e,
-      pageY: n,
-      releaseCapture: l = !0
+      hoverPoint: e = null,
+      pageX: n,
+      pageY: c,
+      releaseCapture: u = !0
     }) => {
-      const o = Y.current;
-      if (!o.dragging || o.source !== "pointer" || !r || a !== "bottom" && !E)
+      const a = X.current;
+      if (!a.dragging || a.source !== "pointer" || !r || s !== "bottom" && !E)
         return;
-      const u = o.started, d = Number.isFinite(e) ? e : o.lastX, f = Number.isFinite(n) ? n : o.lastY, m = d - o.startX, g = f - o.startY, b = Math.max(q() - o.startTime, 1);
-      let B = {
-        x: o.lastTranslateX,
-        y: o.lastTranslate
-      }, y = B;
-      const S = o.startTranslate;
-      if (u)
-        if (a === "popup")
-          ut(o, {
-            pageX: d,
-            pageY: f
-          }), B = {
-            x: o.lastTranslateX,
-            y: o.lastTranslate
-          }, y = Ft(o, {
-            pageX: d,
-            pageY: f
+      const p = a.started, m = Number.isFinite(n) ? n : a.lastX, d = Number.isFinite(c) ? c : a.lastY, h = m - a.startX, P = d - a.startY, I = Math.max(q() - a.startTime, 1);
+      let g = {
+        x: a.lastTranslateX,
+        y: a.lastTranslate
+      }, M = g;
+      const L = a.startTranslate;
+      if (p)
+        if (s === "popup")
+          pt(a, {
+            pageX: m,
+            pageY: d
+          }), g = {
+            x: a.lastTranslateX,
+            y: a.lastTranslate
+          }, M = Rt(a, {
+            pageX: m,
+            pageY: d
           });
         else {
-          const A = o.startTranslate + g, vt = ft(o, g);
-          lt(A, vt), B = {
-            x: o.lastTranslateX,
-            y: o.lastTranslate
+          const B = a.startTranslate + P, Xt = gt(a, P);
+          ut(B, Xt), g = {
+            x: a.lastTranslateX,
+            y: a.lastTranslate
           };
         }
-      const G = o.closeAllowed;
-      if (l && t && o.pointerId !== null && t.hasPointerCapture(o.pointerId) && t.releasePointerCapture(o.pointerId), u) {
-        const A = a === "popup" ? y : {
-          x: o.lastTranslateX,
-          y: o.lastTranslate
+      const rt = a.closeAllowed;
+      if (u && t && a.pointerId !== null && t.hasPointerCapture(a.pointerId) && t.releasePointerCapture(a.pointerId), p) {
+        const B = s === "popup" ? M : {
+          x: a.lastTranslateX,
+          y: a.lastTranslate
         };
-        wt(o, {
-          pageX: d,
-          pageY: f,
-          translateX: A.x,
-          translateY: A.y
+        Et(a, {
+          pageX: m,
+          pageY: d,
+          translateX: B.x,
+          translateY: B.y
         });
       }
-      if (pt(o), !!u)
-        if (yt.current = q() + 500, a === "popup") {
-          const A = _e({
-            session: o,
-            fallbackDelta: { x: m, y: g },
-            fallbackElapsed: b
+      const ht = a.pressedHandleArea;
+      if (mt(a), e && ht && be(ht, e), !!p)
+        if (Pt.current = q() + 500, s === "popup") {
+          const B = tr({
+            session: a,
+            fallbackDelta: { x: h, y: P },
+            fallbackElapsed: I
           });
-          Ot({
-            currentTranslate: B,
-            releaseDelta: { x: m, y: g },
-            releaseTranslate: y,
-            releaseVelocity: A
+          Ft({
+            currentTranslate: g,
+            releaseDelta: { x: h, y: P },
+            releaseTranslate: M,
+            releaseVelocity: B
           });
         } else {
-          const A = Ue({
-            session: o,
-            fallbackDeltaY: g,
-            fallbackElapsed: b
+          const B = qe({
+            session: a,
+            fallbackDeltaY: P,
+            fallbackElapsed: I
           });
-          It({
-            closeAllowed: G,
-            currentTranslate: B.y,
-            deltaY: g,
-            releaseVelocity: A,
-            startTranslate: S
+          Nt({
+            closeAllowed: rt,
+            currentTranslate: g.y,
+            deltaY: P,
+            releaseVelocity: B,
+            startTranslate: L
           });
         }
     },
     [
-      It,
-      Ot,
+      be,
+      Nt,
+      Ft,
       r,
-      ut,
-      ft,
-      a,
-      E,
       pt,
-      lt
+      gt,
+      s,
+      E,
+      mt,
+      ut
     ]
-  ), Ye = p(
+  ), Be = f(
     (t) => {
-      tt({
+      et({
         currentTarget: t.currentTarget,
+        hoverPoint: t.type === "pointerup" && t.pointerType !== "touch" ? { x: t.clientX, y: t.clientY } : null,
         pageX: t.pageX,
         pageY: t.pageY
       });
     },
-    [tt]
-  ), tr = p(
+    [et]
+  ), dr = f(
     (t) => {
-      const e = Y.current;
-      e.pointerId !== null && t.pointerId !== e.pointerId || tt({
+      const e = X.current;
+      e.pointerId !== null && t.pointerId !== e.pointerId || et({
         pageX: t.pageX,
         pageY: t.pageY,
         releaseCapture: !1
       });
     },
-    [tt]
+    [et]
   );
-  Nt(() => {
+  Yt(() => {
     if (!r) return;
-    const t = (o) => {
-      const u = Y.current;
-      !u.dragging || u.source !== "pointer" || "pointerId" in o && u.pointerId !== null && o.pointerId !== u.pointerId || tt({
-        pageX: o.pageX,
-        pageY: o.pageY,
+    const t = (u) => {
+      const a = X.current;
+      !a.dragging || a.source !== "pointer" || "pointerId" in u && a.pointerId !== null && u.pointerId !== a.pointerId || et({
+        hoverPoint: u.type === "pointerup" && (!("pointerType" in u) || u.pointerType !== "touch") ? { x: u.clientX, y: u.clientY } : null,
+        pageX: u.pageX,
+        pageY: u.pageY,
         releaseCapture: !1
       });
     }, e = () => {
-      const o = Y.current;
-      !o.dragging || o.source !== "pointer" || tt({
-        pageX: o.lastX,
-        pageY: o.lastY,
+      const u = X.current;
+      !u.dragging || u.source !== "pointer" || et({
+        pageX: u.lastX,
+        pageY: u.lastY,
         releaseCapture: !1
       });
-    }, n = (o) => {
-      const u = Y.current;
-      !u.dragging || u.source !== "pointer" || o.relatedTarget === null && t(o);
-    }, l = (o) => {
-      const u = Y.current;
-      !u.dragging || u.source !== "pointer" || o.relatedTarget === null && t(o);
+    }, n = (u) => {
+      const a = X.current;
+      !a.dragging || a.source !== "pointer" || u.relatedTarget === null && t(u);
+    }, c = (u) => {
+      const a = X.current;
+      !a.dragging || a.source !== "pointer" || u.relatedTarget === null && t(u);
     };
-    return document.addEventListener("pointerout", n, !0), document.addEventListener("mouseout", l, !0), window.addEventListener("pointerup", t, !0), window.addEventListener(
+    return document.addEventListener("pointerout", n, !0), document.addEventListener("mouseout", c, !0), window.addEventListener("pointerup", t, !0), window.addEventListener(
       "pointercancel",
       t,
       !0
@@ -1642,7 +1710,7 @@ function Hr({
         "pointerout",
         n,
         !0
-      ), document.removeEventListener("mouseout", l, !0), window.removeEventListener(
+      ), document.removeEventListener("mouseout", c, !0), window.removeEventListener(
         "pointerup",
         t,
         !0
@@ -1652,41 +1720,70 @@ function Hr({
         !0
       ), window.removeEventListener("blur", e);
     };
-  }, [tt, r]), Nt(() => {
+  }, [et, r]), Yt(() => {
     if (!r) return;
     const t = (e) => {
-      const n = yt.current;
+      const n = Pt.current;
       if (n <= 0) return;
       if (q() > n) {
-        yt.current = 0;
+        Pt.current = 0;
         return;
       }
-      const l = i.current;
-      l && e.target instanceof Node && l.contains(e.target) && (yt.current = 0, e.preventDefault(), e.stopPropagation());
+      const c = i.current;
+      c && e.target instanceof Node && c.contains(e.target) && (Pt.current = 0, e.preventDefault(), e.stopPropagation());
     };
     return document.addEventListener("click", t, !0), () => {
       document.removeEventListener("click", t, !0);
     };
   }, [r, i]);
-  const kt = p((t) => {
-    const e = Y.current;
-    return e.touchId !== null ? He(t.changedTouches, e.touchId) ?? He(t.touches, e.touchId) : t.touches[0] ?? t.changedTouches[0] ?? null;
-  }, []), er = p(
+  const zt = f((t) => {
+    const e = X.current;
+    return e.touchId !== null ? Ze(t.changedTouches, e.touchId) ?? Ze(t.touches, e.touchId) : t.touches[0] ?? t.changedTouches[0] ?? null;
+  }, []), Dt = f(() => {
+    const t = X.current;
+    if (!t.dragging || t.source !== "touch") return;
+    const e = t.started, n = t.startTranslate, c = t.lastTranslate, u = {
+      x: t.startTranslateX,
+      y: t.startTranslate
+    }, a = {
+      x: t.lastTranslateX,
+      y: t.lastTranslate
+    }, p = s;
+    if (mt(t), !!e) {
+      if (p === "popup") {
+        R.current ? Vt(u) : Q(u, { from: a });
+        return;
+      }
+      k(n, { from: c });
+    }
+  }, [
+    s,
+    mt,
+    Vt,
+    Q,
+    k
+  ]), pr = f(
     (t) => {
-      if (!r || a !== "bottom" && !E || s === !1 || t.touches.length !== 1) return;
+      if (!r || s !== "bottom" && !E || o === !1)
+        return;
+      if (t.touches.length !== 1) {
+        Dt();
+        return;
+      }
       let e = !1;
-      if (s === "handle" && Ve(t.target))
+      if (o === "handle" && Ge(t.target))
         e = !0;
-      else if (s === "handle")
+      else if (o === "handle")
         return;
-      if (!e && te(t.target)) return;
-      s === "content" && (e = Fe(t.target));
+      if (!e && oe(t.target)) return;
+      o === "content" && (e = We(t.target));
       const n = t.touches[0];
-      a === "bottom" && bt({
+      s === "bottom" && It({
         target: t.target,
         chrome: e
-      }), Pt({
+      }), St({
         chrome: e,
+        pressedTarget: t.target,
         source: "touch",
         startX: n.pageX,
         startY: n.pageY,
@@ -1694,51 +1791,56 @@ function Hr({
       });
     },
     [
-      Pt,
-      s,
+      St,
+      o,
       r,
-      a,
+      Dt,
+      s,
       E,
-      bt
+      It
     ]
-  ), Ee = p(
+  ), Ce = f(
     (t) => {
-      const e = Y.current;
-      if (!e.dragging || e.source !== "touch" || !r || a !== "bottom" && !E)
+      const e = X.current;
+      if (!e.dragging || e.source !== "touch" || !r || s !== "bottom" && !E)
         return;
-      const n = kt(t);
+      if (t.touches.length !== 1) {
+        Dt();
+        return;
+      }
+      const n = zt(t);
       if (!n) return;
-      const l = n.pageX - e.startX, o = n.pageY - e.startY, u = ke({
-        deltaX: l,
-        deltaY: o,
-        placement: a
-      }), d = R.dragStartThresholdPx.touch, f = a === "bottom" ? lr({
+      const c = n.pageX - e.startX, u = n.pageY - e.startY, a = Ue({
+        deltaX: c,
+        deltaY: u,
+        placement: s
+      }), p = j.dragStartThresholdPx.touch, m = s === "bottom" ? xr({
         target: t.target,
-        deltaY: o,
+        deltaY: u,
         chrome: e.chrome,
         bodyNode: $.current,
-        canExpand: ot() > 1
-      }) : cr({
+        canExpand: it() > 1
+      }) : Pr({
         target: t.target,
         bodyNode: $.current
       });
-      if (f.preventDefault) {
-        const g = a === "bottom" && Math.abs(l) > Math.abs(o) && Math.abs(o) < d && !e.started && u < d;
-        !g && a === "bottom" && bt({
+      if (m.preventDefault) {
+        const h = s === "bottom" && Math.abs(c) > Math.abs(u) && Math.abs(u) < p && !e.started && a < p;
+        !h && s === "bottom" && It({
           target: t.target,
           chrome: e.chrome
-        }), g || Oe(t);
+        }), h || $e(t);
       }
-      if (f.resetAnchor) {
-        at(!1), De(e, { x: n.pageX, y: n.pageY });
+      if (m.resetAnchor) {
+        st(!1), Ae(e, { x: n.pageX, y: n.pageY });
         return;
       }
-      if (f.allowDrag && !(!e.started && u < d))
-        if (e.allowed || (e.allowed = !0, e.started = !0), f.preventDefault || Oe(t), e.lastX = n.pageX, e.lastY = n.pageY, a === "popup")
-          ut(e, n), $e(e, n);
+      if (m.allowDrag && !(!e.started && a < p))
+        if (e.allowed || (e.allowed = !0, e.started = !0), m.preventDefault || $e(t), e.lastX = n.pageX, e.lastY = n.pageY, s === "popup")
+          pt(e, n), Qe(e, n);
         else {
-          const m = e.startTranslate + o, g = ft(e, o);
-          lt(m, g), wt(e, {
+          const d = e.startTranslate + u, h = gt(e, u);
+          ut(d, h), Et(e, {
             pageX: n.pageX,
             pageY: n.pageY,
             translateX: e.lastTranslateX,
@@ -1748,22 +1850,23 @@ function Hr({
     },
     [
       r,
-      ut,
-      ft,
-      ot,
-      kt,
-      a,
+      Dt,
+      pt,
+      gt,
+      it,
+      zt,
+      s,
       E,
-      De,
-      at,
-      lt,
-      bt
+      Ae,
+      st,
+      ut,
+      It
     ]
   );
-  Nt(() => {
-    if (!c || !r || a !== "bottom" && !E || s === !1 || typeof window > "u") return;
+  Yt(() => {
+    if (!l || !r || s !== "bottom" && !E || o === !1 || typeof window > "u") return;
     const t = (e) => {
-      Ee(e);
+      Ce(e);
     };
     return window.addEventListener("touchmove", t, {
       capture: !0,
@@ -1771,111 +1874,88 @@ function Hr({
     }), () => {
       window.removeEventListener("touchmove", t, !0);
     };
-  }, [s, r, Ee, c, a, E]);
-  const rr = p(
+  }, [o, r, Ce, l, s, E]);
+  const fr = f(
     (t) => {
-      const e = Y.current;
-      if (!e.dragging || e.source !== "touch" || !r || a !== "bottom" && !E)
+      const e = X.current;
+      if (!e.dragging || e.source !== "touch" || !r || s !== "bottom" && !E)
         return;
-      const n = kt(t), l = n?.pageX ?? e.lastX, o = n?.pageY ?? e.lastY, u = e.started, d = e.closeAllowed, f = l - e.startX, m = o - e.startY, g = Math.max(q() - e.startTime, 1);
-      a === "popup" && ct();
-      const b = {
+      const n = zt(t), c = n?.pageX ?? e.lastX, u = n?.pageY ?? e.lastY, a = e.started, p = e.closeAllowed, m = c - e.startX, d = u - e.startY, h = Math.max(q() - e.startTime, 1);
+      s === "popup" && dt();
+      const P = {
         x: e.lastTranslateX,
         y: e.lastTranslate
       };
-      let B = b;
-      const y = e.startTranslate;
-      if (u) {
-        const S = a === "popup" ? Ft(e, {
-          pageX: l,
-          pageY: o
+      let I = P;
+      const g = e.startTranslate;
+      if (a) {
+        const M = s === "popup" ? Rt(e, {
+          pageX: c,
+          pageY: u
         }) : {
           x: e.lastTranslateX,
           y: e.lastTranslate
         };
-        B = S, wt(e, {
-          pageX: l,
-          pageY: o,
-          translateX: S.x,
-          translateY: S.y
+        I = M, Et(e, {
+          pageX: c,
+          pageY: u,
+          translateX: M.x,
+          translateY: M.y
         });
       }
-      if (pt(e), !!u)
-        if (yt.current = q() + 500, a === "popup") {
-          const S = _e({
+      if (mt(e), !!a)
+        if (Pt.current = q() + 500, s === "popup") {
+          const M = tr({
             session: e,
-            fallbackDelta: { x: f, y: m },
-            fallbackElapsed: g
+            fallbackDelta: { x: m, y: d },
+            fallbackElapsed: h
           });
-          Ot({
-            currentTranslate: b,
-            releaseDelta: { x: f, y: m },
-            releaseTranslate: B,
-            releaseVelocity: S
+          Ft({
+            currentTranslate: P,
+            releaseDelta: { x: m, y: d },
+            releaseTranslate: I,
+            releaseVelocity: M
           });
         } else {
-          const S = Ue({
+          const M = qe({
             session: e,
-            fallbackDeltaY: m,
-            fallbackElapsed: g
+            fallbackDeltaY: d,
+            fallbackElapsed: h
           });
-          It({
-            closeAllowed: d,
-            currentTranslate: b.y,
-            deltaY: m,
-            releaseVelocity: S,
-            startTranslate: y
+          Nt({
+            closeAllowed: p,
+            currentTranslate: P.y,
+            deltaY: d,
+            releaseVelocity: M,
+            startTranslate: g
           });
         }
     },
     [
-      It,
-      Ot,
+      Nt,
+      Ft,
       r,
-      kt,
-      a,
+      zt,
+      s,
       E,
-      pt,
-      ct
+      mt,
+      dt
     ]
-  ), nr = p(() => {
-    const t = Y.current;
-    if (!t.dragging || t.source !== "touch") return;
-    const e = t.started, n = t.startTranslate, l = t.lastTranslate, o = {
-      x: t.startTranslateX,
-      y: t.startTranslate
-    }, u = {
-      x: t.lastTranslateX,
-      y: t.lastTranslate
-    }, d = a;
-    if (pt(t), !!e) {
-      if (d === "popup") {
-        H.current ? Ct(o) : Z(o, { from: u });
-        return;
-      }
-      O(n, { from: l });
-    }
-  }, [
-    a,
-    pt,
-    Ct,
-    Z,
-    O
-  ]);
+  );
   return {
-    collapseBottomSheetToUndimmedSnap: Qe,
+    collapseBottomSheetToUndimmedSnap: lr,
     handlers: {
-      onPointerDown: Ze,
-      onPointerMove: qe,
-      onPointerUp: Ye,
-      onPointerCancel: Ye,
-      onLostPointerCapture: tr,
-      onTouchStart: er,
-      onTouchEnd: rr,
-      onTouchCancel: nr
+      onPointerDown: cr,
+      onPointerMove: ur,
+      onPointerUp: Be,
+      onPointerCancel: Be,
+      onLostPointerCapture: dr,
+      onTouchStart: pr,
+      onTouchEnd: fr,
+      onTouchCancel: Dt
     }
   };
 }
 export {
-  Hr as useModalDrag
+  an as useModalDrag
 };