@orioncactuscorp/ui 1.4.1 → 1.5.0

package/dist/components/Modal/useModalDrag.js

@@ -1,9 +1,9 @@
-import { useRef as E, useLayoutEffect as lt, useCallback as p, useEffect as kt } from "react";
-import { ocSpring as Xe } from "../../utils/spring.js";
+import { useRef as Y, useLayoutEffect as ot, useCallback as p, useEffect as kt } from "react";
+import { ocSpring as De } from "../../utils/spring.js";
 import { resolveOcMotion as At } from "../../utils/motion.js";
-import { resolveModalPopupSnapPositions as De } from "./snapPoints.js";
-import { setModalBodyTouchScrollLock as Bt, shouldLockModalBodyTouchScroll as ve, shouldIgnoreDragTarget as Ct, getScrollableAncestor as Se, getBottomTouchDragDecision as Ye, getPopupTouchDragDecision as Me } from "./modalScrollArbitration.js";
-import { createSpringAnimator as It } from "../../utils/spring/animator.js";
+import { resolveModalPopupSnapPositions as Se } from "./snapPoints.js";
+import { setModalBodyTouchScrollLock as Ct, shouldLockModalBodyTouchScroll as Ye, shouldIgnoreDragTarget as It, getScrollableAncestor as Me, getBottomTouchDragDecision as Ee, getPopupTouchDragDecision as be } from "./modalScrollArbitration.js";
+import { createSpringAnimator as Ot } from "../../utils/spring/animator.js";
 const b = {
   dragStartThresholdPx: {
     touch: 10,
@@ -35,31 +35,31 @@ const b = {
   popupDragFollower: {
     settleDurationFactor: 1 / 6
   }
-}, Ee = Xe.snappy({
+}, Le = De.snappy({
   duration: b.settleSpring.durationSeconds * b.popupDragFollower.settleDurationFactor
-}), be = [], Le = [];
-function te(r) {
+}), Fe = [], Be = [];
+function re(r) {
   r.cancelable !== !1 && r.preventDefault();
 }
 function L(r, n, l) {
   return Math.min(Math.max(r, n), l);
 }
-function ee(r) {
+function ne(r) {
   return [...new Set(r)].sort((n, l) => n - l);
 }
-function Fe(r, n) {
+function ke(r, n) {
   return r.reduce(
     (l, a) => Math.abs(a - n) < Math.abs(l - n) ? a : l
   );
 }
-function re({
+function oe({
   deltaX: r,
   deltaY: n,
   placement: l
 }) {
   return l === "bottom" ? Math.abs(n) : Math.hypot(r, n);
 }
-function ke(r, n, l) {
+function Ae(r, n, l) {
   if (l === "down")
     return r.find((i) => i > n + 1) ?? r[r.length - 1] ?? 0;
   for (let i = r.length - 1; i >= 0; i -= 1) {
@@ -69,44 +69,44 @@ function ke(r, n, l) {
   }
   return r[0] ?? 0;
 }
-function Ae(r, n, l, a, i = l) {
-  const T = ke(r, n, a), y = a === "down" ? Math.max(l, i) : Math.min(l, i);
+function Ce(r, n, l, a, i = l) {
+  const y = Ae(r, n, a), T = a === "down" ? Math.max(l, i) : Math.min(l, i);
   if (a === "down") {
     if (r.filter(
       (F) => F > n + 1 && F <= l + 1
-    ).length === 0) return T;
-    const nt = r.filter(
-      (F) => F > n + 1 && F <= y + 1
+    ).length === 0) return y;
+    const st = r.filter(
+      (F) => F > n + 1 && F <= T + 1
     );
-    return nt[nt.length - 1] ?? T;
+    return st[st.length - 1] ?? y;
   }
   return r.filter(
-    (S) => S < n - 1 && S >= l - 1
-  ).length === 0 ? T : r.filter(
-    (S) => S < n - 1 && S >= y - 1
-  )[0] ?? T;
+    (M) => M < n - 1 && M >= l - 1
+  ).length === 0 ? y : r.filter(
+    (M) => M < n - 1 && M >= T - 1
+  )[0] ?? y;
 }
-function ne(r, n) {
+function ae(r, n) {
   if (n <= 0) return 0;
   const l = n, { resistance: a } = b.rubberBand;
   return r * a * l / (l + a * r);
 }
-function Ot({
+function Vt({
   targetTranslate: r,
   minTranslate: n,
   maxTranslate: l,
   minBoundaryLimit: a,
   maxBoundaryLimit: i
 }) {
-  return r < n ? n - ne(n - r, a) : r > l ? l + ne(r - l, i) : r;
+  return r < n ? n - ae(n - r, a) : r > l ? l + ae(r - l, i) : r;
 }
-function ae(r) {
+function se(r) {
   return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest('[data-oc-part="handle"], [data-oc-part="header"]');
 }
-function Be(r, n) {
+function Ie(r, n) {
   return n ? !0 : r.pointerType ? r.pointerType === "touch" : typeof window > "u" ? !1 : window.matchMedia?.("(pointer: coarse)").matches ?? !1;
 }
-function oe(r, n) {
+function le(r, n) {
   if (!r.length)
     return {
       minTranslate: 0,
@@ -125,14 +125,14 @@ function oe(r, n) {
     maxTranslate: i
   };
 }
-function se(r, n) {
+function ie(r, n) {
   for (let l = 0; l < r.length; l += 1) {
     const a = "item" in r && typeof r.item == "function" ? r.item(l) : r[l];
     if (a?.identifier === n) return a;
   }
   return null;
 }
-function ge(r) {
+function he(r) {
   if (!r) return { x: 0, y: 0 };
   const n = window.getComputedStyle(r).transform;
   if (!n || n === "none") return { x: 0, y: 0 };
@@ -154,13 +154,13 @@ function ge(r) {
   }
   return { x: 0, y: 0 };
 }
-function Vt(r) {
-  return ge(r).y;
+function Nt(r) {
+  return he(r).y;
 }
-function le(r) {
-  return ge(r);
+function ce(r) {
+  return he(r);
 }
-function rt(r) {
+function at(r) {
   if (!r) return;
   const n = Number.parseFloat(r);
   return Number.isFinite(n) ? n : void 0;
@@ -168,7 +168,7 @@ function rt(r) {
 function it() {
   return Date.now();
 }
-function Ce(r, n) {
+function Oe(r, n) {
   const l = n - b.releaseVelocity.sampleWindowMs;
   for (; r.length > 2 && (r[1]?.time ?? n) < l; )
     r.shift();
@@ -181,7 +181,7 @@ function ct(r, n) {
     pageY: n.pageY,
     translateX: n.translateX,
     translateY: n.translateY
-  }), Ce(r.samples, l);
+  }), Oe(r.samples, l);
 }
 function St(r, n) {
   return {
@@ -189,7 +189,7 @@ function St(r, n) {
     y: r.startTranslate + n.pageY - r.startY
   };
 }
-function ie(r, n) {
+function ue(r, n) {
   const l = St(r, n);
   ct(r, {
     pageX: n.pageX,
@@ -198,18 +198,18 @@ function ie(r, n) {
     translateY: l.y
   });
 }
-function ce({
+function pe({
   session: r,
   fallbackDeltaY: n,
   fallbackElapsed: l
 }) {
   const a = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: f } = b.releaseVelocity;
   if (a) {
-    const T = a.time - f, y = r.samples.find((w) => w.time >= T) ?? r.samples[0];
-    if (y && y !== a) {
-      const w = Math.max(a.time - y.time, 1), P = (a.translateY - y.translateY) / w * 1e3;
-      if (Number.isFinite(P))
-        return L(P, -i, i);
+    const y = a.time - f, T = r.samples.find((w) => w.time >= y) ?? r.samples[0];
+    if (T && T !== a) {
+      const w = Math.max(a.time - T.time, 1), v = (a.translateY - T.translateY) / w * 1e3;
+      if (Number.isFinite(v))
+        return L(v, -i, i);
     }
   }
   return L(
@@ -218,23 +218,23 @@ function ce({
     i
   );
 }
-function ue({
+function de({
   session: r,
   fallbackDelta: n,
   fallbackElapsed: l
 }) {
   const a = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: f } = b.releaseVelocity;
   if (a) {
-    const T = a.time - f, y = r.samples.find((w) => w.time >= T) ?? r.samples[0];
-    if (y && y !== a) {
-      const w = Math.max(a.time - y.time, 1), P = {
-        x: (a.translateX - y.translateX) / w * 1e3,
-        y: (a.translateY - y.translateY) / w * 1e3
+    const y = a.time - f, T = r.samples.find((w) => w.time >= y) ?? r.samples[0];
+    if (T && T !== a) {
+      const w = Math.max(a.time - T.time, 1), v = {
+        x: (a.translateX - T.translateX) / w * 1e3,
+        y: (a.translateY - T.translateY) / w * 1e3
       };
-      if (Number.isFinite(P.x) && Number.isFinite(P.y))
+      if (Number.isFinite(v.x) && Number.isFinite(v.y))
         return {
-          x: L(P.x, -i, i),
-          y: L(P.y, -i, i)
+          x: L(v.x, -i, i),
+          y: L(v.y, -i, i)
         };
     }
   }
@@ -251,14 +251,14 @@ function ue({
     )
   };
 }
-function Ie({
+function Ve({
   currentTranslate: r,
   releaseVelocity: n
 }) {
   const { lookaheadSeconds: l, maxDistancePx: a } = b.snapProjection;
   return r + L(n * l, -a, a);
 }
-function Oe({
+function Ne({
   currentTranslate: r,
   releaseVelocity: n
 }) {
@@ -276,55 +276,55 @@ function Oe({
     )
   };
 }
-function Ve(r) {
+function He(r) {
   return Math.abs(r) / 1e3 > b.releaseVelocity.flickThresholdPxPerMs;
 }
-function Ne(r) {
+function je(r) {
   return Math.hypot(r.x, r.y) / 1e3 > b.releaseVelocity.flickThresholdPxPerMs;
 }
 function ut(r, n) {
   return Math.hypot(r.x - n.x, r.y - n.y);
 }
-function pe(r, n) {
+function fe(r, n) {
   return r.reduce(
     (l, a) => ut(a, n) < ut(l, n) ? a : l
   );
 }
-function He({
+function ze({
   currentTranslate: r,
   releaseVelocity: n,
   targets: l
 }) {
-  const a = Oe({
+  const a = Ne({
     currentTranslate: r,
     releaseVelocity: n
   });
-  if (!Ne(n))
-    return pe(l, r);
+  if (!je(n))
+    return fe(l, r);
   const i = l.filter((f) => {
-    const T = f.x - r.x, y = f.y - r.y;
-    return T * n.x + y * n.y > 0;
+    const y = f.x - r.x, T = f.y - r.y;
+    return y * n.x + T * n.y > 0;
   });
-  return pe(
+  return fe(
     i.length ? i : l,
     a
   );
 }
-function je({
+function _e({
   presentationState: r,
   releaseTranslate: n,
   visibleTranslate: l
 }) {
   return r !== "visible" || Math.abs(n - l) > 1;
 }
-function ze({
+function Re({
   drag: r,
   placement: n,
   snapPositionCount: l
 }) {
   return n === "popup" && r === "content" && l > 0;
 }
-function Re({
+function Ue({
   dismissible: r,
   peekTranslate: n,
   sheetHeight: l,
@@ -335,11 +335,11 @@ function Re({
     minTranslate: 0
   };
 }
-function de(r, n = 1) {
+function ge(r, n = 1) {
   const l = Math.max(n, 1);
   return r && Math.abs(r.maxTranslate - r.minTranslate) || l;
 }
-function fe({
+function me({
   limit: r,
   viewportSize: n,
   viewportLimitRatio: l
@@ -347,26 +347,26 @@ function fe({
   const a = Math.max(r, 0);
   return n <= 0 ? a : Math.min(a, n * l);
 }
-function _e({
+function We({
   minTranslate: r,
   sheetHeight: n,
   surfaceMotion: l
 }) {
-  const a = l.parentElement?.getBoundingClientRect(), i = a?.top ?? 0, f = a && a.height > 0 ? a.height : window.innerHeight, T = l.getBoundingClientRect(), y = Vt(l), w = T.top - y + r, P = Math.max(w - i, 0), { observedViewportLimitRatio: S } = b.rubberBand;
+  const a = l.parentElement?.getBoundingClientRect(), i = a?.top ?? 0, f = a && a.height > 0 ? a.height : window.innerHeight, y = l.getBoundingClientRect(), T = Nt(l), w = y.top - T + r, v = Math.max(w - i, 0), { observedViewportLimitRatio: M } = b.rubberBand;
   return {
-    minBoundaryLimit: fe({
-      limit: P,
+    minBoundaryLimit: me({
+      limit: v,
       viewportSize: f,
-      viewportLimitRatio: S.top
+      viewportLimitRatio: M.top
     }),
-    maxBoundaryLimit: fe({
+    maxBoundaryLimit: me({
       limit: n,
       viewportSize: f,
-      viewportLimitRatio: S.bottom
+      viewportLimitRatio: M.bottom
     })
   };
 }
-function Ue({
+function $e({
   rubberBand: r,
   targetTranslate: n,
   sheetHeight: l,
@@ -374,44 +374,44 @@ function Ue({
   bounds: i,
   rubberBandLimits: f
 }) {
-  const T = L(
-    r ? Ot({
+  const y = L(
+    r ? Vt({
       targetTranslate: n,
       ...f,
       ...i
     }) : n,
     i.minTranslate - f.minBoundaryLimit,
     i.maxTranslate + f.maxBoundaryLimit
-  ), y = Math.max(-T, 0), w = Math.max(T, 0), P = a > 0 ? a : l, S = P > 0 ? 1 - w / Math.max(P, 1) : 0;
+  ), T = Math.max(-y, 0), w = Math.max(y, 0), v = a > 0 ? a : l, M = v > 0 ? 1 - w / Math.max(v, 1) : 0;
   return {
-    translate: T,
-    overshootFillHeight: y,
-    backdropOpacity: L(S, 0, 1)
+    translate: y,
+    overshootFillHeight: T,
+    backdropOpacity: L(M, 0, 1)
   };
 }
-function Qe({
+function tr({
   enabled: r,
   drag: n,
   open: l,
   placement: a,
   surfaceMotionRef: i,
   backdropRef: f,
-  bodyNode: T,
-  snapHeights: y = be,
-  snapPositions: w = Le,
-  defaultSnapPosition: P,
-  peekHeight: S,
-  peekFallback: nt,
+  bodyNode: y,
+  snapHeights: T = Fe,
+  snapPositions: w = Be,
+  defaultSnapPosition: v,
+  peekHeight: M,
+  peekFallback: st,
   presentationState: F,
   setPresentationState: Yt,
   requestClose: pt,
-  canCloseAttempt: Nt,
+  canCloseAttempt: Ht,
   dismissible: z = !0,
   visibleTranslate: O = 0,
   closeThreshold: Mt = 0.35,
-  scrollLockTimeout: Ht = 500
+  scrollLockTimeout: jt = 500
 }) {
-  const x = E({
+  const x = Y({
     dragging: !1,
     allowed: !1,
     chrome: !1,
@@ -430,60 +430,60 @@ function Qe({
     samples: [],
     pointerId: null,
     touchId: null
-  }), U = E(T), jt = E(!1), dt = E(0), Et = E(!1), R = E(null), V = E(
+  }), U = Y(y), zt = Y(!1), dt = Y(0), Et = Y(!1), _ = Y(null), V = Y(
     null
-  ), ft = E(null), at = E(null), N = E(null), bt = E(!1), Lt = E(!1), ot = E(!1), X = ze({
+  ), ft = Y(null), $ = Y(null), N = Y(null), bt = Y(!1), Lt = Y(!1), Ft = Y(!1), G = Y(!1), X = Re({
     drag: n,
     placement: a,
     snapPositionCount: w.length
-  }), zt = `${P ?? ""}:${w.join("|")}`, Rt = E(w), gt = E(P);
-  lt(() => {
-    Rt.current = w, gt.current = P;
-  }, [P, zt, w]), lt(() => {
+  }), _t = `${v ?? ""}:${w.join("|")}`, Rt = Y(w), gt = Y(v);
+  ot(() => {
+    Rt.current = w, gt.current = v;
+  }, [v, _t, w]), ot(() => {
     const t = U.current;
-    t && t !== T && Bt(t, !1), U.current = T, jt.current && Bt(T, !0);
-  }, [T]);
-  const $ = p((t) => {
-    jt.current = t, Bt(U.current, t);
+    t && t !== y && Ct(t, !1), U.current = y, zt.current && Ct(y, !0);
+  }, [y]);
+  const K = p((t) => {
+    zt.current = t, Ct(U.current, t);
   }, []), mt = p(
     ({ chrome: t, target: e }) => {
-      const o = ve({
+      const o = Ye({
         target: e,
         chrome: t,
         bodyNode: U.current
       });
-      return $(o), o;
+      return K(o), o;
     },
-    [$]
-  ), B = p(() => i.current?.getBoundingClientRect().height ?? window.innerHeight, [i]), _t = p(() => {
-    if (S !== void 0) return S;
-    if (nt === "header")
+    [K]
+  ), A = p(() => i.current?.getBoundingClientRect().height ?? window.innerHeight, [i]), Ut = p(() => {
+    if (M !== void 0) return M;
+    if (st === "header")
       return i.current?.querySelector('[data-oc-part="header"]')?.getBoundingClientRect().height ?? void 0;
-  }, [nt, S, i]), k = p(() => {
-    const t = _t();
+  }, [st, M, i]), B = p(() => {
+    const t = Ut();
     if (t === void 0 || t <= 0) return 0;
-    const e = B();
+    const e = A();
     return L(e - t, 0, e);
-  }, [_t, B]), Ft = p(
-    () => F === "peeked" ? k() : O,
-    [k, F, O]
+  }, [Ut, A]), Bt = p(
+    () => F === "peeked" ? B() : O,
+    [B, F, O]
   ), ht = p(() => {
     const t = i.current;
-    if (!t) return Ft();
-    const e = rt(
+    if (!t) return Bt();
+    const e = at(
       t.style.getPropertyValue("--oc-modal-translate-y")
     );
     if (e !== void 0) return e;
-    const o = rt(
+    const o = at(
       window.getComputedStyle(t).getPropertyValue("--oc-modal-translate-y")
     );
-    return o !== void 0 ? o : Ft();
-  }, [Ft, i]), Tt = p(() => {
+    return o !== void 0 ? o : Bt();
+  }, [Bt, i]), yt = p(() => {
     const t = i.current;
     if (!t) return { x: 0, y: 0 };
-    const e = rt(
+    const e = at(
       t.style.getPropertyValue("--oc-modal-translate-x")
-    ), o = rt(
+    ), o = at(
       t.style.getPropertyValue("--oc-modal-translate-y")
     );
     if (e !== void 0 || o !== void 0)
@@ -493,16 +493,16 @@ function Qe({
       };
     const c = window.getComputedStyle(t);
     return {
-      x: rt(c.getPropertyValue("--oc-modal-translate-x")) ?? 0,
-      y: rt(c.getPropertyValue("--oc-modal-translate-y")) ?? 0
+      x: at(c.getPropertyValue("--oc-modal-translate-x")) ?? 0,
+      y: at(c.getPropertyValue("--oc-modal-translate-y")) ?? 0
     };
-  }, [i]), yt = p(() => {
-    const t = ht(), e = Vt(i.current);
+  }, [i]), Tt = p(() => {
+    const t = ht(), e = Nt(i.current);
     return Math.abs(e - t) > 1 ? e : t;
-  }, [ht, i]), G = p(() => {
-    const t = Tt(), e = le(i.current);
+  }, [ht, i]), q = p(() => {
+    const t = yt(), e = ce(i.current);
     return ut(e, t) > 1 ? e : t;
-  }, [Tt, i]), H = p(
+  }, [yt, i]), H = p(
     (t, {
       active: e,
       nextDismissible: o = z,
@@ -510,16 +510,16 @@ function Qe({
     }) => {
       const s = i.current;
       if (!s) return;
-      const u = B(), d = s.parentElement, g = k(), m = Re({
+      const u = A(), d = s.parentElement, g = B(), m = Ue({
         dismissible: o,
         peekTranslate: g,
         sheetHeight: u,
         visibleTranslate: O
-      }), h = _e({
+      }), h = We({
         minTranslate: m.minTranslate,
         sheetHeight: u,
         surfaceMotion: s
-      }), v = Ue({
+      }), S = $e({
         rubberBand: c,
         targetTranslate: t,
         sheetHeight: u,
@@ -527,54 +527,54 @@ function Qe({
         bounds: m,
         rubberBandLimits: h
       });
-      x.current.lastTranslate = v.translate, s.style.setProperty(
+      x.current.lastTranslate = S.translate, s.style.setProperty(
         "--oc-modal-translate-y",
-        `${v.translate}px`
+        `${S.translate}px`
       ), s.style.setProperty(
         "--_-modal-elevation-shadow-opacity",
-        String(1 - v.backdropOpacity)
+        String(1 - S.backdropOpacity)
       ), s.dataset.ocModalDragging = e ? "true" : "false", d?.style.setProperty(
         "--oc-modal-overshoot-fill-height",
-        `${v.overshootFillHeight}px`
+        `${S.overshootFillHeight}px`
       ), d && (d.dataset.ocModalDragging = e ? "true" : "false"), e ? s.style.setProperty("transition", "none") : s.style.removeProperty("transition"), f.current && (f.current.style.setProperty(
         "--oc-modal-backdrop-opacity",
-        String(v.backdropOpacity)
+        String(S.backdropOpacity)
       ), f.current.style.transition = e ? "none" : "");
     },
     [
       f,
       z,
-      k,
       B,
+      A,
       i,
       O
     ]
-  ), K = p(() => {
+  ), J = p(() => {
     const t = i.current, e = Rt.current;
     if (!(!t || !e.length))
-      return De({
+      return Se({
         defaultSnapPosition: gt.current,
         snapPositions: e,
         surfaceMotion: t
       });
-  }, [i]), q = p(
+  }, [i]), Q = p(
     ({ destroy: t = !0 } = {}) => {
       t && V.current?.destroy(), V.current = null, ft.current = null;
     },
     []
-  ), Y = p(
+  ), E = p(
     (t, { active: e }) => {
       const o = i.current;
       if (!o) return;
-      const c = K(), s = c ? o.getBoundingClientRect() : void 0, u = c ? oe(c.targets, "x") : void 0, d = c ? oe(c.targets, "y") : void 0, g = de(u, s?.width), m = de(d, s?.height), h = c ? {
-        x: Ot({
+      const c = J(), s = c ? o.getBoundingClientRect() : void 0, u = c ? le(c.targets, "x") : void 0, d = c ? le(c.targets, "y") : void 0, g = ge(u, s?.width), m = ge(d, s?.height), h = c ? {
+        x: Vt({
           targetTranslate: t.x,
           minTranslate: u?.minTranslate ?? 0,
           maxTranslate: u?.maxTranslate ?? 0,
           minBoundaryLimit: g,
           maxBoundaryLimit: g
         }),
-        y: Ot({
+        y: Vt({
           targetTranslate: t.y,
           minTranslate: d?.minTranslate ?? 0,
           maxTranslate: d?.maxTranslate ?? 0,
@@ -590,28 +590,34 @@ function Qe({
         `${h.y}px`
       ), o.dataset.ocModalDragging = e ? "true" : "false", o.parentElement && (o.parentElement.dataset.ocModalDragging = e ? "true" : "false"), o.style.transition = e ? "none" : "";
     },
-    [K, i]
-  ), M = p(() => {
-    R.current?.destroy(), R.current = null, q();
-  }, [q]), J = p(
+    [J, i]
+  ), D = p(() => {
+    _.current?.destroy(), _.current = null, Q();
+  }, [Q]), Z = p(
     (t, e = z) => {
-      M(), H(t, {
+      D(), H(t, {
         active: !0,
         nextDismissible: e,
         rubberBand: !0
       });
     },
-    [H, M, z]
-  ), D = p(() => {
+    [H, D, z]
+  ), P = p(() => {
     const t = i.current;
     t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"), f.current?.style.removeProperty("transition"));
-  }, [f, i]), Ut = p(
-    ({ resetY: t = !0 } = {}) => {
-      const e = i.current;
-      e && (at.current = null, x.current.lastTranslateX = 0, e.style.removeProperty("--oc-modal-translate-x"), t && (x.current.lastTranslate = 0, e.style.removeProperty("--oc-modal-translate-y")), D());
+  }, [f, i]), Wt = p(() => {
+    const t = i.current, e = t?.parentElement;
+    x.current.lastTranslate = 0, t?.style.removeProperty("--oc-modal-translate-y"), t?.style.removeProperty("--_-modal-elevation-shadow-opacity"), e?.style.removeProperty("--oc-modal-overshoot-fill-height"), f.current?.style.removeProperty("--oc-modal-backdrop-opacity"), P();
+  }, [f, P, i]), $t = p(
+    ({
+      preserveSnapPosition: t = !1,
+      resetY: e = !0
+    } = {}) => {
+      const o = i.current;
+      o && (t || ($.current = null), x.current.lastTranslateX = 0, o.style.removeProperty("--oc-modal-translate-x"), e && (x.current.lastTranslate = 0, o.style.removeProperty("--oc-modal-translate-y")), P());
     },
-    [D, i]
-  ), A = p(
+    [P, i]
+  ), k = p(
     (t, {
       initialVelocity: e = 0,
       intent: o = "sheet",
@@ -621,10 +627,10 @@ function Qe({
     } = {}) => {
       const d = i.current;
       if (!d) return;
-      M();
-      const g = s ?? Vt(d);
+      D();
+      const g = s ?? Nt(d);
       if (Math.abs(g - t) < 0.5) {
-        H(t, { active: !1 }), D(), u?.();
+        H(t, { active: !1 }), P(), u?.();
         return;
       }
       H(g, { active: !0 });
@@ -635,7 +641,7 @@ function Qe({
         reduced: "preserve",
         reducedMotion: !1,
         property: "transform"
-      }), h = It({
+      }), h = Ot({
         value: g,
         target: t,
         velocity: e,
@@ -643,30 +649,30 @@ function Qe({
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
-        onUpdate: (v) => {
-          H(v, { active: !0 });
+        onUpdate: (S) => {
+          H(S, { active: !0 });
         },
         onComplete: () => {
-          R.current === h && (R.current = null), H(t, { active: !1 }), D(), u?.();
+          _.current === h && (_.current = null), H(t, { active: !1 }), P(), u?.();
         }
       });
-      R.current = h;
+      _.current = h;
     },
-    [H, M, D, i]
-  ), _ = p(
+    [H, D, P, i]
+  ), R = p(
     (t, {
       from: e,
       initialVelocity: o = { x: 0, y: 0 }
     } = {}) => {
       const c = i.current;
       if (!c) return;
-      M();
-      const s = e ?? le(c), u = { x: t.x, y: t.y };
+      D();
+      const s = e ?? ce(c), u = { x: t.x, y: t.y };
       if (ut(s, u) < 0.5) {
-        Y(u, { active: !1 }), D();
+        E(u, { active: !1 }), P();
         return;
       }
-      Y(s, { active: !0 });
+      E(s, { active: !0 });
       const g = At({
         element: c,
         intent: "gesture",
@@ -674,7 +680,7 @@ function Qe({
         reduced: "preserve",
         reducedMotion: !1,
         property: "transform"
-      }), m = It({
+      }), m = Ot({
         value: s,
         target: u,
         velocity: o,
@@ -683,76 +689,76 @@ function Qe({
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
         onUpdate: (h) => {
-          Y(h, { active: !0 });
+          E(h, { active: !0 });
         },
         onComplete: () => {
-          R.current === m && (R.current = null), Y(u, { active: !1 }), D();
+          _.current === m && (_.current = null), E(u, { active: !1 }), P();
         }
       });
-      R.current = m;
+      _.current = m;
     },
     [
-      Y,
-      M,
+      E,
       D,
+      P,
       i
     ]
-  ), Q = p(() => {
+  ), tt = p(() => {
     const t = V.current;
     if (!t) return null;
     const e = t.sample();
-    return Y(e.value, { active: !0 }), e;
-  }, [Y]), Wt = p(
+    return E(e.value, { active: !0 }), e;
+  }, [E]), Gt = p(
     (t) => {
       if (!i.current) return null;
-      M(), Y(t, { active: !0 });
-      const o = It({
+      D(), E(t, { active: !0 });
+      const o = Ot({
         value: t,
         target: t,
-        spring: Ee,
+        spring: Le,
         autoplay: !1,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
         onUpdate: (c) => {
-          Y(c, { active: !0 });
+          E(c, { active: !0 });
         },
         onComplete: () => {
           const c = ft.current;
-          !c || V.current !== o || (q({ destroy: !1 }), Y(c, { active: !1 }), D());
+          !c || V.current !== o || (Q({ destroy: !1 }), E(c, { active: !1 }), P());
         }
       });
       return V.current = o, o;
     },
     [
-      Y,
-      M,
-      q,
+      E,
       D,
+      Q,
+      P,
       i
     ]
-  ), $t = p(
+  ), Kt = p(
     (t) => {
-      const e = V.current ?? Wt(G());
+      const e = V.current ?? Gt(q());
       e && (ft.current = null, e.setTarget(t));
     },
-    [G, Wt]
-  ), Z = p(
+    [q, Gt]
+  ), et = p(
     (t, e) => {
       const o = St(t, e);
-      return $t(o), Q(), o;
+      return Kt(o), tt(), o;
     },
-    [Q, $t]
+    [tt, Kt]
   ), xt = p(
     (t) => {
       const e = i.current, o = V.current;
       if (!e || !o) {
-        _(t);
+        R(t);
         return;
       }
-      const s = Q() ? Tt() : o.value, u = { x: t.x, y: t.y };
+      const s = tt() ? yt() : o.value, u = { x: t.x, y: t.y };
       if (ut(s, u) < 0.5) {
-        q(), Y(u, { active: !1 }), D();
+        Q(), E(u, { active: !1 }), P();
         return;
       }
       const d = At({
@@ -766,35 +772,35 @@ function Qe({
       ft.current = u, o.setTarget(u, { spring: d.spring });
     },
     [
-      Y,
-      q,
-      D,
-      Tt,
+      E,
       Q,
-      _,
+      P,
+      yt,
+      tt,
+      R,
       i
     ]
-  ), wt = p(
+  ), Pt = p(
     ({
       key: t,
       settle: e
     }) => {
       if (x.current.dragging) return !1;
-      const o = K();
+      const o = J();
       if (!o) return !1;
       const c = (t ? o.targets.find((s) => s.key === t) : void 0) ?? o.defaultTarget;
-      return at.current = c.key, e ? _(c) : (M(), Y(c, { active: !1 }), D()), !0;
+      return $.current = c.key, e ? R(c) : (D(), E(c, { active: !1 }), P()), !0;
     },
     [
-      Y,
-      M,
+      E,
       D,
-      K,
-      _
+      P,
+      J,
+      R
     ]
-  ), Gt = p(
+  ), qt = p(
     (t, { from: e, initialVelocity: o = 0 }) => {
-      A(t, {
+      k(t, {
         from: e,
         initialVelocity: o,
         onComplete: () => {
@@ -802,24 +808,25 @@ function Qe({
         }
       });
     },
-    [pt, A]
+    [pt, k]
   );
   kt(
     () => () => {
-      M(), i.current && D();
+      D(), i.current && P();
     },
-    [M, D, i]
-  ), lt(() => {
+    [D, P, i]
+  ), ot(() => {
     if (!l || !r || a !== "bottom") {
       bt.current = l;
       return;
     }
+    Lt.current = !0;
     const t = bt.current;
     bt.current = !0;
-    const e = F === "peeked" ? k() : O;
+    const e = F === "peeked" ? B() : O;
     if (!t) {
-      const o = B();
-      H(o, { active: !0 }), A(e, {
+      const o = A();
+      H(o, { active: !0 }), k(e, {
         from: o,
         intent: "sheet",
         phase: "enter"
@@ -827,60 +834,66 @@ function Qe({
       return;
     }
     if (F === "peeked") {
-      A(k());
+      k(B());
       return;
     }
     if (Et.current) {
       Et.current = !1;
       return;
     }
-    A(O);
+    k(O);
   }, [
     r,
-    k,
     B,
+    A,
     l,
     a,
     F,
     H,
-    A,
+    k,
     O
-  ]), lt(() => {
+  ]), ot(() => {
+    a !== "bottom" && Lt.current && (Lt.current = !1, D(), Wt());
+  }, [D, a, Wt]), ot(() => {
     if (!l || !r || !X) {
-      const c = !l && a === "popup" && ot.current;
-      ot.current && !c && (N.current !== null && (window.cancelAnimationFrame(N.current), N.current = null), M(), Ut()), ot.current && c && (M(), D()), Lt.current = l && a === "popup", ot.current = !1;
+      const c = !l && a === "popup" && G.current, s = l && a !== "popup" && G.current;
+      G.current && !c && (N.current !== null && (window.cancelAnimationFrame(N.current), N.current = null), D(), $t({
+        preserveSnapPosition: s
+      })), G.current && c && (D(), P()), Ft.current = l && a === "popup", G.current = !1;
       return;
     }
-    const t = Lt.current;
-    Lt.current = !0, ot.current = !0;
+    const t = Ft.current;
+    Ft.current = !0, G.current = !0;
     let e = null;
-    const o = (c) => wt({
+    const o = (c) => Pt({
       key: c,
       settle: t
     });
-    return o(gt.current) || (e = window.requestAnimationFrame(() => {
+    return o(
+      $.current ?? gt.current
+    ) || (e = window.requestAnimationFrame(() => {
       e = null, o(
-        at.current ?? gt.current
+        $.current ?? gt.current
       );
     })), () => {
       e !== null && window.cancelAnimationFrame(e);
     };
   }, [
-    M,
-    r,
     D,
+    r,
+    P,
     l,
     a,
-    zt,
+    _t,
     X,
-    Ut,
-    wt
-  ]), lt(() => {
+    $t,
+    Pt
+  ]), ot(() => {
     if (!l || !r || !X) return;
     const t = () => {
       x.current.dragging || N.current === null && (N.current = window.requestAnimationFrame(() => {
-        N.current = null, !x.current.dragging && wt({
-          key: at.current,
+        N.current = null, !x.current.dragging && Pt({
+          key: $.current,
           settle: !1
         });
       }));
@@ -895,16 +908,16 @@ function Qe({
     l,
     X,
     i,
-    wt
+    Pt
   ]);
-  const Kt = p(
+  const Jt = p(
     (t, e, o) => {
-      if (typeof Element > "u" || !(t instanceof Element) || Ct(t)) return !1;
-      const c = Date.now(), s = e > 0, u = Se(t, U.current);
-      return !o && u && s && u.scrollTop > 0 || !o && dt.current && c - dt.current < Ht && Math.abs(ht()) <= 1 ? (dt.current = c, !1) : !0;
+      if (typeof Element > "u" || !(t instanceof Element) || It(t)) return !1;
+      const c = Date.now(), s = e > 0, u = Me(t, U.current);
+      return !o && u && s && u.scrollTop > 0 || !o && dt.current && c - dt.current < jt && Math.abs(ht()) <= 1 ? (dt.current = c, !1) : !0;
     },
-    [ht, Ht]
-  ), Pt = p(
+    [ht, jt]
+  ), wt = p(
     ({
       chrome: t,
       pointerId: e = null,
@@ -913,7 +926,7 @@ function Qe({
       startY: s,
       touchId: u = null
     }) => {
-      const d = yt(), g = G(), m = it();
+      const d = Tt(), g = q(), m = it();
       x.current = {
         dragging: !0,
         allowed: !1,
@@ -943,15 +956,15 @@ function Qe({
         touchId: u
       };
     },
-    [yt, G]
-  ), tt = p(
+    [Tt, q]
+  ), rt = p(
     (t) => {
-      t.source === "touch" && $(!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" && K(!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;
     },
-    [$]
-  ), qt = p(
+    [K]
+  ), Qt = p(
     (t, e) => {
-      const o = yt(), c = G();
+      const o = Tt(), c = q();
       t.startX = e.x, t.startY = e.y, t.lastX = e.x, t.lastY = e.y, t.startTranslateX = c.x, t.startTranslate = o, t.lastTranslateX = c.x, t.lastTranslate = o, t.startTime = it(), t.samples = [
         {
           time: t.startTime,
@@ -962,8 +975,8 @@ function Qe({
         }
       ];
     },
-    [yt, G]
-  ), Jt = p(
+    [Tt, q]
+  ), Zt = p(
     ({
       currentTranslate: t,
       dismissible: e,
@@ -971,37 +984,37 @@ function Qe({
       deltaY: c,
       startTranslate: s
     }) => {
-      const u = B(), d = k(), g = d > 0, m = u, h = Math.max(
+      const u = A(), d = B(), g = d > 0, m = u, h = Math.max(
         b.dismissal.minDistancePx,
         (u - d) * Mt
-      ), v = y.map(
+      ), S = T.map(
         (I) => L(u - I, 0, u)
-      ), j = ee(
-        v.length ? v : [0]
-      ), C = Ie({
+      ), j = ne(
+        S.length ? S : [0]
+      ), C = Ve({
         currentTranslate: t,
         releaseVelocity: o
       });
       g && j.push(d);
-      const st = ee(j);
-      return e && !g && c > 0 && t >= d + h ? m : Ve(o) ? st.length > 1 ? Ae(
-        st,
+      const lt = ne(j);
+      return e && !g && c > 0 && t >= d + h ? m : He(o) ? lt.length > 1 ? Ce(
+        lt,
         s,
         t,
         c > 0 ? "down" : "up",
         C
-      ) : 0 : e && t > u * Mt && !g ? m : Fe(st, t);
+      ) : 0 : e && t > u * Mt && !g ? m : ke(lt, t);
     },
-    [Mt, k, B, y]
-  ), me = p(
+    [Mt, B, A, T]
+  ), ye = p(
     (t) => {
-      if (!r || a !== "bottom" && !X || n === !1 || t.pointerType === "touch" || Ct(t.target)) return;
+      if (!r || a !== "bottom" && !X || n === !1 || t.pointerType === "touch" || It(t.target)) return;
       let e = !1;
       if (n === "handle" && t.target instanceof Element && t.target.closest('[data-oc-part="handle"]'))
         e = !0;
       else if (n === "handle")
         return;
-      n === "content" && (e = ae(t.target), !Be(t, e)) || (Pt({
+      n === "content" && (e = se(t.target), !Ie(t, e)) || (wt({
         chrome: e,
         pointerId: t.pointerId,
         source: "pointer",
@@ -1009,17 +1022,17 @@ function Qe({
         startY: t.pageY
       }), t.currentTarget.setPointerCapture(t.pointerId));
     },
-    [Pt, n, r, a, X]
-  ), et = p(
+    [wt, n, r, a, X]
+  ), nt = p(
     (t, e) => {
       if (!z) return !1;
       if (e <= 0) return !0;
       if (t.closeAllowed !== null) return t.closeAllowed;
-      const o = Nt({ reason: "drag-dismiss" });
+      const o = Ht({ reason: "drag-dismiss" });
       return t.closeAllowed = o, o;
     },
-    [Nt, z]
-  ), Xt = p(
+    [Ht, z]
+  ), vt = p(
     ({
       closeAllowed: t,
       currentTranslate: e,
@@ -1027,80 +1040,80 @@ function Qe({
       releaseVelocity: c,
       startTranslate: s
     }) => {
-      const d = Jt({
+      const d = Zt({
         currentTranslate: e,
         dismissible: z && t !== !1,
         releaseVelocity: c,
         deltaY: o,
         startTranslate: s
-      }), g = B(), m = k();
+      }), g = A(), m = B();
       if (d >= g - 1) {
-        pt({ reason: "drag-dismiss" }, { commit: !1 }) ? Gt(d, {
+        pt({ reason: "drag-dismiss" }, { commit: !1 }) ? qt(d, {
           from: e,
           initialVelocity: c
-        }) : A(s, {
+        }) : k(s, {
           from: e,
           initialVelocity: c
         });
         return;
       }
-      m > 0 && d >= m - 1 ? Yt("peeked") : (je({
+      m > 0 && d >= m - 1 ? Yt("peeked") : (_e({
         presentationState: F,
         releaseTranslate: d,
         visibleTranslate: O
-      }) && (Et.current = !0), Yt("visible")), A(d, {
+      }) && (Et.current = !0), Yt("visible")), k(d, {
         from: e,
         initialVelocity: c
       });
     },
     [
-      Gt,
+      qt,
       z,
-      k,
-      Jt,
       B,
+      Zt,
+      A,
       F,
       pt,
       Yt,
-      A,
+      k,
       O
     ]
-  ), Dt = p(
+  ), Xt = p(
     ({ currentTranslate: t, releaseVelocity: e }) => {
-      const o = K();
+      const o = J();
       if (!o) return;
-      const c = He({
+      const c = ze({
         currentTranslate: t,
         releaseVelocity: e,
         targets: o.targets
       });
-      if (at.current = c.key, V.current) {
+      if ($.current = c.key, V.current) {
         xt(c);
         return;
       }
-      _(c, {
+      R(c, {
         from: t,
         initialVelocity: e
       });
     },
-    [K, xt, _]
-  ), he = p(
+    [J, xt, R]
+  ), Te = p(
     (t) => {
       const e = x.current;
       if (!e.dragging || e.source !== "pointer" || !r || a !== "bottom" && !X)
         return;
       const o = t.pageX - e.startX, c = t.pageY - e.startY, s = t.pointerType === "touch" ? b.dragStartThresholdPx.touch : b.dragStartThresholdPx.mouse;
-      if (!(!e.started && re({ deltaX: o, deltaY: c, placement: a }) < s)) {
+      if (!(!e.started && oe({ deltaX: o, deltaY: c, placement: a }) < s)) {
         if (!e.allowed) {
-          if (a === "bottom" && !Kt(t.target, c, e.chrome))
+          if (a === "bottom" && !Jt(t.target, c, e.chrome))
             return;
           e.allowed = !0, e.started = !0;
         }
         if (t.preventDefault(), e.lastX = t.pageX, e.lastY = t.pageY, a === "popup")
-          Z(e, t), ie(e, t);
+          et(e, t), ue(e, t);
         else {
-          const u = e.startTranslate + c, d = et(e, c);
-          J(u, d), ct(e, {
+          const u = e.startTranslate + c, d = nt(e, c);
+          Z(u, d), ct(e, {
             pageX: t.pageX,
             pageY: t.pageY,
             translateX: e.lastTranslateX,
@@ -1111,12 +1124,12 @@ function Qe({
     },
     [
       r,
-      Z,
       et,
+      nt,
       a,
       X,
-      J,
-      Kt
+      Z,
+      Jt
     ]
   ), W = p(
     ({
@@ -1128,7 +1141,7 @@ function Qe({
       const s = x.current;
       if (!s.dragging || s.source !== "pointer" || !r || a !== "bottom" && !X)
         return;
-      const u = s.started, d = Number.isFinite(e) ? e : s.lastX, g = Number.isFinite(o) ? o : s.lastY, m = d - s.startX, h = g - s.startY, v = Math.max(it() - s.startTime, 1);
+      const u = s.started, d = Number.isFinite(e) ? e : s.lastX, g = Number.isFinite(o) ? o : s.lastY, m = d - s.startX, h = g - s.startY, S = Math.max(it() - s.startTime, 1);
       let j = {
         x: s.lastTranslateX,
         y: s.lastTranslate
@@ -1136,7 +1149,7 @@ function Qe({
       const C = s.startTranslate;
       if (u)
         if (a === "popup")
-          Z(s, {
+          et(s, {
             pageX: d,
             pageY: g
           }), j = {
@@ -1144,13 +1157,13 @@ function Qe({
             y: s.lastTranslate
           };
         else {
-          const I = s.startTranslate + h, Pe = et(s, h);
-          J(I, Pe), j = {
+          const I = s.startTranslate + h, Xe = nt(s, h);
+          Z(I, Xe), j = {
             x: s.lastTranslateX,
             y: s.lastTranslate
           };
         }
-      const st = s.closeAllowed;
+      const lt = s.closeAllowed;
       if (c && t && s.pointerId !== null && t.hasPointerCapture(s.pointerId) && t.releasePointerCapture(s.pointerId), u) {
         const I = a === "popup" ? St(s, {
           pageX: d,
@@ -1166,25 +1179,25 @@ function Qe({
           translateY: I.y
         });
       }
-      if (tt(s), !!u)
+      if (rt(s), !!u)
         if (a === "popup") {
-          const I = ue({
+          const I = de({
             session: s,
             fallbackDelta: { x: m, y: h },
-            fallbackElapsed: v
+            fallbackElapsed: S
           });
-          Dt({
+          Xt({
             currentTranslate: j,
             releaseVelocity: I
           });
         } else {
-          const I = ce({
+          const I = pe({
             session: s,
             fallbackDeltaY: h,
-            fallbackElapsed: v
+            fallbackElapsed: S
           });
-          Xt({
-            closeAllowed: st,
+          vt({
+            closeAllowed: lt,
             currentTranslate: j.y,
             deltaY: h,
             releaseVelocity: I,
@@ -1193,17 +1206,17 @@ function Qe({
         }
     },
     [
+      vt,
       Xt,
-      Dt,
       r,
-      Z,
       et,
+      nt,
       a,
       X,
-      tt,
-      J
+      rt,
+      Z
     ]
-  ), Qt = p(
+  ), te = p(
     (t) => {
       W({
         currentTarget: t.currentTarget,
@@ -1212,7 +1225,7 @@ function Qe({
       });
     },
     [W]
-  ), Te = p(
+  ), xe = p(
     (t) => {
       const e = x.current;
       e.pointerId !== null && t.pointerId !== e.pointerId || W({
@@ -1266,23 +1279,23 @@ function Qe({
       ), window.removeEventListener("blur", e);
     };
   }, [W, r]);
-  const vt = p((t) => {
+  const Dt = p((t) => {
     const e = x.current;
-    return e.touchId !== null ? se(t.changedTouches, e.touchId) ?? se(t.touches, e.touchId) : t.touches[0] ?? t.changedTouches[0] ?? null;
-  }, []), ye = p(
+    return e.touchId !== null ? ie(t.changedTouches, e.touchId) ?? ie(t.touches, e.touchId) : t.touches[0] ?? t.changedTouches[0] ?? null;
+  }, []), Pe = p(
     (t) => {
-      if (!r || a !== "bottom" && !X || n === !1 || t.touches.length !== 1 || Ct(t.target)) return;
+      if (!r || a !== "bottom" && !X || n === !1 || t.touches.length !== 1 || It(t.target)) return;
       let e = !1;
       if (n === "handle" && t.target instanceof Element && t.target.closest('[data-oc-part="handle"]'))
         e = !0;
       else if (n === "handle")
         return;
-      n === "content" && (e = ae(t.target));
+      n === "content" && (e = se(t.target));
       const o = t.touches[0];
       a === "bottom" && mt({
         target: t.target,
         chrome: e
-      }), Pt({
+      }), wt({
         chrome: e,
         source: "touch",
         startX: o.pageX,
@@ -1291,30 +1304,30 @@ function Qe({
       });
     },
     [
-      Pt,
+      wt,
       n,
       r,
       a,
       X,
       mt
     ]
-  ), Zt = p(
+  ), ee = p(
     (t) => {
       const e = x.current;
       if (!e.dragging || e.source !== "touch" || !r || a !== "bottom" && !X)
         return;
-      const o = vt(t);
+      const o = Dt(t);
       if (!o) return;
-      const c = o.pageX - e.startX, s = o.pageY - e.startY, u = re({
+      const c = o.pageX - e.startX, s = o.pageY - e.startY, u = oe({
         deltaX: c,
         deltaY: s,
         placement: a
-      }), d = b.dragStartThresholdPx.touch, g = a === "bottom" ? Ye({
+      }), d = b.dragStartThresholdPx.touch, g = a === "bottom" ? Ee({
         target: t.target,
         deltaY: s,
         chrome: e.chrome,
         bodyNode: U.current
-      }) : Me({
+      }) : be({
         target: t.target,
         bodyNode: U.current
       });
@@ -1323,18 +1336,18 @@ function Qe({
         !h && a === "bottom" && mt({
           target: t.target,
           chrome: e.chrome
-        }), h || te(t);
+        }), h || re(t);
       }
       if (g.resetAnchor) {
-        $(!1), qt(e, { x: o.pageX, y: o.pageY });
+        K(!1), Qt(e, { x: o.pageX, y: o.pageY });
         return;
       }
       if (g.allowDrag && !(!e.started && u < d))
-        if (e.allowed || (e.allowed = !0, e.started = !0), g.preventDefault || te(t), e.lastX = o.pageX, e.lastY = o.pageY, a === "popup")
-          Z(e, o), ie(e, o);
+        if (e.allowed || (e.allowed = !0, e.started = !0), g.preventDefault || re(t), e.lastX = o.pageX, e.lastY = o.pageY, a === "popup")
+          et(e, o), ue(e, o);
         else {
-          const m = e.startTranslate + s, h = et(e, s);
-          J(m, h), ct(e, {
+          const m = e.startTranslate + s, h = nt(e, s);
+          Z(m, h), ct(e, {
             pageX: o.pageX,
             pageY: o.pageY,
             translateX: e.lastTranslateX,
@@ -1344,21 +1357,21 @@ function Qe({
     },
     [
       r,
-      Z,
       et,
-      vt,
+      nt,
+      Dt,
       a,
       X,
-      qt,
-      $,
-      J,
+      Qt,
+      K,
+      Z,
       mt
     ]
   );
   kt(() => {
     if (!l || !r || a !== "bottom" && !X || n === !1 || typeof window > "u") return;
     const t = (e) => {
-      Zt(e);
+      ee(e);
     };
     return window.addEventListener("touchmove", t, {
       capture: !0,
@@ -1366,15 +1379,15 @@ function Qe({
     }), () => {
       window.removeEventListener("touchmove", t, !0);
     };
-  }, [n, r, Zt, l, a, X]);
-  const xe = p(
+  }, [n, r, ee, l, a, X]);
+  const we = p(
     (t) => {
       const e = x.current;
       if (!e.dragging || e.source !== "touch" || !r || a !== "bottom" && !X)
         return;
-      const o = vt(t), c = o?.pageX ?? e.lastX, s = o?.pageY ?? e.lastY, u = e.started, d = e.closeAllowed, g = c - e.startX, m = s - e.startY, h = Math.max(it() - e.startTime, 1);
-      a === "popup" && Q();
-      const v = {
+      const o = Dt(t), c = o?.pageX ?? e.lastX, s = o?.pageY ?? e.lastY, u = e.started, d = e.closeAllowed, g = c - e.startX, m = s - e.startY, h = Math.max(it() - e.startTime, 1);
+      a === "popup" && tt();
+      const S = {
         x: e.lastTranslateX,
         y: e.lastTranslate
       }, j = e.startTranslate;
@@ -1393,26 +1406,26 @@ function Qe({
           translateY: C.y
         });
       }
-      if (tt(e), !!u)
+      if (rt(e), !!u)
         if (a === "popup") {
-          const C = ue({
+          const C = de({
             session: e,
             fallbackDelta: { x: g, y: m },
             fallbackElapsed: h
           });
-          Dt({
-            currentTranslate: v,
+          Xt({
+            currentTranslate: S,
             releaseVelocity: C
           });
         } else {
-          const C = ce({
+          const C = pe({
             session: e,
             fallbackDeltaY: m,
             fallbackElapsed: h
           });
-          Xt({
+          vt({
             closeAllowed: d,
-            currentTranslate: v.y,
+            currentTranslate: S.y,
             deltaY: m,
             releaseVelocity: C,
             startTranslate: j
@@ -1420,16 +1433,16 @@ function Qe({
         }
     },
     [
+      vt,
       Xt,
-      Dt,
       r,
-      vt,
+      Dt,
       a,
       X,
-      tt,
-      Q
+      rt,
+      tt
     ]
-  ), we = p(() => {
+  ), ve = p(() => {
     const t = x.current;
     if (!t.dragging || t.source !== "touch") return;
     const e = t.started, o = t.startTranslate, c = t.lastTranslate, s = {
@@ -1439,31 +1452,31 @@ function Qe({
       x: t.lastTranslateX,
       y: t.lastTranslate
     }, d = a;
-    if (tt(t), !!e) {
+    if (rt(t), !!e) {
       if (d === "popup") {
-        V.current ? xt(s) : _(s, { from: u });
+        V.current ? xt(s) : R(s, { from: u });
         return;
       }
-      A(o, { from: c });
+      k(o, { from: c });
     }
   }, [
     a,
-    tt,
+    rt,
     xt,
-    _,
-    A
+    R,
+    k
   ]);
   return {
-    onPointerDown: me,
-    onPointerMove: he,
-    onPointerUp: Qt,
-    onPointerCancel: Qt,
-    onLostPointerCapture: Te,
-    onTouchStart: ye,
-    onTouchEnd: xe,
-    onTouchCancel: we
+    onPointerDown: ye,
+    onPointerMove: Te,
+    onPointerUp: te,
+    onPointerCancel: te,
+    onLostPointerCapture: xe,
+    onTouchStart: Pe,
+    onTouchEnd: we,
+    onTouchCancel: ve
   };
 }
 export {
-  Qe as useModalDrag
+  tr as useModalDrag
 };