@orioncactuscorp/ui 1.12.2 → 1.14.0

package/dist/components/Modal/useModalDrag.js

@@ -1,9 +1,9 @@
-import { useRef as w, useLayoutEffect as G, useCallback as p, useEffect as Nt } from "react";
+import { useRef as S, useLayoutEffect as K, useCallback as f, useEffect as Nt } from "react";
 import { ocSpring as sr } from "../../utils/spring.js";
 import { resolveOcMotion as Qt } from "../../utils/motion.js";
 import { resolveModalPopupSnapPositions as ir } from "./snapPoints.js";
-import { setModalBodyTouchScrollLock as Zt, shouldLockModalBodyTouchScroll as lr, shouldIgnoreDragTarget as qt, getScrollableAncestor as cr, hasActiveTextSelection as ur, getBottomTouchDragDecision as dr, getPopupTouchDragDecision as pr } from "./modalScrollArbitration.js";
-import { resolveResizedBottomSheetTranslate as fr, resolveBottomSheetRestState as gr, resolveUndimmedCollapseTranslate as mr } from "./bottomSheetGeometry.js";
+import { setModalBodyTouchScrollLock as Zt, shouldLockModalBodyTouchScroll as lr, shouldIgnoreDragTarget as qt, getScrollableAncestor as cr, hasActiveTextSelection as ur, getBottomTouchDragDecision as dr, getPopupTouchDragDecision as fr } from "./modalScrollArbitration.js";
+import { resolveResizedBottomSheetTranslate as pr, resolveBottomSheetRestState as mr, resolveUndimmedCollapseTranslate as gr } from "./bottomSheetGeometry.js";
 import { createSpringAnimator as te } from "../../utils/spring/animator.js";
 const k = {
   dragStartThresholdPx: {
@@ -75,21 +75,21 @@ function Pr(r, o, s) {
   return r[0] ?? 0;
 }
 function vr(r, o, s, n, i = s) {
-  const m = Pr(r, o, n), x = n === "down" ? Math.max(s, i) : Math.min(s, i);
+  const g = Pr(r, o, n), x = n === "down" ? Math.max(s, i) : Math.min(s, i);
   if (n === "down") {
     if (r.filter(
       (V) => V > o + 1 && V <= s + 1
-    ).length === 0) return m;
+    ).length === 0) return g;
     const ot = r.filter(
       (V) => V > o + 1 && V <= x + 1
     );
-    return ot[ot.length - 1] ?? m;
+    return ot[ot.length - 1] ?? g;
   }
   return r.filter(
     (E) => E < o - 1 && E >= s - 1
-  ).length === 0 ? m : r.filter(
+  ).length === 0 ? g : r.filter(
     (E) => E < o - 1 && E >= x - 1
-  )[0] ?? m;
+  )[0] ?? g;
 }
 function Ne(r, o) {
   if (o <= 0) return 0;
@@ -221,9 +221,9 @@ function je({
 }) {
   const n = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: y } = k.releaseVelocity;
   if (n) {
-    const m = n.time - y, x = r.samples.find((v) => v.time >= m) ?? r.samples[0];
+    const g = n.time - y, x = r.samples.find((w) => w.time >= g) ?? r.samples[0];
     if (x && x !== n) {
-      const v = Math.max(n.time - x.time, 1), L = (n.translateY - x.translateY) / v * 1e3;
+      const w = Math.max(n.time - x.time, 1), L = (n.translateY - x.translateY) / w * 1e3;
       if (Number.isFinite(L))
         return I(L, -i, i);
     }
@@ -241,11 +241,11 @@ function _e({
 }) {
   const n = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: y } = k.releaseVelocity;
   if (n) {
-    const m = n.time - y, x = r.samples.find((v) => v.time >= m) ?? r.samples[0];
+    const g = n.time - y, x = r.samples.find((w) => w.time >= g) ?? r.samples[0];
     if (x && x !== n) {
-      const v = Math.max(n.time - x.time, 1), L = {
-        x: (n.translateX - x.translateX) / v * 1e3,
-        y: (n.translateY - x.translateY) / v * 1e3
+      const w = Math.max(n.time - x.time, 1), L = {
+        x: (n.translateX - x.translateX) / w * 1e3,
+        y: (n.translateY - x.translateY) / w * 1e3
       };
       if (Number.isFinite(L.x) && Number.isFinite(L.y))
         return {
@@ -318,8 +318,8 @@ function Lr({
   if (!br(o))
     return We(s, r);
   const i = s.filter((y) => {
-    const m = y.x - r.x, x = y.y - r.y;
-    return m * o.x + x * o.y > 0;
+    const g = y.x - r.x, x = y.y - r.y;
+    return g * o.x + x * o.y > 0;
   });
   return We(
     i.length ? i : s,
@@ -346,16 +346,16 @@ function Cr({
   surfaceSize: s,
   targets: n
 }) {
-  const i = Qe(o.key), y = i === "center" ? Math.min(s.width, s.height) : s.height, m = Math.max(
+  const i = Qe(o.key), y = i === "center" ? Math.min(s.width, s.height) : s.height, g = Math.max(
     k.dismissal.minDistancePx,
     y * r
   );
-  if (i !== "center") return m;
+  if (i !== "center") return g;
   const x = Ar({
     target: o,
     targets: n
   });
-  return !x || !Number.isFinite(x) ? m : Math.max(m, x * 0.75);
+  return !x || !Number.isFinite(x) ? g : Math.max(g, x * 0.75);
 }
 function kr({
   currentTarget: r,
@@ -379,11 +379,11 @@ function Br({
   targets: y
 }) {
   if (n.key !== o.key) return !1;
-  const m = kr({
+  const g = kr({
     currentTarget: o,
     currentTranslate: s
   });
-  return m <= 0 ? !1 : m >= Cr({
+  return g <= 0 ? !1 : g >= Cr({
     closeThreshold: r,
     currentTarget: o,
     surfaceSize: i,
@@ -432,7 +432,7 @@ function Nr({
   sheetHeight: o,
   surfaceMotion: s
 }) {
-  const n = s.parentElement?.getBoundingClientRect(), i = n?.top ?? 0, y = n && n.height > 0 ? n.height : window.innerHeight, m = s.getBoundingClientRect(), x = re(s), v = m.top - x + r, L = Math.max(v - i, 0), { observedViewportLimitRatio: E } = k.rubberBand;
+  const n = s.parentElement?.getBoundingClientRect(), i = n?.top ?? 0, y = n && n.height > 0 ? n.height : window.innerHeight, g = s.getBoundingClientRect(), x = re(s), w = g.top - x + r, L = Math.max(w - i, 0), { observedViewportLimitRatio: E } = k.rubberBand;
   return {
     minBoundaryLimit: Ke({
       limit: L,
@@ -454,17 +454,17 @@ function Vr({
 }) {
   const i = o > 0 ? Math.max(0, r - o) : 0;
   if (n !== void 0) {
-    let m = -1;
+    let g = -1;
     for (const x of s)
-      x < n - 0.5 && x > m && (m = x);
+      x < n - 0.5 && x > g && (g = x);
     return {
       dimmedHeight: n,
-      undimmedHeight: m >= 0 ? m : i
+      undimmedHeight: g >= 0 ? g : i
     };
   }
   let y = r;
-  for (const m of s)
-    m < y && (y = m);
+  for (const g of s)
+    g < y && (y = g);
   return { dimmedHeight: y, undimmedHeight: i };
 }
 function zr({
@@ -475,7 +475,7 @@ function zr({
   rubberBandLimits: i,
   backdropBoundaries: y
 }) {
-  const m = I(
+  const g = I(
     r ? ee({
       targetTranslate: o,
       ...i,
@@ -483,12 +483,12 @@ function zr({
     }) : o,
     n.minTranslate - i.minBoundaryLimit,
     n.maxTranslate + i.maxBoundaryLimit
-  ), x = Math.max(-m, 0), v = Math.max(m, 0), E = (s - v - y.undimmedHeight) / Math.max(
+  ), x = Math.max(-g, 0), w = Math.max(g, 0), E = (s - w - y.undimmedHeight) / Math.max(
     y.dimmedHeight - y.undimmedHeight,
     1
   );
   return {
-    translate: m,
+    translate: g,
     overshootFillHeight: x,
     backdropOpacity: I(E, 0, 1)
   };
@@ -500,9 +500,9 @@ function Gr({
   placement: n,
   surfaceMotionRef: i,
   surfaceMotionNode: y,
-  backdropRef: m,
+  backdropRef: g,
   bodyNode: x,
-  snapHeights: v = yr,
+  snapHeights: w = yr,
   sheetHeight: L,
   backdropFromHeight: E,
   onBackdropDimRestChange: ot,
@@ -523,7 +523,7 @@ function Gr({
   scrollLockTimeout: se = 500,
   popupSnapLayoutVersion: ie = 0
 }) {
-  const Y = w({
+  const Y = S({
     dragging: !1,
     allowed: !1,
     chrome: !1,
@@ -543,30 +543,30 @@ function Gr({
     samples: [],
     pointerId: null,
     touchId: null
-  }), j = w(x), Ut = w(null), le = w(Ht), ce = w(!1), ue = w(!1), Ze = w((t) => {
+  }), j = S(x), Ut = S(null), le = S(Ht), ce = S(!1), ue = S(!1), Ze = S((t) => {
     t.preventDefault();
-  }), Mt = w(0), jt = w(!1), $ = w(null), U = w(
+  }), Mt = S(0), jt = S(!1), $ = S(null), U = S(
     null
-  ), Yt = w(null), K = w(null), xt = w(0), _ = w(null), _t = w(!1), Wt = w(!1), de = w(z), Et = w({
+  ), Yt = S(null), J = S(null), xt = S(0), _ = S(null), _t = S(!1), Wt = S(!1), de = S(z), Et = S({
     kind: "default-snap"
-  }), pe = w(L ?? null), fe = w(D), ge = w(v), Gt = w(!1), st = w(!1), b = Fr({
+  }), fe = S(L ?? null), pe = S(D), me = S(w), Gt = S(!1), st = S(!1), b = Fr({
     drag: o,
     placement: n,
     snapPositionCount: V.length
-  }), me = `${Xt ?? ""}:${V.join("|")}`, he = w(V), bt = w(Xt);
-  G(() => {
+  }), ge = `${Xt ?? ""}:${V.join("|")}`, he = S(V), bt = S(Xt);
+  K(() => {
     he.current = V, bt.current = Xt;
-  }, [Xt, me, V]), G(() => {
+  }, [Xt, ge, V]), K(() => {
     le.current = Ht;
-  }, [Ht]), G(() => {
+  }, [Ht]), K(() => {
     s || (Ut.current = null);
-  }, [s]), G(() => {
+  }, [s]), K(() => {
     const t = j.current;
     t && t !== x && Zt(t, !1), j.current = x, ce.current && Zt(x, !0);
   }, [x]);
-  const it = p((t) => {
+  const it = f((t) => {
     ce.current = t, Zt(j.current, t);
-  }, []), J = p((t) => {
+  }, []), Q = f((t) => {
     if (ue.current === t) return;
     ue.current = t;
     const e = Ze.current;
@@ -575,7 +575,7 @@ function Gr({
       return;
     }
     document.removeEventListener("selectstart", e, !0), document.removeEventListener("dragstart", e, !0);
-  }, []), Lt = p(
+  }, []), Lt = f(
     ({ chrome: t, target: e }) => {
       const a = lr({
         target: e,
@@ -585,23 +585,23 @@ function Gr({
       return it(a), a;
     },
     [it]
-  ), F = p(() => i.current?.getBoundingClientRect().height ?? window.innerHeight, [i]), At = p(() => {
+  ), O = f(() => i.current?.getBoundingClientRect().height ?? window.innerHeight, [i]), At = f(() => {
     if (zt !== void 0) return zt;
     if (ne === "header")
       return i.current?.querySelector('[data-oc-part="header"]')?.getBoundingClientRect().height ?? void 0;
-  }, [ne, zt, i]), Pt = p(
+  }, [ne, zt, i]), Pt = f(
     (t) => {
       const e = At();
       return e === void 0 || e <= 0 ? 0 : I(t - e, 0, t);
     },
     [At]
-  ), Q = p(() => {
+  ), Z = f(() => {
     const t = At();
-    return t === void 0 || t <= 0 ? 0 : Pt(F());
-  }, [At, Pt, F]), Kt = p(
-    () => z === "peeked" ? Q() : D,
-    [Q, z, D]
-  ), W = p(() => {
+    return t === void 0 || t <= 0 ? 0 : Pt(O());
+  }, [At, Pt, O]), Kt = f(
+    () => z === "peeked" ? Z() : D,
+    [Z, z, D]
+  ), W = f(() => {
     const t = i.current;
     if (!t) return Kt();
     const e = yt(
@@ -612,7 +612,7 @@ function Gr({
       window.getComputedStyle(t).getPropertyValue("--oc-modal-translate-y")
     );
     return a !== void 0 ? a : Kt();
-  }, [Kt, i]), Ct = p(() => {
+  }, [Kt, i]), Ct = f(() => {
     const t = i.current;
     if (!t) return { x: 0, y: 0 };
     const e = yt(
@@ -630,16 +630,16 @@ function Gr({
       x: yt(c.getPropertyValue("--oc-modal-translate-x")) ?? 0,
       y: yt(c.getPropertyValue("--oc-modal-translate-y")) ?? 0
     };
-  }, [i]), lt = p(() => {
+  }, [i]), lt = f(() => {
     const t = W(), e = re(i.current);
     return Math.abs(e - t) > 1 ? e : t;
-  }, [W, i]), vt = p(
+  }, [W, i]), vt = f(
     (t, e, a = 1) => Math.abs(t - e) <= a,
     []
-  ), ct = p(() => {
+  ), ct = f(() => {
     const t = Ct(), e = $e(i.current);
     return et(e, t) > 1 ? e : t;
-  }, [Ct, i]), O = p(
+  }, [Ct, i]), F = f(
     (t, {
       active: e,
       nextDismissible: a = H,
@@ -648,68 +648,68 @@ function Gr({
       peekTranslateOverride: u,
       settled: d
     }) => {
-      const f = i.current;
-      if (!f) return;
-      const g = l ?? F(), h = f.parentElement, M = u ?? Q(), C = Or({
+      const p = i.current;
+      if (!p) return;
+      const m = l ?? O(), h = p.parentElement, M = u ?? Z(), C = Or({
         dismissible: a,
         peekTranslate: M,
-        sheetHeight: g,
+        sheetHeight: m,
         visibleTranslate: D
       }), T = Nr({
         minTranslate: C.minTranslate,
-        sheetHeight: g,
-        surfaceMotion: f
-      }), P = zr({
+        sheetHeight: m,
+        surfaceMotion: p
+      }), v = zr({
         rubberBand: c,
         targetTranslate: t,
-        sheetHeight: g,
+        sheetHeight: m,
         bounds: C,
         rubberBandLimits: T,
         backdropBoundaries: Vr({
-          sheetHeight: g,
+          sheetHeight: m,
           peekTranslate: M,
-          snapHeights: v,
+          snapHeights: w,
           backdropFromHeight: E
         })
       });
-      Y.current.lastTranslate = P.translate, f.style.setProperty(
+      Y.current.lastTranslate = v.translate, p.style.setProperty(
         "--oc-modal-translate-y",
-        `${P.translate}px`
-      ), d === "frame" || !e ? f.style.setProperty(
+        `${v.translate}px`
+      ), d === "frame" || !e ? p.style.setProperty(
         "--oc-modal-settled-translate-y",
-        `${P.translate}px`
-      ) : typeof d == "number" && f.style.setProperty(
+        `${v.translate}px`
+      ) : typeof d == "number" && p.style.setProperty(
         "--oc-modal-settled-translate-y",
         `${d}px`
       );
-      const R = le.current ? 0 : P.backdropOpacity;
-      if (f.style.setProperty(
+      const R = le.current ? 0 : v.backdropOpacity;
+      if (p.style.setProperty(
         "--_-modal-elevation-shadow-opacity",
         String(1 - R)
-      ), f.dataset.ocModalDragging = e ? "true" : "false", h?.style.setProperty(
+      ), p.dataset.ocModalDragging = e ? "true" : "false", h?.style.setProperty(
         "--oc-modal-overshoot-fill-height",
-        `${P.overshootFillHeight}px`
-      ), h && (h.dataset.ocModalDragging = e ? "true" : "false"), e ? f.style.setProperty("transition", "none") : f.style.removeProperty("transition"), m.current && (m.current.style.setProperty(
+        `${v.overshootFillHeight}px`
+      ), h && (h.dataset.ocModalDragging = e ? "true" : "false"), e ? p.style.setProperty("transition", "none") : p.style.removeProperty("transition"), g.current && (g.current.style.setProperty(
         "--oc-modal-backdrop-opacity",
-        String(P.backdropOpacity)
-      ), m.current.style.transition = e ? "none" : ""), !e && n === "bottom" && ot) {
-        const B = E === void 0 || g - P.translate >= E - 0.5;
+        String(v.backdropOpacity)
+      ), g.current.style.transition = e ? "none" : ""), !e && n === "bottom" && ot) {
+        const B = E === void 0 || m - v.translate >= E - 0.5;
         Ut.current !== B && (Ut.current = B, ot(B));
       }
     },
     [
       E,
-      m,
+      g,
       H,
-      Q,
-      F,
+      Z,
+      O,
       ot,
       n,
-      v,
+      w,
       i,
       D
     ]
-  ), ut = p(() => {
+  ), ut = f(() => {
     const t = i.current, e = he.current;
     if (!(!t || !e.length))
       return ir({
@@ -717,29 +717,29 @@ function Gr({
         snapPositions: e,
         surfaceMotion: t
       });
-  }, [i]), Z = p(
+  }, [i]), G = f(
     ({ destroy: t = !0 } = {}) => {
       t && U.current?.destroy(), U.current = null, Yt.current = null;
     },
     []
-  ), A = p(
+  ), A = f(
     (t, { active: e }) => {
       const a = i.current;
       if (!a) return;
-      const c = ut(), l = c ? a.getBoundingClientRect() : void 0, u = c ? Re(c.targets, "x") : void 0, d = c ? Re(c.targets, "y") : void 0, f = Ge(u, l?.width), g = Ge(d, l?.height), h = c ? {
+      const c = ut(), l = c ? a.getBoundingClientRect() : void 0, u = c ? Re(c.targets, "x") : void 0, d = c ? Re(c.targets, "y") : void 0, p = Ge(u, l?.width), m = Ge(d, l?.height), h = c ? {
         x: ee({
           targetTranslate: t.x,
           minTranslate: u?.minTranslate ?? 0,
           maxTranslate: u?.maxTranslate ?? 0,
-          minBoundaryLimit: f,
-          maxBoundaryLimit: f
+          minBoundaryLimit: p,
+          maxBoundaryLimit: p
         }),
         y: ee({
           targetTranslate: t.y,
           minTranslate: d?.minTranslate ?? 0,
           maxTranslate: d?.maxTranslate ?? 0,
-          minBoundaryLimit: g,
-          maxBoundaryLimit: g
+          minBoundaryLimit: m,
+          maxBoundaryLimit: m
         })
       } : t;
       Y.current.lastTranslateX = h.x, Y.current.lastTranslate = h.y;
@@ -753,48 +753,48 @@ function Gr({
       ), a.dataset.ocModalDragging = e ? "true" : "false", a.parentElement && (a.parentElement.dataset.ocModalDragging = e ? "true" : "false"), a.style.transition = e ? "none" : "";
     },
     [ut, i]
-  ), X = p(() => {
-    $.current?.destroy(), $.current = null, Z();
+  ), X = f(() => {
+    $.current?.destroy(), $.current = null, G();
     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"
     ));
-  }, [Z, i]), dt = p(
+  }, [G, i]), dt = f(
     (t, e = H) => {
-      X(), O(t, {
+      X(), F(t, {
         active: !0,
         nextDismissible: e,
         rubberBand: !0,
         settled: "frame"
       });
     },
-    [O, X, H]
-  ), ye = p(() => {
+    [F, X, H]
+  ), ye = f(() => {
     const t = lt(), e = ct();
-    return $.current !== null || U.current !== null ? (X(), n === "popup" && et(e, { x: 0, y: 0 }) > 0.5 ? A(e, { active: !1 }) : n === "bottom" && Math.abs(t) > 0.5 && O(t, { active: !1 }), { startTranslate: t, startTranslatePoint: e }) : { startTranslate: t, startTranslatePoint: e };
+    return $.current !== null || U.current !== null ? (X(), n === "popup" && et(e, { x: 0, y: 0 }) > 0.5 ? A(e, { active: !1 }) : n === "bottom" && Math.abs(t) > 0.5 && F(t, { active: !1 }), { startTranslate: t, startTranslatePoint: e }) : { startTranslate: t, startTranslatePoint: e };
   }, [
     A,
-    O,
+    F,
     X,
     lt,
     ct,
     n
-  ]), S = p(() => {
+  ]), P = f(() => {
     const t = i.current;
-    t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"), m.current?.style.removeProperty("transition"), E === void 0 && m.current?.style.removeProperty("--oc-modal-backdrop-opacity"));
-  }, [E, m, i]), Te = p(() => {
+    t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"), g.current?.style.removeProperty("transition"), E === void 0 && g.current?.style.removeProperty("--oc-modal-backdrop-opacity"));
+  }, [E, g, i]), Te = 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"), m.current?.style.removeProperty("--oc-modal-backdrop-opacity"), S();
-  }, [m, S, i]), xe = p(
+    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"), g.current?.style.removeProperty("--oc-modal-backdrop-opacity"), P();
+  }, [g, P, i]), xe = f(
     ({
       preserveSnapPosition: t = !1,
       resetY: e = !0
     } = {}) => {
       const a = i.current;
-      a && (t || (K.current = null), Y.current.lastTranslateX = 0, a.style.removeProperty("--oc-modal-translate-x"), e && (Y.current.lastTranslate = 0, a.style.removeProperty("--oc-modal-translate-y")), S());
+      a && (t || (J.current = null), Y.current.lastTranslateX = 0, a.style.removeProperty("--oc-modal-translate-x"), e && (Y.current.lastTranslate = 0, a.style.removeProperty("--oc-modal-translate-y")), P());
     },
-    [S, i]
-  ), N = p(
+    [P, i]
+  ), N = f(
     (t, {
       initialVelocity: e = 0,
       intent: a = "sheet",
@@ -802,35 +802,44 @@ function Gr({
       from: l,
       onComplete: u,
       peekTranslateOverride: d,
-      sheetHeightOverride: f
+      sheetHeightOverride: p
     } = {}) => {
-      const g = i.current;
-      if (!g) return;
+      const m = i.current;
+      if (!m) return;
       X();
-      const h = l ?? re(g);
+      const h = l ?? re(m);
       if (Math.abs(h - t) < 0.5) {
-        O(t, {
+        F(t, {
           active: !1,
           peekTranslateOverride: d,
-          sheetHeightOverride: f
-        }), S(), u?.();
+          sheetHeightOverride: p
+        }), P(), u?.();
         return;
       }
       const M = c === "enter" ? t : "frame";
-      O(h, {
+      F(h, {
         active: !0,
         peekTranslateOverride: d,
         settled: M,
-        sheetHeightOverride: f
+        sheetHeightOverride: p
       });
       const C = Qt({
-        element: g,
+        element: m,
         intent: a,
         phase: c,
         reduced: "preserve",
         reducedMotion: !1,
         property: "transform"
-      }), T = te({
+      });
+      if (!C.animate) {
+        F(t, {
+          active: !1,
+          peekTranslateOverride: d,
+          sheetHeightOverride: p
+        }), P(), u?.();
+        return;
+      }
+      const T = te({
         value: h,
         target: t,
         velocity: e,
@@ -838,26 +847,26 @@ function Gr({
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
-        onUpdate: (P) => {
-          O(P, {
+        onUpdate: (v) => {
+          F(v, {
             active: !0,
             peekTranslateOverride: d,
             settled: M === "frame" ? "frame" : void 0,
-            sheetHeightOverride: f
+            sheetHeightOverride: p
           });
         },
         onComplete: () => {
-          $.current === T && ($.current = null), O(t, {
+          $.current === T && ($.current = null), F(t, {
             active: !1,
             peekTranslateOverride: d,
-            sheetHeightOverride: f
-          }), S(), u?.();
+            sheetHeightOverride: p
+          }), P(), u?.();
         }
       });
       $.current = T;
     },
-    [O, X, S, i]
-  ), q = p(
+    [F, X, P, i]
+  ), q = f(
     (t, {
       from: e,
       initialVelocity: a = { x: 0, y: 0 }
@@ -867,22 +876,27 @@ function Gr({
       X();
       const l = e ?? $e(c), u = { x: t.x, y: t.y };
       if (et(l, u) < 0.5) {
-        A(t, { active: !1 }), S();
+        A(t, { active: !1 }), P();
         return;
       }
       A(l, { active: !0 });
-      const f = Qt({
+      const p = Qt({
         element: c,
         intent: "gesture",
         phase: "release",
         reduced: "preserve",
         reducedMotion: !1,
         property: "transform"
-      }), g = te({
+      });
+      if (!p.animate) {
+        A(t, { active: !1 }), P();
+        return;
+      }
+      const m = te({
         value: l,
         target: u,
         velocity: a,
-        spring: f.spring,
+        spring: p.spring,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
@@ -890,23 +904,23 @@ function Gr({
           A(h, { active: !0 });
         },
         onComplete: () => {
-          $.current === g && ($.current = null), A(t, { active: !1 }), S();
+          $.current === m && ($.current = null), A(t, { active: !1 }), P();
         }
       });
-      $.current = g;
+      $.current = m;
     },
     [
       A,
       X,
-      S,
+      P,
       i
     ]
-  ), pt = p(() => {
+  ), ft = f(() => {
     const t = U.current;
     if (!t) return null;
     const e = t.sample();
     return A(e.value, { active: !0 }), e;
-  }, [A]), Pe = p(
+  }, [A]), Pe = f(
     (t) => {
       if (!i.current) return null;
       X(), A(t, { active: !0 });
@@ -923,7 +937,7 @@ function Gr({
         },
         onComplete: () => {
           const c = Yt.current;
-          !c || U.current !== a || (Z({ destroy: !1 }), A(c, { active: !1 }), S());
+          !c || U.current !== a || (G({ destroy: !1 }), A(c, { active: !1 }), P());
         }
       });
       return U.current = a, a;
@@ -931,32 +945,32 @@ function Gr({
     [
       A,
       X,
-      Z,
-      S,
+      G,
+      P,
       i
     ]
-  ), ve = p(
+  ), ve = f(
     (t) => {
       const e = U.current ?? Pe(ct());
       e && (Yt.current = null, e.setTarget(t));
     },
     [ct, Pe]
-  ), ft = p(
+  ), pt = f(
     (t, e) => {
       const a = Vt(t, e);
-      return ve(a), pt(), a;
+      return ve(a), ft(), a;
     },
-    [pt, ve]
-  ), kt = p(
+    [ft, ve]
+  ), kt = f(
     (t) => {
       const e = i.current, a = U.current;
       if (!e || !a) {
         q(t);
         return;
       }
-      const l = pt() ? Ct() : a.value, u = { x: t.x, y: t.y };
+      const l = ft() ? Ct() : a.value, u = { x: t.x, y: t.y };
       if (et(l, u) < 0.5) {
-        Z(), A(t, { active: !1 }), S();
+        G(), A(t, { active: !1 }), P();
         return;
       }
       const d = Qt({
@@ -967,18 +981,22 @@ function Gr({
         reducedMotion: !1,
         property: "transform"
       });
+      if (!d.animate) {
+        G(), A(t, { active: !1 }), P();
+        return;
+      }
       Yt.current = t, a.setTarget(u, { spring: d.spring });
     },
     [
       A,
-      Z,
-      S,
+      G,
+      P,
       Ct,
-      pt,
+      ft,
       q,
       i
     ]
-  ), gt = p(
+  ), mt = f(
     ({
       key: t,
       settle: e
@@ -987,16 +1005,16 @@ function Gr({
       const a = ut();
       if (!a) return !1;
       const c = (t ? a.targets.find((l) => l.key === t) : void 0) ?? a.defaultTarget;
-      return K.current = c.key, e ? q(c) : (X(), A(c, { active: !1 }), S()), !0;
+      return J.current = c.key, e ? q(c) : (X(), A(c, { active: !1 }), P()), !0;
     },
     [
       A,
       X,
-      S,
+      P,
       ut,
       q
     ]
-  ), we = p(
+  ), we = f(
     (t, { from: e, initialVelocity: a = 0 }) => {
       N(t, {
         from: e,
@@ -1010,15 +1028,15 @@ function Gr({
   );
   Nt(
     () => () => {
-      X(), J(!1), i.current && S();
+      X(), Q(!1), i.current && P();
     },
     [
       X,
-      S,
-      J,
+      P,
+      Q,
       i
     ]
-  ), G(() => {
+  ), K(() => {
     if (!s || !r || n !== "bottom") {
       _t.current = s;
       return;
@@ -1027,29 +1045,29 @@ function Gr({
     Wt.current = !0;
     const t = _t.current;
     _t.current = !0;
-    const e = L ?? F(), a = pe.current ?? e, c = de.current, l = ge.current, u = fe.current, d = () => {
-      pe.current = e, de.current = z, fe.current = D, ge.current = v;
-    }, f = !vt(
+    const e = L ?? O(), a = fe.current ?? e, c = de.current, l = me.current, u = pe.current, d = () => {
+      fe.current = e, de.current = z, pe.current = D, me.current = w;
+    }, p = !vt(
       a,
       e
-    ), g = Pt(e), h = z === "peeked" ? g : D;
+    ), m = Pt(e), h = z === "peeked" ? m : D;
     if (!t) {
-      Et.current = { kind: "default-snap" }, O(e, {
+      Et.current = { kind: "default-snap" }, F(e, {
         active: !0,
-        peekTranslateOverride: g,
+        peekTranslateOverride: m,
         sheetHeightOverride: e
       }), N(h, {
         from: e,
         intent: "sheet",
-        peekTranslateOverride: g,
+        peekTranslateOverride: m,
         phase: "enter",
         sheetHeightOverride: e
       }), d();
       return;
     }
-    if (z === "visible" && f) {
-      const T = i.current, P = W(), R = c === "visible" && a > 0 ? fr({
-        currentTranslate: P,
+    if (z === "visible" && p) {
+      const T = i.current, v = W(), R = c === "visible" && a > 0 ? pr({
+        currentTranslate: v,
         fallbackTranslate: D,
         restState: Et.current,
         previousDefaultTranslate: u,
@@ -1057,11 +1075,11 @@ function Gr({
         previousSnapHeights: l,
         targetSheetHeight: e,
         targetDefaultTranslate: D,
-        targetSnapHeights: v
+        targetSnapHeights: w
       }) : D;
       X();
       const B = Number.parseFloat(T.style.height), St = Number.isFinite(B) && B > 0 ? B : a, Ee = I(
-        St - P,
+        St - v,
         0,
         St
       ), be = I(
@@ -1075,9 +1093,9 @@ function Gr({
         0,
         nt - be
       ), Ae = Pt(nt), Ce = () => {
-        O(R, {
+        F(R, {
           active: !1,
-          peekTranslateOverride: g,
+          peekTranslateOverride: m,
           sheetHeightOverride: e
         }), T.style.setProperty("transition", "none"), T.style.removeProperty("height"), T.style.setProperty(
           "--oc-modal-sheet-height",
@@ -1106,7 +1124,7 @@ function Gr({
       ke(), T.style.setProperty("transition", "none"), T.style.setProperty("height", `${nt}px`), T.style.setProperty(
         "--oc-modal-sheet-height",
         `${nt}px`
-      ), O(Jt, {
+      ), F(Jt, {
         active: !0,
         peekTranslateOverride: Ae,
         sheetHeightOverride: nt
@@ -1120,8 +1138,8 @@ function Gr({
       return;
     }
     if (z === "peeked") {
-      N(g, {
-        peekTranslateOverride: g,
+      N(m, {
+        peekTranslateOverride: m,
         sheetHeightOverride: e
       }), d();
       return;
@@ -1137,11 +1155,11 @@ function Gr({
     )) {
       const T = W(), R = $.current !== null && (D > u && T < D || D < u && T > D);
       if (vt(T, u) || R) {
-        X(), O(D, {
+        X(), F(D, {
           active: !1,
-          peekTranslateOverride: g,
+          peekTranslateOverride: m,
           sheetHeightOverride: e
-        }), S(), d();
+        }), P(), d();
         return;
       }
     }
@@ -1150,51 +1168,51 @@ function Gr({
       return;
     }
     N(D, {
-      peekTranslateOverride: g,
+      peekTranslateOverride: m,
       sheetHeightOverride: e
     }), Et.current = { kind: "default-snap" }, d();
   }, [
     r,
     Pt,
-    F,
+    O,
     W,
     L,
-    v,
+    w,
     s,
     n,
     z,
     $t,
     ae,
-    O,
+    F,
     X,
-    S,
+    P,
     vt,
     N,
     y,
     i,
     D
-  ]), G(() => {
+  ]), K(() => {
     n !== "bottom" && Wt.current && (Wt.current = !1, X(), Te());
-  }, [X, n, Te]), G(() => {
+  }, [X, n, Te]), K(() => {
     if (!s || !r || !b) {
       const c = !s && n === "popup" && st.current, l = s && n !== "popup" && st.current;
       st.current && !c && (_.current !== null && (window.cancelAnimationFrame(_.current), _.current = null), X(), xe({
         preserveSnapPosition: l
-      })), st.current && c && (X(), S()), Gt.current = s && n === "popup", st.current = !1;
+      })), st.current && c && (X(), P()), Gt.current = s && n === "popup", st.current = !1;
       return;
     }
     const t = Gt.current;
     Gt.current = !0, st.current = !0;
     let e = null;
-    const a = (c) => gt({
+    const a = (c) => mt({
       key: c,
       settle: t
     });
     return a(
-      K.current ?? bt.current
+      J.current ?? bt.current
     ) || (e = window.requestAnimationFrame(() => {
       e = null, a(
-        K.current ?? bt.current
+        J.current ?? bt.current
       );
     })), () => {
       e !== null && window.cancelAnimationFrame(e);
@@ -1202,19 +1220,19 @@ function Gr({
   }, [
     X,
     r,
-    S,
+    P,
     s,
     n,
-    me,
+    ge,
     b,
     xe,
-    gt
-  ]), G(() => {
+    mt
+  ]), K(() => {
     if (!s || !r || !b) return;
     const t = () => {
       Y.current.dragging || _.current === null && (_.current = window.requestAnimationFrame(() => {
-        _.current = null, !Y.current.dragging && gt({
-          key: K.current,
+        _.current = null, !Y.current.dragging && mt({
+          key: J.current,
           settle: !1
         });
       }));
@@ -1247,13 +1265,13 @@ function Gr({
     s,
     b,
     i,
-    gt
-  ]), G(() => {
+    mt
+  ]), K(() => {
     if (ie <= 0 || !s || !r || !b)
       return;
     let t = window.requestAnimationFrame(() => {
-      t = null, gt({
-        key: K.current,
+      t = null, mt({
+        key: J.current,
         settle: !1
       });
     });
@@ -1265,16 +1283,16 @@ function Gr({
     s,
     b,
     ie,
-    gt
+    mt
   ]);
-  const Se = p(
+  const Se = f(
     (t, e, a) => {
       if (typeof Element > "u" || !(t instanceof Element) || qt(t)) return !1;
       const c = Date.now(), l = e > 0, u = cr(t, j.current);
       return !a && u && l && u.scrollTop > 0 || !a && Mt.current && c - Mt.current < se && Math.abs(W()) <= 1 ? (Mt.current = c, !1) : !0;
     },
     [W, se]
-  ), wt = p(
+  ), wt = f(
     ({
       chrome: t,
       pointerId: e = null,
@@ -1284,7 +1302,7 @@ function Gr({
       startY: u,
       touchId: d = null
     }) => {
-      const { startTranslate: f, startTranslatePoint: g } = ye(), h = tt();
+      const { startTranslate: p, startTranslatePoint: m } = ye(), h = tt();
       Y.current = {
         dragging: !0,
         allowed: !1,
@@ -1297,18 +1315,18 @@ function Gr({
         startY: u,
         lastX: l,
         lastY: u,
-        startTranslateX: g.x,
-        startTranslate: f,
-        lastTranslateX: g.x,
-        lastTranslate: f,
+        startTranslateX: m.x,
+        startTranslate: p,
+        lastTranslateX: m.x,
+        lastTranslate: p,
         startTime: h,
         samples: [
           {
             time: h,
             pageX: l,
             pageY: u,
-            translateX: g.x,
-            translateY: f
+            translateX: m.x,
+            translateY: p
           }
         ],
         pointerId: e,
@@ -1316,12 +1334,12 @@ function Gr({
       };
     },
     [ye]
-  ), mt = p(
+  ), gt = f(
     (t) => {
-      t.source === "touch" ? it(!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" ? it(!1) : t.source === "pointer" && Q(!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;
     },
-    [J, it]
-  ), De = p(
+    [Q, it]
+  ), De = f(
     (t, e) => {
       const a = lt(), c = ct();
       t.startX = e.x, t.startY = e.y, t.lastX = e.x, t.lastY = e.y, t.startTranslateX = c.x, t.startTranslate = a, t.lastTranslateX = c.x, t.lastTranslate = a, t.startTime = tt(), t.samples = [
@@ -1335,7 +1353,7 @@ function Gr({
       ];
     },
     [lt, ct]
-  ), Xe = p(
+  ), Xe = f(
     ({
       currentTranslate: t,
       dismissible: e,
@@ -1343,10 +1361,10 @@ function Gr({
       deltaY: c,
       startTranslate: l
     }) => {
-      const u = F(), d = Q(), f = d > 0, g = u, h = Math.max(
+      const u = O(), d = Z(), p = d > 0, m = u, h = Math.max(
         k.dismissal.minDistancePx,
         (u - d) * Tt
-      ), M = v.map(
+      ), M = w.map(
         (R) => I(u - R, 0, u)
       ), C = Fe(
         M.length ? M : [0]
@@ -1354,47 +1372,47 @@ function Gr({
         currentTranslate: t,
         releaseVelocity: a
       });
-      f && C.push(d);
-      const P = Fe(C);
-      return e && !f && c > 0 && t >= d + h ? g : Er(a) ? P.length > 1 ? vr(
-        P,
+      p && C.push(d);
+      const v = Fe(C);
+      return e && !p && c > 0 && t >= d + h ? m : Er(a) ? v.length > 1 ? vr(
+        v,
         l,
         t,
         c > 0 ? "down" : "up",
         T
-      ) : 0 : e && t > u * Tt && !f ? g : xr(P, t);
+      ) : 0 : e && t > u * Tt && !p ? m : xr(v, t);
     },
-    [Tt, Q, F, v]
-  ), Bt = p(
+    [Tt, Z, O, w]
+  ), Bt = f(
     (t) => {
-      const e = L ?? F();
-      Et.current = gr({
+      const e = L ?? O();
+      Et.current = mr({
         defaultTranslate: D,
         sheetHeight: e,
-        snapHeights: v,
+        snapHeights: w,
         translate: t
       });
     },
-    [F, L, v, D]
-  ), qe = p(() => {
+    [O, L, w, D]
+  ), qe = f(() => {
     if (n !== "bottom") return !1;
-    const t = mr({
+    const t = gr({
       backdropFromHeight: E,
       currentTranslate: W(),
-      sheetHeight: L ?? F(),
-      snapHeights: v
+      sheetHeight: L ?? O(),
+      snapHeights: w
     });
     return t === null ? !1 : (N(t, { intent: "sheet" }), Bt(t), !0);
   }, [
     E,
     Bt,
-    F,
+    O,
     W,
     n,
     N,
     L,
-    v
-  ]), tr = p(
+    w
+  ]), tr = f(
     (t) => {
       if (!r || n !== "bottom" && !b || o === !1 || t.pointerType === "touch") return;
       let e = !1;
@@ -1424,7 +1442,7 @@ function Gr({
         source: "pointer",
         startX: t.pageX,
         startY: t.pageY
-      }), wr(t.target) || t.preventDefault(), J(!0), !a && typeof t.currentTarget.setPointerCapture == "function" && t.currentTarget.setPointerCapture(t.pointerId);
+      }), wr(t.target) || t.preventDefault(), Q(!0), !a && typeof t.currentTarget.setPointerCapture == "function" && t.currentTarget.setPointerCapture(t.pointerId);
     },
     [
       wt,
@@ -1432,9 +1450,9 @@ function Gr({
       r,
       n,
       b,
-      J
+      Q
     ]
-  ), ht = p(
+  ), ht = f(
     (t, e) => {
       if (!H) return !1;
       if (e <= 0) return !0;
@@ -1443,7 +1461,7 @@ function Gr({
       return t.closeAllowed = a, a;
     },
     [oe, H]
-  ), It = p(
+  ), It = f(
     ({
       closeAllowed: t,
       currentTranslate: e,
@@ -1457,8 +1475,8 @@ function Gr({
         releaseVelocity: c,
         deltaY: a,
         startTranslate: l
-      }), f = F(), g = Q();
-      if (d >= f - 1) {
+      }), p = O(), m = Z();
+      if (d >= p - 1) {
         at({ reason: "drag-dismiss" }, { commit: !1 }) ? we(d, {
           from: e,
           initialVelocity: c
@@ -1468,7 +1486,7 @@ function Gr({
         });
         return;
       }
-      g > 0 && d >= g - 1 ? Rt("peeked") : (Ir({
+      m > 0 && d >= m - 1 ? Rt("peeked") : (Ir({
         presentationState: z,
         releaseTranslate: d,
         visibleTranslate: D
@@ -1481,16 +1499,16 @@ function Gr({
       we,
       Bt,
       H,
-      Q,
+      Z,
       Xe,
-      F,
+      O,
       z,
       at,
       Rt,
       N,
       D
     ]
-  ), Ft = p(
+  ), Ft = f(
     ({
       currentTranslate: t,
       releaseDelta: e,
@@ -1504,26 +1522,26 @@ function Gr({
         releaseVelocity: c,
         targets: l.targets
       }), d = l.targets.find(
-        (M) => M.key === K.current
-      ) ?? l.defaultTarget, g = i.current?.getBoundingClientRect(), h = {
+        (M) => M.key === J.current
+      ) ?? l.defaultTarget, m = i.current?.getBoundingClientRect(), h = {
         x: d.x + e.x,
         y: d.y + e.y
       };
-      if (H && g && Br({
+      if (H && m && Br({
         closeThreshold: Tt,
         currentTarget: d,
         currentTranslate: h,
         releaseTarget: u,
         surfaceSize: {
-          height: g.height,
-          width: g.width
+          height: m.height,
+          width: m.width
         },
         targets: l.targets
       }) && at({ reason: "drag-dismiss" })) {
-        Z(), S();
+        G(), P();
         return;
       }
-      if (K.current = u.key, U.current) {
+      if (J.current = u.key, U.current) {
         kt(u);
         return;
       }
@@ -1533,17 +1551,17 @@ function Gr({
       });
     },
     [
-      Z,
+      G,
       Tt,
       H,
-      S,
+      P,
       ut,
       at,
       kt,
       q,
       i
     ]
-  ), er = p(
+  ), er = f(
     (t) => {
       const e = Y.current;
       if (!e.dragging || e.source !== "pointer" || !r || n !== "bottom" && !b)
@@ -1551,14 +1569,14 @@ function Gr({
       const a = t.pageX - e.startX, c = t.pageY - e.startY, l = t.pointerType === "touch" ? k.dragStartThresholdPx.touch : k.dragStartThresholdPx.mouse;
       if (!(!e.started && Oe({ deltaX: a, deltaY: c, placement: n }) < l)) {
         if (e.selectionArbitration && !e.allowed) {
-          const u = Math.abs(a), d = Math.abs(c), f = k.selectionArbitrationThresholdPx;
-          if (u >= f && u >= d) {
+          const u = Math.abs(a), d = Math.abs(c), p = k.selectionArbitrationThresholdPx;
+          if (u >= p && u >= d) {
             e.dragging = !1;
             return;
           }
-          if (d < f || d <= u)
+          if (d < p || d <= u)
             return;
-          window.getSelection?.()?.removeAllRanges(), J(!0);
+          window.getSelection?.()?.removeAllRanges(), Q(!0);
         }
         if (!e.allowed) {
           if (n === "bottom" && !Se(t.target, c, e.chrome))
@@ -1568,7 +1586,7 @@ function Gr({
           e.pointerId !== null && typeof u.hasPointerCapture == "function" && typeof u.setPointerCapture == "function" && !u.hasPointerCapture(e.pointerId) && u.setPointerCapture(e.pointerId);
         }
         if (t.preventDefault(), e.lastX = t.pageX, e.lastY = t.pageY, n === "popup")
-          ft(e, t), Ue(e, t);
+          pt(e, t), Ue(e, t);
         else {
           const u = e.startTranslate + c, d = ht(e, c);
           dt(u, d), Dt(e, {
@@ -1582,15 +1600,15 @@ function Gr({
     },
     [
       r,
-      ft,
+      pt,
       ht,
       n,
       b,
-      J,
+      Q,
       dt,
       Se
     ]
-  ), rt = p(
+  ), rt = f(
     ({
       currentTarget: t,
       pageX: e,
@@ -1600,23 +1618,23 @@ function Gr({
       const l = Y.current;
       if (!l.dragging || l.source !== "pointer" || !r || n !== "bottom" && !b)
         return;
-      const u = l.started, d = Number.isFinite(e) ? e : l.lastX, f = Number.isFinite(a) ? a : l.lastY, g = d - l.startX, h = f - l.startY, M = Math.max(tt() - l.startTime, 1);
+      const u = l.started, d = Number.isFinite(e) ? e : l.lastX, p = Number.isFinite(a) ? a : l.lastY, m = d - l.startX, h = p - l.startY, M = Math.max(tt() - l.startTime, 1);
       let C = {
         x: l.lastTranslateX,
         y: l.lastTranslate
       }, T = C;
-      const P = l.startTranslate;
+      const v = l.startTranslate;
       if (u)
         if (n === "popup")
-          ft(l, {
+          pt(l, {
             pageX: d,
-            pageY: f
+            pageY: p
           }), C = {
             x: l.lastTranslateX,
             y: l.lastTranslate
           }, T = Vt(l, {
             pageX: d,
-            pageY: f
+            pageY: p
           });
         else {
           const B = l.startTranslate + h, St = ht(l, h);
@@ -1633,21 +1651,21 @@ function Gr({
         };
         Dt(l, {
           pageX: d,
-          pageY: f,
+          pageY: p,
           translateX: B.x,
           translateY: B.y
         });
       }
-      if (mt(l), !!u)
+      if (gt(l), !!u)
         if (xt.current = tt() + 500, n === "popup") {
           const B = _e({
             session: l,
-            fallbackDelta: { x: g, y: h },
+            fallbackDelta: { x: m, y: h },
             fallbackElapsed: M
           });
           Ft({
             currentTranslate: C,
-            releaseDelta: { x: g, y: h },
+            releaseDelta: { x: m, y: h },
             releaseTranslate: T,
             releaseVelocity: B
           });
@@ -1662,7 +1680,7 @@ function Gr({
             currentTranslate: C.y,
             deltaY: h,
             releaseVelocity: B,
-            startTranslate: P
+            startTranslate: v
           });
         }
     },
@@ -1670,14 +1688,14 @@ function Gr({
       It,
       Ft,
       r,
-      ft,
+      pt,
       ht,
       n,
       b,
-      mt,
+      gt,
       dt
     ]
-  ), Me = p(
+  ), Me = f(
     (t) => {
       rt({
         currentTarget: t.currentTarget,
@@ -1686,7 +1704,7 @@ function Gr({
       });
     },
     [rt]
-  ), rr = p(
+  ), rr = f(
     (t) => {
       const e = Y.current;
       e.pointerId !== null && t.pointerId !== e.pointerId || rt({
@@ -1755,10 +1773,10 @@ function Gr({
       document.removeEventListener("click", t, !0);
     };
   }, [r, i]);
-  const Ot = p((t) => {
+  const Ot = f((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;
-  }, []), nr = p(
+  }, []), nr = f(
     (t) => {
       if (!r || n !== "bottom" && !b || o === !1 || t.touches.length !== 1) return;
       let e = !1;
@@ -1788,7 +1806,7 @@ function Gr({
       b,
       Lt
     ]
-  ), Ye = p(
+  ), Ye = f(
     (t) => {
       const e = Y.current;
       if (!e.dragging || e.source !== "touch" || !r || n !== "bottom" && !b)
@@ -1799,33 +1817,33 @@ function Gr({
         deltaX: c,
         deltaY: l,
         placement: n
-      }), d = k.dragStartThresholdPx.touch, f = n === "bottom" ? dr({
+      }), d = k.dragStartThresholdPx.touch, p = n === "bottom" ? dr({
         target: t.target,
         deltaY: l,
         chrome: e.chrome,
         bodyNode: j.current,
         canExpand: lt() > 1
-      }) : pr({
+      }) : fr({
         target: t.target,
         bodyNode: j.current
       });
-      if (f.preventDefault) {
+      if (p.preventDefault) {
         const h = n === "bottom" && Math.abs(c) > Math.abs(l) && Math.abs(l) < d && !e.started && u < d;
         !h && n === "bottom" && Lt({
           target: t.target,
           chrome: e.chrome
         }), h || Ie(t);
       }
-      if (f.resetAnchor) {
+      if (p.resetAnchor) {
         it(!1), De(e, { x: a.pageX, y: a.pageY });
         return;
       }
-      if (f.allowDrag && !(!e.started && u < d))
-        if (e.allowed || (e.allowed = !0, e.started = !0), f.preventDefault || Ie(t), e.lastX = a.pageX, e.lastY = a.pageY, n === "popup")
-          ft(e, a), Ue(e, a);
+      if (p.allowDrag && !(!e.started && u < d))
+        if (e.allowed || (e.allowed = !0, e.started = !0), p.preventDefault || Ie(t), e.lastX = a.pageX, e.lastY = a.pageY, n === "popup")
+          pt(e, a), Ue(e, a);
         else {
-          const g = e.startTranslate + l, h = ht(e, l);
-          dt(g, h), Dt(e, {
+          const m = e.startTranslate + l, h = ht(e, l);
+          dt(m, h), Dt(e, {
             pageX: a.pageX,
             pageY: a.pageY,
             translateX: e.lastTranslateX,
@@ -1835,7 +1853,7 @@ function Gr({
     },
     [
       r,
-      ft,
+      pt,
       ht,
       lt,
       Ot,
@@ -1859,13 +1877,13 @@ function Gr({
       window.removeEventListener("touchmove", t, !0);
     };
   }, [o, r, Ye, s, n, b]);
-  const or = p(
+  const or = f(
     (t) => {
       const e = Y.current;
       if (!e.dragging || e.source !== "touch" || !r || n !== "bottom" && !b)
         return;
-      const a = Ot(t), c = a?.pageX ?? e.lastX, l = a?.pageY ?? e.lastY, u = e.started, d = e.closeAllowed, f = c - e.startX, g = l - e.startY, h = Math.max(tt() - e.startTime, 1);
-      n === "popup" && pt();
+      const a = Ot(t), c = a?.pageX ?? e.lastX, l = a?.pageY ?? e.lastY, u = e.started, d = e.closeAllowed, p = c - e.startX, m = l - e.startY, h = Math.max(tt() - e.startTime, 1);
+      n === "popup" && ft();
       const M = {
         x: e.lastTranslateX,
         y: e.lastTranslate
@@ -1873,44 +1891,44 @@ function Gr({
       let C = M;
       const T = e.startTranslate;
       if (u) {
-        const P = n === "popup" ? Vt(e, {
+        const v = n === "popup" ? Vt(e, {
           pageX: c,
           pageY: l
         }) : {
           x: e.lastTranslateX,
           y: e.lastTranslate
         };
-        C = P, Dt(e, {
+        C = v, Dt(e, {
           pageX: c,
           pageY: l,
-          translateX: P.x,
-          translateY: P.y
+          translateX: v.x,
+          translateY: v.y
         });
       }
-      if (mt(e), !!u)
+      if (gt(e), !!u)
         if (xt.current = tt() + 500, n === "popup") {
-          const P = _e({
+          const v = _e({
             session: e,
-            fallbackDelta: { x: f, y: g },
+            fallbackDelta: { x: p, y: m },
             fallbackElapsed: h
           });
           Ft({
             currentTranslate: M,
-            releaseDelta: { x: f, y: g },
+            releaseDelta: { x: p, y: m },
             releaseTranslate: C,
-            releaseVelocity: P
+            releaseVelocity: v
           });
         } else {
-          const P = je({
+          const v = je({
             session: e,
-            fallbackDeltaY: g,
+            fallbackDeltaY: m,
             fallbackElapsed: h
           });
           It({
             closeAllowed: d,
             currentTranslate: M.y,
-            deltaY: g,
-            releaseVelocity: P,
+            deltaY: m,
+            releaseVelocity: v,
             startTranslate: T
           });
         }
@@ -1922,10 +1940,10 @@ function Gr({
       Ot,
       n,
       b,
-      mt,
-      pt
+      gt,
+      ft
     ]
-  ), ar = p(() => {
+  ), ar = f(() => {
     const t = Y.current;
     if (!t.dragging || t.source !== "touch") return;
     const e = t.started, a = t.startTranslate, c = t.lastTranslate, l = {
@@ -1935,7 +1953,7 @@ function Gr({
       x: t.lastTranslateX,
       y: t.lastTranslate
     }, d = n;
-    if (mt(t), !!e) {
+    if (gt(t), !!e) {
       if (d === "popup") {
         U.current ? kt(l) : q(l, { from: u });
         return;
@@ -1944,7 +1962,7 @@ function Gr({
     }
   }, [
     n,
-    mt,
+    gt,
     kt,
     q,
     N