@orioncactuscorp/ui 1.8.0 → 1.9.1

package/dist/components/Modal/useModalDrag.js

@@ -1,14 +1,19 @@
-import { useRef as S, useLayoutEffect as Z, useCallback as d, useEffect as Mt } from "react";
-import { ocSpring as Ce } from "../../utils/spring.js";
-import { resolveOcMotion as Nt } from "../../utils/motion.js";
-import { resolveModalPopupSnapPositions as Be } from "./snapPoints.js";
-import { setModalBodyTouchScrollLock as Ot, shouldLockModalBodyTouchScroll as Ie, shouldIgnoreDragTarget as Vt, getScrollableAncestor as Ae, getBottomTouchDragDecision as Ne, getPopupTouchDragDecision as Oe } from "./modalScrollArbitration.js";
-import { createSpringAnimator as Ht } from "../../utils/spring/animator.js";
-const M = {
+import { useRef as w, useLayoutEffect as ot, useCallback as p, useEffect as It } from "react";
+import { ocSpring as Ze } from "../../utils/spring.js";
+import { resolveOcMotion as zt } from "../../utils/motion.js";
+import { resolveModalPopupSnapPositions as qe } from "./snapPoints.js";
+import { setModalBodyTouchScrollLock as Ut, shouldLockModalBodyTouchScroll as tr, shouldIgnoreDragTarget as Wt, getScrollableAncestor as er, hasActiveTextSelection as rr, getBottomTouchDragDecision as nr, getPopupTouchDragDecision as or } from "./modalScrollArbitration.js";
+import { resolveResizedBottomSheetTranslate as ar, resolveBottomSheetRestState as sr } from "./bottomSheetGeometry.js";
+import { createSpringAnimator as Gt } from "../../utils/spring/animator.js";
+const F = {
   dragStartThresholdPx: {
     touch: 10,
     mouse: 2
   },
+  // Mouse drags on body content arbitrate against native text selection: the
+  // gesture drives the sheet only once it is clearly vertical past this
+  // distance, otherwise the browser keeps its selection behavior.
+  selectionArbitrationThresholdPx: 12,
   releaseVelocity: {
     sampleWindowMs: 90,
     maxPxPerSecond: 4e3,
@@ -35,50 +40,50 @@ const M = {
   popupDragFollower: {
     settleDurationFactor: 1 / 6
   }
-}, Ve = Ce.snappy({
-  duration: M.settleSpring.durationSeconds * M.popupDragFollower.settleDurationFactor
-}), He = [], je = [];
-function le(r) {
+}, ir = Ze.snappy({
+  duration: F.settleSpring.durationSeconds * F.popupDragFollower.settleDurationFactor
+}), lr = [], cr = [];
+function Ye(r) {
   r.cancelable !== !1 && r.preventDefault();
 }
-function b(r, n, i) {
+function A(r, n, i) {
   return Math.min(Math.max(r, n), i);
 }
-function ce(r) {
+function Me(r) {
   return [...new Set(r)].sort((n, i) => n - i);
 }
-function ze(r, n) {
+function ur(r, n) {
   return r.reduce(
-    (i, a) => Math.abs(a - n) < Math.abs(i - n) ? a : i
+    (i, o) => Math.abs(o - n) < Math.abs(i - n) ? o : i
   );
 }
-function ue({
+function Ee({
   deltaX: r,
   deltaY: n,
   placement: i
 }) {
   return i === "bottom" ? Math.abs(n) : Math.hypot(r, n);
 }
-function _e(r, n, i) {
+function dr(r, n, i) {
   if (i === "down")
     return r.find((l) => l > n + 1) ?? r[r.length - 1] ?? 0;
   for (let l = r.length - 1; l >= 0; l -= 1) {
-    const f = r[l];
-    if (f !== void 0 && f < n - 1)
-      return f;
+    const h = r[l];
+    if (h !== void 0 && h < n - 1)
+      return h;
   }
   return r[0] ?? 0;
 }
-function Re(r, n, i, a, l = i) {
-  const y = _e(r, n, a), T = a === "down" ? Math.max(i, l) : Math.min(i, l);
-  if (a === "down") {
+function pr(r, n, i, o, l = i) {
+  const y = dr(r, n, o), T = o === "down" ? Math.max(i, l) : Math.min(i, l);
+  if (o === "down") {
     if (r.filter(
-      (k) => k > n + 1 && k <= i + 1
+      ($) => $ > n + 1 && $ <= i + 1
     ).length === 0) return y;
-    const dt = r.filter(
-      (k) => k > n + 1 && k <= T + 1
+    const tt = r.filter(
+      ($) => $ > n + 1 && $ <= T + 1
     );
-    return dt[dt.length - 1] ?? y;
+    return tt[tt.length - 1] ?? y;
   }
   return r.filter(
     (L) => L < n - 1 && L >= i - 1
@@ -86,78 +91,78 @@ function Re(r, n, i, a, l = i) {
     (L) => L < n - 1 && L >= T - 1
   )[0] ?? y;
 }
-function pe(r, n) {
+function be(r, n) {
   if (n <= 0) return 0;
-  const i = n, { resistance: a } = M.rubberBand;
-  return r * a * i / (i + a * r);
+  const i = n, { resistance: o } = F.rubberBand;
+  return r * o * i / (i + o * r);
 }
-function jt({
+function Kt({
   targetTranslate: r,
   minTranslate: n,
   maxTranslate: i,
-  minBoundaryLimit: a,
+  minBoundaryLimit: o,
   maxBoundaryLimit: l
 }) {
-  return r < n ? n - pe(n - r, a) : r > i ? i + pe(r - i, l) : r;
+  return r < n ? n - be(n - r, o) : r > i ? i + be(r - i, l) : r;
 }
-function de(r) {
+function Le(r) {
   return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest('[data-oc-part="handle"], [data-oc-part="header"]');
 }
-function fe(r) {
+function ke(r) {
   return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest(
     '[data-oc-part="handle"], [data-oc-component="modal-navigation"]'
   );
 }
-function Ue(r) {
+function fr(r) {
   return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest('[data-oc-component="modal-navigation"]');
 }
-function We(r) {
+function gr(r) {
   return typeof Element > "u" || !(r instanceof Element) ? null : r.closest('[data-oc-component="modal-navigation"]');
 }
-function $e(r, n) {
+function mr(r, n) {
   return n ? !0 : r.pointerType ? r.pointerType === "touch" : typeof window > "u" ? !1 : window.matchMedia?.("(pointer: coarse)").matches ?? !1;
 }
-function ge(r, n) {
+function Ce(r, n) {
   if (!r.length)
     return {
       minTranslate: 0,
       maxTranslate: 0
     };
-  const i = r.map((f) => f[n]), a = Math.min(...i), l = Math.max(...i);
-  if (Math.abs(l - a) < 0.5) {
-    const f = (a + l) / 2;
+  const i = r.map((h) => h[n]), o = Math.min(...i), l = Math.max(...i);
+  if (Math.abs(l - o) < 0.5) {
+    const h = (o + l) / 2;
     return {
-      minTranslate: f,
-      maxTranslate: f
+      minTranslate: h,
+      maxTranslate: h
     };
   }
   return {
-    minTranslate: a,
+    minTranslate: o,
     maxTranslate: l
   };
 }
-function me(r, n) {
+function Fe(r, n) {
   for (let i = 0; i < r.length; i += 1) {
-    const a = "item" in r && typeof r.item == "function" ? r.item(i) : r[i];
-    if (a?.identifier === n) return a;
+    const o = "item" in r && typeof r.item == "function" ? r.item(i) : r[i];
+    if (o?.identifier === n) return o;
   }
   return null;
 }
-function De(r) {
+function Re(r) {
   if (!r) return { x: 0, y: 0 };
   const n = window.getComputedStyle(r).transform;
   if (!n || n === "none") return { x: 0, y: 0 };
   const i = n.match(/^matrix\((.+)\)$/);
   if (i) {
-    const l = i[1].split(",").map((f) => f.trim());
+    const l = i[1].split(",").map((h) => h.trim());
     return {
       x: Number.parseFloat(l[4] ?? "0") || 0,
       y: Number.parseFloat(l[5] ?? "0") || 0
     };
   }
-  const a = n.match(/^matrix3d\((.+)\)$/);
-  if (a) {
-    const l = a[1].split(",").map((f) => f.trim());
+  const o = n.match(/^matrix3d\((.+)\)$/);
+  if (o) {
+    const l = o[1].split(",").map((h) => h.trim());
     return {
       x: Number.parseFloat(l[12] ?? "0") || 0,
       y: Number.parseFloat(l[13] ?? "0") || 0
@@ -165,332 +170,337 @@ function De(r) {
   }
   return { x: 0, y: 0 };
 }
-function zt(r) {
-  return De(r).y;
+function Jt(r) {
+  return Re(r).y;
 }
-function he(r) {
-  return De(r);
+function Ae(r) {
+  return Re(r);
 }
-function pt(r) {
+function yt(r) {
   if (!r || !/^-?\d*\.?\d+(?:px)?$/.test(r.trim())) return;
   const n = Number.parseFloat(r);
   return Number.isFinite(n) ? n : void 0;
 }
-function $() {
+function Z() {
   return Date.now();
 }
-function Ge(r, n) {
-  const i = n - M.releaseVelocity.sampleWindowMs;
+function hr(r, n) {
+  const i = n - F.releaseVelocity.sampleWindowMs;
   for (; r.length > 2 && (r[1]?.time ?? n) < i; )
     r.shift();
 }
-function mt(r, n) {
-  const i = n.time ?? $();
+function St(r, n) {
+  const i = n.time ?? Z();
   r.samples.push({
     time: i,
     pageX: n.pageX,
     pageY: n.pageY,
     translateX: n.translateX,
     translateY: n.translateY
-  }), Ge(r.samples, i);
+  }), hr(r.samples, i);
 }
-function Lt(r, n) {
+function Ot(r, n) {
   return {
     x: r.startTranslateX + n.pageX - r.startX,
     y: r.startTranslate + n.pageY - r.startY
   };
 }
-function ye(r, n) {
-  const i = Lt(r, n);
-  mt(r, {
+function Be(r, n) {
+  const i = Ot(r, n);
+  St(r, {
     pageX: n.pageX,
     pageY: n.pageY,
     translateX: i.x,
     translateY: i.y
   });
 }
-function Te({
+function Ie({
   session: r,
   fallbackDeltaY: n,
   fallbackElapsed: i
 }) {
-  const a = r.samples[r.samples.length - 1], { maxPxPerSecond: l, sampleWindowMs: f } = M.releaseVelocity;
-  if (a) {
-    const y = a.time - f, T = r.samples.find((D) => D.time >= y) ?? r.samples[0];
-    if (T && T !== a) {
-      const D = Math.max(a.time - T.time, 1), Y = (a.translateY - T.translateY) / D * 1e3;
-      if (Number.isFinite(Y))
-        return b(Y, -l, l);
+  const o = r.samples[r.samples.length - 1], { maxPxPerSecond: l, sampleWindowMs: h } = F.releaseVelocity;
+  if (o) {
+    const y = o.time - h, T = r.samples.find((D) => D.time >= y) ?? r.samples[0];
+    if (T && T !== o) {
+      const D = Math.max(o.time - T.time, 1), b = (o.translateY - T.translateY) / D * 1e3;
+      if (Number.isFinite(b))
+        return A(b, -l, l);
     }
   }
-  return b(
+  return A(
     n / Math.max(i, 1) * 1e3,
     -l,
     l
   );
 }
-function xe({
+function Oe({
   session: r,
   fallbackDelta: n,
   fallbackElapsed: i
 }) {
-  const a = r.samples[r.samples.length - 1], { maxPxPerSecond: l, sampleWindowMs: f } = M.releaseVelocity;
-  if (a) {
-    const y = a.time - f, T = r.samples.find((D) => D.time >= y) ?? r.samples[0];
-    if (T && T !== a) {
-      const D = Math.max(a.time - T.time, 1), Y = {
-        x: (a.translateX - T.translateX) / D * 1e3,
-        y: (a.translateY - T.translateY) / D * 1e3
+  const o = r.samples[r.samples.length - 1], { maxPxPerSecond: l, sampleWindowMs: h } = F.releaseVelocity;
+  if (o) {
+    const y = o.time - h, T = r.samples.find((D) => D.time >= y) ?? r.samples[0];
+    if (T && T !== o) {
+      const D = Math.max(o.time - T.time, 1), b = {
+        x: (o.translateX - T.translateX) / D * 1e3,
+        y: (o.translateY - T.translateY) / D * 1e3
       };
-      if (Number.isFinite(Y.x) && Number.isFinite(Y.y))
+      if (Number.isFinite(b.x) && Number.isFinite(b.y))
         return {
-          x: b(Y.x, -l, l),
-          y: b(Y.y, -l, l)
+          x: A(b.x, -l, l),
+          y: A(b.y, -l, l)
         };
     }
   }
   return {
-    x: b(
+    x: A(
       n.x / Math.max(i, 1) * 1e3,
       -l,
       l
     ),
-    y: b(
+    y: A(
       n.y / Math.max(i, 1) * 1e3,
       -l,
       l
     )
   };
 }
-function Ke({
+function yr({
   currentTranslate: r,
   releaseVelocity: n
 }) {
-  const { lookaheadSeconds: i, maxDistancePx: a } = M.snapProjection;
-  return r + b(n * i, -a, a);
+  const { lookaheadSeconds: i, maxDistancePx: o } = F.snapProjection;
+  return r + A(n * i, -o, o);
 }
-function Je({
+function Tr({
   currentTranslate: r,
   releaseVelocity: n
 }) {
-  const { lookaheadSeconds: i, maxDistancePx: a } = M.snapProjection;
+  const { lookaheadSeconds: i, maxDistancePx: o } = F.snapProjection;
   return {
-    x: r.x + b(
+    x: r.x + A(
       n.x * i,
-      -a,
-      a
+      -o,
+      o
     ),
-    y: r.y + b(
+    y: r.y + A(
       n.y * i,
-      -a,
-      a
+      -o,
+      o
     )
   };
 }
-function Qe(r) {
-  return Math.abs(r) / 1e3 > M.releaseVelocity.flickThresholdPxPerMs;
+function xr(r) {
+  return Math.abs(r) / 1e3 > F.releaseVelocity.flickThresholdPxPerMs;
 }
-function Ze(r) {
-  return Math.hypot(r.x, r.y) / 1e3 > M.releaseVelocity.flickThresholdPxPerMs;
+function Pr(r) {
+  return Math.hypot(r.x, r.y) / 1e3 > F.releaseVelocity.flickThresholdPxPerMs;
 }
-function G(r, n) {
+function q(r, n) {
   return Math.hypot(r.x - n.x, r.y - n.y);
 }
-function Pe(r, n) {
+function Ne(r, n) {
   return r.reduce(
-    (i, a) => G(a, n) < G(i, n) ? a : i
+    (i, o) => q(o, n) < q(i, n) ? o : i
   );
 }
-function qe({
+function vr({
   currentTranslate: r,
   releaseVelocity: n,
   targets: i
 }) {
-  const a = Je({
+  const o = Tr({
     currentTranslate: r,
     releaseVelocity: n
   });
-  if (!Ze(n))
-    return Pe(i, r);
-  const l = i.filter((f) => {
-    const y = f.x - r.x, T = f.y - r.y;
+  if (!Pr(n))
+    return Ne(i, r);
+  const l = i.filter((h) => {
+    const y = h.x - r.x, T = h.y - r.y;
     return y * n.x + T * n.y > 0;
   });
-  return Pe(
+  return Ne(
     l.length ? l : i,
-    a
+    o
   );
 }
-function Xe(r) {
+function _e(r) {
   return r === "top" || r.startsWith("top-") ? "top" : r === "bottom" || r.startsWith("bottom-") ? "bottom" : "center";
 }
-function tr({
+function wr({
   target: r,
   targets: n
 }) {
-  const i = n.filter((a) => a !== r);
+  const i = n.filter((o) => o !== r);
   if (i.length)
     return i.reduce(
-      (a, l) => Math.min(a, G(r, l)),
+      (o, l) => Math.min(o, q(r, l)),
       Number.POSITIVE_INFINITY
     );
 }
-function er({
+function Dr({
   closeThreshold: r,
   currentTarget: n,
   surfaceSize: i,
-  targets: a
+  targets: o
 }) {
-  const l = Xe(n.key), f = l === "center" ? Math.min(i.width, i.height) : i.height, y = Math.max(
-    M.dismissal.minDistancePx,
-    f * r
+  const l = _e(n.key), h = l === "center" ? Math.min(i.width, i.height) : i.height, y = Math.max(
+    F.dismissal.minDistancePx,
+    h * r
   );
   if (l !== "center") return y;
-  const T = tr({
+  const T = wr({
     target: n,
-    targets: a
+    targets: o
   });
   return !T || !Number.isFinite(T) ? y : Math.max(y, T * 0.75);
 }
-function rr({
+function Sr({
   currentTarget: r,
   currentTranslate: n
 }) {
-  switch (Xe(r.key)) {
+  switch (_e(r.key)) {
     case "top":
       return r.y - n.y;
     case "bottom":
       return n.y - r.y;
     case "center":
-      return G(r, n);
+      return q(r, n);
   }
 }
-function nr({
+function Xr({
   closeThreshold: r,
   currentTarget: n,
   currentTranslate: i,
-  releaseTarget: a,
+  releaseTarget: o,
   surfaceSize: l,
-  targets: f
+  targets: h
 }) {
-  if (a.key !== n.key) return !1;
-  const y = rr({
+  if (o.key !== n.key) return !1;
+  const y = Sr({
     currentTarget: n,
     currentTranslate: i
   });
-  return y <= 0 ? !1 : y >= er({
+  return y <= 0 ? !1 : y >= Dr({
     closeThreshold: r,
     currentTarget: n,
     surfaceSize: l,
-    targets: f
+    targets: h
   });
 }
-function ar({
+function Yr({
   presentationState: r,
   releaseTranslate: n,
   visibleTranslate: i
 }) {
   return r !== "visible" || Math.abs(n - i) > 1;
 }
-function or({
+function Mr({
   drag: r,
   placement: n,
   snapPositionCount: i
 }) {
   return n === "popup" && (r === "content" || r === "handle") && i > 0;
 }
-function sr({
+function Er({
   dismissible: r,
   peekTranslate: n,
   sheetHeight: i,
-  visibleTranslate: a
+  visibleTranslate: o
 }) {
   return {
-    maxTranslate: n > 0 ? n : r ? i : a,
+    maxTranslate: n > 0 ? n : r ? i : o,
     minTranslate: 0
   };
 }
-function we(r, n = 1) {
+function Ve(r, n = 1) {
   const i = Math.max(n, 1);
   return r && Math.abs(r.maxTranslate - r.minTranslate) || i;
 }
-function ve({
+function He({
   limit: r,
   viewportSize: n,
   viewportLimitRatio: i
 }) {
-  const a = Math.max(r, 0);
-  return n <= 0 ? a : Math.min(a, n * i);
+  const o = Math.max(r, 0);
+  return n <= 0 ? o : Math.min(o, n * i);
 }
-function ir({
+function br({
   minTranslate: r,
   sheetHeight: n,
   surfaceMotion: i
 }) {
-  const a = i.parentElement?.getBoundingClientRect(), l = a?.top ?? 0, f = a && a.height > 0 ? a.height : window.innerHeight, y = i.getBoundingClientRect(), T = zt(i), D = y.top - T + r, Y = Math.max(D - l, 0), { observedViewportLimitRatio: L } = M.rubberBand;
+  const o = i.parentElement?.getBoundingClientRect(), l = o?.top ?? 0, h = o && o.height > 0 ? o.height : window.innerHeight, y = i.getBoundingClientRect(), T = Jt(i), D = y.top - T + r, b = Math.max(D - l, 0), { observedViewportLimitRatio: L } = F.rubberBand;
   return {
-    minBoundaryLimit: ve({
-      limit: Y,
-      viewportSize: f,
+    minBoundaryLimit: He({
+      limit: b,
+      viewportSize: h,
       viewportLimitRatio: L.top
     }),
-    maxBoundaryLimit: ve({
+    maxBoundaryLimit: He({
       limit: n,
-      viewportSize: f,
+      viewportSize: h,
       viewportLimitRatio: L.bottom
     })
   };
 }
-function lr({
+function Lr({
   rubberBand: r,
   targetTranslate: n,
   sheetHeight: i,
-  peekTranslate: a,
+  peekTranslate: o,
   bounds: l,
-  rubberBandLimits: f
+  rubberBandLimits: h
 }) {
-  const y = b(
-    r ? jt({
+  const y = A(
+    r ? Kt({
       targetTranslate: n,
-      ...f,
+      ...h,
       ...l
     }) : n,
-    l.minTranslate - f.minBoundaryLimit,
-    l.maxTranslate + f.maxBoundaryLimit
-  ), T = Math.max(-y, 0), D = Math.max(y, 0), Y = a > 0 ? a : i, L = Y > 0 ? 1 - D / Math.max(Y, 1) : 0;
+    l.minTranslate - h.minBoundaryLimit,
+    l.maxTranslate + h.maxBoundaryLimit
+  ), T = Math.max(-y, 0), D = Math.max(y, 0), b = o > 0 ? o : i, L = b > 0 ? 1 - D / Math.max(b, 1) : 0;
   return {
     translate: y,
     overshootFillHeight: T,
-    backdropOpacity: b(L, 0, 1)
+    backdropOpacity: A(L, 0, 1)
   };
 }
-function mr({
+function Nr({
   enabled: r,
   drag: n,
   open: i,
-  placement: a,
+  placement: o,
   surfaceMotionRef: l,
-  backdropRef: f,
-  bodyNode: y,
-  snapHeights: T = He,
-  snapPositions: D = je,
-  defaultSnapPosition: Y,
-  peekHeight: L,
-  peekFallback: dt,
-  presentationState: k,
-  setPresentationState: bt,
-  requestClose: q,
-  canCloseAttempt: _t,
-  dismissible: N = !0,
-  visibleTranslate: H = 0,
-  closeThreshold: ft = 0.35,
-  scrollLockTimeout: Rt = 500,
-  popupSnapLayoutVersion: Ut = 0
+  surfaceMotionNode: h,
+  backdropRef: y,
+  bodyNode: T,
+  snapHeights: D = lr,
+  sheetHeight: b,
+  snapPositions: L = cr,
+  defaultSnapPosition: tt,
+  peekHeight: $,
+  peekFallback: Qt,
+  presentationState: V,
+  setPresentationState: Nt,
+  requestClose: at,
+  canCloseAttempt: Zt,
+  dismissible: H = !0,
+  preserveShadowOpacity: qt = !1,
+  visibleTranslate: S = 0,
+  shouldDeferBottomSettle: te,
+  closeThreshold: Tt = 0.35,
+  scrollLockTimeout: ee = 500,
+  popupSnapLayoutVersion: re = 0
 }) {
-  const w = S({
+  const M = w({
     dragging: !1,
     allowed: !1,
     chrome: !1,
+    selectionArbitration: !1,
     closeAllowed: null,
     started: !1,
     source: null,
@@ -506,361 +516,404 @@ function mr({
     samples: [],
     pointerId: null,
     touchId: null
-  }), K = S(y), Wt = S(!1), $t = S(!1), Se = S((t) => {
+  }), z = w(T), ne = w(!1), oe = w(!1), $e = w((t) => {
     t.preventDefault();
-  }), ht = S(0), kt = S(!1), j = S(null), O = S(
+  }), Xt = w(0), Vt = w(!1), R = w(null), _ = w(
     null
-  ), yt = S(null), _ = S(null), gt = S(0), z = S(null), Ft = S(!1), Ct = S(!1), Bt = S(!1), tt = S(!1), v = or({
+  ), Yt = w(null), U = w(null), xt = w(0), j = w(null), Ht = w(!1), Rt = w(!1), ae = w(V), Mt = w({
+    kind: "default-snap"
+  }), se = w(b ?? null), ie = w(S), le = w(D), _t = w(!1), st = w(!1), E = Mr({
     drag: n,
-    placement: a,
-    snapPositionCount: D.length
-  }), Gt = `${Y ?? ""}:${D.join("|")}`, Kt = S(D), Tt = S(Y);
-  Z(() => {
-    Kt.current = D, Tt.current = Y;
-  }, [Y, Gt, D]), Z(() => {
-    const t = K.current;
-    t && t !== y && Ot(t, !1), K.current = y, Wt.current && Ot(y, !0);
-  }, [y]);
-  const et = d((t) => {
-    Wt.current = t, Ot(K.current, t);
-  }, []), rt = d((t) => {
-    if ($t.current === t) return;
-    $t.current = t;
-    const e = Se.current;
+    placement: o,
+    snapPositionCount: L.length
+  }), ce = `${tt ?? ""}:${L.join("|")}`, ue = w(L), Et = w(tt);
+  ot(() => {
+    ue.current = L, Et.current = tt;
+  }, [tt, ce, L]), ot(() => {
+    const t = z.current;
+    t && t !== T && Ut(t, !1), z.current = T, ne.current && Ut(T, !0);
+  }, [T]);
+  const it = p((t) => {
+    ne.current = t, Ut(z.current, t);
+  }, []), W = p((t) => {
+    if (oe.current === t) return;
+    oe.current = t;
+    const e = $e.current;
     if (t) {
       document.addEventListener("selectstart", e, !0), document.addEventListener("dragstart", e, !0);
       return;
     }
     document.removeEventListener("selectstart", e, !0), document.removeEventListener("dragstart", e, !0);
-  }, []), xt = d(
+  }, []), bt = p(
     ({ chrome: t, target: e }) => {
-      const o = Ie({
+      const a = tr({
         target: e,
         chrome: t,
-        bodyNode: K.current
+        bodyNode: z.current
       });
-      return et(o), o;
+      return it(a), a;
     },
-    [et]
-  ), V = d(() => l.current?.getBoundingClientRect().height ?? window.innerHeight, [l]), Jt = d(() => {
-    if (L !== void 0) return L;
-    if (dt === "header")
+    [it]
+  ), I = p(() => l.current?.getBoundingClientRect().height ?? window.innerHeight, [l]), Lt = p(() => {
+    if ($ !== void 0) return $;
+    if (Qt === "header")
       return l.current?.querySelector('[data-oc-part="header"]')?.getBoundingClientRect().height ?? void 0;
-  }, [dt, L, l]), C = d(() => {
-    const t = Jt();
-    if (t === void 0 || t <= 0) return 0;
-    const e = V();
-    return b(e - t, 0, e);
-  }, [Jt, V]), It = d(
-    () => k === "peeked" ? C() : H,
-    [C, k, H]
-  ), Pt = d(() => {
+  }, [Qt, $, l]), Pt = p(
+    (t) => {
+      const e = Lt();
+      return e === void 0 || e <= 0 ? 0 : A(t - e, 0, t);
+    },
+    [Lt]
+  ), G = p(() => {
+    const t = Lt();
+    return t === void 0 || t <= 0 ? 0 : Pt(I());
+  }, [Lt, Pt, I]), $t = p(
+    () => V === "peeked" ? G() : S,
+    [G, V, S]
+  ), et = p(() => {
     const t = l.current;
-    if (!t) return It();
-    const e = pt(
+    if (!t) return $t();
+    const e = yt(
       t.style.getPropertyValue("--oc-modal-translate-y")
     );
     if (e !== void 0) return e;
-    const o = pt(
+    const a = yt(
       window.getComputedStyle(t).getPropertyValue("--oc-modal-translate-y")
     );
-    return o !== void 0 ? o : It();
-  }, [It, l]), wt = d(() => {
+    return a !== void 0 ? a : $t();
+  }, [$t, l]), kt = p(() => {
     const t = l.current;
     if (!t) return { x: 0, y: 0 };
-    const e = pt(
+    const e = yt(
       t.style.getPropertyValue("--oc-modal-translate-x")
-    ), o = pt(
+    ), a = yt(
       t.style.getPropertyValue("--oc-modal-translate-y")
     );
-    if (e !== void 0 || o !== void 0)
+    if (e !== void 0 || a !== void 0)
       return {
         x: e ?? 0,
-        y: o ?? 0
+        y: a ?? 0
       };
     const c = window.getComputedStyle(t);
     return {
-      x: pt(c.getPropertyValue("--oc-modal-translate-x")) ?? 0,
-      y: pt(c.getPropertyValue("--oc-modal-translate-y")) ?? 0
+      x: yt(c.getPropertyValue("--oc-modal-translate-x")) ?? 0,
+      y: yt(c.getPropertyValue("--oc-modal-translate-y")) ?? 0
     };
-  }, [l]), vt = d(() => {
-    const t = Pt(), e = zt(l.current);
+  }, [l]), lt = p(() => {
+    const t = et(), e = Jt(l.current);
     return Math.abs(e - t) > 1 ? e : t;
-  }, [Pt, l]), nt = d(() => {
-    const t = wt(), e = he(l.current);
-    return G(e, t) > 1 ? e : t;
-  }, [wt, l]), B = d(
+  }, [et, l]), vt = p(
+    (t, e, a = 1) => Math.abs(t - e) <= a,
+    []
+  ), ct = p(() => {
+    const t = kt(), e = Ae(l.current);
+    return q(e, t) > 1 ? e : t;
+  }, [kt, l]), B = p(
     (t, {
       active: e,
-      nextDismissible: o = N,
-      rubberBand: c = !1
+      nextDismissible: a = H,
+      rubberBand: c = !1,
+      sheetHeightOverride: s,
+      peekTranslateOverride: u,
+      settled: d
     }) => {
-      const s = l.current;
-      if (!s) return;
-      const u = V(), p = s.parentElement, g = C(), m = sr({
-        dismissible: o,
-        peekTranslate: g,
-        sheetHeight: u,
-        visibleTranslate: H
-      }), h = ir({
-        minTranslate: m.minTranslate,
-        sheetHeight: u,
-        surfaceMotion: s
-      }), P = lr({
+      const f = l.current;
+      if (!f) return;
+      const g = s ?? I(), m = f.parentElement, Y = u ?? G(), C = Er({
+        dismissible: a,
+        peekTranslate: Y,
+        sheetHeight: g,
+        visibleTranslate: S
+      }), x = br({
+        minTranslate: C.minTranslate,
+        sheetHeight: g,
+        surfaceMotion: f
+      }), P = Lr({
         rubberBand: c,
         targetTranslate: t,
-        sheetHeight: u,
-        peekTranslate: g,
-        bounds: m,
-        rubberBandLimits: h
+        sheetHeight: g,
+        peekTranslate: Y,
+        bounds: C,
+        rubberBandLimits: x
       });
-      w.current.lastTranslate = P.translate, s.style.setProperty(
+      M.current.lastTranslate = P.translate, f.style.setProperty(
         "--oc-modal-translate-y",
         `${P.translate}px`
-      ), s.style.setProperty(
+      ), d === "frame" || !e ? f.style.setProperty(
+        "--oc-modal-settled-translate-y",
+        `${P.translate}px`
+      ) : typeof d == "number" && f.style.setProperty(
+        "--oc-modal-settled-translate-y",
+        `${d}px`
+      ), qt ? f.style.removeProperty(
+        "--_-modal-elevation-shadow-opacity"
+      ) : f.style.setProperty(
         "--_-modal-elevation-shadow-opacity",
         String(1 - P.backdropOpacity)
-      ), s.dataset.ocModalDragging = e ? "true" : "false", p?.style.setProperty(
+      ), f.dataset.ocModalDragging = e ? "true" : "false", m?.style.setProperty(
         "--oc-modal-overshoot-fill-height",
         `${P.overshootFillHeight}px`
-      ), p && (p.dataset.ocModalDragging = e ? "true" : "false"), e ? s.style.setProperty("transition", "none") : s.style.removeProperty("transition"), f.current && (f.current.style.setProperty(
+      ), m && (m.dataset.ocModalDragging = e ? "true" : "false"), e ? f.style.setProperty("transition", "none") : f.style.removeProperty("transition"), y.current && (y.current.style.setProperty(
         "--oc-modal-backdrop-opacity",
         String(P.backdropOpacity)
-      ), f.current.style.transition = e ? "none" : "");
+      ), y.current.style.transition = e ? "none" : "");
     },
     [
-      f,
-      N,
-      C,
-      V,
+      y,
+      H,
+      G,
+      I,
+      qt,
       l,
-      H
+      S
     ]
-  ), at = d(() => {
-    const t = l.current, e = Kt.current;
+  ), ut = p(() => {
+    const t = l.current, e = ue.current;
     if (!(!t || !e.length))
-      return Be({
-        defaultSnapPosition: Tt.current,
+      return qe({
+        defaultSnapPosition: Et.current,
         snapPositions: e,
         surfaceMotion: t
       });
-  }, [l]), R = d(
+  }, [l]), K = p(
     ({ destroy: t = !0 } = {}) => {
-      t && O.current?.destroy(), O.current = null, yt.current = null;
+      t && _.current?.destroy(), _.current = null, Yt.current = null;
     },
     []
-  ), E = d(
+  ), k = p(
     (t, { active: e }) => {
-      const o = l.current;
-      if (!o) return;
-      const c = at(), s = c ? o.getBoundingClientRect() : void 0, u = c ? ge(c.targets, "x") : void 0, p = c ? ge(c.targets, "y") : void 0, g = we(u, s?.width), m = we(p, s?.height), h = c ? {
-        x: jt({
+      const a = l.current;
+      if (!a) return;
+      const c = ut(), s = c ? a.getBoundingClientRect() : void 0, u = c ? Ce(c.targets, "x") : void 0, d = c ? Ce(c.targets, "y") : void 0, f = Ve(u, s?.width), g = Ve(d, s?.height), m = c ? {
+        x: Kt({
           targetTranslate: t.x,
           minTranslate: u?.minTranslate ?? 0,
           maxTranslate: u?.maxTranslate ?? 0,
-          minBoundaryLimit: g,
-          maxBoundaryLimit: g
+          minBoundaryLimit: f,
+          maxBoundaryLimit: f
         }),
-        y: jt({
+        y: Kt({
           targetTranslate: t.y,
-          minTranslate: p?.minTranslate ?? 0,
-          maxTranslate: p?.maxTranslate ?? 0,
-          minBoundaryLimit: m,
-          maxBoundaryLimit: m
+          minTranslate: d?.minTranslate ?? 0,
+          maxTranslate: d?.maxTranslate ?? 0,
+          minBoundaryLimit: g,
+          maxBoundaryLimit: g
         })
       } : t;
-      w.current.lastTranslateX = h.x, w.current.lastTranslate = h.y;
-      const P = e ? void 0 : t.settledTranslate;
-      o.style.setProperty(
+      M.current.lastTranslateX = m.x, M.current.lastTranslate = m.y;
+      const Y = e ? void 0 : t.settledTranslate;
+      a.style.setProperty(
         "--oc-modal-translate-x",
-        P?.x ?? `${h.x}px`
-      ), o.style.setProperty(
+        Y?.x ?? `${m.x}px`
+      ), a.style.setProperty(
         "--oc-modal-translate-y",
-        P?.y ?? `${h.y}px`
-      ), o.dataset.ocModalDragging = e ? "true" : "false", o.parentElement && (o.parentElement.dataset.ocModalDragging = e ? "true" : "false"), o.style.transition = e ? "none" : "";
+        Y?.y ?? `${m.y}px`
+      ), a.dataset.ocModalDragging = e ? "true" : "false", a.parentElement && (a.parentElement.dataset.ocModalDragging = e ? "true" : "false"), a.style.transition = e ? "none" : "";
     },
-    [at, l]
-  ), X = d(() => {
-    j.current?.destroy(), j.current = null, R();
-  }, [R]), ot = d(
-    (t, e = N) => {
+    [ut, l]
+  ), X = p(() => {
+    R.current?.destroy(), R.current = null, K();
+  }, [K]), dt = p(
+    (t, e = H) => {
       X(), B(t, {
         active: !0,
         nextDismissible: e,
-        rubberBand: !0
+        rubberBand: !0,
+        settled: "frame"
       });
     },
-    [B, X, N]
-  ), Qt = d(() => {
-    const t = vt(), e = nt();
-    return j.current !== null || O.current !== null ? (X(), a === "popup" && G(e, { x: 0, y: 0 }) > 0.5 ? E(e, { active: !1 }) : a === "bottom" && Math.abs(t) > 0.5 && B(t, { active: !1 }), { startTranslate: t, startTranslatePoint: e }) : { startTranslate: t, startTranslatePoint: e };
+    [B, X, H]
+  ), de = p(() => {
+    const t = lt(), e = ct();
+    return R.current !== null || _.current !== null ? (X(), o === "popup" && q(e, { x: 0, y: 0 }) > 0.5 ? k(e, { active: !1 }) : o === "bottom" && Math.abs(t) > 0.5 && B(t, { active: !1 }), { startTranslate: t, startTranslatePoint: e }) : { startTranslate: t, startTranslatePoint: e };
   }, [
-    E,
+    k,
     B,
     X,
-    vt,
-    nt,
-    a
-  ]), x = d(() => {
+    lt,
+    ct,
+    o
+  ]), v = p(() => {
     const t = l.current;
-    t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"), f.current?.style.removeProperty("transition"));
-  }, [f, l]), Zt = d(() => {
+    t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.style.removeProperty("--_-modal-elevation-shadow-opacity"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"), y.current?.style.removeProperty("transition"), y.current?.style.removeProperty("--oc-modal-backdrop-opacity"));
+  }, [y, l]), pe = p(() => {
     const t = l.current, e = t?.parentElement;
-    w.current.lastTranslate = 0, t?.style.removeProperty("--oc-modal-translate-y"), t?.style.removeProperty("--_-modal-elevation-shadow-opacity"), e?.style.removeProperty("--oc-modal-overshoot-fill-height"), f.current?.style.removeProperty("--oc-modal-backdrop-opacity"), x();
-  }, [f, x, l]), qt = d(
+    M.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"), y.current?.style.removeProperty("--oc-modal-backdrop-opacity"), v();
+  }, [y, v, l]), fe = p(
     ({
       preserveSnapPosition: t = !1,
       resetY: e = !0
     } = {}) => {
-      const o = l.current;
-      o && (t || (_.current = null), w.current.lastTranslateX = 0, o.style.removeProperty("--oc-modal-translate-x"), e && (w.current.lastTranslate = 0, o.style.removeProperty("--oc-modal-translate-y")), x());
+      const a = l.current;
+      a && (t || (U.current = null), M.current.lastTranslateX = 0, a.style.removeProperty("--oc-modal-translate-x"), e && (M.current.lastTranslate = 0, a.style.removeProperty("--oc-modal-translate-y")), v());
     },
-    [x, l]
-  ), I = d(
+    [v, l]
+  ), O = p(
     (t, {
       initialVelocity: e = 0,
-      intent: o = "sheet",
+      intent: a = "sheet",
       phase: c = "release",
       from: s,
-      onComplete: u
+      onComplete: u,
+      peekTranslateOverride: d,
+      sheetHeightOverride: f
     } = {}) => {
-      const p = l.current;
-      if (!p) return;
+      const g = l.current;
+      if (!g) return;
       X();
-      const g = s ?? zt(p);
-      if (Math.abs(g - t) < 0.5) {
-        B(t, { active: !1 }), x(), u?.();
+      const m = s ?? Jt(g);
+      if (Math.abs(m - t) < 0.5) {
+        B(t, {
+          active: !1,
+          peekTranslateOverride: d,
+          sheetHeightOverride: f
+        }), v(), u?.();
         return;
       }
-      B(g, { active: !0 });
-      const m = Nt({
-        element: p,
-        intent: o,
+      const Y = c === "enter" ? t : "frame";
+      B(m, {
+        active: !0,
+        peekTranslateOverride: d,
+        settled: Y,
+        sheetHeightOverride: f
+      });
+      const C = zt({
+        element: g,
+        intent: a,
         phase: c,
         reduced: "preserve",
         reducedMotion: !1,
         property: "transform"
-      }), h = Ht({
-        value: g,
+      }), x = Gt({
+        value: m,
         target: t,
         velocity: e,
-        spring: m.spring,
+        spring: C.spring,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
         onUpdate: (P) => {
-          B(P, { active: !0 });
+          B(P, {
+            active: !0,
+            peekTranslateOverride: d,
+            settled: Y === "frame" ? "frame" : void 0,
+            sheetHeightOverride: f
+          });
         },
         onComplete: () => {
-          j.current === h && (j.current = null), B(t, { active: !1 }), x(), u?.();
+          R.current === x && (R.current = null), B(t, {
+            active: !1,
+            peekTranslateOverride: d,
+            sheetHeightOverride: f
+          }), v(), u?.();
         }
       });
-      j.current = h;
+      R.current = x;
     },
-    [B, X, x, l]
-  ), U = d(
+    [B, X, v, l]
+  ), J = p(
     (t, {
       from: e,
-      initialVelocity: o = { x: 0, y: 0 }
+      initialVelocity: a = { x: 0, y: 0 }
     } = {}) => {
       const c = l.current;
       if (!c) return;
       X();
-      const s = e ?? he(c), u = { x: t.x, y: t.y };
-      if (G(s, u) < 0.5) {
-        E(t, { active: !1 }), x();
+      const s = e ?? Ae(c), u = { x: t.x, y: t.y };
+      if (q(s, u) < 0.5) {
+        k(t, { active: !1 }), v();
         return;
       }
-      E(s, { active: !0 });
-      const g = Nt({
+      k(s, { active: !0 });
+      const f = zt({
         element: c,
         intent: "gesture",
         phase: "release",
         reduced: "preserve",
         reducedMotion: !1,
         property: "transform"
-      }), m = Ht({
+      }), g = Gt({
         value: s,
         target: u,
-        velocity: o,
-        spring: g.spring,
+        velocity: a,
+        spring: f.spring,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
-        onUpdate: (h) => {
-          E(h, { active: !0 });
+        onUpdate: (m) => {
+          k(m, { active: !0 });
         },
         onComplete: () => {
-          j.current === m && (j.current = null), E(t, { active: !1 }), x();
+          R.current === g && (R.current = null), k(t, { active: !1 }), v();
         }
       });
-      j.current = m;
+      R.current = g;
     },
     [
-      E,
+      k,
       X,
-      x,
+      v,
       l
     ]
-  ), st = d(() => {
-    const t = O.current;
+  ), pt = p(() => {
+    const t = _.current;
     if (!t) return null;
     const e = t.sample();
-    return E(e.value, { active: !0 }), e;
-  }, [E]), te = d(
+    return k(e.value, { active: !0 }), e;
+  }, [k]), ge = p(
     (t) => {
       if (!l.current) return null;
-      X(), E(t, { active: !0 });
-      const o = Ht({
+      X(), k(t, { active: !0 });
+      const a = Gt({
         value: t,
         target: t,
-        spring: Ve,
+        spring: ir,
         autoplay: !1,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
         onUpdate: (c) => {
-          E(c, { active: !0 });
+          k(c, { active: !0 });
         },
         onComplete: () => {
-          const c = yt.current;
-          !c || O.current !== o || (R({ destroy: !1 }), E(c, { active: !1 }), x());
+          const c = Yt.current;
+          !c || _.current !== a || (K({ destroy: !1 }), k(c, { active: !1 }), v());
         }
       });
-      return O.current = o, o;
+      return _.current = a, a;
     },
     [
-      E,
+      k,
       X,
-      R,
-      x,
+      K,
+      v,
       l
     ]
-  ), ee = d(
+  ), me = p(
     (t) => {
-      const e = O.current ?? te(nt());
-      e && (yt.current = null, e.setTarget(t));
+      const e = _.current ?? ge(ct());
+      e && (Yt.current = null, e.setTarget(t));
     },
-    [nt, te]
-  ), it = d(
+    [ct, ge]
+  ), ft = p(
     (t, e) => {
-      const o = Lt(t, e);
-      return ee(o), st(), o;
+      const a = Ot(t, e);
+      return me(a), pt(), a;
     },
-    [st, ee]
-  ), Dt = d(
+    [pt, me]
+  ), Ct = p(
     (t) => {
-      const e = l.current, o = O.current;
-      if (!e || !o) {
-        U(t);
+      const e = l.current, a = _.current;
+      if (!e || !a) {
+        J(t);
         return;
       }
-      const s = st() ? wt() : o.value, u = { x: t.x, y: t.y };
-      if (G(s, u) < 0.5) {
-        R(), E(t, { active: !1 }), x();
+      const s = pt() ? kt() : a.value, u = { x: t.x, y: t.y };
+      if (q(s, u) < 0.5) {
+        K(), k(t, { active: !1 }), v();
         return;
       }
-      const p = Nt({
+      const d = zt({
         element: e,
         intent: "gesture",
         phase: "release",
@@ -868,116 +921,218 @@ function mr({
         reducedMotion: !1,
         property: "transform"
       });
-      yt.current = t, o.setTarget(u, { spring: p.spring });
+      Yt.current = t, a.setTarget(u, { spring: d.spring });
     },
     [
-      E,
-      R,
-      x,
-      wt,
-      st,
-      U,
+      k,
+      K,
+      v,
+      kt,
+      pt,
+      J,
       l
     ]
-  ), lt = d(
+  ), gt = p(
     ({
       key: t,
       settle: e
     }) => {
-      if (w.current.dragging) return !1;
-      const o = at();
-      if (!o) return !1;
-      const c = (t ? o.targets.find((s) => s.key === t) : void 0) ?? o.defaultTarget;
-      return _.current = c.key, e ? U(c) : (X(), E(c, { active: !1 }), x()), !0;
+      if (M.current.dragging) return !1;
+      const a = ut();
+      if (!a) return !1;
+      const c = (t ? a.targets.find((s) => s.key === t) : void 0) ?? a.defaultTarget;
+      return U.current = c.key, e ? J(c) : (X(), k(c, { active: !1 }), v()), !0;
     },
     [
-      E,
+      k,
       X,
-      x,
-      at,
-      U
+      v,
+      ut,
+      J
     ]
-  ), re = d(
-    (t, { from: e, initialVelocity: o = 0 }) => {
-      I(t, {
+  ), he = p(
+    (t, { from: e, initialVelocity: a = 0 }) => {
+      O(t, {
         from: e,
-        initialVelocity: o,
+        initialVelocity: a,
         onComplete: () => {
-          q({ reason: "drag-dismiss" }, { skipAttempt: !0 });
+          at({ reason: "drag-dismiss" }, { skipAttempt: !0 });
         }
       });
     },
-    [q, I]
+    [at, O]
   );
-  Mt(
+  It(
     () => () => {
-      X(), rt(!1), l.current && x();
+      X(), W(!1), l.current && v();
     },
     [
       X,
-      x,
-      rt,
+      v,
+      W,
       l
     ]
-  ), Z(() => {
-    if (!i || !r || a !== "bottom") {
-      Ft.current = i;
+  ), ot(() => {
+    if (!i || !r || o !== "bottom") {
+      Ht.current = i;
       return;
     }
-    Ct.current = !0;
-    const t = Ft.current;
-    Ft.current = !0;
-    const e = k === "peeked" ? C() : H;
+    if (!l.current || te?.()) return;
+    Rt.current = !0;
+    const t = Ht.current;
+    Ht.current = !0;
+    const e = b ?? I(), a = se.current ?? e, c = ae.current, s = le.current, u = ie.current, d = () => {
+      se.current = e, ae.current = V, ie.current = S, le.current = D;
+    }, f = !vt(
+      a,
+      e
+    ), g = Pt(e), m = V === "peeked" ? g : S;
     if (!t) {
-      const o = V();
-      B(o, { active: !0 }), I(e, {
-        from: o,
+      Mt.current = { kind: "default-snap" }, B(e, {
+        active: !0,
+        peekTranslateOverride: g,
+        sheetHeightOverride: e
+      }), O(m, {
+        from: e,
         intent: "sheet",
-        phase: "enter"
-      });
+        peekTranslateOverride: g,
+        phase: "enter",
+        sheetHeightOverride: e
+      }), d();
+      return;
+    }
+    if (V === "visible" && f) {
+      const x = l.current, P = et(), Q = c === "visible" && a > 0 ? ar({
+        currentTranslate: P,
+        fallbackTranslate: S,
+        restState: Mt.current,
+        previousDefaultTranslate: u,
+        previousSheetHeight: a,
+        previousSnapHeights: s,
+        targetSheetHeight: e,
+        targetDefaultTranslate: S,
+        targetSnapHeights: D
+      }) : S;
+      X();
+      const N = Number.parseFloat(x.style.height), Dt = Number.isFinite(N) && N > 0 ? N : a, Je = A(
+        Dt - P,
+        0,
+        Dt
+      ), Qe = A(
+        e - Q,
+        0,
+        e
+      ), nt = Math.max(Dt, e), jt = Math.max(
+        0,
+        nt - Je
+      ), De = Math.max(
+        0,
+        nt - Qe
+      ), Se = Pt(nt), Xe = () => {
+        B(Q, {
+          active: !1,
+          peekTranslateOverride: g,
+          sheetHeightOverride: e
+        }), x.style.setProperty("transition", "none"), x.style.removeProperty("height"), x.style.setProperty(
+          "--oc-modal-sheet-height",
+          `${e}px`
+        ), x.getBoundingClientRect(), x.style.removeProperty("transition");
+      };
+      if (vt(jt, De)) {
+        Xe(), d();
+        return;
+      }
+      x.style.setProperty("transition", "none"), x.style.setProperty("height", `${nt}px`), x.style.setProperty(
+        "--oc-modal-sheet-height",
+        `${nt}px`
+      ), B(jt, {
+        active: !0,
+        peekTranslateOverride: Se,
+        sheetHeightOverride: nt
+      }), x.getBoundingClientRect(), x.style.removeProperty("transition"), O(De, {
+        from: jt,
+        intent: "sheet",
+        peekTranslateOverride: Se,
+        sheetHeightOverride: nt,
+        onComplete: Xe
+      }), d();
       return;
     }
-    if (k === "peeked") {
-      I(C());
+    if (V === "peeked") {
+      O(g, {
+        peekTranslateOverride: g,
+        sheetHeightOverride: e
+      }), d();
       return;
     }
-    if (kt.current) {
-      kt.current = !1;
+    if (Vt.current) {
+      Vt.current = !1, d();
       return;
     }
-    I(H);
+    const Y = c !== V;
+    if (!vt(
+      u,
+      S
+    )) {
+      const x = et(), Q = R.current !== null && (S > u && x < S || S < u && x > S);
+      if (vt(x, u) || Q) {
+        X(), B(S, {
+          active: !1,
+          peekTranslateOverride: g,
+          sheetHeightOverride: e
+        }), v(), d();
+        return;
+      }
+    }
+    if (!Y) {
+      d();
+      return;
+    }
+    O(S, {
+      peekTranslateOverride: g,
+      sheetHeightOverride: e
+    }), Mt.current = { kind: "default-snap" }, d();
   }, [
     r,
-    C,
-    V,
+    Pt,
+    I,
+    et,
+    b,
+    D,
     i,
-    a,
-    k,
+    o,
+    V,
+    te,
     B,
-    I,
-    H
-  ]), Z(() => {
-    a !== "bottom" && Ct.current && (Ct.current = !1, X(), Zt());
-  }, [X, a, Zt]), Z(() => {
-    if (!i || !r || !v) {
-      const c = !i && a === "popup" && tt.current, s = i && a !== "popup" && tt.current;
-      tt.current && !c && (z.current !== null && (window.cancelAnimationFrame(z.current), z.current = null), X(), qt({
+    X,
+    v,
+    vt,
+    O,
+    h,
+    l,
+    S
+  ]), ot(() => {
+    o !== "bottom" && Rt.current && (Rt.current = !1, X(), pe());
+  }, [X, o, pe]), ot(() => {
+    if (!i || !r || !E) {
+      const c = !i && o === "popup" && st.current, s = i && o !== "popup" && st.current;
+      st.current && !c && (j.current !== null && (window.cancelAnimationFrame(j.current), j.current = null), X(), fe({
         preserveSnapPosition: s
-      })), tt.current && c && (X(), x()), Bt.current = i && a === "popup", tt.current = !1;
+      })), st.current && c && (X(), v()), _t.current = i && o === "popup", st.current = !1;
       return;
     }
-    const t = Bt.current;
-    Bt.current = !0, tt.current = !0;
+    const t = _t.current;
+    _t.current = !0, st.current = !0;
     let e = null;
-    const o = (c) => lt({
+    const a = (c) => gt({
       key: c,
       settle: t
     });
-    return o(
-      _.current ?? Tt.current
+    return a(
+      U.current ?? Et.current
     ) || (e = window.requestAnimationFrame(() => {
-      e = null, o(
-        _.current ?? Tt.current
+      e = null, a(
+        U.current ?? Et.current
       );
     })), () => {
       e !== null && window.cancelAnimationFrame(e);
@@ -985,28 +1140,28 @@ function mr({
   }, [
     X,
     r,
-    x,
-    i,
-    a,
-    Gt,
     v,
-    qt,
-    lt
-  ]), Z(() => {
-    if (!i || !r || !v) return;
+    i,
+    o,
+    ce,
+    E,
+    fe,
+    gt
+  ]), ot(() => {
+    if (!i || !r || !E) return;
     const t = () => {
-      w.current.dragging || z.current === null && (z.current = window.requestAnimationFrame(() => {
-        z.current = null, !w.current.dragging && lt({
-          key: _.current,
+      M.current.dragging || j.current === null && (j.current = window.requestAnimationFrame(() => {
+        j.current = null, !M.current.dragging && gt({
+          key: U.current,
           settle: !1
         });
       }));
     };
     window.addEventListener("resize", t), window.visualViewport?.addEventListener("resize", t);
-    const e = l.current, o = e?.parentElement, c = typeof ResizeObserver > "u" ? null : new ResizeObserver(t), s = (u) => {
+    const e = l.current, a = e?.parentElement, c = typeof ResizeObserver > "u" ? null : new ResizeObserver(t), s = (u) => {
       e && u.target instanceof Element && e.contains(u.target) && t();
     };
-    return c && (e && c.observe(e), o && c.observe(o)), e?.addEventListener(
+    return c && (e && c.observe(e), a && c.observe(a)), e?.addEventListener(
       "transitionend",
       s,
       !0
@@ -1023,20 +1178,20 @@ function mr({
         "transitioncancel",
         s,
         !0
-      ), c?.disconnect(), z.current !== null && (window.cancelAnimationFrame(z.current), z.current = null);
+      ), c?.disconnect(), j.current !== null && (window.cancelAnimationFrame(j.current), j.current = null);
     };
   }, [
     r,
     i,
-    v,
+    E,
     l,
-    lt
-  ]), Z(() => {
-    if (Ut <= 0 || !i || !r || !v)
+    gt
+  ]), ot(() => {
+    if (re <= 0 || !i || !r || !E)
       return;
     let t = window.requestAnimationFrame(() => {
-      t = null, lt({
-        key: _.current,
+      t = null, gt({
+        key: U.current,
         settle: !1
       });
     });
@@ -1046,260 +1201,297 @@ function mr({
   }, [
     r,
     i,
-    v,
-    Ut,
-    lt
+    E,
+    re,
+    gt
   ]);
-  const ne = d(
-    (t, e, o) => {
-      if (typeof Element > "u" || !(t instanceof Element) || Vt(t)) return !1;
-      const c = Date.now(), s = e > 0, u = Ae(t, K.current);
-      return !o && u && s && u.scrollTop > 0 || !o && ht.current && c - ht.current < Rt && Math.abs(Pt()) <= 1 ? (ht.current = c, !1) : !0;
+  const ye = p(
+    (t, e, a) => {
+      if (typeof Element > "u" || !(t instanceof Element) || Wt(t)) return !1;
+      const c = Date.now(), s = e > 0, u = er(t, z.current);
+      return !a && u && s && u.scrollTop > 0 || !a && Xt.current && c - Xt.current < ee && Math.abs(et()) <= 1 ? (Xt.current = c, !1) : !0;
     },
-    [Pt, Rt]
-  ), Xt = d(
+    [et, ee]
+  ), wt = p(
     ({
       chrome: t,
       pointerId: e = null,
-      source: o,
-      startX: c = 0,
-      startY: s,
-      touchId: u = null
+      selectionArbitration: a = !1,
+      source: c,
+      startX: s = 0,
+      startY: u,
+      touchId: d = null
     }) => {
-      const { startTranslate: p, startTranslatePoint: g } = Qt(), m = $();
-      w.current = {
+      const { startTranslate: f, startTranslatePoint: g } = de(), m = Z();
+      M.current = {
         dragging: !0,
         allowed: !1,
         chrome: t,
+        selectionArbitration: a,
         closeAllowed: null,
         started: !1,
-        source: o,
-        startX: c,
-        startY: s,
-        lastX: c,
-        lastY: s,
+        source: c,
+        startX: s,
+        startY: u,
+        lastX: s,
+        lastY: u,
         startTranslateX: g.x,
-        startTranslate: p,
+        startTranslate: f,
         lastTranslateX: g.x,
-        lastTranslate: p,
+        lastTranslate: f,
         startTime: m,
         samples: [
           {
             time: m,
-            pageX: c,
-            pageY: s,
+            pageX: s,
+            pageY: u,
             translateX: g.x,
-            translateY: p
+            translateY: f
           }
         ],
         pointerId: e,
-        touchId: u
+        touchId: d
       };
     },
-    [Qt]
-  ), ct = d(
+    [de]
+  ), mt = p(
     (t) => {
-      t.source === "touch" ? et(!1) : t.source === "pointer" && rt(!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" && W(!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;
     },
-    [rt, et]
-  ), ae = d(
+    [W, it]
+  ), Te = p(
     (t, e) => {
-      const o = vt(), c = nt();
-      t.startX = e.x, t.startY = e.y, t.lastX = e.x, t.lastY = e.y, t.startTranslateX = c.x, t.startTranslate = o, t.lastTranslateX = c.x, t.lastTranslate = o, t.startTime = $(), t.samples = [
+      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 = Z(), t.samples = [
         {
           time: t.startTime,
           pageX: e.x,
           pageY: e.y,
           translateX: c.x,
-          translateY: o
+          translateY: a
         }
       ];
     },
-    [vt, nt]
-  ), oe = d(
+    [lt, ct]
+  ), xe = p(
     ({
       currentTranslate: t,
       dismissible: e,
-      releaseVelocity: o,
+      releaseVelocity: a,
       deltaY: c,
       startTranslate: s
     }) => {
-      const u = V(), p = C(), g = p > 0, m = u, h = Math.max(
-        M.dismissal.minDistancePx,
-        (u - p) * ft
-      ), P = T.map(
-        (At) => b(u - At, 0, u)
-      ), A = ce(
-        P.length ? P : [0]
-      ), Q = Ke({
+      const u = I(), d = G(), f = d > 0, g = u, m = Math.max(
+        F.dismissal.minDistancePx,
+        (u - d) * Tt
+      ), Y = D.map(
+        (Q) => A(u - Q, 0, u)
+      ), C = Me(
+        Y.length ? Y : [0]
+      ), x = yr({
         currentTranslate: t,
-        releaseVelocity: o
+        releaseVelocity: a
       });
-      g && A.push(p);
-      const F = ce(A);
-      return e && !g && c > 0 && t >= p + h ? m : Qe(o) ? F.length > 1 ? Re(
-        F,
+      f && C.push(d);
+      const P = Me(C);
+      return e && !f && c > 0 && t >= d + m ? g : xr(a) ? P.length > 1 ? pr(
+        P,
         s,
         t,
         c > 0 ? "down" : "up",
-        Q
-      ) : 0 : e && t > u * ft && !g ? m : ze(F, t);
+        x
+      ) : 0 : e && t > u * Tt && !f ? g : ur(P, t);
     },
-    [ft, C, V, T]
-  ), Ye = d(
+    [Tt, G, I, D]
+  ), Pe = p(
     (t) => {
-      if (!r || a !== "bottom" && !v || n === !1 || t.pointerType === "touch") return;
+      const e = b ?? I();
+      Mt.current = sr({
+        defaultTranslate: S,
+        sheetHeight: e,
+        snapHeights: D,
+        translate: t
+      });
+    },
+    [I, b, D, S]
+  ), je = p(
+    (t) => {
+      if (!r || o !== "bottom" && !E || n === !1 || t.pointerType === "touch") return;
       let e = !1;
-      if (n === "handle" && fe(t.target))
+      if (n === "handle" && ke(t.target))
         e = !0;
       else if (n === "handle")
         return;
-      if (!e && Vt(t.target) || n === "content" && (e = de(t.target), !$e(t, e)))
+      if (!e && Wt(t.target)) return;
+      if (n === "content" && (e = Le(t.target), !mr(t, e))) {
+        o === "bottom" && !rr({
+          target: t.target,
+          boundary: z.current
+        }) && wt({
+          chrome: !1,
+          pointerId: t.pointerId,
+          selectionArbitration: !0,
+          source: "pointer",
+          startX: t.pageX,
+          startY: t.pageY
+        });
         return;
-      const o = We(t.target);
-      Xt({
+      }
+      const a = gr(t.target);
+      wt({
         chrome: e,
         pointerId: t.pointerId,
         source: "pointer",
         startX: t.pageX,
         startY: t.pageY
-      }), Ue(t.target) || t.preventDefault(), rt(!0), !o && typeof t.currentTarget.setPointerCapture == "function" && t.currentTarget.setPointerCapture(t.pointerId);
+      }), fr(t.target) || t.preventDefault(), W(!0), !a && typeof t.currentTarget.setPointerCapture == "function" && t.currentTarget.setPointerCapture(t.pointerId);
     },
     [
-      Xt,
+      wt,
       n,
       r,
-      a,
-      v,
-      rt
+      o,
+      E,
+      W
     ]
-  ), ut = d(
+  ), ht = p(
     (t, e) => {
-      if (!N) return !1;
+      if (!H) return !1;
       if (e <= 0) return !0;
       if (t.closeAllowed !== null) return t.closeAllowed;
-      const o = _t({ reason: "drag-dismiss" });
-      return t.closeAllowed = o, o;
+      const a = Zt({ reason: "drag-dismiss" });
+      return t.closeAllowed = a, a;
     },
-    [_t, N]
-  ), St = d(
+    [Zt, H]
+  ), Ft = p(
     ({
       closeAllowed: t,
       currentTranslate: e,
-      deltaY: o,
+      deltaY: a,
       releaseVelocity: c,
       startTranslate: s
     }) => {
-      const p = oe({
+      const d = xe({
         currentTranslate: e,
-        dismissible: N && t !== !1,
+        dismissible: H && t !== !1,
         releaseVelocity: c,
-        deltaY: o,
+        deltaY: a,
         startTranslate: s
-      }), g = V(), m = C();
-      if (p >= g - 1) {
-        q({ reason: "drag-dismiss" }, { commit: !1 }) ? re(p, {
+      }), f = I(), g = G();
+      if (d >= f - 1) {
+        at({ reason: "drag-dismiss" }, { commit: !1 }) ? he(d, {
           from: e,
           initialVelocity: c
-        }) : I(s, {
+        }) : O(s, {
           from: e,
           initialVelocity: c
         });
         return;
       }
-      m > 0 && p >= m - 1 ? bt("peeked") : (ar({
-        presentationState: k,
-        releaseTranslate: p,
-        visibleTranslate: H
-      }) && (kt.current = !0), bt("visible")), I(p, {
+      g > 0 && d >= g - 1 ? Nt("peeked") : (Yr({
+        presentationState: V,
+        releaseTranslate: d,
+        visibleTranslate: S
+      }) && (Vt.current = !0), Nt("visible"), Pe(d)), O(d, {
         from: e,
         initialVelocity: c
       });
     },
     [
-      re,
-      N,
-      C,
-      oe,
-      V,
-      k,
-      q,
-      bt,
+      he,
+      Pe,
+      H,
+      G,
+      xe,
       I,
-      H
+      V,
+      at,
+      Nt,
+      O,
+      S
     ]
-  ), Yt = d(
+  ), At = p(
     ({
       currentTranslate: t,
       releaseDelta: e,
-      releaseTranslate: o,
+      releaseTranslate: a,
       releaseVelocity: c
     }) => {
-      const s = at();
+      const s = ut();
       if (!s) return;
-      const u = qe({
-        currentTranslate: o,
+      const u = vr({
+        currentTranslate: a,
         releaseVelocity: c,
         targets: s.targets
-      }), p = s.targets.find(
-        (P) => P.key === _.current
-      ) ?? s.defaultTarget, m = l.current?.getBoundingClientRect(), h = {
-        x: p.x + e.x,
-        y: p.y + e.y
+      }), d = s.targets.find(
+        (Y) => Y.key === U.current
+      ) ?? s.defaultTarget, g = l.current?.getBoundingClientRect(), m = {
+        x: d.x + e.x,
+        y: d.y + e.y
       };
-      if (N && m && nr({
-        closeThreshold: ft,
-        currentTarget: p,
-        currentTranslate: h,
+      if (H && g && Xr({
+        closeThreshold: Tt,
+        currentTarget: d,
+        currentTranslate: m,
         releaseTarget: u,
         surfaceSize: {
-          height: m.height,
-          width: m.width
+          height: g.height,
+          width: g.width
         },
         targets: s.targets
-      }) && q({ reason: "drag-dismiss" })) {
-        R(), x();
+      }) && at({ reason: "drag-dismiss" })) {
+        K(), v();
         return;
       }
-      if (_.current = u.key, O.current) {
-        Dt(u);
+      if (U.current = u.key, _.current) {
+        Ct(u);
         return;
       }
-      U(u, {
+      J(u, {
         from: t,
         initialVelocity: c
       });
     },
     [
-      R,
-      ft,
-      N,
-      x,
+      K,
+      Tt,
+      H,
+      v,
+      ut,
       at,
-      q,
-      Dt,
-      U,
+      Ct,
+      J,
       l
     ]
-  ), Ee = d(
+  ), ze = p(
     (t) => {
-      const e = w.current;
-      if (!e.dragging || e.source !== "pointer" || !r || a !== "bottom" && !v)
+      const e = M.current;
+      if (!e.dragging || e.source !== "pointer" || !r || o !== "bottom" && !E)
         return;
-      const o = t.pageX - e.startX, c = t.pageY - e.startY, s = t.pointerType === "touch" ? M.dragStartThresholdPx.touch : M.dragStartThresholdPx.mouse;
-      if (!(!e.started && ue({ deltaX: o, deltaY: c, placement: a }) < s)) {
+      const a = t.pageX - e.startX, c = t.pageY - e.startY, s = t.pointerType === "touch" ? F.dragStartThresholdPx.touch : F.dragStartThresholdPx.mouse;
+      if (!(!e.started && Ee({ deltaX: a, deltaY: c, placement: o }) < s)) {
+        if (e.selectionArbitration && !e.allowed) {
+          const u = Math.abs(a), d = Math.abs(c), f = F.selectionArbitrationThresholdPx;
+          if (u >= f && u >= d) {
+            e.dragging = !1;
+            return;
+          }
+          if (d < f || d <= u)
+            return;
+          window.getSelection?.()?.removeAllRanges(), W(!0);
+        }
         if (!e.allowed) {
-          if (a === "bottom" && !ne(t.target, c, e.chrome))
+          if (o === "bottom" && !ye(t.target, c, e.chrome))
             return;
           e.allowed = !0, e.started = !0;
           const u = t.currentTarget;
           e.pointerId !== null && typeof u.hasPointerCapture == "function" && typeof u.setPointerCapture == "function" && !u.hasPointerCapture(e.pointerId) && u.setPointerCapture(e.pointerId);
         }
-        if (t.preventDefault(), e.lastX = t.pageX, e.lastY = t.pageY, a === "popup")
-          it(e, t), ye(e, t);
+        if (t.preventDefault(), e.lastX = t.pageX, e.lastY = t.pageY, o === "popup")
+          ft(e, t), Be(e, t);
         else {
-          const u = e.startTranslate + c, p = ut(e, c);
-          ot(u, p), mt(e, {
+          const u = e.startTranslate + c, d = ht(e, c);
+          dt(u, d), St(e, {
             pageX: t.pageX,
             pageY: t.pageY,
             translateX: e.lastTranslateX,
@@ -1310,151 +1502,152 @@ function mr({
     },
     [
       r,
-      it,
-      ut,
-      a,
-      v,
-      ot,
-      ne
+      ft,
+      ht,
+      o,
+      E,
+      W,
+      dt,
+      ye
     ]
-  ), J = d(
+  ), rt = p(
     ({
       currentTarget: t,
       pageX: e,
-      pageY: o,
+      pageY: a,
       releaseCapture: c = !0
     }) => {
-      const s = w.current;
-      if (!s.dragging || s.source !== "pointer" || !r || a !== "bottom" && !v)
+      const s = M.current;
+      if (!s.dragging || s.source !== "pointer" || !r || o !== "bottom" && !E)
         return;
-      const u = s.started, p = Number.isFinite(e) ? e : s.lastX, g = Number.isFinite(o) ? o : s.lastY, m = p - s.startX, h = g - s.startY, P = Math.max($() - s.startTime, 1);
-      let A = {
+      const u = s.started, d = Number.isFinite(e) ? e : s.lastX, f = Number.isFinite(a) ? a : s.lastY, g = d - s.startX, m = f - s.startY, Y = Math.max(Z() - s.startTime, 1);
+      let C = {
         x: s.lastTranslateX,
         y: s.lastTranslate
-      }, Q = A;
-      const F = s.startTranslate;
+      }, x = C;
+      const P = s.startTranslate;
       if (u)
-        if (a === "popup")
-          it(s, {
-            pageX: p,
-            pageY: g
-          }), A = {
+        if (o === "popup")
+          ft(s, {
+            pageX: d,
+            pageY: f
+          }), C = {
             x: s.lastTranslateX,
             y: s.lastTranslate
-          }, Q = Lt(s, {
-            pageX: p,
-            pageY: g
+          }, x = Ot(s, {
+            pageX: d,
+            pageY: f
           });
         else {
-          const W = s.startTranslate + h, Fe = ut(s, h);
-          ot(W, Fe), A = {
+          const N = s.startTranslate + m, Dt = ht(s, m);
+          dt(N, Dt), C = {
             x: s.lastTranslateX,
             y: s.lastTranslate
           };
         }
-      const At = s.closeAllowed;
+      const Q = s.closeAllowed;
       if (c && t && s.pointerId !== null && t.hasPointerCapture(s.pointerId) && t.releasePointerCapture(s.pointerId), u) {
-        const W = a === "popup" ? Q : {
+        const N = o === "popup" ? x : {
           x: s.lastTranslateX,
           y: s.lastTranslate
         };
-        mt(s, {
-          pageX: p,
-          pageY: g,
-          translateX: W.x,
-          translateY: W.y
+        St(s, {
+          pageX: d,
+          pageY: f,
+          translateX: N.x,
+          translateY: N.y
         });
       }
-      if (ct(s), !!u)
-        if (gt.current = $() + 500, a === "popup") {
-          const W = xe({
+      if (mt(s), !!u)
+        if (xt.current = Z() + 500, o === "popup") {
+          const N = Oe({
             session: s,
-            fallbackDelta: { x: m, y: h },
-            fallbackElapsed: P
+            fallbackDelta: { x: g, y: m },
+            fallbackElapsed: Y
           });
-          Yt({
-            currentTranslate: A,
-            releaseDelta: { x: m, y: h },
-            releaseTranslate: Q,
-            releaseVelocity: W
+          At({
+            currentTranslate: C,
+            releaseDelta: { x: g, y: m },
+            releaseTranslate: x,
+            releaseVelocity: N
           });
         } else {
-          const W = Te({
+          const N = Ie({
             session: s,
-            fallbackDeltaY: h,
-            fallbackElapsed: P
+            fallbackDeltaY: m,
+            fallbackElapsed: Y
           });
-          St({
-            closeAllowed: At,
-            currentTranslate: A.y,
-            deltaY: h,
-            releaseVelocity: W,
-            startTranslate: F
+          Ft({
+            closeAllowed: Q,
+            currentTranslate: C.y,
+            deltaY: m,
+            releaseVelocity: N,
+            startTranslate: P
           });
         }
     },
     [
-      St,
-      Yt,
+      Ft,
+      At,
       r,
-      it,
-      ut,
-      a,
-      v,
-      ct,
-      ot
+      ft,
+      ht,
+      o,
+      E,
+      mt,
+      dt
     ]
-  ), se = d(
+  ), ve = p(
     (t) => {
-      J({
+      rt({
         currentTarget: t.currentTarget,
         pageX: t.pageX,
         pageY: t.pageY
       });
     },
-    [J]
-  ), Me = d(
+    [rt]
+  ), Ue = p(
     (t) => {
-      const e = w.current;
-      e.pointerId !== null && t.pointerId !== e.pointerId || J({
+      const e = M.current;
+      e.pointerId !== null && t.pointerId !== e.pointerId || rt({
         pageX: t.pageX,
         pageY: t.pageY,
         releaseCapture: !1
       });
     },
-    [J]
+    [rt]
   );
-  Mt(() => {
+  It(() => {
     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 || J({
+      const u = M.current;
+      !u.dragging || u.source !== "pointer" || "pointerId" in s && u.pointerId !== null && s.pointerId !== u.pointerId || rt({
         pageX: s.pageX,
         pageY: s.pageY,
         releaseCapture: !1
       });
     }, e = () => {
-      const s = w.current;
-      !s.dragging || s.source !== "pointer" || J({
+      const s = M.current;
+      !s.dragging || s.source !== "pointer" || rt({
         pageX: s.lastX,
         pageY: s.lastY,
         releaseCapture: !1
       });
-    }, o = (s) => {
-      const u = w.current;
+    }, a = (s) => {
+      const u = M.current;
       !u.dragging || u.source !== "pointer" || s.relatedTarget === null && t(s);
     }, c = (s) => {
-      const u = w.current;
+      const u = M.current;
       !u.dragging || u.source !== "pointer" || s.relatedTarget === null && t(s);
     };
-    return document.addEventListener("pointerout", o, !0), document.addEventListener("mouseout", c, !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
     ), window.addEventListener("blur", e), () => {
       document.removeEventListener(
         "pointerout",
-        o,
+        a,
         !0
       ), document.removeEventListener("mouseout", c, !0), window.removeEventListener(
         "pointerup",
@@ -1466,94 +1659,95 @@ function mr({
         !0
       ), window.removeEventListener("blur", e);
     };
-  }, [J, r]), Mt(() => {
+  }, [rt, r]), It(() => {
     if (!r) return;
     const t = (e) => {
-      const o = gt.current;
-      if (o <= 0) return;
-      if ($() > o) {
-        gt.current = 0;
+      const a = xt.current;
+      if (a <= 0) return;
+      if (Z() > a) {
+        xt.current = 0;
         return;
       }
       const c = l.current;
-      c && e.target instanceof Node && c.contains(e.target) && (gt.current = 0, e.preventDefault(), e.stopPropagation());
+      c && e.target instanceof Node && c.contains(e.target) && (xt.current = 0, e.preventDefault(), e.stopPropagation());
     };
     return document.addEventListener("click", t, !0), () => {
       document.removeEventListener("click", t, !0);
     };
   }, [r, l]);
-  const Et = d((t) => {
-    const e = w.current;
-    return e.touchId !== null ? me(t.changedTouches, e.touchId) ?? me(t.touches, e.touchId) : t.touches[0] ?? t.changedTouches[0] ?? null;
-  }, []), Le = d(
+  const Bt = p((t) => {
+    const e = M.current;
+    return e.touchId !== null ? Fe(t.changedTouches, e.touchId) ?? Fe(t.touches, e.touchId) : t.touches[0] ?? t.changedTouches[0] ?? null;
+  }, []), We = p(
     (t) => {
-      if (!r || a !== "bottom" && !v || n === !1 || t.touches.length !== 1) return;
+      if (!r || o !== "bottom" && !E || n === !1 || t.touches.length !== 1) return;
       let e = !1;
-      if (n === "handle" && fe(t.target))
+      if (n === "handle" && ke(t.target))
         e = !0;
       else if (n === "handle")
         return;
-      if (!e && Vt(t.target)) return;
-      n === "content" && (e = de(t.target));
-      const o = t.touches[0];
-      a === "bottom" && xt({
+      if (!e && Wt(t.target)) return;
+      n === "content" && (e = Le(t.target));
+      const a = t.touches[0];
+      o === "bottom" && bt({
         target: t.target,
         chrome: e
-      }), Xt({
+      }), wt({
         chrome: e,
         source: "touch",
-        startX: o.pageX,
-        startY: o.pageY,
-        touchId: o.identifier
+        startX: a.pageX,
+        startY: a.pageY,
+        touchId: a.identifier
       });
     },
     [
-      Xt,
+      wt,
       n,
       r,
-      a,
-      v,
-      xt
+      o,
+      E,
+      bt
     ]
-  ), ie = d(
+  ), we = p(
     (t) => {
-      const e = w.current;
-      if (!e.dragging || e.source !== "touch" || !r || a !== "bottom" && !v)
+      const e = M.current;
+      if (!e.dragging || e.source !== "touch" || !r || o !== "bottom" && !E)
         return;
-      const o = Et(t);
-      if (!o) return;
-      const c = o.pageX - e.startX, s = o.pageY - e.startY, u = ue({
+      const a = Bt(t);
+      if (!a) return;
+      const c = a.pageX - e.startX, s = a.pageY - e.startY, u = Ee({
         deltaX: c,
         deltaY: s,
-        placement: a
-      }), p = M.dragStartThresholdPx.touch, g = a === "bottom" ? Ne({
+        placement: o
+      }), d = F.dragStartThresholdPx.touch, f = o === "bottom" ? nr({
         target: t.target,
         deltaY: s,
         chrome: e.chrome,
-        bodyNode: K.current
-      }) : Oe({
+        bodyNode: z.current,
+        canExpand: lt() > 1
+      }) : or({
         target: t.target,
-        bodyNode: K.current
+        bodyNode: z.current
       });
-      if (g.preventDefault) {
-        const h = a === "bottom" && Math.abs(c) > Math.abs(s) && Math.abs(s) < p && !e.started && u < p;
-        !h && a === "bottom" && xt({
+      if (f.preventDefault) {
+        const m = o === "bottom" && Math.abs(c) > Math.abs(s) && Math.abs(s) < d && !e.started && u < d;
+        !m && o === "bottom" && bt({
           target: t.target,
           chrome: e.chrome
-        }), h || le(t);
+        }), m || Ye(t);
       }
-      if (g.resetAnchor) {
-        et(!1), ae(e, { x: o.pageX, y: o.pageY });
+      if (f.resetAnchor) {
+        it(!1), Te(e, { x: a.pageX, y: a.pageY });
         return;
       }
-      if (g.allowDrag && !(!e.started && u < p))
-        if (e.allowed || (e.allowed = !0, e.started = !0), g.preventDefault || le(t), e.lastX = o.pageX, e.lastY = o.pageY, a === "popup")
-          it(e, o), ye(e, o);
+      if (f.allowDrag && !(!e.started && u < d))
+        if (e.allowed || (e.allowed = !0, e.started = !0), f.preventDefault || Ye(t), e.lastX = a.pageX, e.lastY = a.pageY, o === "popup")
+          ft(e, a), Be(e, a);
         else {
-          const m = e.startTranslate + s, h = ut(e, s);
-          ot(m, h), mt(e, {
-            pageX: o.pageX,
-            pageY: o.pageY,
+          const g = e.startTranslate + s, m = ht(e, s);
+          dt(g, m), St(e, {
+            pageX: a.pageX,
+            pageY: a.pageY,
             translateX: e.lastTranslateX,
             translateY: e.lastTranslate
           });
@@ -1561,21 +1755,22 @@ function mr({
     },
     [
       r,
+      ft,
+      ht,
+      lt,
+      Bt,
+      o,
+      E,
+      Te,
       it,
-      ut,
-      Et,
-      a,
-      v,
-      ae,
-      et,
-      ot,
-      xt
+      dt,
+      bt
     ]
   );
-  Mt(() => {
-    if (!i || !r || a !== "bottom" && !v || n === !1 || typeof window > "u") return;
+  It(() => {
+    if (!i || !r || o !== "bottom" && !E || n === !1 || typeof window > "u") return;
     const t = (e) => {
-      ie(e);
+      we(e);
     };
     return window.addEventListener("touchmove", t, {
       capture: !0,
@@ -1583,108 +1778,108 @@ function mr({
     }), () => {
       window.removeEventListener("touchmove", t, !0);
     };
-  }, [n, r, ie, i, a, v]);
-  const be = d(
+  }, [n, r, we, i, o, E]);
+  const Ge = p(
     (t) => {
-      const e = w.current;
-      if (!e.dragging || e.source !== "touch" || !r || a !== "bottom" && !v)
+      const e = M.current;
+      if (!e.dragging || e.source !== "touch" || !r || o !== "bottom" && !E)
         return;
-      const o = Et(t), c = o?.pageX ?? e.lastX, s = o?.pageY ?? e.lastY, u = e.started, p = e.closeAllowed, g = c - e.startX, m = s - e.startY, h = Math.max($() - e.startTime, 1);
-      a === "popup" && st();
-      const P = {
+      const a = Bt(t), c = a?.pageX ?? e.lastX, s = a?.pageY ?? e.lastY, u = e.started, d = e.closeAllowed, f = c - e.startX, g = s - e.startY, m = Math.max(Z() - e.startTime, 1);
+      o === "popup" && pt();
+      const Y = {
         x: e.lastTranslateX,
         y: e.lastTranslate
       };
-      let A = P;
-      const Q = e.startTranslate;
+      let C = Y;
+      const x = e.startTranslate;
       if (u) {
-        const F = a === "popup" ? Lt(e, {
+        const P = o === "popup" ? Ot(e, {
           pageX: c,
           pageY: s
         }) : {
           x: e.lastTranslateX,
           y: e.lastTranslate
         };
-        A = F, mt(e, {
+        C = P, St(e, {
           pageX: c,
           pageY: s,
-          translateX: F.x,
-          translateY: F.y
+          translateX: P.x,
+          translateY: P.y
         });
       }
-      if (ct(e), !!u)
-        if (gt.current = $() + 500, a === "popup") {
-          const F = xe({
+      if (mt(e), !!u)
+        if (xt.current = Z() + 500, o === "popup") {
+          const P = Oe({
             session: e,
-            fallbackDelta: { x: g, y: m },
-            fallbackElapsed: h
+            fallbackDelta: { x: f, y: g },
+            fallbackElapsed: m
           });
-          Yt({
-            currentTranslate: P,
-            releaseDelta: { x: g, y: m },
-            releaseTranslate: A,
-            releaseVelocity: F
+          At({
+            currentTranslate: Y,
+            releaseDelta: { x: f, y: g },
+            releaseTranslate: C,
+            releaseVelocity: P
           });
         } else {
-          const F = Te({
+          const P = Ie({
             session: e,
-            fallbackDeltaY: m,
-            fallbackElapsed: h
+            fallbackDeltaY: g,
+            fallbackElapsed: m
           });
-          St({
-            closeAllowed: p,
-            currentTranslate: P.y,
-            deltaY: m,
-            releaseVelocity: F,
-            startTranslate: Q
+          Ft({
+            closeAllowed: d,
+            currentTranslate: Y.y,
+            deltaY: g,
+            releaseVelocity: P,
+            startTranslate: x
           });
         }
     },
     [
-      St,
-      Yt,
+      Ft,
+      At,
       r,
-      Et,
-      a,
-      v,
-      ct,
-      st
+      Bt,
+      o,
+      E,
+      mt,
+      pt
     ]
-  ), ke = d(() => {
-    const t = w.current;
+  ), Ke = p(() => {
+    const t = M.current;
     if (!t.dragging || t.source !== "touch") return;
-    const e = t.started, o = t.startTranslate, c = 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
-    }, p = a;
-    if (ct(t), !!e) {
-      if (p === "popup") {
-        O.current ? Dt(s) : U(s, { from: u });
+    }, d = o;
+    if (mt(t), !!e) {
+      if (d === "popup") {
+        _.current ? Ct(s) : J(s, { from: u });
         return;
       }
-      I(o, { from: c });
+      O(a, { from: c });
     }
   }, [
-    a,
-    ct,
-    Dt,
-    U,
-    I
+    o,
+    mt,
+    Ct,
+    J,
+    O
   ]);
   return {
-    onPointerDown: Ye,
-    onPointerMove: Ee,
-    onPointerUp: se,
-    onPointerCancel: se,
-    onLostPointerCapture: Me,
-    onTouchStart: Le,
-    onTouchEnd: be,
-    onTouchCancel: ke
+    onPointerDown: je,
+    onPointerMove: ze,
+    onPointerUp: ve,
+    onPointerCancel: ve,
+    onLostPointerCapture: Ue,
+    onTouchStart: We,
+    onTouchEnd: Ge,
+    onTouchCancel: Ke
   };
 }
 export {
-  mr as useModalDrag
+  Nr as useModalDrag
 };