@orioncactuscorp/ui 1.9.2 → 1.10.0

package/dist/components/Modal/useModalDrag.js

@@ -1,11 +1,11 @@
-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 = {
+import { useRef as w, useLayoutEffect as G, useCallback as p, useEffect as Nt } from "react";
+import { ocSpring as sr } from "../../utils/spring.js";
+import { resolveOcMotion as Qt } from "../../utils/motion.js";
+import { resolveModalPopupSnapPositions as ir } from "./snapPoints.js";
+import { setModalBodyTouchScrollLock as Zt, shouldLockModalBodyTouchScroll as lr, shouldIgnoreDragTarget as qt, getScrollableAncestor as cr, hasActiveTextSelection as ur, getBottomTouchDragDecision as dr, getPopupTouchDragDecision as pr } from "./modalScrollArbitration.js";
+import { resolveResizedBottomSheetTranslate as fr, resolveBottomSheetRestState as gr, resolveUndimmedCollapseTranslate as mr } from "./bottomSheetGeometry.js";
+import { createSpringAnimator as te } from "../../utils/spring/animator.js";
+const k = {
   dragStartThresholdPx: {
     touch: 10,
     mouse: 2
@@ -40,463 +40,490 @@ const F = {
   popupDragFollower: {
     settleDurationFactor: 1 / 6
   }
-}, ir = Ze.snappy({
-  duration: F.settleSpring.durationSeconds * F.popupDragFollower.settleDurationFactor
-}), lr = [], cr = [];
-function Ye(r) {
+}, hr = sr.snappy({
+  duration: k.settleSpring.durationSeconds * k.popupDragFollower.settleDurationFactor
+}), yr = [], Tr = [];
+function Ie(r) {
   r.cancelable !== !1 && r.preventDefault();
 }
-function A(r, n, i) {
-  return Math.min(Math.max(r, n), i);
+function I(r, o, s) {
+  return Math.min(Math.max(r, o), s);
 }
-function Me(r) {
-  return [...new Set(r)].sort((n, i) => n - i);
+function Fe(r) {
+  return [...new Set(r)].sort((o, s) => o - s);
 }
-function ur(r, n) {
+function xr(r, o) {
   return r.reduce(
-    (i, o) => Math.abs(o - n) < Math.abs(i - n) ? o : i
+    (s, n) => Math.abs(n - o) < Math.abs(s - o) ? n : s
   );
 }
-function Ee({
+function Oe({
   deltaX: r,
-  deltaY: n,
-  placement: i
+  deltaY: o,
+  placement: s
 }) {
-  return i === "bottom" ? Math.abs(n) : Math.hypot(r, n);
+  return s === "bottom" ? Math.abs(o) : Math.hypot(r, o);
 }
-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 h = r[l];
-    if (h !== void 0 && h < n - 1)
-      return h;
+function Pr(r, o, s) {
+  if (s === "down")
+    return r.find((i) => i > o + 1) ?? r[r.length - 1] ?? 0;
+  for (let i = r.length - 1; i >= 0; i -= 1) {
+    const y = r[i];
+    if (y !== void 0 && y < o - 1)
+      return y;
   }
   return r[0] ?? 0;
 }
-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") {
+function vr(r, o, s, n, i = s) {
+  const m = Pr(r, o, n), x = n === "down" ? Math.max(s, i) : Math.min(s, i);
+  if (n === "down") {
     if (r.filter(
-      ($) => $ > n + 1 && $ <= i + 1
-    ).length === 0) return y;
-    const tt = r.filter(
-      ($) => $ > n + 1 && $ <= T + 1
+      (V) => V > o + 1 && V <= s + 1
+    ).length === 0) return m;
+    const ot = r.filter(
+      (V) => V > o + 1 && V <= x + 1
     );
-    return tt[tt.length - 1] ?? y;
+    return ot[ot.length - 1] ?? m;
   }
   return r.filter(
-    (L) => L < n - 1 && L >= i - 1
-  ).length === 0 ? y : r.filter(
-    (L) => L < n - 1 && L >= T - 1
-  )[0] ?? y;
+    (E) => E < o - 1 && E >= s - 1
+  ).length === 0 ? m : r.filter(
+    (E) => E < o - 1 && E >= x - 1
+  )[0] ?? m;
 }
-function be(r, n) {
-  if (n <= 0) return 0;
-  const i = n, { resistance: o } = F.rubberBand;
-  return r * o * i / (i + o * r);
+function Ne(r, o) {
+  if (o <= 0) return 0;
+  const s = o, { resistance: n } = k.rubberBand;
+  return r * n * s / (s + n * r);
 }
-function Kt({
+function ee({
   targetTranslate: r,
-  minTranslate: n,
-  maxTranslate: i,
-  minBoundaryLimit: o,
-  maxBoundaryLimit: l
+  minTranslate: o,
+  maxTranslate: s,
+  minBoundaryLimit: n,
+  maxBoundaryLimit: i
 }) {
-  return r < n ? n - be(n - r, o) : r > i ? i + be(r - i, l) : r;
+  return r < o ? o - Ne(o - r, n) : r > s ? s + Ne(r - s, i) : r;
 }
-function Le(r) {
+function Ve(r) {
   return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest('[data-oc-part="handle"], [data-oc-part="header"]');
 }
-function ke(r) {
+function ze(r) {
   return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest(
     '[data-oc-part="handle"], [data-oc-component="modal-navigation"]'
   );
 }
-function fr(r) {
+function wr(r) {
   return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest('[data-oc-component="modal-navigation"]');
 }
-function gr(r) {
+function Sr(r) {
   return typeof Element > "u" || !(r instanceof Element) ? null : r.closest('[data-oc-component="modal-navigation"]');
 }
-function mr(r, n) {
-  return n ? !0 : r.pointerType ? r.pointerType === "touch" : typeof window > "u" ? !1 : window.matchMedia?.("(pointer: coarse)").matches ?? !1;
+function Dr(r, o) {
+  return o ? !0 : r.pointerType ? r.pointerType === "touch" : typeof window > "u" ? !1 : window.matchMedia?.("(pointer: coarse)").matches ?? !1;
 }
-function Ce(r, n) {
+function Re(r, o) {
   if (!r.length)
     return {
       minTranslate: 0,
       maxTranslate: 0
     };
-  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;
+  const s = r.map((y) => y[o]), n = Math.min(...s), i = Math.max(...s);
+  if (Math.abs(i - n) < 0.5) {
+    const y = (n + i) / 2;
     return {
-      minTranslate: h,
-      maxTranslate: h
+      minTranslate: y,
+      maxTranslate: y
     };
   }
   return {
-    minTranslate: o,
-    maxTranslate: l
+    minTranslate: n,
+    maxTranslate: i
   };
 }
-function Fe(r, n) {
-  for (let i = 0; i < r.length; i += 1) {
-    const o = "item" in r && typeof r.item == "function" ? r.item(i) : r[i];
-    if (o?.identifier === n) return o;
+function He(r, o) {
+  for (let s = 0; s < r.length; s += 1) {
+    const n = "item" in r && typeof r.item == "function" ? r.item(s) : r[s];
+    if (n?.identifier === o) return n;
   }
   return null;
 }
-function Re(r) {
+function Je(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((h) => h.trim());
+  const o = window.getComputedStyle(r).transform;
+  if (!o || o === "none") return { x: 0, y: 0 };
+  const s = o.match(/^matrix\((.+)\)$/);
+  if (s) {
+    const i = s[1].split(",").map((y) => y.trim());
     return {
-      x: Number.parseFloat(l[4] ?? "0") || 0,
-      y: Number.parseFloat(l[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 l = o[1].split(",").map((h) => h.trim());
+  const n = o.match(/^matrix3d\((.+)\)$/);
+  if (n) {
+    const i = n[1].split(",").map((y) => y.trim());
     return {
-      x: Number.parseFloat(l[12] ?? "0") || 0,
-      y: Number.parseFloat(l[13] ?? "0") || 0
+      x: Number.parseFloat(i[12] ?? "0") || 0,
+      y: Number.parseFloat(i[13] ?? "0") || 0
     };
   }
   return { x: 0, y: 0 };
 }
-function Jt(r) {
-  return Re(r).y;
+function re(r) {
+  return Je(r).y;
 }
-function Ae(r) {
-  return Re(r);
+function $e(r) {
+  return Je(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;
+  const o = Number.parseFloat(r);
+  return Number.isFinite(o) ? o : void 0;
 }
-function Z() {
+function tt() {
   return Date.now();
 }
-function hr(r, n) {
-  const i = n - F.releaseVelocity.sampleWindowMs;
-  for (; r.length > 2 && (r[1]?.time ?? n) < i; )
+function Xr(r, o) {
+  const s = o - k.releaseVelocity.sampleWindowMs;
+  for (; r.length > 2 && (r[1]?.time ?? o) < s; )
     r.shift();
 }
-function St(r, n) {
-  const i = n.time ?? Z();
+function Dt(r, o) {
+  const s = o.time ?? tt();
   r.samples.push({
-    time: i,
-    pageX: n.pageX,
-    pageY: n.pageY,
-    translateX: n.translateX,
-    translateY: n.translateY
-  }), hr(r.samples, i);
+    time: s,
+    pageX: o.pageX,
+    pageY: o.pageY,
+    translateX: o.translateX,
+    translateY: o.translateY
+  }), Xr(r.samples, s);
 }
-function Ot(r, n) {
+function Vt(r, o) {
   return {
-    x: r.startTranslateX + n.pageX - r.startX,
-    y: r.startTranslate + n.pageY - r.startY
+    x: r.startTranslateX + o.pageX - r.startX,
+    y: r.startTranslate + o.pageY - r.startY
   };
 }
-function Be(r, n) {
-  const i = Ot(r, n);
-  St(r, {
-    pageX: n.pageX,
-    pageY: n.pageY,
-    translateX: i.x,
-    translateY: i.y
+function Ue(r, o) {
+  const s = Vt(r, o);
+  Dt(r, {
+    pageX: o.pageX,
+    pageY: o.pageY,
+    translateX: s.x,
+    translateY: s.y
   });
 }
-function Ie({
+function je({
   session: r,
-  fallbackDeltaY: n,
-  fallbackElapsed: i
+  fallbackDeltaY: o,
+  fallbackElapsed: s
 }) {
-  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);
+  const n = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: y } = k.releaseVelocity;
+  if (n) {
+    const m = n.time - y, x = r.samples.find((v) => v.time >= m) ?? r.samples[0];
+    if (x && x !== n) {
+      const v = Math.max(n.time - x.time, 1), L = (n.translateY - x.translateY) / v * 1e3;
+      if (Number.isFinite(L))
+        return I(L, -i, i);
     }
   }
-  return A(
-    n / Math.max(i, 1) * 1e3,
-    -l,
-    l
+  return I(
+    o / Math.max(s, 1) * 1e3,
+    -i,
+    i
   );
 }
-function Oe({
+function _e({
   session: r,
-  fallbackDelta: n,
-  fallbackElapsed: i
+  fallbackDelta: o,
+  fallbackElapsed: s
 }) {
-  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
+  const n = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: y } = k.releaseVelocity;
+  if (n) {
+    const m = n.time - y, x = r.samples.find((v) => v.time >= m) ?? r.samples[0];
+    if (x && x !== n) {
+      const v = Math.max(n.time - x.time, 1), L = {
+        x: (n.translateX - x.translateX) / v * 1e3,
+        y: (n.translateY - x.translateY) / v * 1e3
       };
-      if (Number.isFinite(b.x) && Number.isFinite(b.y))
+      if (Number.isFinite(L.x) && Number.isFinite(L.y))
         return {
-          x: A(b.x, -l, l),
-          y: A(b.y, -l, l)
+          x: I(L.x, -i, i),
+          y: I(L.y, -i, i)
         };
     }
   }
   return {
-    x: A(
-      n.x / Math.max(i, 1) * 1e3,
-      -l,
-      l
+    x: I(
+      o.x / Math.max(s, 1) * 1e3,
+      -i,
+      i
     ),
-    y: A(
-      n.y / Math.max(i, 1) * 1e3,
-      -l,
-      l
+    y: I(
+      o.y / Math.max(s, 1) * 1e3,
+      -i,
+      i
     )
   };
 }
-function yr({
+function Mr({
   currentTranslate: r,
-  releaseVelocity: n
+  releaseVelocity: o
 }) {
-  const { lookaheadSeconds: i, maxDistancePx: o } = F.snapProjection;
-  return r + A(n * i, -o, o);
+  const { lookaheadSeconds: s, maxDistancePx: n } = k.snapProjection;
+  return r + I(o * s, -n, n);
 }
-function Tr({
+function Yr({
   currentTranslate: r,
-  releaseVelocity: n
+  releaseVelocity: o
 }) {
-  const { lookaheadSeconds: i, maxDistancePx: o } = F.snapProjection;
+  const { lookaheadSeconds: s, maxDistancePx: n } = k.snapProjection;
   return {
-    x: r.x + A(
-      n.x * i,
-      -o,
-      o
+    x: r.x + I(
+      o.x * s,
+      -n,
+      n
     ),
-    y: r.y + A(
-      n.y * i,
-      -o,
-      o
+    y: r.y + I(
+      o.y * s,
+      -n,
+      n
     )
   };
 }
-function xr(r) {
-  return Math.abs(r) / 1e3 > F.releaseVelocity.flickThresholdPxPerMs;
+function Er(r) {
+  return Math.abs(r) / 1e3 > k.releaseVelocity.flickThresholdPxPerMs;
 }
-function Pr(r) {
-  return Math.hypot(r.x, r.y) / 1e3 > F.releaseVelocity.flickThresholdPxPerMs;
+function br(r) {
+  return Math.hypot(r.x, r.y) / 1e3 > k.releaseVelocity.flickThresholdPxPerMs;
 }
-function q(r, n) {
-  return Math.hypot(r.x - n.x, r.y - n.y);
+function et(r, o) {
+  return Math.hypot(r.x - o.x, r.y - o.y);
 }
-function Ne(r, n) {
+function We(r, o) {
   return r.reduce(
-    (i, o) => q(o, n) < q(i, n) ? o : i
+    (s, n) => et(n, o) < et(s, o) ? n : s
   );
 }
-function vr({
+function Lr({
   currentTranslate: r,
-  releaseVelocity: n,
-  targets: i
+  releaseVelocity: o,
+  targets: s
 }) {
-  const o = Tr({
+  const n = Yr({
     currentTranslate: r,
-    releaseVelocity: n
+    releaseVelocity: o
   });
-  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;
+  if (!br(o))
+    return We(s, r);
+  const i = s.filter((y) => {
+    const m = y.x - r.x, x = y.y - r.y;
+    return m * o.x + x * o.y > 0;
   });
-  return Ne(
-    l.length ? l : i,
-    o
+  return We(
+    i.length ? i : s,
+    n
   );
 }
-function _e(r) {
+function Qe(r) {
   return r === "top" || r.startsWith("top-") ? "top" : r === "bottom" || r.startsWith("bottom-") ? "bottom" : "center";
 }
-function wr({
+function Ar({
   target: r,
-  targets: n
+  targets: o
 }) {
-  const i = n.filter((o) => o !== r);
-  if (i.length)
-    return i.reduce(
-      (o, l) => Math.min(o, q(r, l)),
+  const s = o.filter((n) => n !== r);
+  if (s.length)
+    return s.reduce(
+      (n, i) => Math.min(n, et(r, i)),
       Number.POSITIVE_INFINITY
     );
 }
-function Dr({
+function Cr({
   closeThreshold: r,
-  currentTarget: n,
-  surfaceSize: i,
-  targets: o
+  currentTarget: o,
+  surfaceSize: s,
+  targets: n
 }) {
-  const l = _e(n.key), h = l === "center" ? Math.min(i.width, i.height) : i.height, y = Math.max(
-    F.dismissal.minDistancePx,
-    h * r
+  const i = Qe(o.key), y = i === "center" ? Math.min(s.width, s.height) : s.height, m = Math.max(
+    k.dismissal.minDistancePx,
+    y * r
   );
-  if (l !== "center") return y;
-  const T = wr({
-    target: n,
-    targets: o
+  if (i !== "center") return m;
+  const x = Ar({
+    target: o,
+    targets: n
   });
-  return !T || !Number.isFinite(T) ? y : Math.max(y, T * 0.75);
+  return !x || !Number.isFinite(x) ? m : Math.max(m, x * 0.75);
 }
-function Sr({
+function kr({
   currentTarget: r,
-  currentTranslate: n
+  currentTranslate: o
 }) {
-  switch (_e(r.key)) {
+  switch (Qe(r.key)) {
     case "top":
-      return r.y - n.y;
+      return r.y - o.y;
     case "bottom":
-      return n.y - r.y;
+      return o.y - r.y;
     case "center":
-      return q(r, n);
+      return et(r, o);
   }
 }
-function Xr({
+function Br({
   closeThreshold: r,
-  currentTarget: n,
-  currentTranslate: i,
-  releaseTarget: o,
-  surfaceSize: l,
-  targets: h
+  currentTarget: o,
+  currentTranslate: s,
+  releaseTarget: n,
+  surfaceSize: i,
+  targets: y
 }) {
-  if (o.key !== n.key) return !1;
-  const y = Sr({
-    currentTarget: n,
-    currentTranslate: i
+  if (n.key !== o.key) return !1;
+  const m = kr({
+    currentTarget: o,
+    currentTranslate: s
   });
-  return y <= 0 ? !1 : y >= Dr({
+  return m <= 0 ? !1 : m >= Cr({
     closeThreshold: r,
-    currentTarget: n,
-    surfaceSize: l,
-    targets: h
+    currentTarget: o,
+    surfaceSize: i,
+    targets: y
   });
 }
-function Yr({
+function Ir({
   presentationState: r,
-  releaseTranslate: n,
-  visibleTranslate: i
+  releaseTranslate: o,
+  visibleTranslate: s
 }) {
-  return r !== "visible" || Math.abs(n - i) > 1;
+  return r !== "visible" || Math.abs(o - s) > 1;
 }
-function Mr({
+function Fr({
   drag: r,
-  placement: n,
-  snapPositionCount: i
+  placement: o,
+  snapPositionCount: s
 }) {
-  return n === "popup" && (r === "content" || r === "handle") && i > 0;
+  return o === "popup" && (r === "content" || r === "handle") && s > 0;
 }
-function Er({
+function Or({
   dismissible: r,
-  peekTranslate: n,
-  sheetHeight: i,
-  visibleTranslate: o
+  peekTranslate: o,
+  sheetHeight: s,
+  visibleTranslate: n
 }) {
   return {
-    maxTranslate: n > 0 ? n : r ? i : o,
+    maxTranslate: o > 0 ? o : r ? s : n,
     minTranslate: 0
   };
 }
-function Ve(r, n = 1) {
-  const i = Math.max(n, 1);
-  return r && Math.abs(r.maxTranslate - r.minTranslate) || i;
+function Ge(r, o = 1) {
+  const s = Math.max(o, 1);
+  return r && Math.abs(r.maxTranslate - r.minTranslate) || s;
 }
-function He({
+function Ke({
   limit: r,
-  viewportSize: n,
-  viewportLimitRatio: i
+  viewportSize: o,
+  viewportLimitRatio: s
 }) {
-  const o = Math.max(r, 0);
-  return n <= 0 ? o : Math.min(o, n * i);
+  const n = Math.max(r, 0);
+  return o <= 0 ? n : Math.min(n, o * s);
 }
-function br({
+function Nr({
   minTranslate: r,
-  sheetHeight: n,
-  surfaceMotion: i
+  sheetHeight: o,
+  surfaceMotion: s
 }) {
-  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;
+  const n = s.parentElement?.getBoundingClientRect(), i = n?.top ?? 0, y = n && n.height > 0 ? n.height : window.innerHeight, m = s.getBoundingClientRect(), x = re(s), v = m.top - x + r, L = Math.max(v - i, 0), { observedViewportLimitRatio: E } = k.rubberBand;
   return {
-    minBoundaryLimit: He({
-      limit: b,
-      viewportSize: h,
-      viewportLimitRatio: L.top
+    minBoundaryLimit: Ke({
+      limit: L,
+      viewportSize: y,
+      viewportLimitRatio: E.top
     }),
-    maxBoundaryLimit: He({
-      limit: n,
-      viewportSize: h,
-      viewportLimitRatio: L.bottom
+    maxBoundaryLimit: Ke({
+      limit: o,
+      viewportSize: y,
+      viewportLimitRatio: E.bottom
     })
   };
 }
-function Lr({
-  rubberBand: r,
-  targetTranslate: n,
-  sheetHeight: i,
+function Vr({
+  sheetHeight: r,
   peekTranslate: o,
-  bounds: l,
-  rubberBandLimits: h
+  snapHeights: s,
+  backdropFromHeight: n
+}) {
+  const i = o > 0 ? Math.max(0, r - o) : 0;
+  if (n !== void 0) {
+    let m = -1;
+    for (const x of s)
+      x < n - 0.5 && x > m && (m = x);
+    return {
+      dimmedHeight: n,
+      undimmedHeight: m >= 0 ? m : i
+    };
+  }
+  let y = r;
+  for (const m of s)
+    m < y && (y = m);
+  return { dimmedHeight: y, undimmedHeight: i };
+}
+function zr({
+  rubberBand: r,
+  targetTranslate: o,
+  sheetHeight: s,
+  bounds: n,
+  rubberBandLimits: i,
+  backdropBoundaries: y
 }) {
-  const y = A(
-    r ? Kt({
-      targetTranslate: n,
-      ...h,
-      ...l
-    }) : n,
-    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;
+  const m = I(
+    r ? ee({
+      targetTranslate: o,
+      ...i,
+      ...n
+    }) : o,
+    n.minTranslate - i.minBoundaryLimit,
+    n.maxTranslate + i.maxBoundaryLimit
+  ), x = Math.max(-m, 0), v = Math.max(m, 0), E = (s - v - y.undimmedHeight) / Math.max(
+    y.dimmedHeight - y.undimmedHeight,
+    1
+  );
   return {
-    translate: y,
-    overshootFillHeight: T,
-    backdropOpacity: A(L, 0, 1)
+    translate: m,
+    overshootFillHeight: x,
+    backdropOpacity: I(E, 0, 1)
   };
 }
-function Nr({
+function Gr({
   enabled: r,
-  drag: n,
-  open: i,
-  placement: o,
-  surfaceMotionRef: l,
-  surfaceMotionNode: h,
-  backdropRef: y,
-  bodyNode: T,
-  snapHeights: D = lr,
-  sheetHeight: b,
-  snapPositions: L = cr,
-  defaultSnapPosition: tt,
-  peekHeight: $,
-  peekFallback: Qt,
-  presentationState: V,
-  setPresentationState: Nt,
+  drag: o,
+  open: s,
+  placement: n,
+  surfaceMotionRef: i,
+  surfaceMotionNode: y,
+  backdropRef: m,
+  bodyNode: x,
+  snapHeights: v = yr,
+  sheetHeight: L,
+  backdropFromHeight: E,
+  onBackdropDimRestChange: ot,
+  snapPositions: V = Tr,
+  defaultSnapPosition: Xt,
+  peekHeight: zt,
+  peekFallback: ne,
+  presentationState: z,
+  setPresentationState: Rt,
   requestClose: at,
-  canCloseAttempt: Zt,
+  canCloseAttempt: oe,
   dismissible: H = !0,
-  preserveShadowOpacity: qt = !1,
-  visibleTranslate: S = 0,
-  shouldDeferBottomSettle: te,
+  backdropHidden: Ht = !1,
+  visibleTranslate: D = 0,
+  shouldDeferBottomSettle: ae,
+  refreshScrollState: $t,
   closeThreshold: Tt = 0.35,
-  scrollLockTimeout: ee = 500,
-  popupSnapLayoutVersion: re = 0
+  scrollLockTimeout: se = 500,
+  popupSnapLayoutVersion: ie = 0
 }) {
-  const M = w({
+  const Y = w({
     dragging: !1,
     allowed: !1,
     chrome: !1,
@@ -516,63 +543,67 @@ function Nr({
     samples: [],
     pointerId: null,
     touchId: null
-  }), z = w(T), ne = w(!1), oe = w(!1), $e = w((t) => {
+  }), j = w(x), Ut = w(null), le = w(Ht), ce = w(!1), ue = w(!1), Ze = w((t) => {
     t.preventDefault();
-  }), Xt = w(0), Vt = w(!1), R = w(null), _ = w(
+  }), Mt = w(0), jt = w(!1), $ = w(null), U = w(
     null
-  ), Yt = w(null), U = w(null), xt = w(0), j = w(null), Ht = w(!1), Rt = w(!1), ae = w(V), Mt = w({
+  ), Yt = w(null), K = w(null), xt = w(0), _ = w(null), _t = w(!1), Wt = w(!1), de = w(z), Et = 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: 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]);
+  }), pe = w(L ?? null), fe = w(D), ge = w(v), Gt = w(!1), st = w(!1), b = Fr({
+    drag: o,
+    placement: n,
+    snapPositionCount: V.length
+  }), me = `${Xt ?? ""}:${V.join("|")}`, he = w(V), bt = w(Xt);
+  G(() => {
+    he.current = V, bt.current = Xt;
+  }, [Xt, me, V]), G(() => {
+    le.current = Ht;
+  }, [Ht]), G(() => {
+    s || (Ut.current = null);
+  }, [s]), G(() => {
+    const t = j.current;
+    t && t !== x && Zt(t, !1), j.current = x, ce.current && Zt(x, !0);
+  }, [x]);
   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;
+    ce.current = t, Zt(j.current, t);
+  }, []), J = p((t) => {
+    if (ue.current === t) return;
+    ue.current = t;
+    const e = Ze.current;
     if (t) {
       document.addEventListener("selectstart", e, !0), document.addEventListener("dragstart", e, !0);
       return;
     }
     document.removeEventListener("selectstart", e, !0), document.removeEventListener("dragstart", e, !0);
-  }, []), bt = p(
+  }, []), Lt = p(
     ({ chrome: t, target: e }) => {
-      const a = tr({
+      const a = lr({
         target: e,
         chrome: t,
-        bodyNode: z.current
+        bodyNode: j.current
       });
       return it(a), a;
     },
     [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;
-  }, [Qt, $, l]), Pt = p(
+  ), F = p(() => i.current?.getBoundingClientRect().height ?? window.innerHeight, [i]), At = p(() => {
+    if (zt !== void 0) return zt;
+    if (ne === "header")
+      return i.current?.querySelector('[data-oc-part="header"]')?.getBoundingClientRect().height ?? void 0;
+  }, [ne, zt, i]), Pt = p(
     (t) => {
-      const e = Lt();
-      return e === void 0 || e <= 0 ? 0 : A(t - e, 0, t);
+      const e = At();
+      return e === void 0 || e <= 0 ? 0 : I(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 $t();
+    [At]
+  ), Q = p(() => {
+    const t = At();
+    return t === void 0 || t <= 0 ? 0 : Pt(F());
+  }, [At, Pt, F]), Kt = p(
+    () => z === "peeked" ? Q() : D,
+    [Q, z, D]
+  ), W = p(() => {
+    const t = i.current;
+    if (!t) return Kt();
     const e = yt(
       t.style.getPropertyValue("--oc-modal-translate-y")
     );
@@ -580,9 +611,9 @@ function Nr({
     const a = yt(
       window.getComputedStyle(t).getPropertyValue("--oc-modal-translate-y")
     );
-    return a !== void 0 ? a : $t();
-  }, [$t, l]), kt = p(() => {
-    const t = l.current;
+    return a !== void 0 ? a : Kt();
+  }, [Kt, i]), Ct = p(() => {
+    const t = i.current;
     if (!t) return { x: 0, y: 0 };
     const e = yt(
       t.style.getPropertyValue("--oc-modal-translate-x")
@@ -599,44 +630,49 @@ function Nr({
       x: yt(c.getPropertyValue("--oc-modal-translate-x")) ?? 0,
       y: yt(c.getPropertyValue("--oc-modal-translate-y")) ?? 0
     };
-  }, [l]), lt = p(() => {
-    const t = et(), e = Jt(l.current);
+  }, [i]), lt = p(() => {
+    const t = W(), e = re(i.current);
     return Math.abs(e - t) > 1 ? e : t;
-  }, [et, l]), vt = p(
+  }, [W, i]), 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(
+    const t = Ct(), e = $e(i.current);
+    return et(e, t) > 1 ? e : t;
+  }, [Ct, i]), O = p(
     (t, {
       active: e,
       nextDismissible: a = H,
       rubberBand: c = !1,
-      sheetHeightOverride: s,
+      sheetHeightOverride: l,
       peekTranslateOverride: u,
       settled: d
     }) => {
-      const f = l.current;
+      const f = i.current;
       if (!f) return;
-      const g = s ?? I(), m = f.parentElement, Y = u ?? G(), C = Er({
+      const g = l ?? F(), h = f.parentElement, M = u ?? Q(), C = Or({
         dismissible: a,
-        peekTranslate: Y,
+        peekTranslate: M,
         sheetHeight: g,
-        visibleTranslate: S
-      }), x = br({
+        visibleTranslate: D
+      }), T = Nr({
         minTranslate: C.minTranslate,
         sheetHeight: g,
         surfaceMotion: f
-      }), P = Lr({
+      }), P = zr({
         rubberBand: c,
         targetTranslate: t,
         sheetHeight: g,
-        peekTranslate: Y,
         bounds: C,
-        rubberBandLimits: x
+        rubberBandLimits: T,
+        backdropBoundaries: Vr({
+          sheetHeight: g,
+          peekTranslate: M,
+          snapHeights: v,
+          backdropFromHeight: E
+        })
       });
-      M.current.lastTranslate = P.translate, f.style.setProperty(
+      Y.current.lastTranslate = P.translate, f.style.setProperty(
         "--oc-modal-translate-y",
         `${P.translate}px`
       ), d === "frame" || !e ? f.style.setProperty(
@@ -645,54 +681,60 @@ function Nr({
       ) : typeof d == "number" && f.style.setProperty(
         "--oc-modal-settled-translate-y",
         `${d}px`
-      ), qt ? f.style.removeProperty(
-        "--_-modal-elevation-shadow-opacity"
-      ) : f.style.setProperty(
+      );
+      const R = le.current ? 0 : P.backdropOpacity;
+      if (f.style.setProperty(
         "--_-modal-elevation-shadow-opacity",
-        String(1 - P.backdropOpacity)
-      ), f.dataset.ocModalDragging = e ? "true" : "false", m?.style.setProperty(
+        String(1 - R)
+      ), f.dataset.ocModalDragging = e ? "true" : "false", h?.style.setProperty(
         "--oc-modal-overshoot-fill-height",
         `${P.overshootFillHeight}px`
-      ), m && (m.dataset.ocModalDragging = e ? "true" : "false"), e ? f.style.setProperty("transition", "none") : f.style.removeProperty("transition"), y.current && (y.current.style.setProperty(
+      ), h && (h.dataset.ocModalDragging = e ? "true" : "false"), e ? f.style.setProperty("transition", "none") : f.style.removeProperty("transition"), m.current && (m.current.style.setProperty(
         "--oc-modal-backdrop-opacity",
         String(P.backdropOpacity)
-      ), y.current.style.transition = e ? "none" : "");
+      ), m.current.style.transition = e ? "none" : ""), !e && n === "bottom" && ot) {
+        const B = E === void 0 || g - P.translate >= E - 0.5;
+        Ut.current !== B && (Ut.current = B, ot(B));
+      }
     },
     [
-      y,
+      E,
+      m,
       H,
-      G,
-      I,
-      qt,
-      l,
-      S
+      Q,
+      F,
+      ot,
+      n,
+      v,
+      i,
+      D
     ]
   ), ut = p(() => {
-    const t = l.current, e = ue.current;
+    const t = i.current, e = he.current;
     if (!(!t || !e.length))
-      return qe({
-        defaultSnapPosition: Et.current,
+      return ir({
+        defaultSnapPosition: bt.current,
         snapPositions: e,
         surfaceMotion: t
       });
-  }, [l]), K = p(
+  }, [i]), Z = p(
     ({ destroy: t = !0 } = {}) => {
-      t && _.current?.destroy(), _.current = null, Yt.current = null;
+      t && U.current?.destroy(), U.current = null, Yt.current = null;
     },
     []
-  ), k = p(
+  ), A = p(
     (t, { active: e }) => {
-      const a = l.current;
+      const a = i.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({
+      const c = ut(), l = c ? a.getBoundingClientRect() : void 0, u = c ? Re(c.targets, "x") : void 0, d = c ? Re(c.targets, "y") : void 0, f = Ge(u, l?.width), g = Ge(d, l?.height), h = c ? {
+        x: ee({
           targetTranslate: t.x,
           minTranslate: u?.minTranslate ?? 0,
           maxTranslate: u?.maxTranslate ?? 0,
           minBoundaryLimit: f,
           maxBoundaryLimit: f
         }),
-        y: Kt({
+        y: ee({
           targetTranslate: t.y,
           minTranslate: d?.minTranslate ?? 0,
           maxTranslate: d?.maxTranslate ?? 0,
@@ -700,92 +742,96 @@ function Nr({
           maxBoundaryLimit: g
         })
       } : t;
-      M.current.lastTranslateX = m.x, M.current.lastTranslate = m.y;
-      const Y = e ? void 0 : t.settledTranslate;
+      Y.current.lastTranslateX = h.x, Y.current.lastTranslate = h.y;
+      const M = e ? void 0 : t.settledTranslate;
       a.style.setProperty(
         "--oc-modal-translate-x",
-        Y?.x ?? `${m.x}px`
+        M?.x ?? `${h.x}px`
       ), a.style.setProperty(
         "--oc-modal-translate-y",
-        Y?.y ?? `${m.y}px`
+        M?.y ?? `${h.y}px`
       ), a.dataset.ocModalDragging = e ? "true" : "false", a.parentElement && (a.parentElement.dataset.ocModalDragging = e ? "true" : "false"), a.style.transition = e ? "none" : "";
     },
-    [ut, l]
+    [ut, i]
   ), X = p(() => {
-    R.current?.destroy(), R.current = null, K();
-  }, [K]), dt = p(
+    $.current?.destroy(), $.current = null, Z();
+    const t = i.current;
+    t?.dataset.ocModalSheetResizing && (delete t.dataset.ocModalSheetResizing, t.style.removeProperty("--oc-modal-resize-rest-translate-y"), t.style.removeProperty(
+      "--oc-modal-resize-target-scrollport-height"
+    ));
+  }, [Z, i]), dt = p(
     (t, e = H) => {
-      X(), B(t, {
+      X(), O(t, {
         active: !0,
         nextDismissible: e,
         rubberBand: !0,
         settled: "frame"
       });
     },
-    [B, X, H]
-  ), de = p(() => {
+    [O, X, H]
+  ), ye = 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 };
+    return $.current !== null || U.current !== null ? (X(), n === "popup" && et(e, { x: 0, y: 0 }) > 0.5 ? A(e, { active: !1 }) : n === "bottom" && Math.abs(t) > 0.5 && O(t, { active: !1 }), { startTranslate: t, startTranslatePoint: e }) : { startTranslate: t, startTranslatePoint: e };
   }, [
-    k,
-    B,
+    A,
+    O,
     X,
     lt,
     ct,
-    o
-  ]), v = p(() => {
-    const t = l.current;
-    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;
-    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(
+    n
+  ]), S = p(() => {
+    const t = i.current;
+    t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"), m.current?.style.removeProperty("transition"), E === void 0 && m.current?.style.removeProperty("--oc-modal-backdrop-opacity"));
+  }, [E, m, i]), Te = p(() => {
+    const t = i.current, e = t?.parentElement;
+    Y.current.lastTranslate = 0, t?.style.removeProperty("--oc-modal-translate-y"), t?.style.removeProperty("--oc-modal-settled-translate-y"), t?.style.removeProperty("--_-modal-elevation-shadow-opacity"), e?.style.removeProperty("--oc-modal-overshoot-fill-height"), m.current?.style.removeProperty("--oc-modal-backdrop-opacity"), S();
+  }, [m, S, i]), xe = p(
     ({
       preserveSnapPosition: t = !1,
       resetY: e = !0
     } = {}) => {
-      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());
+      const a = i.current;
+      a && (t || (K.current = null), Y.current.lastTranslateX = 0, a.style.removeProperty("--oc-modal-translate-x"), e && (Y.current.lastTranslate = 0, a.style.removeProperty("--oc-modal-translate-y")), S());
     },
-    [v, l]
-  ), O = p(
+    [S, i]
+  ), N = p(
     (t, {
       initialVelocity: e = 0,
       intent: a = "sheet",
       phase: c = "release",
-      from: s,
+      from: l,
       onComplete: u,
       peekTranslateOverride: d,
       sheetHeightOverride: f
     } = {}) => {
-      const g = l.current;
+      const g = i.current;
       if (!g) return;
       X();
-      const m = s ?? Jt(g);
-      if (Math.abs(m - t) < 0.5) {
-        B(t, {
+      const h = l ?? re(g);
+      if (Math.abs(h - t) < 0.5) {
+        O(t, {
           active: !1,
           peekTranslateOverride: d,
           sheetHeightOverride: f
-        }), v(), u?.();
+        }), S(), u?.();
         return;
       }
-      const Y = c === "enter" ? t : "frame";
-      B(m, {
+      const M = c === "enter" ? t : "frame";
+      O(h, {
         active: !0,
         peekTranslateOverride: d,
-        settled: Y,
+        settled: M,
         sheetHeightOverride: f
       });
-      const C = zt({
+      const C = Qt({
         element: g,
         intent: a,
         phase: c,
         reduced: "preserve",
         reducedMotion: !1,
         property: "transform"
-      }), x = Gt({
-        value: m,
+      }), T = te({
+        value: h,
         target: t,
         velocity: e,
         spring: C.spring,
@@ -793,127 +839,127 @@ function Nr({
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
         onUpdate: (P) => {
-          B(P, {
+          O(P, {
             active: !0,
             peekTranslateOverride: d,
-            settled: Y === "frame" ? "frame" : void 0,
+            settled: M === "frame" ? "frame" : void 0,
             sheetHeightOverride: f
           });
         },
         onComplete: () => {
-          R.current === x && (R.current = null), B(t, {
+          $.current === T && ($.current = null), O(t, {
             active: !1,
             peekTranslateOverride: d,
             sheetHeightOverride: f
-          }), v(), u?.();
+          }), S(), u?.();
         }
       });
-      R.current = x;
+      $.current = T;
     },
-    [B, X, v, l]
-  ), J = p(
+    [O, X, S, i]
+  ), q = p(
     (t, {
       from: e,
       initialVelocity: a = { x: 0, y: 0 }
     } = {}) => {
-      const c = l.current;
+      const c = i.current;
       if (!c) return;
       X();
-      const s = e ?? Ae(c), u = { x: t.x, y: t.y };
-      if (q(s, u) < 0.5) {
-        k(t, { active: !1 }), v();
+      const l = e ?? $e(c), u = { x: t.x, y: t.y };
+      if (et(l, u) < 0.5) {
+        A(t, { active: !1 }), S();
         return;
       }
-      k(s, { active: !0 });
-      const f = zt({
+      A(l, { active: !0 });
+      const f = Qt({
         element: c,
         intent: "gesture",
         phase: "release",
         reduced: "preserve",
         reducedMotion: !1,
         property: "transform"
-      }), g = Gt({
-        value: s,
+      }), g = te({
+        value: l,
         target: u,
         velocity: a,
         spring: f.spring,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
-        onUpdate: (m) => {
-          k(m, { active: !0 });
+        onUpdate: (h) => {
+          A(h, { active: !0 });
         },
         onComplete: () => {
-          R.current === g && (R.current = null), k(t, { active: !1 }), v();
+          $.current === g && ($.current = null), A(t, { active: !1 }), S();
         }
       });
-      R.current = g;
+      $.current = g;
     },
     [
-      k,
+      A,
       X,
-      v,
-      l
+      S,
+      i
     ]
   ), pt = p(() => {
-    const t = _.current;
+    const t = U.current;
     if (!t) return null;
     const e = t.sample();
-    return k(e.value, { active: !0 }), e;
-  }, [k]), ge = p(
+    return A(e.value, { active: !0 }), e;
+  }, [A]), Pe = p(
     (t) => {
-      if (!l.current) return null;
-      X(), k(t, { active: !0 });
-      const a = Gt({
+      if (!i.current) return null;
+      X(), A(t, { active: !0 });
+      const a = te({
         value: t,
         target: t,
-        spring: ir,
+        spring: hr,
         autoplay: !1,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
         onUpdate: (c) => {
-          k(c, { active: !0 });
+          A(c, { active: !0 });
         },
         onComplete: () => {
           const c = Yt.current;
-          !c || _.current !== a || (K({ destroy: !1 }), k(c, { active: !1 }), v());
+          !c || U.current !== a || (Z({ destroy: !1 }), A(c, { active: !1 }), S());
         }
       });
-      return _.current = a, a;
+      return U.current = a, a;
     },
     [
-      k,
+      A,
       X,
-      K,
-      v,
-      l
+      Z,
+      S,
+      i
     ]
-  ), me = p(
+  ), ve = p(
     (t) => {
-      const e = _.current ?? ge(ct());
+      const e = U.current ?? Pe(ct());
       e && (Yt.current = null, e.setTarget(t));
     },
-    [ct, ge]
+    [ct, Pe]
   ), ft = p(
     (t, e) => {
-      const a = Ot(t, e);
-      return me(a), pt(), a;
+      const a = Vt(t, e);
+      return ve(a), pt(), a;
     },
-    [pt, me]
-  ), Ct = p(
+    [pt, ve]
+  ), kt = p(
     (t) => {
-      const e = l.current, a = _.current;
+      const e = i.current, a = U.current;
       if (!e || !a) {
-        J(t);
+        q(t);
         return;
       }
-      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();
+      const l = pt() ? Ct() : a.value, u = { x: t.x, y: t.y };
+      if (et(l, u) < 0.5) {
+        Z(), A(t, { active: !1 }), S();
         return;
       }
-      const d = zt({
+      const d = Qt({
         element: e,
         intent: "gesture",
         phase: "release",
@@ -924,35 +970,35 @@ function Nr({
       Yt.current = t, a.setTarget(u, { spring: d.spring });
     },
     [
-      k,
-      K,
-      v,
-      kt,
+      A,
+      Z,
+      S,
+      Ct,
       pt,
-      J,
-      l
+      q,
+      i
     ]
   ), gt = p(
     ({
       key: t,
       settle: e
     }) => {
-      if (M.current.dragging) return !1;
+      if (Y.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;
+      const c = (t ? a.targets.find((l) => l.key === t) : void 0) ?? a.defaultTarget;
+      return K.current = c.key, e ? q(c) : (X(), A(c, { active: !1 }), S()), !0;
     },
     [
-      k,
+      A,
       X,
-      v,
+      S,
       ut,
-      J
+      q
     ]
-  ), he = p(
+  ), we = p(
     (t, { from: e, initialVelocity: a = 0 }) => {
-      O(t, {
+      N(t, {
         from: e,
         initialVelocity: a,
         onComplete: () => {
@@ -960,39 +1006,39 @@ function Nr({
         }
       });
     },
-    [at, O]
+    [at, N]
   );
-  It(
+  Nt(
     () => () => {
-      X(), W(!1), l.current && v();
+      X(), J(!1), i.current && S();
     },
     [
       X,
-      v,
-      W,
-      l
+      S,
+      J,
+      i
     ]
-  ), ot(() => {
-    if (!i || !r || o !== "bottom") {
-      Ht.current = i;
+  ), G(() => {
+    if (!s || !r || n !== "bottom") {
+      _t.current = s;
       return;
     }
-    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;
+    if (!i.current || ae?.()) return;
+    Wt.current = !0;
+    const t = _t.current;
+    _t.current = !0;
+    const e = L ?? F(), a = pe.current ?? e, c = de.current, l = ge.current, u = fe.current, d = () => {
+      pe.current = e, de.current = z, fe.current = D, ge.current = v;
     }, f = !vt(
       a,
       e
-    ), g = Pt(e), m = V === "peeked" ? g : S;
+    ), g = Pt(e), h = z === "peeked" ? g : D;
     if (!t) {
-      Mt.current = { kind: "default-snap" }, B(e, {
+      Et.current = { kind: "default-snap" }, O(e, {
         active: !0,
         peekTranslateOverride: g,
         sheetHeightOverride: e
-      }), O(m, {
+      }), N(h, {
         from: e,
         intent: "sheet",
         peekTranslateOverride: g,
@@ -1001,138 +1047,154 @@ function Nr({
       }), d();
       return;
     }
-    if (V === "visible" && f) {
-      const x = l.current, P = et(), Q = c === "visible" && a > 0 ? ar({
+    if (z === "visible" && f) {
+      const T = i.current, P = W(), R = c === "visible" && a > 0 ? fr({
         currentTranslate: P,
-        fallbackTranslate: S,
-        restState: Mt.current,
+        fallbackTranslate: D,
+        restState: Et.current,
         previousDefaultTranslate: u,
         previousSheetHeight: a,
-        previousSnapHeights: s,
+        previousSnapHeights: l,
         targetSheetHeight: e,
-        targetDefaultTranslate: S,
-        targetSnapHeights: D
-      }) : S;
+        targetDefaultTranslate: D,
+        targetSnapHeights: v
+      }) : D;
       X();
-      const N = Number.parseFloat(x.style.height), Dt = Number.isFinite(N) && N > 0 ? N : a, Je = A(
-        Dt - P,
+      const B = Number.parseFloat(T.style.height), St = Number.isFinite(B) && B > 0 ? B : a, Ee = I(
+        St - P,
         0,
-        Dt
-      ), Qe = A(
-        e - Q,
+        St
+      ), be = I(
+        e - R,
         0,
         e
-      ), nt = Math.max(Dt, e), jt = Math.max(
+      ), nt = Math.max(St, e), Jt = Math.max(
         0,
-        nt - Je
-      ), De = Math.max(
+        nt - Ee
+      ), Le = Math.max(
         0,
-        nt - Qe
-      ), Se = Pt(nt), Xe = () => {
-        B(Q, {
+        nt - be
+      ), Ae = Pt(nt), Ce = () => {
+        O(R, {
           active: !1,
           peekTranslateOverride: g,
           sheetHeightOverride: e
-        }), x.style.setProperty("transition", "none"), x.style.removeProperty("height"), x.style.setProperty(
+        }), T.style.setProperty("transition", "none"), T.style.removeProperty("height"), T.style.setProperty(
           "--oc-modal-sheet-height",
           `${e}px`
-        ), x.getBoundingClientRect(), x.style.removeProperty("transition");
+        ), delete T.dataset.ocModalSheetResizing, T.style.removeProperty(
+          "--oc-modal-resize-rest-translate-y"
+        ), T.style.removeProperty(
+          "--oc-modal-resize-target-scrollport-height"
+        ), T.getBoundingClientRect(), T.style.removeProperty("transition"), $t?.();
       };
-      if (vt(jt, De)) {
-        Xe(), d();
+      if (vt(Jt, Le)) {
+        Ce(), d();
         return;
       }
-      x.style.setProperty("transition", "none"), x.style.setProperty("height", `${nt}px`), x.style.setProperty(
+      const ke = () => {
+        T.dataset.ocModalSheetResizing = "true", T.style.setProperty(
+          "--oc-modal-resize-rest-translate-y",
+          `${R}px`
+        );
+        const Be = j.current;
+        Be && T.style.setProperty(
+          "--oc-modal-resize-target-scrollport-height",
+          `${Be.clientHeight + (be - Ee)}px`
+        );
+      };
+      ke(), T.style.setProperty("transition", "none"), T.style.setProperty("height", `${nt}px`), T.style.setProperty(
         "--oc-modal-sheet-height",
         `${nt}px`
-      ), B(jt, {
+      ), O(Jt, {
         active: !0,
-        peekTranslateOverride: Se,
+        peekTranslateOverride: Ae,
         sheetHeightOverride: nt
-      }), x.getBoundingClientRect(), x.style.removeProperty("transition"), O(De, {
-        from: jt,
+      }), T.getBoundingClientRect(), T.style.removeProperty("transition"), N(Le, {
+        from: Jt,
         intent: "sheet",
-        peekTranslateOverride: Se,
+        peekTranslateOverride: Ae,
         sheetHeightOverride: nt,
-        onComplete: Xe
-      }), d();
+        onComplete: Ce
+      }), ke(), $t?.(), d();
       return;
     }
-    if (V === "peeked") {
-      O(g, {
+    if (z === "peeked") {
+      N(g, {
         peekTranslateOverride: g,
         sheetHeightOverride: e
       }), d();
       return;
     }
-    if (Vt.current) {
-      Vt.current = !1, d();
+    if (jt.current) {
+      jt.current = !1, d();
       return;
     }
-    const Y = c !== V;
+    const M = c !== z;
     if (!vt(
       u,
-      S
+      D
     )) {
-      const x = et(), Q = R.current !== null && (S > u && x < S || S < u && x > S);
-      if (vt(x, u) || Q) {
-        X(), B(S, {
+      const T = W(), R = $.current !== null && (D > u && T < D || D < u && T > D);
+      if (vt(T, u) || R) {
+        X(), O(D, {
           active: !1,
           peekTranslateOverride: g,
           sheetHeightOverride: e
-        }), v(), d();
+        }), S(), d();
         return;
       }
     }
-    if (!Y) {
+    if (!M) {
       d();
       return;
     }
-    O(S, {
+    N(D, {
       peekTranslateOverride: g,
       sheetHeightOverride: e
-    }), Mt.current = { kind: "default-snap" }, d();
+    }), Et.current = { kind: "default-snap" }, d();
   }, [
     r,
     Pt,
-    I,
-    et,
-    b,
-    D,
-    i,
-    o,
-    V,
-    te,
-    B,
-    X,
+    F,
+    W,
+    L,
     v,
-    vt,
+    s,
+    n,
+    z,
+    $t,
+    ae,
     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
-      })), st.current && c && (X(), v()), _t.current = i && o === "popup", st.current = !1;
+    X,
+    S,
+    vt,
+    N,
+    y,
+    i,
+    D
+  ]), G(() => {
+    n !== "bottom" && Wt.current && (Wt.current = !1, X(), Te());
+  }, [X, n, Te]), G(() => {
+    if (!s || !r || !b) {
+      const c = !s && n === "popup" && st.current, l = s && n !== "popup" && st.current;
+      st.current && !c && (_.current !== null && (window.cancelAnimationFrame(_.current), _.current = null), X(), xe({
+        preserveSnapPosition: l
+      })), st.current && c && (X(), S()), Gt.current = s && n === "popup", st.current = !1;
       return;
     }
-    const t = _t.current;
-    _t.current = !0, st.current = !0;
+    const t = Gt.current;
+    Gt.current = !0, st.current = !0;
     let e = null;
     const a = (c) => gt({
       key: c,
       settle: t
     });
     return a(
-      U.current ?? Et.current
+      K.current ?? bt.current
     ) || (e = window.requestAnimationFrame(() => {
       e = null, a(
-        U.current ?? Et.current
+        K.current ?? bt.current
       );
     })), () => {
       e !== null && window.cancelAnimationFrame(e);
@@ -1140,58 +1202,58 @@ function Nr({
   }, [
     X,
     r,
-    v,
-    i,
-    o,
-    ce,
-    E,
-    fe,
+    S,
+    s,
+    n,
+    me,
+    b,
+    xe,
     gt
-  ]), ot(() => {
-    if (!i || !r || !E) return;
+  ]), G(() => {
+    if (!s || !r || !b) return;
     const t = () => {
-      M.current.dragging || j.current === null && (j.current = window.requestAnimationFrame(() => {
-        j.current = null, !M.current.dragging && gt({
-          key: U.current,
+      Y.current.dragging || _.current === null && (_.current = window.requestAnimationFrame(() => {
+        _.current = null, !Y.current.dragging && gt({
+          key: K.current,
           settle: !1
         });
       }));
     };
     window.addEventListener("resize", t), window.visualViewport?.addEventListener("resize", t);
-    const e = l.current, a = e?.parentElement, c = typeof ResizeObserver > "u" ? null : new ResizeObserver(t), s = (u) => {
+    const e = i.current, a = e?.parentElement, c = typeof ResizeObserver > "u" ? null : new ResizeObserver(t), l = (u) => {
       e && u.target instanceof Element && e.contains(u.target) && t();
     };
     return c && (e && c.observe(e), a && c.observe(a)), e?.addEventListener(
       "transitionend",
-      s,
+      l,
       !0
     ), e?.addEventListener(
       "transitioncancel",
-      s,
+      l,
       !0
     ), () => {
       window.removeEventListener("resize", t), window.visualViewport?.removeEventListener("resize", t), e?.removeEventListener(
         "transitionend",
-        s,
+        l,
         !0
       ), e?.removeEventListener(
         "transitioncancel",
-        s,
+        l,
         !0
-      ), c?.disconnect(), j.current !== null && (window.cancelAnimationFrame(j.current), j.current = null);
+      ), c?.disconnect(), _.current !== null && (window.cancelAnimationFrame(_.current), _.current = null);
     };
   }, [
     r,
+    s,
+    b,
     i,
-    E,
-    l,
     gt
-  ]), ot(() => {
-    if (re <= 0 || !i || !r || !E)
+  ]), G(() => {
+    if (ie <= 0 || !s || !r || !b)
       return;
     let t = window.requestAnimationFrame(() => {
       t = null, gt({
-        key: U.current,
+        key: K.current,
         settle: !1
       });
     });
@@ -1200,30 +1262,30 @@ function Nr({
     };
   }, [
     r,
-    i,
-    E,
-    re,
+    s,
+    b,
+    ie,
     gt
   ]);
-  const ye = p(
+  const Se = 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;
+      if (typeof Element > "u" || !(t instanceof Element) || qt(t)) return !1;
+      const c = Date.now(), l = e > 0, u = cr(t, j.current);
+      return !a && u && l && u.scrollTop > 0 || !a && Mt.current && c - Mt.current < se && Math.abs(W()) <= 1 ? (Mt.current = c, !1) : !0;
     },
-    [et, ee]
+    [W, se]
   ), wt = p(
     ({
       chrome: t,
       pointerId: e = null,
       selectionArbitration: a = !1,
       source: c,
-      startX: s = 0,
+      startX: l = 0,
       startY: u,
       touchId: d = null
     }) => {
-      const { startTranslate: f, startTranslatePoint: g } = de(), m = Z();
-      M.current = {
+      const { startTranslate: f, startTranslatePoint: g } = ye(), h = tt();
+      Y.current = {
         dragging: !0,
         allowed: !1,
         chrome: t,
@@ -1231,19 +1293,19 @@ function Nr({
         closeAllowed: null,
         started: !1,
         source: c,
-        startX: s,
+        startX: l,
         startY: u,
-        lastX: s,
+        lastX: l,
         lastY: u,
         startTranslateX: g.x,
         startTranslate: f,
         lastTranslateX: g.x,
         lastTranslate: f,
-        startTime: m,
+        startTime: h,
         samples: [
           {
-            time: m,
-            pageX: s,
+            time: h,
+            pageX: l,
             pageY: u,
             translateX: g.x,
             translateY: f
@@ -1253,16 +1315,16 @@ function Nr({
         touchId: d
       };
     },
-    [de]
+    [ye]
   ), mt = p(
     (t) => {
-      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;
+      t.source === "touch" ? it(!1) : t.source === "pointer" && J(!1), t.dragging = !1, t.allowed = !1, t.closeAllowed = null, t.started = !1, t.source = null, t.startX = 0, t.startY = 0, t.lastX = 0, t.lastY = 0, t.startTranslateX = 0, t.startTranslate = 0, t.lastTranslateX = 0, t.lastTranslate = 0, t.pointerId = null, t.touchId = null;
     },
-    [W, it]
-  ), Te = p(
+    [J, it]
+  ), De = p(
     (t, e) => {
       const a = lt(), c = ct();
-      t.startX = e.x, t.startY = e.y, t.lastX = e.x, t.lastY = e.y, t.startTranslateX = c.x, t.startTranslate = a, t.lastTranslateX = c.x, t.lastTranslate = a, t.startTime = Z(), t.samples = [
+      t.startX = e.x, t.startY = e.y, t.lastX = e.x, t.lastY = e.y, t.startTranslateX = c.x, t.startTranslate = a, t.lastTranslateX = c.x, t.lastTranslate = a, t.startTime = tt(), t.samples = [
         {
           time: t.startTime,
           pageX: e.x,
@@ -1273,60 +1335,78 @@ function Nr({
       ];
     },
     [lt, ct]
-  ), xe = p(
+  ), Xe = p(
     ({
       currentTranslate: t,
       dismissible: e,
       releaseVelocity: a,
       deltaY: c,
-      startTranslate: s
+      startTranslate: l
     }) => {
-      const u = I(), d = G(), f = d > 0, g = u, m = Math.max(
-        F.dismissal.minDistancePx,
+      const u = F(), d = Q(), f = d > 0, g = u, h = Math.max(
+        k.dismissal.minDistancePx,
         (u - d) * Tt
-      ), Y = D.map(
-        (Q) => A(u - Q, 0, u)
-      ), C = Me(
-        Y.length ? Y : [0]
-      ), x = yr({
+      ), M = v.map(
+        (R) => I(u - R, 0, u)
+      ), C = Fe(
+        M.length ? M : [0]
+      ), T = Mr({
         currentTranslate: t,
         releaseVelocity: a
       });
       f && C.push(d);
-      const P = Me(C);
-      return e && !f && c > 0 && t >= d + m ? g : xr(a) ? P.length > 1 ? pr(
+      const P = Fe(C);
+      return e && !f && c > 0 && t >= d + h ? g : Er(a) ? P.length > 1 ? vr(
         P,
-        s,
+        l,
         t,
         c > 0 ? "down" : "up",
-        x
-      ) : 0 : e && t > u * Tt && !f ? g : ur(P, t);
+        T
+      ) : 0 : e && t > u * Tt && !f ? g : xr(P, t);
     },
-    [Tt, G, I, D]
-  ), Pe = p(
+    [Tt, Q, F, v]
+  ), Bt = p(
     (t) => {
-      const e = b ?? I();
-      Mt.current = sr({
-        defaultTranslate: S,
+      const e = L ?? F();
+      Et.current = gr({
+        defaultTranslate: D,
         sheetHeight: e,
-        snapHeights: D,
+        snapHeights: v,
         translate: t
       });
     },
-    [I, b, D, S]
-  ), je = p(
+    [F, L, v, D]
+  ), qe = p(() => {
+    if (n !== "bottom") return !1;
+    const t = mr({
+      backdropFromHeight: E,
+      currentTranslate: W(),
+      sheetHeight: L ?? F(),
+      snapHeights: v
+    });
+    return t === null ? !1 : (N(t, { intent: "sheet" }), Bt(t), !0);
+  }, [
+    E,
+    Bt,
+    F,
+    W,
+    n,
+    N,
+    L,
+    v
+  ]), tr = p(
     (t) => {
-      if (!r || o !== "bottom" && !E || n === !1 || t.pointerType === "touch") return;
+      if (!r || n !== "bottom" && !b || o === !1 || t.pointerType === "touch") return;
       let e = !1;
-      if (n === "handle" && ke(t.target))
+      if (o === "handle" && ze(t.target))
         e = !0;
-      else if (n === "handle")
+      else if (o === "handle")
         return;
-      if (!e && Wt(t.target)) return;
-      if (n === "content" && (e = Le(t.target), !mr(t, e))) {
-        o === "bottom" && !rr({
+      if (!e && qt(t.target)) return;
+      if (o === "content" && (e = Ve(t.target), !Dr(t, e))) {
+        n === "bottom" && !ur({
           target: t.target,
-          boundary: z.current
+          boundary: j.current
         }) && wt({
           chrome: !1,
           pointerId: t.pointerId,
@@ -1337,161 +1417,161 @@ function Nr({
         });
         return;
       }
-      const a = gr(t.target);
+      const a = Sr(t.target);
       wt({
         chrome: e,
         pointerId: t.pointerId,
         source: "pointer",
         startX: t.pageX,
         startY: t.pageY
-      }), fr(t.target) || t.preventDefault(), W(!0), !a && typeof t.currentTarget.setPointerCapture == "function" && t.currentTarget.setPointerCapture(t.pointerId);
+      }), wr(t.target) || t.preventDefault(), J(!0), !a && typeof t.currentTarget.setPointerCapture == "function" && t.currentTarget.setPointerCapture(t.pointerId);
     },
     [
       wt,
-      n,
-      r,
       o,
-      E,
-      W
+      r,
+      n,
+      b,
+      J
     ]
   ), ht = p(
     (t, e) => {
       if (!H) return !1;
       if (e <= 0) return !0;
       if (t.closeAllowed !== null) return t.closeAllowed;
-      const a = Zt({ reason: "drag-dismiss" });
+      const a = oe({ reason: "drag-dismiss" });
       return t.closeAllowed = a, a;
     },
-    [Zt, H]
-  ), Ft = p(
+    [oe, H]
+  ), It = p(
     ({
       closeAllowed: t,
       currentTranslate: e,
       deltaY: a,
       releaseVelocity: c,
-      startTranslate: s
+      startTranslate: l
     }) => {
-      const d = xe({
+      const d = Xe({
         currentTranslate: e,
         dismissible: H && t !== !1,
         releaseVelocity: c,
         deltaY: a,
-        startTranslate: s
-      }), f = I(), g = G();
+        startTranslate: l
+      }), f = F(), g = Q();
       if (d >= f - 1) {
-        at({ reason: "drag-dismiss" }, { commit: !1 }) ? he(d, {
+        at({ reason: "drag-dismiss" }, { commit: !1 }) ? we(d, {
           from: e,
           initialVelocity: c
-        }) : O(s, {
+        }) : N(l, {
           from: e,
           initialVelocity: c
         });
         return;
       }
-      g > 0 && d >= g - 1 ? Nt("peeked") : (Yr({
-        presentationState: V,
+      g > 0 && d >= g - 1 ? Rt("peeked") : (Ir({
+        presentationState: z,
         releaseTranslate: d,
-        visibleTranslate: S
-      }) && (Vt.current = !0), Nt("visible"), Pe(d)), O(d, {
+        visibleTranslate: D
+      }) && (jt.current = !0), Rt("visible"), Bt(d)), N(d, {
         from: e,
         initialVelocity: c
       });
     },
     [
-      he,
-      Pe,
+      we,
+      Bt,
       H,
-      G,
-      xe,
-      I,
-      V,
+      Q,
+      Xe,
+      F,
+      z,
       at,
-      Nt,
-      O,
-      S
+      Rt,
+      N,
+      D
     ]
-  ), At = p(
+  ), Ft = p(
     ({
       currentTranslate: t,
       releaseDelta: e,
       releaseTranslate: a,
       releaseVelocity: c
     }) => {
-      const s = ut();
-      if (!s) return;
-      const u = vr({
+      const l = ut();
+      if (!l) return;
+      const u = Lr({
         currentTranslate: a,
         releaseVelocity: c,
-        targets: s.targets
-      }), d = s.targets.find(
-        (Y) => Y.key === U.current
-      ) ?? s.defaultTarget, g = l.current?.getBoundingClientRect(), m = {
+        targets: l.targets
+      }), d = l.targets.find(
+        (M) => M.key === K.current
+      ) ?? l.defaultTarget, g = i.current?.getBoundingClientRect(), h = {
         x: d.x + e.x,
         y: d.y + e.y
       };
-      if (H && g && Xr({
+      if (H && g && Br({
         closeThreshold: Tt,
         currentTarget: d,
-        currentTranslate: m,
+        currentTranslate: h,
         releaseTarget: u,
         surfaceSize: {
           height: g.height,
           width: g.width
         },
-        targets: s.targets
+        targets: l.targets
       }) && at({ reason: "drag-dismiss" })) {
-        K(), v();
+        Z(), S();
         return;
       }
-      if (U.current = u.key, _.current) {
-        Ct(u);
+      if (K.current = u.key, U.current) {
+        kt(u);
         return;
       }
-      J(u, {
+      q(u, {
         from: t,
         initialVelocity: c
       });
     },
     [
-      K,
+      Z,
       Tt,
       H,
-      v,
+      S,
       ut,
       at,
-      Ct,
-      J,
-      l
+      kt,
+      q,
+      i
     ]
-  ), ze = p(
+  ), er = p(
     (t) => {
-      const e = M.current;
-      if (!e.dragging || e.source !== "pointer" || !r || o !== "bottom" && !E)
+      const e = Y.current;
+      if (!e.dragging || e.source !== "pointer" || !r || n !== "bottom" && !b)
         return;
-      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)) {
+      const a = t.pageX - e.startX, c = t.pageY - e.startY, l = t.pointerType === "touch" ? k.dragStartThresholdPx.touch : k.dragStartThresholdPx.mouse;
+      if (!(!e.started && Oe({ deltaX: a, deltaY: c, placement: n }) < l)) {
         if (e.selectionArbitration && !e.allowed) {
-          const u = Math.abs(a), d = Math.abs(c), f = F.selectionArbitrationThresholdPx;
+          const u = Math.abs(a), d = Math.abs(c), f = k.selectionArbitrationThresholdPx;
           if (u >= f && u >= d) {
             e.dragging = !1;
             return;
           }
           if (d < f || d <= u)
             return;
-          window.getSelection?.()?.removeAllRanges(), W(!0);
+          window.getSelection?.()?.removeAllRanges(), J(!0);
         }
         if (!e.allowed) {
-          if (o === "bottom" && !ye(t.target, c, e.chrome))
+          if (n === "bottom" && !Se(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, o === "popup")
-          ft(e, t), Be(e, t);
+        if (t.preventDefault(), e.lastX = t.pageX, e.lastY = t.pageY, n === "popup")
+          ft(e, t), Ue(e, t);
         else {
           const u = e.startTranslate + c, d = ht(e, c);
-          dt(u, d), St(e, {
+          dt(u, d), Dt(e, {
             pageX: t.pageX,
             pageY: t.pageY,
             translateX: e.lastTranslateX,
@@ -1504,11 +1584,11 @@ function Nr({
       r,
       ft,
       ht,
-      o,
-      E,
-      W,
+      n,
+      b,
+      J,
       dt,
-      ye
+      Se
     ]
   ), rt = p(
     ({
@@ -1517,87 +1597,87 @@ function Nr({
       pageY: a,
       releaseCapture: c = !0
     }) => {
-      const s = M.current;
-      if (!s.dragging || s.source !== "pointer" || !r || o !== "bottom" && !E)
+      const l = Y.current;
+      if (!l.dragging || l.source !== "pointer" || !r || n !== "bottom" && !b)
         return;
-      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);
+      const u = l.started, d = Number.isFinite(e) ? e : l.lastX, f = Number.isFinite(a) ? a : l.lastY, g = d - l.startX, h = f - l.startY, M = Math.max(tt() - l.startTime, 1);
       let C = {
-        x: s.lastTranslateX,
-        y: s.lastTranslate
-      }, x = C;
-      const P = s.startTranslate;
+        x: l.lastTranslateX,
+        y: l.lastTranslate
+      }, T = C;
+      const P = l.startTranslate;
       if (u)
-        if (o === "popup")
-          ft(s, {
+        if (n === "popup")
+          ft(l, {
             pageX: d,
             pageY: f
           }), C = {
-            x: s.lastTranslateX,
-            y: s.lastTranslate
-          }, x = Ot(s, {
+            x: l.lastTranslateX,
+            y: l.lastTranslate
+          }, T = Vt(l, {
             pageX: d,
             pageY: f
           });
         else {
-          const N = s.startTranslate + m, Dt = ht(s, m);
-          dt(N, Dt), C = {
-            x: s.lastTranslateX,
-            y: s.lastTranslate
+          const B = l.startTranslate + h, St = ht(l, h);
+          dt(B, St), C = {
+            x: l.lastTranslateX,
+            y: l.lastTranslate
           };
         }
-      const Q = s.closeAllowed;
-      if (c && t && s.pointerId !== null && t.hasPointerCapture(s.pointerId) && t.releasePointerCapture(s.pointerId), u) {
-        const N = o === "popup" ? x : {
-          x: s.lastTranslateX,
-          y: s.lastTranslate
+      const R = l.closeAllowed;
+      if (c && t && l.pointerId !== null && t.hasPointerCapture(l.pointerId) && t.releasePointerCapture(l.pointerId), u) {
+        const B = n === "popup" ? T : {
+          x: l.lastTranslateX,
+          y: l.lastTranslate
         };
-        St(s, {
+        Dt(l, {
           pageX: d,
           pageY: f,
-          translateX: N.x,
-          translateY: N.y
+          translateX: B.x,
+          translateY: B.y
         });
       }
-      if (mt(s), !!u)
-        if (xt.current = Z() + 500, o === "popup") {
-          const N = Oe({
-            session: s,
-            fallbackDelta: { x: g, y: m },
-            fallbackElapsed: Y
+      if (mt(l), !!u)
+        if (xt.current = tt() + 500, n === "popup") {
+          const B = _e({
+            session: l,
+            fallbackDelta: { x: g, y: h },
+            fallbackElapsed: M
           });
-          At({
+          Ft({
             currentTranslate: C,
-            releaseDelta: { x: g, y: m },
-            releaseTranslate: x,
-            releaseVelocity: N
+            releaseDelta: { x: g, y: h },
+            releaseTranslate: T,
+            releaseVelocity: B
           });
         } else {
-          const N = Ie({
-            session: s,
-            fallbackDeltaY: m,
-            fallbackElapsed: Y
+          const B = je({
+            session: l,
+            fallbackDeltaY: h,
+            fallbackElapsed: M
           });
-          Ft({
-            closeAllowed: Q,
+          It({
+            closeAllowed: R,
             currentTranslate: C.y,
-            deltaY: m,
-            releaseVelocity: N,
+            deltaY: h,
+            releaseVelocity: B,
             startTranslate: P
           });
         }
     },
     [
+      It,
       Ft,
-      At,
       r,
       ft,
       ht,
-      o,
-      E,
+      n,
+      b,
       mt,
       dt
     ]
-  ), ve = p(
+  ), Me = p(
     (t) => {
       rt({
         currentTarget: t.currentTarget,
@@ -1606,9 +1686,9 @@ function Nr({
       });
     },
     [rt]
-  ), Ue = p(
+  ), rr = p(
     (t) => {
-      const e = M.current;
+      const e = Y.current;
       e.pointerId !== null && t.pointerId !== e.pointerId || rt({
         pageX: t.pageX,
         pageY: t.pageY,
@@ -1617,28 +1697,28 @@ function Nr({
     },
     [rt]
   );
-  It(() => {
+  Nt(() => {
     if (!r) return;
-    const t = (s) => {
-      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,
+    const t = (l) => {
+      const u = Y.current;
+      !u.dragging || u.source !== "pointer" || "pointerId" in l && u.pointerId !== null && l.pointerId !== u.pointerId || rt({
+        pageX: l.pageX,
+        pageY: l.pageY,
         releaseCapture: !1
       });
     }, e = () => {
-      const s = M.current;
-      !s.dragging || s.source !== "pointer" || rt({
-        pageX: s.lastX,
-        pageY: s.lastY,
+      const l = Y.current;
+      !l.dragging || l.source !== "pointer" || rt({
+        pageX: l.lastX,
+        pageY: l.lastY,
         releaseCapture: !1
       });
-    }, a = (s) => {
-      const u = M.current;
-      !u.dragging || u.source !== "pointer" || s.relatedTarget === null && t(s);
-    }, c = (s) => {
-      const u = M.current;
-      !u.dragging || u.source !== "pointer" || s.relatedTarget === null && t(s);
+    }, a = (l) => {
+      const u = Y.current;
+      !u.dragging || u.source !== "pointer" || l.relatedTarget === null && t(l);
+    }, c = (l) => {
+      const u = Y.current;
+      !u.dragging || u.source !== "pointer" || l.relatedTarget === null && t(l);
     };
     return document.addEventListener("pointerout", a, !0), document.addEventListener("mouseout", c, !0), window.addEventListener("pointerup", t, !0), window.addEventListener(
       "pointercancel",
@@ -1659,37 +1739,37 @@ function Nr({
         !0
       ), window.removeEventListener("blur", e);
     };
-  }, [rt, r]), It(() => {
+  }, [rt, r]), Nt(() => {
     if (!r) return;
     const t = (e) => {
       const a = xt.current;
       if (a <= 0) return;
-      if (Z() > a) {
+      if (tt() > a) {
         xt.current = 0;
         return;
       }
-      const c = l.current;
+      const c = i.current;
       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 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(
+  }, [r, i]);
+  const Ot = p((t) => {
+    const e = Y.current;
+    return e.touchId !== null ? He(t.changedTouches, e.touchId) ?? He(t.touches, e.touchId) : t.touches[0] ?? t.changedTouches[0] ?? null;
+  }, []), nr = p(
     (t) => {
-      if (!r || o !== "bottom" && !E || n === !1 || t.touches.length !== 1) return;
+      if (!r || n !== "bottom" && !b || o === !1 || t.touches.length !== 1) return;
       let e = !1;
-      if (n === "handle" && ke(t.target))
+      if (o === "handle" && ze(t.target))
         e = !0;
-      else if (n === "handle")
+      else if (o === "handle")
         return;
-      if (!e && Wt(t.target)) return;
-      n === "content" && (e = Le(t.target));
+      if (!e && qt(t.target)) return;
+      o === "content" && (e = Ve(t.target));
       const a = t.touches[0];
-      o === "bottom" && bt({
+      n === "bottom" && Lt({
         target: t.target,
         chrome: e
       }), wt({
@@ -1702,50 +1782,50 @@ function Nr({
     },
     [
       wt,
-      n,
-      r,
       o,
-      E,
-      bt
+      r,
+      n,
+      b,
+      Lt
     ]
-  ), we = p(
+  ), Ye = p(
     (t) => {
-      const e = M.current;
-      if (!e.dragging || e.source !== "touch" || !r || o !== "bottom" && !E)
+      const e = Y.current;
+      if (!e.dragging || e.source !== "touch" || !r || n !== "bottom" && !b)
         return;
-      const a = Bt(t);
+      const a = Ot(t);
       if (!a) return;
-      const c = a.pageX - e.startX, s = a.pageY - e.startY, u = Ee({
+      const c = a.pageX - e.startX, l = a.pageY - e.startY, u = Oe({
         deltaX: c,
-        deltaY: s,
-        placement: o
-      }), d = F.dragStartThresholdPx.touch, f = o === "bottom" ? nr({
+        deltaY: l,
+        placement: n
+      }), d = k.dragStartThresholdPx.touch, f = n === "bottom" ? dr({
         target: t.target,
-        deltaY: s,
+        deltaY: l,
         chrome: e.chrome,
-        bodyNode: z.current,
+        bodyNode: j.current,
         canExpand: lt() > 1
-      }) : or({
+      }) : pr({
         target: t.target,
-        bodyNode: z.current
+        bodyNode: j.current
       });
       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({
+        const h = n === "bottom" && Math.abs(c) > Math.abs(l) && Math.abs(l) < d && !e.started && u < d;
+        !h && n === "bottom" && Lt({
           target: t.target,
           chrome: e.chrome
-        }), m || Ye(t);
+        }), h || Ie(t);
       }
       if (f.resetAnchor) {
-        it(!1), Te(e, { x: a.pageX, y: a.pageY });
+        it(!1), De(e, { x: a.pageX, y: a.pageY });
         return;
       }
       if (f.allowDrag && !(!e.started && u < d))
-        if (e.allowed || (e.allowed = !0, e.started = !0), f.preventDefault || Ye(t), e.lastX = a.pageX, e.lastY = a.pageY, o === "popup")
-          ft(e, a), Be(e, a);
+        if (e.allowed || (e.allowed = !0, e.started = !0), f.preventDefault || Ie(t), e.lastX = a.pageX, e.lastY = a.pageY, n === "popup")
+          ft(e, a), Ue(e, a);
         else {
-          const g = e.startTranslate + s, m = ht(e, s);
-          dt(g, m), St(e, {
+          const g = e.startTranslate + l, h = ht(e, l);
+          dt(g, h), Dt(e, {
             pageX: a.pageX,
             pageY: a.pageY,
             translateX: e.lastTranslateX,
@@ -1758,19 +1838,19 @@ function Nr({
       ft,
       ht,
       lt,
-      Bt,
-      o,
-      E,
-      Te,
+      Ot,
+      n,
+      b,
+      De,
       it,
       dt,
-      bt
+      Lt
     ]
   );
-  It(() => {
-    if (!i || !r || o !== "bottom" && !E || n === !1 || typeof window > "u") return;
+  Nt(() => {
+    if (!s || !r || n !== "bottom" && !b || o === !1 || typeof window > "u") return;
     const t = (e) => {
-      we(e);
+      Ye(e);
     };
     return window.addEventListener("touchmove", t, {
       capture: !0,
@@ -1778,108 +1858,111 @@ function Nr({
     }), () => {
       window.removeEventListener("touchmove", t, !0);
     };
-  }, [n, r, we, i, o, E]);
-  const Ge = p(
+  }, [o, r, Ye, s, n, b]);
+  const or = p(
     (t) => {
-      const e = M.current;
-      if (!e.dragging || e.source !== "touch" || !r || o !== "bottom" && !E)
+      const e = Y.current;
+      if (!e.dragging || e.source !== "touch" || !r || n !== "bottom" && !b)
         return;
-      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 = {
+      const a = Ot(t), c = a?.pageX ?? e.lastX, l = a?.pageY ?? e.lastY, u = e.started, d = e.closeAllowed, f = c - e.startX, g = l - e.startY, h = Math.max(tt() - e.startTime, 1);
+      n === "popup" && pt();
+      const M = {
         x: e.lastTranslateX,
         y: e.lastTranslate
       };
-      let C = Y;
-      const x = e.startTranslate;
+      let C = M;
+      const T = e.startTranslate;
       if (u) {
-        const P = o === "popup" ? Ot(e, {
+        const P = n === "popup" ? Vt(e, {
           pageX: c,
-          pageY: s
+          pageY: l
         }) : {
           x: e.lastTranslateX,
           y: e.lastTranslate
         };
-        C = P, St(e, {
+        C = P, Dt(e, {
           pageX: c,
-          pageY: s,
+          pageY: l,
           translateX: P.x,
           translateY: P.y
         });
       }
       if (mt(e), !!u)
-        if (xt.current = Z() + 500, o === "popup") {
-          const P = Oe({
+        if (xt.current = tt() + 500, n === "popup") {
+          const P = _e({
             session: e,
             fallbackDelta: { x: f, y: g },
-            fallbackElapsed: m
+            fallbackElapsed: h
           });
-          At({
-            currentTranslate: Y,
+          Ft({
+            currentTranslate: M,
             releaseDelta: { x: f, y: g },
             releaseTranslate: C,
             releaseVelocity: P
           });
         } else {
-          const P = Ie({
+          const P = je({
             session: e,
             fallbackDeltaY: g,
-            fallbackElapsed: m
+            fallbackElapsed: h
           });
-          Ft({
+          It({
             closeAllowed: d,
-            currentTranslate: Y.y,
+            currentTranslate: M.y,
             deltaY: g,
             releaseVelocity: P,
-            startTranslate: x
+            startTranslate: T
           });
         }
     },
     [
+      It,
       Ft,
-      At,
       r,
-      Bt,
-      o,
-      E,
+      Ot,
+      n,
+      b,
       mt,
       pt
     ]
-  ), Ke = p(() => {
-    const t = M.current;
+  ), ar = p(() => {
+    const t = Y.current;
     if (!t.dragging || t.source !== "touch") return;
-    const e = t.started, a = t.startTranslate, c = t.lastTranslate, s = {
+    const e = t.started, a = t.startTranslate, c = t.lastTranslate, l = {
       x: t.startTranslateX,
       y: t.startTranslate
     }, u = {
       x: t.lastTranslateX,
       y: t.lastTranslate
-    }, d = o;
+    }, d = n;
     if (mt(t), !!e) {
       if (d === "popup") {
-        _.current ? Ct(s) : J(s, { from: u });
+        U.current ? kt(l) : q(l, { from: u });
         return;
       }
-      O(a, { from: c });
+      N(a, { from: c });
     }
   }, [
-    o,
+    n,
     mt,
-    Ct,
-    J,
-    O
+    kt,
+    q,
+    N
   ]);
   return {
-    onPointerDown: je,
-    onPointerMove: ze,
-    onPointerUp: ve,
-    onPointerCancel: ve,
-    onLostPointerCapture: Ue,
-    onTouchStart: We,
-    onTouchEnd: Ge,
-    onTouchCancel: Ke
+    collapseBottomSheetToUndimmedSnap: qe,
+    handlers: {
+      onPointerDown: tr,
+      onPointerMove: er,
+      onPointerUp: Me,
+      onPointerCancel: Me,
+      onLostPointerCapture: rr,
+      onTouchStart: nr,
+      onTouchEnd: or,
+      onTouchCancel: ar
+    }
   };
 }
 export {
-  Nr as useModalDrag
+  Gr as useModalDrag
 };