@orioncactuscorp/ui 1.0.0 → 1.2.0

package/dist/components/Modal/useModalDrag.js

@@ -1,10 +1,10 @@
-import { useRef as S, useLayoutEffect as ut, useCallback as p, useEffect as Ct } from "react";
-import { ocSpring as Ye } from "../../utils/spring.js";
-import { resolveOcMotion as Nt } from "../../utils/motion.js";
-import { resolveModalPopupSnapPositions as Me } from "./snapPoints.js";
-import { setModalBodyTouchScrollLock as Ot, shouldLockModalBodyTouchScroll as be, shouldIgnoreDragTarget as Bt, getScrollableAncestor as Ee, getBottomTouchDragDecision as Fe, getPopupTouchDragDecision as Ae } from "./modalScrollArbitration.js";
-import { createSpringAnimator as Vt } from "../../utils/spring/animator.js";
-const E = {
+import { useRef as v, useLayoutEffect as lt, useCallback as d, useEffect as At } from "react";
+import { ocSpring as Pe } from "../../utils/spring.js";
+import { resolveOcMotion as It } from "../../utils/motion.js";
+import { resolveModalPopupSnapPositions as we } from "./snapPoints.js";
+import { setModalBodyTouchScrollLock as Ct, shouldLockModalBodyTouchScroll as Xe, shouldIgnoreDragTarget as Lt, getScrollableAncestor as De, getBottomTouchDragDecision as Se, getPopupTouchDragDecision as Ye } from "./modalScrollArbitration.js";
+import { createSpringAnimator as Ot } from "../../utils/spring/animator.js";
+const M = {
   dragStartThresholdPx: {
     touch: 10,
     mouse: 2
@@ -30,84 +30,84 @@ const E = {
   popupDragFollower: {
     settleDurationScale: 1 / 6
   }
-}, Ie = Ye.snappy({
-  duration: E.settleSpring.durationSeconds * E.popupDragFollower.settleDurationScale
-}), _t = 500, ke = [], Le = [];
-function ne(r) {
+}, ve = Pe.snappy({
+  duration: M.settleSpring.durationSeconds * M.popupDragFollower.settleDurationScale
+}), Me = [], be = [];
+function Zt(r) {
   r.cancelable !== !1 && r.preventDefault();
 }
-function F(r, n, l) {
+function b(r, n, l) {
   return Math.min(Math.max(r, n), l);
 }
-function ae(r) {
+function te(r) {
   return [...new Set(r)].sort((n, l) => n - l);
 }
-function Ce(r, n) {
+function Ee(r, n) {
   return r.reduce(
     (l, o) => Math.abs(o - n) < Math.abs(l - n) ? o : l
   );
 }
-function oe({
+function ee({
   deltaX: r,
   deltaY: n,
   placement: l
 }) {
   return l === "bottom" ? Math.abs(n) : Math.hypot(r, n);
 }
-function Ne(r, n, l) {
+function Fe(r, n, l) {
   if (l === "down")
-    return r.find((c) => c > n + 1) ?? r[r.length - 1] ?? 0;
-  for (let c = r.length - 1; c >= 0; c -= 1) {
-    const g = r[c];
+    return r.find((i) => i > n + 1) ?? r[r.length - 1] ?? 0;
+  for (let i = r.length - 1; i >= 0; i -= 1) {
+    const g = r[i];
     if (g !== void 0 && g < n - 1)
       return g;
   }
   return r[0] ?? 0;
 }
-function Oe(r, n, l, o, c = l) {
-  const y = Ne(r, n, o), h = o === "down" ? Math.max(l, c) : Math.min(l, c);
+function ke(r, n, l, o, i = l) {
+  const T = Fe(r, n, o), h = o === "down" ? Math.max(l, i) : Math.min(l, i);
   if (o === "down") {
     if (r.filter(
-      (A) => A > n + 1 && A <= l + 1
-    ).length === 0) return y;
+      (F) => F > n + 1 && F <= l + 1
+    ).length === 0) return T;
     const $ = r.filter(
-      (A) => A > n + 1 && A <= h + 1
+      (F) => F > n + 1 && F <= h + 1
     );
-    return $[$.length - 1] ?? y;
+    return $[$.length - 1] ?? T;
   }
   return r.filter(
-    (Y) => Y < n - 1 && Y >= l - 1
-  ).length === 0 ? y : r.filter(
-    (Y) => Y < n - 1 && Y >= h - 1
-  )[0] ?? y;
+    (E) => E < n - 1 && E >= l - 1
+  ).length === 0 ? T : r.filter(
+    (E) => E < n - 1 && E >= h - 1
+  )[0] ?? T;
 }
-function se(r, n) {
-  const l = Math.max(n, 1), { resistance: o } = E.rubberBand;
+function re(r, n) {
+  const l = Math.max(n, 1), { resistance: o } = M.rubberBand;
   return r * o * l / (l + o * r);
 }
-function jt({
+function Nt({
   targetTranslate: r,
   minTranslate: n,
   maxTranslate: l,
   dimension: o
 }) {
-  return r < n ? n - se(n - r, o) : r > l ? l + se(r - l, o) : r;
+  return r < n ? n - re(n - r, o) : r > l ? l + re(r - l, o) : r;
 }
-function le(r) {
+function ne(r) {
   return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest('[data-oc-part="handle"], [data-oc-part="header"]');
 }
-function Be(r, n) {
+function Ae(r, n) {
   return n ? !0 : r.pointerType ? r.pointerType === "touch" : typeof window > "u" ? !1 : window.matchMedia?.("(pointer: coarse)").matches ?? !1;
 }
-function ie(r, n) {
+function ae(r, n) {
   if (!r.length)
     return {
       minTranslate: 0,
       maxTranslate: 0
     };
-  const l = r.map((g) => g[n]), o = Math.min(...l), c = Math.max(...l);
-  if (Math.abs(c - o) < 0.5) {
-    const g = (o + c) / 2;
+  const l = r.map((g) => g[n]), o = Math.min(...l), i = Math.max(...l);
+  if (Math.abs(i - o) < 0.5) {
+    const g = (o + i) / 2;
     return {
       minTranslate: g,
       maxTranslate: g
@@ -115,227 +115,209 @@ function ie(r, n) {
   }
   return {
     minTranslate: o,
-    maxTranslate: c
+    maxTranslate: i
   };
 }
-function ce(r, n) {
+function oe(r, n) {
   for (let l = 0; l < r.length; l += 1) {
     const o = "item" in r && typeof r.item == "function" ? r.item(l) : r[l];
     if (o?.identifier === n) return o;
   }
   return null;
 }
-function ye(r) {
+function de(r) {
   if (!r) return { x: 0, y: 0 };
   const n = window.getComputedStyle(r).transform;
   if (!n || n === "none") return { x: 0, y: 0 };
   const l = n.match(/^matrix\((.+)\)$/);
   if (l) {
-    const c = l[1].split(",").map((g) => g.trim());
+    const i = l[1].split(",").map((g) => g.trim());
     return {
-      x: Number.parseFloat(c[4] ?? "0") || 0,
-      y: Number.parseFloat(c[5] ?? "0") || 0
+      x: Number.parseFloat(i[4] ?? "0") || 0,
+      y: Number.parseFloat(i[5] ?? "0") || 0
     };
   }
   const o = n.match(/^matrix3d\((.+)\)$/);
   if (o) {
-    const c = o[1].split(",").map((g) => g.trim());
+    const i = o[1].split(",").map((g) => g.trim());
     return {
-      x: Number.parseFloat(c[12] ?? "0") || 0,
-      y: Number.parseFloat(c[13] ?? "0") || 0
+      x: Number.parseFloat(i[12] ?? "0") || 0,
+      y: Number.parseFloat(i[13] ?? "0") || 0
     };
   }
   return { x: 0, y: 0 };
 }
-function ue(r) {
-  return ye(r).y;
+function se(r) {
+  return de(r).y;
 }
-function de(r) {
-  return ye(r);
+function le(r) {
+  return de(r);
 }
-function st(r) {
+function nt(r) {
   if (!r) return;
   const n = Number.parseFloat(r);
   return Number.isFinite(n) ? n : void 0;
 }
-function pe(r) {
-  if (!r) return 0;
-  const n = Number.parseFloat(r);
-  return Number.isFinite(n) ? r.trim().endsWith("ms") ? n : n * 1e3 : 0;
-}
-function fe(r) {
-  if (typeof window > "u")
-    return _t;
-  const n = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
-  if (!r) return n ? 0 : _t;
-  const l = r.style.transition;
-  l === "none" && r.style.removeProperty("transition");
-  const o = window.getComputedStyle(r), c = (o.transitionDuration ?? "").split(",").map(pe), g = (o.transitionDelay ?? "").split(",").map(pe), y = c.reduce((h, P, X) => {
-    const Y = g[X] ?? g[g.length - 1] ?? 0;
-    return Math.max(h, P + Y);
-  }, 0);
-  return l === "none" && r.style.setProperty("transition", "none"), y > 0 ? y : n ? 0 : _t;
-}
-function dt() {
+function ct() {
   return Date.now();
 }
-function Ve(r, n) {
-  const l = n - E.releaseVelocity.sampleWindowMs;
+function Ie(r, n) {
+  const l = n - M.releaseVelocity.sampleWindowMs;
   for (; r.length > 2 && (r[1]?.time ?? n) < l; )
     r.shift();
 }
-function pt(r, n) {
-  const l = n.time ?? dt();
+function it(r, n) {
+  const l = n.time ?? ct();
   r.samples.push({
     time: l,
     pageX: n.pageX,
     pageY: n.pageY,
     translateX: n.translateX,
     translateY: n.translateY
-  }), Ve(r.samples, l);
+  }), Ie(r.samples, l);
 }
-function bt(r, n) {
+function Yt(r, n) {
   return {
     x: r.startTranslateX + n.pageX - r.startX,
     y: r.startTranslate + n.pageY - r.startY
   };
 }
-function ge(r, n) {
-  const l = bt(r, n);
-  pt(r, {
+function ce(r, n) {
+  const l = Yt(r, n);
+  it(r, {
     pageX: n.pageX,
     pageY: n.pageY,
     translateX: l.x,
     translateY: l.y
   });
 }
-function me({
+function ie({
   session: r,
   fallbackDeltaY: n,
   fallbackElapsed: l
 }) {
-  const o = r.samples[r.samples.length - 1], { maxPxPerSecond: c, sampleWindowMs: g } = E.releaseVelocity;
+  const o = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: g } = M.releaseVelocity;
   if (o) {
-    const y = o.time - g, h = r.samples.find((P) => P.time >= y) ?? r.samples[0];
+    const T = o.time - g, h = r.samples.find((X) => X.time >= T) ?? r.samples[0];
     if (h && h !== o) {
-      const P = Math.max(o.time - h.time, 1), X = (o.translateY - h.translateY) / P * 1e3;
-      if (Number.isFinite(X))
-        return F(X, -c, c);
+      const X = Math.max(o.time - h.time, 1), D = (o.translateY - h.translateY) / X * 1e3;
+      if (Number.isFinite(D))
+        return b(D, -i, i);
     }
   }
-  return F(
+  return b(
     n / Math.max(l, 1) * 1e3,
-    -c,
-    c
+    -i,
+    i
   );
 }
-function he({
+function ue({
   session: r,
   fallbackDelta: n,
   fallbackElapsed: l
 }) {
-  const o = r.samples[r.samples.length - 1], { maxPxPerSecond: c, sampleWindowMs: g } = E.releaseVelocity;
+  const o = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: g } = M.releaseVelocity;
   if (o) {
-    const y = o.time - g, h = r.samples.find((P) => P.time >= y) ?? r.samples[0];
+    const T = o.time - g, h = r.samples.find((X) => X.time >= T) ?? r.samples[0];
     if (h && h !== o) {
-      const P = Math.max(o.time - h.time, 1), X = {
-        x: (o.translateX - h.translateX) / P * 1e3,
-        y: (o.translateY - h.translateY) / P * 1e3
+      const X = Math.max(o.time - h.time, 1), D = {
+        x: (o.translateX - h.translateX) / X * 1e3,
+        y: (o.translateY - h.translateY) / X * 1e3
       };
-      if (Number.isFinite(X.x) && Number.isFinite(X.y))
+      if (Number.isFinite(D.x) && Number.isFinite(D.y))
         return {
-          x: F(X.x, -c, c),
-          y: F(X.y, -c, c)
+          x: b(D.x, -i, i),
+          y: b(D.y, -i, i)
         };
     }
   }
   return {
-    x: F(
+    x: b(
       n.x / Math.max(l, 1) * 1e3,
-      -c,
-      c
+      -i,
+      i
     ),
-    y: F(
+    y: b(
       n.y / Math.max(l, 1) * 1e3,
-      -c,
-      c
+      -i,
+      i
     )
   };
 }
-function _e({
+function Ce({
   currentTranslate: r,
   releaseVelocity: n
 }) {
-  const { lookaheadSeconds: l, maxDistancePx: o } = E.snapProjection;
-  return r + F(n * l, -o, o);
+  const { lookaheadSeconds: l, maxDistancePx: o } = M.snapProjection;
+  return r + b(n * l, -o, o);
 }
-function je({
+function Le({
   currentTranslate: r,
   releaseVelocity: n
 }) {
-  const { lookaheadSeconds: l, maxDistancePx: o } = E.snapProjection;
+  const { lookaheadSeconds: l, maxDistancePx: o } = M.snapProjection;
   return {
-    x: r.x + F(
+    x: r.x + b(
       n.x * l,
       -o,
       o
     ),
-    y: r.y + F(
+    y: r.y + b(
       n.y * l,
       -o,
       o
     )
   };
 }
-function ze(r) {
-  return Math.abs(r) / 1e3 > E.releaseVelocity.flickThresholdPxPerMs;
+function Oe(r) {
+  return Math.abs(r) / 1e3 > M.releaseVelocity.flickThresholdPxPerMs;
 }
-function Ue(r) {
-  return Math.hypot(r.x, r.y) / 1e3 > E.releaseVelocity.flickThresholdPxPerMs;
+function Ne(r) {
+  return Math.hypot(r.x, r.y) / 1e3 > M.releaseVelocity.flickThresholdPxPerMs;
 }
-function ft(r, n) {
+function ut(r, n) {
   return Math.hypot(r.x - n.x, r.y - n.y);
 }
-function Te(r, n) {
+function pe(r, n) {
   return r.reduce(
-    (l, o) => ft(o, n) < ft(l, n) ? o : l
+    (l, o) => ut(o, n) < ut(l, n) ? o : l
   );
 }
-function We({
+function Ve({
   currentTranslate: r,
   releaseVelocity: n,
   targets: l
 }) {
-  const o = je({
+  const o = Le({
     currentTranslate: r,
     releaseVelocity: n
   });
-  if (!Ue(n))
-    return Te(l, r);
-  const c = l.filter((g) => {
-    const y = g.x - r.x, h = g.y - r.y;
-    return y * n.x + h * n.y > 0;
+  if (!Ne(n))
+    return pe(l, r);
+  const i = l.filter((g) => {
+    const T = g.x - r.x, h = g.y - r.y;
+    return T * n.x + h * n.y > 0;
   });
-  return Te(
-    c.length ? c : l,
+  return pe(
+    i.length ? i : l,
     o
   );
 }
-function $e({
+function Be({
   presentationState: r,
   releaseTranslate: n,
   visibleTranslate: l
 }) {
   return r !== "visible" || Math.abs(n - l) > 1;
 }
-function He({
+function je({
   drag: r,
   placement: n,
   snapPositionCount: l
 }) {
   return n === "popup" && r === "content" && l > 0;
 }
-function Ge({
+function ze({
   dismissible: r,
   peekTranslate: n,
   sheetHeight: l,
@@ -346,57 +328,57 @@ function Ge({
     minTranslate: 0
   };
 }
-function qe({
+function _e({
   rubberBand: r,
   targetTranslate: n,
   sheetHeight: l,
   peekTranslate: o,
-  visibleTranslate: c,
+  visibleTranslate: i,
   dismissible: g
 }) {
-  const y = Ge({
+  const T = ze({
     dismissible: g,
     peekTranslate: o,
     sheetHeight: l,
-    visibleTranslate: c
-  }), h = F(
-    r ? jt({
+    visibleTranslate: i
+  }), h = b(
+    r ? Nt({
       targetTranslate: n,
       dimension: l,
-      ...y
+      ...T
     }) : n,
     -l,
-    y.maxTranslate + l
-  ), P = Math.max(-h, 0), X = Math.max(h, 0), Y = o > 0 ? o : l, $ = Y > 0 ? 1 - X / Math.max(Y, 1) : 0;
+    T.maxTranslate + l
+  ), X = Math.max(-h, 0), D = Math.max(h, 0), E = o > 0 ? o : l, $ = E > 0 ? 1 - D / Math.max(E, 1) : 0;
   return {
     translate: h,
-    overshootFillHeight: P,
-    backdropOpacity: F($, 0, 1)
+    overshootFillHeight: X,
+    backdropOpacity: b($, 0, 1)
   };
 }
-function er({
+function Ke({
   enabled: r,
   drag: n,
   open: l,
   placement: o,
-  surfaceMotionRef: c,
+  surfaceMotionRef: i,
   backdropRef: g,
-  bodyNode: y,
-  snapHeights: h = ke,
-  snapPositions: P = Le,
-  defaultSnapPosition: X,
-  peekHeight: Y,
+  bodyNode: T,
+  snapHeights: h = Me,
+  snapPositions: X = be,
+  defaultSnapPosition: D,
+  peekHeight: E,
   peekFallback: $,
-  presentationState: A,
-  setPresentationState: Et,
-  requestClose: gt,
-  canCloseAttempt: zt,
-  dismissible: U = !0,
-  visibleTranslate: B = 0,
-  closeThreshold: Ft = 0.35,
-  scrollLockTimeout: Ut = 500
+  presentationState: F,
+  setPresentationState: vt,
+  requestClose: pt,
+  canCloseAttempt: Vt,
+  dismissible: _ = !0,
+  visibleTranslate: N = 0,
+  closeThreshold: Mt = 0.35,
+  scrollLockTimeout: Bt = 500
 }) {
-  const w = S({
+  const y = v({
     dragging: !1,
     allowed: !1,
     chrome: !1,
@@ -415,60 +397,60 @@ function er({
     samples: [],
     pointerId: null,
     touchId: null
-  }), H = S(y), Wt = S(!1), mt = S(0), At = S(!1), W = S(null), V = S(
+  }), H = v(T), jt = v(!1), dt = v(0), bt = v(!1), U = v(null), V = v(
     null
-  ), ht = S(null), lt = S(null), _ = S(null), G = S(null), q = S(null), It = S(!1), kt = S(!1), it = S(!1), D = He({
+  ), ft = v(null), at = v(null), B = v(null), Et = v(!1), Ft = v(!1), ot = v(!1), P = je({
     drag: n,
     placement: o,
-    snapPositionCount: P.length
-  }), $t = `${X ?? ""}:${P.join("|")}`, Ht = S(P), Tt = S(X);
-  ut(() => {
-    Ht.current = P, Tt.current = X;
-  }, [X, $t, P]), ut(() => {
+    snapPositionCount: X.length
+  }), zt = `${D ?? ""}:${X.join("|")}`, _t = v(X), gt = v(D);
+  lt(() => {
+    _t.current = X, gt.current = D;
+  }, [D, zt, X]), lt(() => {
     const t = H.current;
-    t && t !== y && Ot(t, !1), H.current = y, Wt.current && Ot(y, !0);
-  }, [y]);
-  const J = p((t) => {
-    Wt.current = t, Ot(H.current, t);
-  }, []), yt = p(
+    t && t !== T && Ct(t, !1), H.current = T, jt.current && Ct(T, !0);
+  }, [T]);
+  const R = d((t) => {
+    jt.current = t, Ct(H.current, t);
+  }, []), mt = d(
     ({ chrome: t, target: e }) => {
-      const a = be({
+      const a = Xe({
         target: e,
         chrome: t,
         bodyNode: H.current
       });
-      return J(a), a;
+      return R(a), a;
     },
-    [J]
-  ), L = p(() => c.current?.getBoundingClientRect().height ?? window.innerHeight, [c]), Gt = p(() => {
-    if (Y !== void 0) return Y;
+    [R]
+  ), I = d(() => i.current?.getBoundingClientRect().height ?? window.innerHeight, [i]), Ut = d(() => {
+    if (E !== void 0) return E;
     if ($ === "header")
-      return c.current?.querySelector('[data-oc-part="header"]')?.getBoundingClientRect().height ?? void 0;
-  }, [$, Y, c]), I = p(() => {
-    const t = Gt();
+      return i.current?.querySelector('[data-oc-part="header"]')?.getBoundingClientRect().height ?? void 0;
+  }, [$, E, i]), k = d(() => {
+    const t = Ut();
     if (t === void 0 || t <= 0) return 0;
-    const e = L();
-    return F(e - t, 0, e);
-  }, [Gt, L]), Lt = p(
-    () => A === "peeked" ? I() : B,
-    [I, A, B]
-  ), xt = p(() => {
-    const t = c.current;
-    if (!t) return Lt();
-    const e = st(
+    const e = I();
+    return b(e - t, 0, e);
+  }, [Ut, I]), kt = d(
+    () => F === "peeked" ? k() : N,
+    [k, F, N]
+  ), ht = d(() => {
+    const t = i.current;
+    if (!t) return kt();
+    const e = nt(
       t.style.getPropertyValue("--oc-modal-translate-y")
     );
     if (e !== void 0) return e;
-    const a = st(
+    const a = nt(
       window.getComputedStyle(t).getPropertyValue("--oc-modal-translate-y")
     );
-    return a !== void 0 ? a : Lt();
-  }, [Lt, c]), wt = p(() => {
-    const t = c.current;
+    return a !== void 0 ? a : kt();
+  }, [kt, i]), Tt = d(() => {
+    const t = i.current;
     if (!t) return { x: 0, y: 0 };
-    const e = st(
+    const e = nt(
       t.style.getPropertyValue("--oc-modal-translate-x")
-    ), a = st(
+    ), a = nt(
       t.style.getPropertyValue("--oc-modal-translate-y")
     );
     if (e !== void 0 || a !== void 0)
@@ -476,71 +458,74 @@ function er({
         x: e ?? 0,
         y: a ?? 0
       };
-    const i = window.getComputedStyle(t);
+    const c = window.getComputedStyle(t);
     return {
-      x: st(i.getPropertyValue("--oc-modal-translate-x")) ?? 0,
-      y: st(i.getPropertyValue("--oc-modal-translate-y")) ?? 0
+      x: nt(c.getPropertyValue("--oc-modal-translate-x")) ?? 0,
+      y: nt(c.getPropertyValue("--oc-modal-translate-y")) ?? 0
     };
-  }, [c]), Pt = p(() => {
-    const t = xt(), e = ue(c.current);
+  }, [i]), yt = d(() => {
+    const t = ht(), e = se(i.current);
     return Math.abs(e - t) > 1 ? e : t;
-  }, [xt, c]), Q = p(() => {
-    const t = wt(), e = de(c.current);
-    return ft(e, t) > 1 ? e : t;
-  }, [wt, c]), C = p(
+  }, [ht, i]), K = d(() => {
+    const t = Tt(), e = le(i.current);
+    return ut(e, t) > 1 ? e : t;
+  }, [Tt, i]), j = d(
     (t, {
       active: e,
-      nextDismissible: a = U,
-      rubberBand: i = !1
+      nextDismissible: a = _,
+      rubberBand: c = !1
     }) => {
-      const s = c.current;
+      const s = i.current;
       if (!s) return;
-      const u = L(), d = s.parentElement, f = I(), m = qe({
-        rubberBand: i,
+      const u = I(), p = s.parentElement, f = k(), m = _e({
+        rubberBand: c,
         targetTranslate: t,
         sheetHeight: u,
         peekTranslate: f,
-        visibleTranslate: B,
+        visibleTranslate: N,
         dismissible: a
       });
-      w.current.lastTranslate = m.translate, s.style.setProperty(
+      y.current.lastTranslate = m.translate, s.style.setProperty(
         "--oc-modal-translate-y",
         `${m.translate}px`
-      ), s.dataset.ocModalDragging = e ? "true" : "false", d?.style.setProperty(
+      ), s.style.setProperty(
+        "--_-modal-elevation-shadow-opacity",
+        String(1 - m.backdropOpacity)
+      ), s.dataset.ocModalDragging = e ? "true" : "false", p?.style.setProperty(
         "--oc-modal-overshoot-fill-height",
         `${m.overshootFillHeight}px`
-      ), d && (d.dataset.ocModalDragging = e ? "true" : "false"), e ? s.style.setProperty("transition", "none") : s.style.removeProperty("transition"), g.current && (g.current.style.setProperty(
+      ), p && (p.dataset.ocModalDragging = e ? "true" : "false"), e ? s.style.setProperty("transition", "none") : s.style.removeProperty("transition"), g.current && (g.current.style.setProperty(
         "--oc-modal-backdrop-opacity",
         String(m.backdropOpacity)
       ), g.current.style.transition = e ? "none" : "");
     },
     [
       g,
-      U,
+      _,
+      k,
       I,
-      L,
-      c,
-      B
+      i,
+      N
     ]
-  ), Z = p(() => {
-    const t = c.current, e = Ht.current;
+  ), q = d(() => {
+    const t = i.current, e = _t.current;
     if (!(!t || !e.length))
-      return Me({
-        defaultSnapPosition: Tt.current,
+      return we({
+        defaultSnapPosition: gt.current,
         snapPositions: e,
         surfaceMotion: t
       });
-  }, [c]), K = p(
+  }, [i]), J = d(
     ({ destroy: t = !0 } = {}) => {
-      t && V.current?.destroy(), V.current = null, ht.current = null;
+      t && V.current?.destroy(), V.current = null, ft.current = null;
     },
     []
-  ), v = p(
+  ), S = d(
     (t, { active: e }) => {
-      const a = c.current;
+      const a = i.current;
       if (!a) return;
-      const i = Z(), s = i ? a.getBoundingClientRect() : void 0, u = i ? ie(i.targets, "x") : void 0, d = i ? ie(i.targets, "y") : void 0, f = i ? {
-        x: jt({
+      const c = q(), s = c ? a.getBoundingClientRect() : void 0, u = c ? ae(c.targets, "x") : void 0, p = c ? ae(c.targets, "y") : void 0, f = c ? {
+        x: Nt({
           targetTranslate: t.x,
           minTranslate: u?.minTranslate ?? 0,
           maxTranslate: u?.maxTranslate ?? 0,
@@ -548,16 +533,16 @@ function er({
             (u?.maxTranslate ?? 0) - (u?.minTranslate ?? 0)
           ) || s?.width || 1
         }),
-        y: jt({
+        y: Nt({
           targetTranslate: t.y,
-          minTranslate: d?.minTranslate ?? 0,
-          maxTranslate: d?.maxTranslate ?? 0,
+          minTranslate: p?.minTranslate ?? 0,
+          maxTranslate: p?.maxTranslate ?? 0,
           dimension: Math.abs(
-            (d?.maxTranslate ?? 0) - (d?.minTranslate ?? 0)
+            (p?.maxTranslate ?? 0) - (p?.minTranslate ?? 0)
           ) || s?.height || 1
         })
       } : t;
-      w.current.lastTranslateX = f.x, w.current.lastTranslate = f.y, a.style.setProperty(
+      y.current.lastTranslateX = f.x, y.current.lastTranslate = f.y, a.style.setProperty(
         "--oc-modal-translate-x",
         `${f.x}px`
       ), a.style.setProperty(
@@ -565,78 +550,52 @@ function er({
         `${f.y}px`
       ), a.dataset.ocModalDragging = e ? "true" : "false", a.parentElement && (a.parentElement.dataset.ocModalDragging = e ? "true" : "false"), a.style.transition = e ? "none" : "";
     },
-    [Z, c]
-  ), M = p(() => {
-    W.current?.destroy(), W.current = null, K(), G.current !== null && (window.cancelAnimationFrame(G.current), G.current = null), q.current !== null && (window.clearTimeout(q.current), q.current = null);
-  }, [K]), tt = p(
-    (t, e = U) => {
-      M(), C(t, {
+    [q, i]
+  ), Y = d(() => {
+    U.current?.destroy(), U.current = null, J();
+  }, [J]), Q = d(
+    (t, e = _) => {
+      Y(), j(t, {
         active: !0,
         nextDismissible: e,
         rubberBand: !0
       });
     },
-    [C, M, U]
-  ), et = p(
-    (t, e = {}) => {
-      const a = c.current, i = a?.parentElement, s = g.current;
-      for (const u of [a, i, s])
-        u && (t === null ? (delete u.dataset.ocModalTransition, u.style.removeProperty("--_-modal-transition-duration"), u.style.removeProperty("--_-modal-transition-timing-function")) : (u.dataset.ocModalTransition = t, e.durationMs !== void 0 && u.style.setProperty(
-          "--_-modal-transition-duration",
-          `${e.durationMs}ms`
-        ), e.timingFunction !== void 0 && u.style.setProperty(
-          "--_-modal-transition-timing-function",
-          e.timingFunction
-        )));
-    },
-    [g, c]
-  ), x = p(() => {
-    const t = c.current;
-    t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"), g.current?.style.removeProperty("transition"), et(null));
-  }, [g, et, c]), qt = p(
+    [j, Y, _]
+  ), w = d(() => {
+    const t = i.current;
+    t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"), g.current?.style.removeProperty("transition"));
+  }, [g, i]), Wt = d(
     ({ resetY: t = !0 } = {}) => {
-      const e = c.current;
-      e && (lt.current = null, w.current.lastTranslateX = 0, e.style.removeProperty("--oc-modal-translate-x"), t && (w.current.lastTranslate = 0, e.style.removeProperty("--oc-modal-translate-y")), x());
+      const e = i.current;
+      e && (at.current = null, y.current.lastTranslateX = 0, e.style.removeProperty("--oc-modal-translate-x"), t && (y.current.lastTranslate = 0, e.style.removeProperty("--oc-modal-translate-y")), w());
     },
-    [x, c]
-  ), k = p(
+    [w, i]
+  ), A = d(
     (t, {
       initialVelocity: e = 0,
       intent: a = "gesture",
-      phase: i = "settle",
+      phase: c = "settle",
       from: s,
       onComplete: u
     } = {}) => {
-      const d = c.current;
-      if (!d) return;
-      M();
-      const f = s ?? ue(d);
+      const p = i.current;
+      if (!p) return;
+      Y();
+      const f = s ?? se(p);
       if (Math.abs(f - t) < 0.5) {
-        C(t, { active: !1 }), x(), u?.();
+        j(t, { active: !1 }), w(), u?.();
         return;
       }
-      C(f, { active: !0 });
-      const m = Nt({
-        element: d,
+      j(f, { active: !0 });
+      const m = It({
+        element: p,
         intent: a,
-        phase: i,
+        phase: c,
         reduced: "preserve",
         reducedMotion: !1,
         property: "transform"
-      });
-      if (!m.springBacked) {
-        et("gesture-settle", {
-          timingFunction: m.timingFunction
-        });
-        const b = fe(d);
-        G.current = window.requestAnimationFrame(() => {
-          G.current = null, C(t, { active: !1 }), b <= 0 && (x(), u?.());
-        }), b > 0 && (q.current = window.setTimeout(() => {
-          q.current = null, x(), u?.();
-        }, b));
-        return;
-      }
-      const T = Vt({
+      }), x = Ot({
         value: f,
         target: t,
         velocity: e,
@@ -644,57 +603,38 @@ function er({
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
-        onUpdate: (b) => {
-          C(b, { active: !0 });
+        onUpdate: (C) => {
+          j(C, { active: !0 });
         },
         onComplete: () => {
-          W.current === T && (W.current = null), C(t, { active: !1 }), x(), u?.();
+          U.current === x && (U.current = null), j(t, { active: !1 }), w(), u?.();
         }
       });
-      W.current = T;
+      U.current = x;
     },
-    [
-      C,
-      M,
-      x,
-      et,
-      c
-    ]
-  ), j = p(
+    [j, Y, w, i]
+  ), W = d(
     (t, {
       from: e,
       initialVelocity: a = { x: 0, y: 0 }
     } = {}) => {
-      const i = c.current;
-      if (!i) return;
-      M();
-      const s = e ?? de(i), u = { x: t.x, y: t.y };
-      if (ft(s, u) < 0.5) {
-        v(u, { active: !1 }), x();
+      const c = i.current;
+      if (!c) return;
+      Y();
+      const s = e ?? le(c), u = { x: t.x, y: t.y };
+      if (ut(s, u) < 0.5) {
+        S(u, { active: !1 }), w();
         return;
       }
-      v(s, { active: !0 });
-      const f = Nt({
-        element: i,
+      S(s, { active: !0 });
+      const f = It({
+        element: c,
         intent: "gesture",
         phase: "settle",
         reduced: "preserve",
         reducedMotion: !1,
         property: "transform"
-      });
-      if (!f.springBacked) {
-        et("gesture-settle", {
-          timingFunction: f.timingFunction
-        });
-        const T = fe(i);
-        G.current = window.requestAnimationFrame(() => {
-          G.current = null, v(u, { active: !1 }), T <= 0 && x();
-        }), T > 0 && (q.current = window.setTimeout(() => {
-          q.current = null, x();
-        }, T));
-        return;
-      }
-      const m = Vt({
+      }), m = Ot({
         value: s,
         target: u,
         velocity: a,
@@ -702,81 +642,80 @@ function er({
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
-        onUpdate: (T) => {
-          v(T, { active: !0 });
+        onUpdate: (x) => {
+          S(x, { active: !0 });
         },
         onComplete: () => {
-          W.current === m && (W.current = null), v(u, { active: !1 }), x();
+          U.current === m && (U.current = null), S(u, { active: !1 }), w();
         }
       });
-      W.current = m;
+      U.current = m;
     },
     [
-      v,
-      M,
-      x,
-      et,
-      c
+      S,
+      Y,
+      w,
+      i
     ]
-  ), rt = p(() => {
+  ), Z = d(() => {
     const t = V.current;
     if (!t) return null;
     const e = t.sample();
-    return v(e.value, { active: !0 }), e;
-  }, [v]), Kt = p(
+    return S(e.value, { active: !0 }), e;
+  }, [S]), $t = d(
     (t) => {
-      if (!c.current) return null;
-      M(), v(t, { active: !0 });
-      const a = Vt({
+      if (!i.current) return null;
+      Y(), S(t, { active: !0 });
+      const a = Ot({
         value: t,
         target: t,
-        spring: Ie,
+        spring: ve,
         autoplay: !1,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
-        onUpdate: (i) => {
-          v(i, { active: !0 });
+        onUpdate: (c) => {
+          S(c, { active: !0 });
         },
         onComplete: () => {
-          const i = ht.current;
-          !i || V.current !== a || (K({ destroy: !1 }), v(i, { active: !1 }), x());
+          const c = ft.current;
+          !c || V.current !== a || (J({ destroy: !1 }), S(c, { active: !1 }), w());
         }
       });
       return V.current = a, a;
     },
     [
-      v,
-      M,
-      K,
-      x,
-      c
+      S,
+      Y,
+      J,
+      w,
+      i
     ]
-  ), Rt = p(
+  ), Ht = d(
     (t) => {
-      const e = V.current ?? Kt(Q());
-      e && (ht.current = null, e.setTarget(t));
+      const e = V.current ?? $t(K());
+      e && (ft.current = null, e.setTarget(t));
     },
-    [Q, Kt]
-  ), nt = p(
+    [K, $t]
+  ), tt = d(
     (t, e) => {
-      const a = bt(t, e);
-      return Rt(a), rt(), a;
+      const a = Yt(t, e);
+      return Ht(a), Z(), a;
     },
-    [rt, Rt]
-  ), Dt = p(
+    [Z, Ht]
+  ), xt = d(
     (t) => {
-      const e = c.current, a = V.current;
+      const e = i.current, a = V.current;
       if (!e || !a) {
-        j(t);
+        W(t);
         return;
       }
-      const i = rt(), s = i ? wt() : a.value, u = { x: t.x, y: t.y };
-      if (ft(s, u) < 0.5) {
-        K(), v(u, { active: !1 }), x();
+      const s = Z() ? Tt() : a.value, u = { x: t.x, y: t.y };
+      if (ut(s, u) < 0.5) {
+        J(), S(u, { active: !1 }), w();
         return;
       }
-      const d = Nt({
+      const p = It({
         element: e,
         intent: "gesture",
         phase: "settle",
@@ -784,253 +723,245 @@ function er({
         reducedMotion: !1,
         property: "transform"
       });
-      if (!d.springBacked) {
-        const f = i?.velocity ?? a.velocity;
-        K(), j(u, {
-          from: s,
-          initialVelocity: f
-        });
-        return;
-      }
-      ht.current = u, a.setTarget(u, { spring: d.spring });
+      ft.current = u, a.setTarget(u, { spring: p.spring });
     },
     [
-      v,
-      K,
-      x,
-      wt,
-      rt,
-      j,
-      c
+      S,
+      J,
+      w,
+      Tt,
+      Z,
+      W,
+      i
     ]
-  ), Xt = p(
+  ), Pt = d(
     ({
       key: t,
       settle: e
     }) => {
-      if (w.current.dragging) return !1;
-      const a = Z();
+      if (y.current.dragging) return !1;
+      const a = q();
       if (!a) return !1;
-      const i = (t ? a.targets.find((s) => s.key === t) : void 0) ?? a.defaultTarget;
-      return lt.current = i.key, e ? j(i) : (M(), v(i, { active: !1 }), x()), !0;
+      const c = (t ? a.targets.find((s) => s.key === t) : void 0) ?? a.defaultTarget;
+      return at.current = c.key, e ? W(c) : (Y(), S(c, { active: !1 }), w()), !0;
     },
     [
-      v,
-      M,
-      x,
-      Z,
-      j
+      S,
+      Y,
+      w,
+      q,
+      W
     ]
-  ), Jt = p(
+  ), Gt = d(
     (t, { from: e, initialVelocity: a = 0 }) => {
-      k(t, {
+      A(t, {
         from: e,
         initialVelocity: a,
         onComplete: () => {
-          gt({ reason: "drag-dismiss" }, { skipAttempt: !0 });
+          pt({ reason: "drag-dismiss" }, { skipAttempt: !0 });
         }
       });
     },
-    [gt, k]
+    [pt, A]
   );
-  Ct(
+  At(
     () => () => {
-      M(), c.current && x();
+      Y(), i.current && w();
     },
-    [M, x, c]
-  ), ut(() => {
+    [Y, w, i]
+  ), lt(() => {
     if (!l || !r || o !== "bottom") {
-      It.current = l;
+      Et.current = l;
       return;
     }
-    const t = It.current;
-    It.current = !0;
-    const e = A === "peeked" ? I() : B;
+    const t = Et.current;
+    Et.current = !0;
+    const e = F === "peeked" ? k() : N;
     if (!t) {
-      const a = L();
-      C(a, { active: !0 }), k(e, {
+      const a = I();
+      j(a, { active: !0 }), A(e, {
         from: a,
         intent: "move",
         phase: "enter"
       });
       return;
     }
-    if (A === "peeked") {
-      k(I());
+    if (F === "peeked") {
+      A(k());
       return;
     }
-    if (At.current) {
-      At.current = !1;
+    if (bt.current) {
+      bt.current = !1;
       return;
     }
-    k(B);
+    A(N);
   }, [
     r,
+    k,
     I,
-    L,
     l,
     o,
+    F,
+    j,
     A,
-    C,
-    k,
-    B
-  ]), ut(() => {
-    if (!l || !r || !D) {
-      const i = !l && o === "popup" && it.current;
-      it.current && !i && (_.current !== null && (window.cancelAnimationFrame(_.current), _.current = null), M(), qt()), it.current && i && (M(), x()), kt.current = l && o === "popup", it.current = !1;
+    N
+  ]), lt(() => {
+    if (!l || !r || !P) {
+      const c = !l && o === "popup" && ot.current;
+      ot.current && !c && (B.current !== null && (window.cancelAnimationFrame(B.current), B.current = null), Y(), Wt()), ot.current && c && (Y(), w()), Ft.current = l && o === "popup", ot.current = !1;
       return;
     }
-    const t = kt.current;
-    kt.current = !0, it.current = !0;
+    const t = Ft.current;
+    Ft.current = !0, ot.current = !0;
     let e = null;
-    const a = (i) => Xt({
-      key: i,
+    const a = (c) => Pt({
+      key: c,
       settle: t
     });
-    return a(Tt.current) || (e = window.requestAnimationFrame(() => {
+    return a(gt.current) || (e = window.requestAnimationFrame(() => {
       e = null, a(
-        lt.current ?? Tt.current
+        at.current ?? gt.current
       );
     })), () => {
       e !== null && window.cancelAnimationFrame(e);
     };
   }, [
-    M,
+    Y,
     r,
-    x,
+    w,
     l,
     o,
-    $t,
-    D,
-    qt,
-    Xt
-  ]), ut(() => {
-    if (!l || !r || !D) return;
+    zt,
+    P,
+    Wt,
+    Pt
+  ]), lt(() => {
+    if (!l || !r || !P) return;
     const t = () => {
-      w.current.dragging || _.current === null && (_.current = window.requestAnimationFrame(() => {
-        _.current = null, !w.current.dragging && Xt({
-          key: lt.current,
+      y.current.dragging || B.current === null && (B.current = window.requestAnimationFrame(() => {
+        B.current = null, !y.current.dragging && Pt({
+          key: at.current,
           settle: !1
         });
       }));
     };
     window.addEventListener("resize", t), window.visualViewport?.addEventListener("resize", t);
-    const e = c.current, a = e?.parentElement, i = typeof ResizeObserver > "u" ? null : new ResizeObserver(t);
-    return i && (e && i.observe(e), a && i.observe(a)), () => {
-      window.removeEventListener("resize", t), window.visualViewport?.removeEventListener("resize", t), i?.disconnect(), _.current !== null && (window.cancelAnimationFrame(_.current), _.current = null);
+    const e = i.current, a = e?.parentElement, c = typeof ResizeObserver > "u" ? null : new ResizeObserver(t);
+    return c && (e && c.observe(e), a && c.observe(a)), () => {
+      window.removeEventListener("resize", t), window.visualViewport?.removeEventListener("resize", t), c?.disconnect(), B.current !== null && (window.cancelAnimationFrame(B.current), B.current = null);
     };
   }, [
     r,
     l,
-    D,
-    c,
-    Xt
+    P,
+    i,
+    Pt
   ]);
-  const Qt = p(
+  const Rt = d(
     (t, e, a) => {
-      if (typeof Element > "u" || !(t instanceof Element) || Bt(t)) return !1;
-      const i = Date.now(), s = e > 0, u = Ee(t, H.current);
-      return !a && u && s && u.scrollTop > 0 || !a && mt.current && i - mt.current < Ut && Math.abs(xt()) <= 1 ? (mt.current = i, !1) : !0;
+      if (typeof Element > "u" || !(t instanceof Element) || Lt(t)) return !1;
+      const c = Date.now(), s = e > 0, u = De(t, H.current);
+      return !a && u && s && u.scrollTop > 0 || !a && dt.current && c - dt.current < Bt && Math.abs(ht()) <= 1 ? (dt.current = c, !1) : !0;
     },
-    [xt, Ut]
-  ), St = p(
+    [ht, Bt]
+  ), wt = d(
     ({
       chrome: t,
       pointerId: e = null,
       source: a,
-      startX: i = 0,
+      startX: c = 0,
       startY: s,
       touchId: u = null
     }) => {
-      const d = Pt(), f = Q(), m = dt();
-      w.current = {
+      const p = yt(), f = K(), m = ct();
+      y.current = {
         dragging: !0,
         allowed: !1,
         chrome: t,
         closeAllowed: null,
         started: !1,
         source: a,
-        startX: i,
+        startX: c,
         startY: s,
-        lastX: i,
+        lastX: c,
         lastY: s,
         startTranslateX: f.x,
-        startTranslate: d,
+        startTranslate: p,
         lastTranslateX: f.x,
-        lastTranslate: d,
+        lastTranslate: p,
         startTime: m,
         samples: [
           {
             time: m,
-            pageX: i,
+            pageX: c,
             pageY: s,
             translateX: f.x,
-            translateY: d
+            translateY: p
           }
         ],
         pointerId: e,
         touchId: u
       };
     },
-    [Pt, Q]
-  ), at = p(
+    [yt, K]
+  ), et = d(
     (t) => {
-      t.source === "touch" && 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" && R(!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]
-  ), Zt = p(
+    [R]
+  ), Kt = d(
     (t, e) => {
-      const a = Pt(), i = Q();
-      t.startX = e.x, t.startY = e.y, t.lastX = e.x, t.lastY = e.y, t.startTranslateX = i.x, t.startTranslate = a, t.lastTranslateX = i.x, t.lastTranslate = a, t.startTime = dt(), t.samples = [
+      const a = yt(), c = K();
+      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 = ct(), t.samples = [
         {
           time: t.startTime,
           pageX: e.x,
           pageY: e.y,
-          translateX: i.x,
+          translateX: c.x,
           translateY: a
         }
       ];
     },
-    [Pt, Q]
-  ), te = p(
+    [yt, K]
+  ), qt = d(
     ({
       currentTranslate: t,
       dismissible: e,
       releaseVelocity: a,
-      deltaY: i,
+      deltaY: c,
       startTranslate: s
     }) => {
-      const u = L(), d = I(), f = d > 0, m = u, T = Math.max(
-        E.dismissal.minDistancePx,
-        (u - d) * Ft
-      ), b = h.map(
-        (O) => F(u - O, 0, u)
-      ), z = ae(
-        b.length ? b : [0]
-      ), N = _e({
+      const u = I(), p = k(), f = p > 0, m = u, x = Math.max(
+        M.dismissal.minDistancePx,
+        (u - p) * Mt
+      ), C = h.map(
+        (O) => b(u - O, 0, u)
+      ), z = te(
+        C.length ? C : [0]
+      ), L = Ce({
         currentTranslate: t,
         releaseVelocity: a
       });
-      f && z.push(d);
-      const ct = ae(z);
-      return e && !f && i > 0 && t >= d + T ? m : ze(a) ? ct.length > 1 ? Oe(
-        ct,
+      f && z.push(p);
+      const st = te(z);
+      return e && !f && c > 0 && t >= p + x ? m : Oe(a) ? st.length > 1 ? ke(
+        st,
         s,
         t,
-        i > 0 ? "down" : "up",
-        N
-      ) : 0 : e && t > u * Ft && !f ? m : Ce(ct, t);
+        c > 0 ? "down" : "up",
+        L
+      ) : 0 : e && t > u * Mt && !f ? m : Ee(st, t);
     },
-    [Ft, I, L, h]
-  ), xe = p(
+    [Mt, k, I, h]
+  ), fe = d(
     (t) => {
-      if (!r || o !== "bottom" && !D || n === !1 || t.pointerType === "touch" || Bt(t.target)) return;
+      if (!r || o !== "bottom" && !P || n === !1 || t.pointerType === "touch" || Lt(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 = le(t.target), !Be(t, e)) || (St({
+      n === "content" && (e = ne(t.target), !Ae(t, e)) || (wt({
         chrome: e,
         pointerId: t.pointerId,
         source: "pointer",
@@ -1038,98 +969,98 @@ function er({
         startY: t.pageY
       }), t.currentTarget.setPointerCapture(t.pointerId));
     },
-    [St, n, r, o, D]
-  ), ot = p(
+    [wt, n, r, o, P]
+  ), rt = d(
     (t, e) => {
-      if (!U) return !1;
+      if (!_) return !1;
       if (e <= 0) return !0;
       if (t.closeAllowed !== null) return t.closeAllowed;
-      const a = zt({ reason: "drag-dismiss" });
+      const a = Vt({ reason: "drag-dismiss" });
       return t.closeAllowed = a, a;
     },
-    [zt, U]
-  ), vt = p(
+    [Vt, _]
+  ), Xt = d(
     ({
       closeAllowed: t,
       currentTranslate: e,
       deltaY: a,
-      releaseVelocity: i,
+      releaseVelocity: c,
       startTranslate: s
     }) => {
-      const d = te({
+      const p = qt({
         currentTranslate: e,
-        dismissible: U && t !== !1,
-        releaseVelocity: i,
+        dismissible: _ && t !== !1,
+        releaseVelocity: c,
         deltaY: a,
         startTranslate: s
-      }), f = L(), m = I();
-      if (d >= f - 1) {
-        gt({ reason: "drag-dismiss" }, { commit: !1 }) ? Jt(d, {
+      }), f = I(), m = k();
+      if (p >= f - 1) {
+        pt({ reason: "drag-dismiss" }, { commit: !1 }) ? Gt(p, {
           from: e,
-          initialVelocity: i
-        }) : k(s, {
+          initialVelocity: c
+        }) : A(s, {
           from: e,
-          initialVelocity: i
+          initialVelocity: c
         });
         return;
       }
-      m > 0 && d >= m - 1 ? Et("peeked") : ($e({
-        presentationState: A,
-        releaseTranslate: d,
-        visibleTranslate: B
-      }) && (At.current = !0), Et("visible")), k(d, {
+      m > 0 && p >= m - 1 ? vt("peeked") : (Be({
+        presentationState: F,
+        releaseTranslate: p,
+        visibleTranslate: N
+      }) && (bt.current = !0), vt("visible")), A(p, {
         from: e,
-        initialVelocity: i
+        initialVelocity: c
       });
     },
     [
-      Jt,
-      U,
+      Gt,
+      _,
+      k,
+      qt,
       I,
-      te,
-      L,
+      F,
+      pt,
+      vt,
       A,
-      gt,
-      Et,
-      k,
-      B
+      N
     ]
-  ), Yt = p(
+  ), Dt = d(
     ({ currentTranslate: t, releaseVelocity: e }) => {
-      const a = Z();
+      const a = q();
       if (!a) return;
-      const i = We({
+      const c = Ve({
         currentTranslate: t,
         releaseVelocity: e,
         targets: a.targets
       });
-      if (lt.current = i.key, V.current) {
-        Dt(i);
+      if (at.current = c.key, V.current) {
+        xt(c);
         return;
       }
-      j(i, {
+      W(c, {
         from: t,
         initialVelocity: e
       });
     },
-    [Z, Dt, j]
-  ), we = p(
+    [q, xt, W]
+  ), ge = d(
     (t) => {
-      const e = w.current;
-      if (!e.dragging || e.source !== "pointer" || !r || o !== "bottom" && !D)
+      const e = y.current;
+      if (!e.dragging || e.source !== "pointer" || !r || o !== "bottom" && !P)
         return;
-      const a = t.pageX - e.startX, i = t.pageY - e.startY, s = t.pointerType === "touch" ? E.dragStartThresholdPx.touch : E.dragStartThresholdPx.mouse;
-      if (!(!e.started && oe({ deltaX: a, deltaY: i, placement: o }) < s)) {
+      const a = t.pageX - e.startX, c = t.pageY - e.startY, s = t.pointerType === "touch" ? M.dragStartThresholdPx.touch : M.dragStartThresholdPx.mouse;
+      if (!(!e.started && ee({ deltaX: a, deltaY: c, placement: o }) < s)) {
         if (!e.allowed) {
-          if (o === "bottom" && !Qt(t.target, i, e.chrome))
+          if (o === "bottom" && !Rt(t.target, c, e.chrome))
             return;
           e.allowed = !0, e.started = !0;
         }
         if (t.preventDefault(), e.lastX = t.pageX, e.lastY = t.pageY, o === "popup")
-          nt(e, t), ge(e, t);
+          tt(e, t), ce(e, t);
         else {
-          const u = e.startTranslate + i, d = ot(e, i);
-          tt(u, d), pt(e, {
+          const u = e.startTranslate + c, p = rt(e, c);
+          Q(u, p), it(e, {
             pageX: t.pageX,
             pageY: t.pageY,
             translateX: e.lastTranslateX,
@@ -1140,142 +1071,142 @@ function er({
     },
     [
       r,
-      nt,
-      ot,
-      o,
-      D,
       tt,
-      Qt
+      rt,
+      o,
+      P,
+      Q,
+      Rt
     ]
-  ), R = p(
+  ), G = d(
     ({
       currentTarget: t,
       pageX: e,
       pageY: a,
-      releaseCapture: i = !0
+      releaseCapture: c = !0
     }) => {
-      const s = w.current;
-      if (!s.dragging || s.source !== "pointer" || !r || o !== "bottom" && !D)
+      const s = y.current;
+      if (!s.dragging || s.source !== "pointer" || !r || o !== "bottom" && !P)
         return;
-      const u = s.started, d = Number.isFinite(e) ? e : s.lastX, f = Number.isFinite(a) ? a : s.lastY, m = d - s.startX, T = f - s.startY, b = Math.max(dt() - s.startTime, 1);
+      const u = s.started, p = Number.isFinite(e) ? e : s.lastX, f = Number.isFinite(a) ? a : s.lastY, m = p - s.startX, x = f - s.startY, C = Math.max(ct() - s.startTime, 1);
       let z = {
         x: s.lastTranslateX,
         y: s.lastTranslate
       };
-      const N = s.startTranslate;
+      const L = s.startTranslate;
       if (u)
         if (o === "popup")
-          nt(s, {
-            pageX: d,
+          tt(s, {
+            pageX: p,
             pageY: f
           }), z = {
             x: s.lastTranslateX,
             y: s.lastTranslate
           };
         else {
-          const O = s.startTranslate + T, ve = ot(s, T);
-          tt(O, ve), z = {
+          const O = s.startTranslate + x, xe = rt(s, x);
+          Q(O, xe), z = {
             x: s.lastTranslateX,
             y: s.lastTranslate
           };
         }
-      const ct = s.closeAllowed;
-      if (i && t && s.pointerId !== null && t.hasPointerCapture(s.pointerId) && t.releasePointerCapture(s.pointerId), u) {
-        const O = o === "popup" ? bt(s, {
-          pageX: d,
+      const st = s.closeAllowed;
+      if (c && t && s.pointerId !== null && t.hasPointerCapture(s.pointerId) && t.releasePointerCapture(s.pointerId), u) {
+        const O = o === "popup" ? Yt(s, {
+          pageX: p,
           pageY: f
         }) : {
           x: s.lastTranslateX,
           y: s.lastTranslate
         };
-        pt(s, {
-          pageX: d,
+        it(s, {
+          pageX: p,
           pageY: f,
           translateX: O.x,
           translateY: O.y
         });
       }
-      if (at(s), !!u)
+      if (et(s), !!u)
         if (o === "popup") {
-          const O = he({
+          const O = ue({
             session: s,
-            fallbackDelta: { x: m, y: T },
-            fallbackElapsed: b
+            fallbackDelta: { x: m, y: x },
+            fallbackElapsed: C
           });
-          Yt({
+          Dt({
             currentTranslate: z,
             releaseVelocity: O
           });
         } else {
-          const O = me({
+          const O = ie({
             session: s,
-            fallbackDeltaY: T,
-            fallbackElapsed: b
+            fallbackDeltaY: x,
+            fallbackElapsed: C
           });
-          vt({
-            closeAllowed: ct,
+          Xt({
+            closeAllowed: st,
             currentTranslate: z.y,
-            deltaY: T,
+            deltaY: x,
             releaseVelocity: O,
-            startTranslate: N
+            startTranslate: L
           });
         }
     },
     [
-      vt,
-      Yt,
+      Xt,
+      Dt,
       r,
-      nt,
-      ot,
+      tt,
+      rt,
       o,
-      D,
-      at,
-      tt
+      P,
+      et,
+      Q
     ]
-  ), ee = p(
+  ), Jt = d(
     (t) => {
-      R({
+      G({
         currentTarget: t.currentTarget,
         pageX: t.pageX,
         pageY: t.pageY
       });
     },
-    [R]
-  ), Pe = p(
+    [G]
+  ), me = d(
     (t) => {
-      const e = w.current;
-      e.pointerId !== null && t.pointerId !== e.pointerId || R({
+      const e = y.current;
+      e.pointerId !== null && t.pointerId !== e.pointerId || G({
         pageX: t.pageX,
         pageY: t.pageY,
         releaseCapture: !1
       });
     },
-    [R]
+    [G]
   );
-  Ct(() => {
+  At(() => {
     if (!r) return;
     const t = (s) => {
-      const u = w.current;
-      !u.dragging || u.source !== "pointer" || "pointerId" in s && u.pointerId !== null && s.pointerId !== u.pointerId || R({
+      const u = y.current;
+      !u.dragging || u.source !== "pointer" || "pointerId" in s && u.pointerId !== null && s.pointerId !== u.pointerId || G({
         pageX: s.pageX,
         pageY: s.pageY,
         releaseCapture: !1
       });
     }, e = () => {
-      const s = w.current;
-      !s.dragging || s.source !== "pointer" || R({
+      const s = y.current;
+      !s.dragging || s.source !== "pointer" || G({
         pageX: s.lastX,
         pageY: s.lastY,
         releaseCapture: !1
       });
     }, a = (s) => {
-      const u = w.current;
+      const u = y.current;
       !u.dragging || u.source !== "pointer" || s.relatedTarget === null && t(s);
-    }, i = (s) => {
-      const u = w.current;
+    }, c = (s) => {
+      const u = y.current;
       !u.dragging || u.source !== "pointer" || s.relatedTarget === null && t(s);
     };
-    return document.addEventListener("pointerout", a, !0), document.addEventListener("mouseout", i, !0), window.addEventListener("pointerup", t, !0), window.addEventListener(
+    return document.addEventListener("pointerout", a, !0), document.addEventListener("mouseout", c, !0), window.addEventListener("pointerup", t, !0), window.addEventListener(
       "pointercancel",
       t,
       !0
@@ -1284,7 +1215,7 @@ function er({
         "pointerout",
         a,
         !0
-      ), document.removeEventListener("mouseout", i, !0), window.removeEventListener(
+      ), document.removeEventListener("mouseout", c, !0), window.removeEventListener(
         "pointerup",
         t,
         !0
@@ -1294,24 +1225,24 @@ function er({
         !0
       ), window.removeEventListener("blur", e);
     };
-  }, [R, r]);
-  const Mt = p((t) => {
-    const e = w.current;
-    return e.touchId !== null ? ce(t.changedTouches, e.touchId) ?? ce(t.touches, e.touchId) : t.touches[0] ?? t.changedTouches[0] ?? null;
-  }, []), De = p(
+  }, [G, r]);
+  const St = d((t) => {
+    const e = y.current;
+    return e.touchId !== null ? oe(t.changedTouches, e.touchId) ?? oe(t.touches, e.touchId) : t.touches[0] ?? t.changedTouches[0] ?? null;
+  }, []), he = d(
     (t) => {
-      if (!r || o !== "bottom" && !D || n === !1 || t.touches.length !== 1 || Bt(t.target)) return;
+      if (!r || o !== "bottom" && !P || n === !1 || t.touches.length !== 1 || Lt(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 = le(t.target));
+      n === "content" && (e = ne(t.target));
       const a = t.touches[0];
-      o === "bottom" && yt({
+      o === "bottom" && mt({
         target: t.target,
         chrome: e
-      }), St({
+      }), wt({
         chrome: e,
         source: "touch",
         startX: a.pageX,
@@ -1320,50 +1251,50 @@ function er({
       });
     },
     [
-      St,
+      wt,
       n,
       r,
       o,
-      D,
-      yt
+      P,
+      mt
     ]
-  ), re = p(
+  ), Qt = d(
     (t) => {
-      const e = w.current;
-      if (!e.dragging || e.source !== "touch" || !r || o !== "bottom" && !D)
+      const e = y.current;
+      if (!e.dragging || e.source !== "touch" || !r || o !== "bottom" && !P)
         return;
-      const a = Mt(t);
+      const a = St(t);
       if (!a) return;
-      const i = a.pageX - e.startX, s = a.pageY - e.startY, u = oe({
-        deltaX: i,
+      const c = a.pageX - e.startX, s = a.pageY - e.startY, u = ee({
+        deltaX: c,
         deltaY: s,
         placement: o
-      }), d = E.dragStartThresholdPx.touch, f = o === "bottom" ? Fe({
+      }), p = M.dragStartThresholdPx.touch, f = o === "bottom" ? Se({
         target: t.target,
         deltaY: s,
         chrome: e.chrome,
         bodyNode: H.current
-      }) : Ae({
+      }) : Ye({
         target: t.target,
         bodyNode: H.current
       });
       if (f.preventDefault) {
-        const T = o === "bottom" && Math.abs(i) > Math.abs(s) && Math.abs(s) < d && !e.started && u < d;
-        !T && o === "bottom" && yt({
+        const x = o === "bottom" && Math.abs(c) > Math.abs(s) && Math.abs(s) < p && !e.started && u < p;
+        !x && o === "bottom" && mt({
           target: t.target,
           chrome: e.chrome
-        }), T || ne(t);
+        }), x || Zt(t);
       }
       if (f.resetAnchor) {
-        J(!1), Zt(e, { x: a.pageX, y: a.pageY });
+        R(!1), Kt(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 || ne(t), e.lastX = a.pageX, e.lastY = a.pageY, o === "popup")
-          nt(e, a), ge(e, a);
+      if (f.allowDrag && !(!e.started && u < p))
+        if (e.allowed || (e.allowed = !0, e.started = !0), f.preventDefault || Zt(t), e.lastX = a.pageX, e.lastY = a.pageY, o === "popup")
+          tt(e, a), ce(e, a);
         else {
-          const m = e.startTranslate + s, T = ot(e, s);
-          tt(m, T), pt(e, {
+          const m = e.startTranslate + s, x = rt(e, s);
+          Q(m, x), it(e, {
             pageX: a.pageX,
             pageY: a.pageY,
             translateX: e.lastTranslateX,
@@ -1373,21 +1304,21 @@ function er({
     },
     [
       r,
-      nt,
-      ot,
-      Mt,
-      o,
-      D,
-      Zt,
-      J,
       tt,
-      yt
+      rt,
+      St,
+      o,
+      P,
+      Kt,
+      R,
+      Q,
+      mt
     ]
   );
-  Ct(() => {
-    if (!l || !r || o !== "bottom" && !D || n === !1 || typeof window > "u") return;
+  At(() => {
+    if (!l || !r || o !== "bottom" && !P || n === !1 || typeof window > "u") return;
     const t = (e) => {
-      re(e);
+      Qt(e);
     };
     return window.addEventListener("touchmove", t, {
       capture: !0,
@@ -1395,104 +1326,104 @@ function er({
     }), () => {
       window.removeEventListener("touchmove", t, !0);
     };
-  }, [n, r, re, l, o, D]);
-  const Xe = p(
+  }, [n, r, Qt, l, o, P]);
+  const Te = d(
     (t) => {
-      const e = w.current;
-      if (!e.dragging || e.source !== "touch" || !r || o !== "bottom" && !D)
+      const e = y.current;
+      if (!e.dragging || e.source !== "touch" || !r || o !== "bottom" && !P)
         return;
-      const a = Mt(t), i = a?.pageX ?? e.lastX, s = a?.pageY ?? e.lastY, u = e.started, d = e.closeAllowed, f = i - e.startX, m = s - e.startY, T = Math.max(dt() - e.startTime, 1);
-      o === "popup" && rt();
-      const b = {
+      const a = St(t), c = a?.pageX ?? e.lastX, s = a?.pageY ?? e.lastY, u = e.started, p = e.closeAllowed, f = c - e.startX, m = s - e.startY, x = Math.max(ct() - e.startTime, 1);
+      o === "popup" && Z();
+      const C = {
         x: e.lastTranslateX,
         y: e.lastTranslate
       }, z = e.startTranslate;
       if (u) {
-        const N = o === "popup" ? bt(e, {
-          pageX: i,
+        const L = o === "popup" ? Yt(e, {
+          pageX: c,
           pageY: s
         }) : {
           x: e.lastTranslateX,
           y: e.lastTranslate
         };
-        pt(e, {
-          pageX: i,
+        it(e, {
+          pageX: c,
           pageY: s,
-          translateX: N.x,
-          translateY: N.y
+          translateX: L.x,
+          translateY: L.y
         });
       }
-      if (at(e), !!u)
+      if (et(e), !!u)
         if (o === "popup") {
-          const N = he({
+          const L = ue({
             session: e,
             fallbackDelta: { x: f, y: m },
-            fallbackElapsed: T
+            fallbackElapsed: x
           });
-          Yt({
-            currentTranslate: b,
-            releaseVelocity: N
+          Dt({
+            currentTranslate: C,
+            releaseVelocity: L
           });
         } else {
-          const N = me({
+          const L = ie({
             session: e,
             fallbackDeltaY: m,
-            fallbackElapsed: T
+            fallbackElapsed: x
           });
-          vt({
-            closeAllowed: d,
-            currentTranslate: b.y,
+          Xt({
+            closeAllowed: p,
+            currentTranslate: C.y,
             deltaY: m,
-            releaseVelocity: N,
+            releaseVelocity: L,
             startTranslate: z
           });
         }
     },
     [
-      vt,
-      Yt,
+      Xt,
+      Dt,
       r,
-      Mt,
+      St,
       o,
-      D,
-      at,
-      rt
+      P,
+      et,
+      Z
     ]
-  ), Se = p(() => {
-    const t = w.current;
+  ), ye = d(() => {
+    const t = y.current;
     if (!t.dragging || t.source !== "touch") return;
-    const e = t.started, a = t.startTranslate, i = t.lastTranslate, s = {
+    const e = t.started, a = t.startTranslate, c = t.lastTranslate, s = {
       x: t.startTranslateX,
       y: t.startTranslate
     }, u = {
       x: t.lastTranslateX,
       y: t.lastTranslate
-    }, d = o;
-    if (at(t), !!e) {
-      if (d === "popup") {
-        V.current ? Dt(s) : j(s, { from: u });
+    }, p = o;
+    if (et(t), !!e) {
+      if (p === "popup") {
+        V.current ? xt(s) : W(s, { from: u });
         return;
       }
-      k(a, { from: i });
+      A(a, { from: c });
     }
   }, [
     o,
-    at,
-    Dt,
-    j,
-    k
+    et,
+    xt,
+    W,
+    A
   ]);
   return {
-    onPointerDown: xe,
-    onPointerMove: we,
-    onPointerUp: ee,
-    onPointerCancel: ee,
-    onLostPointerCapture: Pe,
-    onTouchStart: De,
-    onTouchEnd: Xe,
-    onTouchCancel: Se
+    onPointerDown: fe,
+    onPointerMove: ge,
+    onPointerUp: Jt,
+    onPointerCancel: Jt,
+    onLostPointerCapture: me,
+    onTouchStart: he,
+    onTouchEnd: Te,
+    onTouchCancel: ye
   };
 }
 export {
-  er as useModalDrag
+  Ke as useModalDrag
 };