@orioncactuscorp/ui 1.15.1 → 1.17.0

package/dist/components/Modal/useModalDrag.js

@@ -1,12 +1,14 @@
-import { useRef as S, useLayoutEffect as K, useCallback as f, useEffect as Ft } from "react";
-import { createSpringAnimator as Qt } from "../../utils/spring/animator.js";
-import { resolveOcMotion as Zt } from "../../utils/motion.js";
-import { resolveModalPopupSnapPositions as or } from "./snapPoints.js";
-import { setModalBodyTouchScrollLock as qt, shouldLockModalBodyTouchScroll as sr, shouldIgnoreDragTarget as te, getScrollableAncestor as ir, hasActiveTextSelection as lr, getBottomTouchDragDecision as cr, getPopupTouchDragDecision as ur } from "./modalScrollArbitration.js";
-import { resolveResizedBottomSheetTranslate as dr, resolveBottomSheetRestState as fr, resolveUndimmedCollapseTranslate as pr } from "./bottomSheetGeometry.js";
-import { getPositionSnapPointDistance as yt, getReleasePositionSnapTarget as mr } from "../PositionSnap/policy.js";
-import { POSITION_SNAP_DRAG_FOLLOWER_SPRING as gr } from "../PositionSnap/gesture.js";
-const F = {
+import { useRef as w, useLayoutEffect as j, useCallback as f, useEffect as Nt } from "react";
+import { createSpringAnimator as qt } from "../../utils/spring/animator.js";
+import { resolveOcMotion as te } from "../../utils/motion.js";
+import { resolveModalPopupSnapPositions as ur } from "./snapPoints.js";
+import { setModalBodyTouchScrollLock as ee, shouldLockModalBodyTouchScroll as dr, shouldIgnoreDragTarget as re, getScrollableAncestor as pr, hasActiveTextSelection as fr, getBottomTouchDragDecision as mr, getPopupTouchDragDecision as gr } from "./modalScrollArbitration.js";
+import { resolveResizedBottomSheetTranslate as hr, resolveBottomSheetRestState as yr, resolveUndimmedCollapseTranslate as Tr } from "./bottomSheetGeometry.js";
+import { getPositionSnapPointDistance as ht, getReleasePositionSnapTarget as xr } from "../PositionSnap/policy.js";
+import { POSITION_SNAP_DRAG_FOLLOWER_SPRING as Pr } from "../PositionSnap/gesture.js";
+import { resolveBottomSheetRelease as vr } from "./bottomSheetRelease.js";
+import { isModalResizeTargetPublished as wr, clearModalResizeTarget as Ne, publishModalResizeTarget as Sr } from "./modalResizeTarget.js";
+const $ = {
   dragStartThresholdPx: {
     touch: 10,
     mouse: 2
@@ -17,12 +19,7 @@ const F = {
   selectionArbitrationThresholdPx: 12,
   releaseVelocity: {
     sampleWindowMs: 90,
-    maxPxPerSecond: 4e3,
-    flickThresholdPxPerMs: 0.55
-  },
-  snapProjection: {
-    lookaheadSeconds: 0.16,
-    maxDistancePx: 24
+    maxPxPerSecond: 4e3
   },
   dismissal: {
     minDistancePx: 24
@@ -35,127 +32,92 @@ const F = {
       bottom: 0.16
     }
   }
-}, hr = [], yr = [];
-function ke(r) {
+}, Dr = [], Xr = [];
+function Fe(r) {
   r.cancelable !== !1 && r.preventDefault();
 }
-function N(r, o, l) {
-  return Math.min(Math.max(r, o), l);
-}
-function Oe(r) {
-  return [...new Set(r)].sort((o, l) => o - l);
-}
-function Tr(r, o) {
-  return r.reduce(
-    (l, n) => Math.abs(n - o) < Math.abs(l - o) ? n : l
-  );
+function N(r, s, l) {
+  return Math.min(Math.max(r, s), l);
 }
-function Ne({
+function ze({
   deltaX: r,
-  deltaY: o,
+  deltaY: s,
   placement: l
 }) {
-  return l === "bottom" ? Math.abs(o) : Math.hypot(r, o);
+  return l === "bottom" ? Math.abs(s) : Math.hypot(r, s);
 }
-function Pr(r, o, l) {
-  if (l === "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 He(r, s) {
+  if (s <= 0) return 0;
+  const l = s, { resistance: o } = $.rubberBand;
+  return r * o * l / (l + o * r);
 }
-function xr(r, o, l, n, i = l) {
-  const g = Pr(r, o, n), P = n === "down" ? Math.max(l, i) : Math.min(l, i);
-  if (n === "down") {
-    if (r.filter(
-      (V) => V > o + 1 && V <= l + 1
-    ).length === 0) return g;
-    const nt = r.filter(
-      (V) => V > o + 1 && V <= P + 1
-    );
-    return nt[nt.length - 1] ?? g;
-  }
-  return r.filter(
-    (E) => E < o - 1 && E >= l - 1
-  ).length === 0 ? g : r.filter(
-    (E) => E < o - 1 && E >= P - 1
-  )[0] ?? g;
-}
-function Fe(r, o) {
-  if (o <= 0) return 0;
-  const l = o, { resistance: n } = F.rubberBand;
-  return r * n * l / (l + n * r);
-}
-function ee({
+function ne({
   targetTranslate: r,
-  minTranslate: o,
+  minTranslate: s,
   maxTranslate: l,
-  minBoundaryLimit: n,
+  minBoundaryLimit: o,
   maxBoundaryLimit: i
 }) {
-  return r < o ? o - Fe(o - r, n) : r > l ? l + Fe(r - l, i) : r;
+  return r < s ? s - He(s - r, o) : r > l ? l + He(r - l, i) : r;
 }
-function Ve(r) {
+function Re(r) {
   return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest('[data-oc-part="handle"], [data-oc-part="header"]');
 }
-function ze(r) {
+function $e(r) {
   return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest(
     '[data-oc-part="handle"], [data-oc-component="modal-navigation"]'
   );
 }
-function vr(r) {
+function Yr(r) {
   return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest('[data-oc-component="modal-navigation"]');
 }
-function wr(r) {
+function Er(r) {
   return typeof Element > "u" || !(r instanceof Element) ? null : r.closest('[data-oc-component="modal-navigation"]');
 }
-function Sr(r, o) {
-  return o ? !0 : r.pointerType ? r.pointerType === "touch" : typeof window > "u" ? !1 : window.matchMedia?.("(pointer: coarse)").matches ?? !1;
+function Mr(r, s) {
+  return s ? !0 : r.pointerType ? r.pointerType === "touch" : typeof window > "u" ? !1 : window.matchMedia?.("(pointer: coarse)").matches ?? !1;
 }
-function He(r, o) {
+function Ue(r, s) {
   if (!r.length)
     return {
       minTranslate: 0,
       maxTranslate: 0
     };
-  const l = r.map((y) => y[o]), n = Math.min(...l), i = Math.max(...l);
-  if (Math.abs(i - n) < 0.5) {
-    const y = (n + i) / 2;
+  const l = r.map((h) => h[s]), o = Math.min(...l), i = Math.max(...l);
+  if (Math.abs(i - o) < 0.5) {
+    const h = (o + i) / 2;
     return {
-      minTranslate: y,
-      maxTranslate: y
+      minTranslate: h,
+      maxTranslate: h
     };
   }
   return {
-    minTranslate: n,
+    minTranslate: o,
     maxTranslate: i
   };
 }
-function Re(r, o) {
+function _e(r, s) {
   for (let l = 0; l < r.length; l += 1) {
-    const n = "item" in r && typeof r.item == "function" ? r.item(l) : r[l];
-    if (n?.identifier === o) return n;
+    const o = "item" in r && typeof r.item == "function" ? r.item(l) : r[l];
+    if (o?.identifier === s) return o;
   }
   return null;
 }
-function Ke(r) {
+function qe(r) {
   if (!r) return { x: 0, y: 0 };
-  const o = window.getComputedStyle(r).transform;
-  if (!o || o === "none") return { x: 0, y: 0 };
-  const l = o.match(/^matrix\((.+)\)$/);
+  const s = window.getComputedStyle(r).transform;
+  if (!s || s === "none") return { x: 0, y: 0 };
+  const l = s.match(/^matrix\((.+)\)$/);
   if (l) {
-    const i = l[1].split(",").map((y) => y.trim());
+    const i = l[1].split(",").map((h) => h.trim());
     return {
       x: Number.parseFloat(i[4] ?? "0") || 0,
       y: Number.parseFloat(i[5] ?? "0") || 0
     };
   }
-  const n = o.match(/^matrix3d\((.+)\)$/);
-  if (n) {
-    const i = n[1].split(",").map((y) => y.trim());
+  const o = s.match(/^matrix3d\((.+)\)$/);
+  if (o) {
+    const i = o[1].split(",").map((h) => h.trim());
     return {
       x: Number.parseFloat(i[12] ?? "0") || 0,
       y: Number.parseFloat(i[13] ?? "0") || 0
@@ -163,82 +125,82 @@ function Ke(r) {
   }
   return { x: 0, y: 0 };
 }
-function re(r) {
-  return Ke(r).y;
+function ae(r) {
+  return qe(r).y;
 }
-function $e(r) {
-  return Ke(r);
+function We(r) {
+  return qe(r);
 }
-function ht(r) {
+function gt(r) {
   if (!r || !/^-?\d*\.?\d+(?:px)?$/.test(r.trim())) return;
-  const o = Number.parseFloat(r);
-  return Number.isFinite(o) ? o : void 0;
+  const s = Number.parseFloat(r);
+  return Number.isFinite(s) ? s : void 0;
 }
-function tt() {
+function q() {
   return Date.now();
 }
-function Dr(r, o) {
-  const l = o - F.releaseVelocity.sampleWindowMs;
-  for (; r.length > 2 && (r[1]?.time ?? o) < l; )
+function br(r, s) {
+  const l = s - $.releaseVelocity.sampleWindowMs;
+  for (; r.length > 2 && (r[1]?.time ?? s) < l; )
     r.shift();
 }
-function Dt(r, o) {
-  const l = o.time ?? tt();
+function St(r, s) {
+  const l = s.time ?? q();
   r.samples.push({
     time: l,
-    pageX: o.pageX,
-    pageY: o.pageY,
-    translateX: o.translateX,
-    translateY: o.translateY
-  }), Dr(r.samples, l);
+    pageX: s.pageX,
+    pageY: s.pageY,
+    translateX: s.translateX,
+    translateY: s.translateY
+  }), br(r.samples, l);
 }
-function Vt(r, o) {
+function Ft(r, s) {
   return {
-    x: r.startTranslateX + o.pageX - r.startX,
-    y: r.startTranslate + o.pageY - r.startY
+    x: r.startTranslateX + s.pageX - r.startX,
+    y: r.startTranslate + s.pageY - r.startY
   };
 }
-function Ue(r, o) {
-  const l = Vt(r, o);
-  Dt(r, {
-    pageX: o.pageX,
-    pageY: o.pageY,
+function Ge(r, s) {
+  const l = Ft(r, s);
+  St(r, {
+    pageX: s.pageX,
+    pageY: s.pageY,
     translateX: l.x,
     translateY: l.y
   });
 }
-function _e({
+function je({
   session: r,
-  fallbackDeltaY: o,
+  fallbackDeltaY: s,
   fallbackElapsed: l
 }) {
-  const n = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: y } = F.releaseVelocity;
-  if (n) {
-    const g = n.time - y, P = r.samples.find((w) => w.time >= g) ?? r.samples[0];
-    if (P && P !== n) {
-      const w = Math.max(n.time - P.time, 1), L = (n.translateY - P.translateY) / w * 1e3;
+  const o = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: h } = $.releaseVelocity;
+  if (o) {
+    const y = o.time - h, x = r.samples.find((v) => v.time >= y) ?? r.samples[0];
+    if (x && x !== o) {
+      const v = Math.max(o.time - x.time, 1), L = (o.translateY - x.translateY) / v * 1e3;
       if (Number.isFinite(L))
         return N(L, -i, i);
     }
   }
   return N(
-    o / Math.max(l, 1) * 1e3,
+    s / Math.max(l, 1) * 1e3,
     -i,
     i
   );
 }
-function je({
+function Ke({
   session: r,
-  fallbackDelta: o,
+  fallbackDelta: s,
   fallbackElapsed: l
 }) {
-  const n = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: y } = F.releaseVelocity;
-  if (n) {
-    const g = n.time - y, P = r.samples.find((w) => w.time >= g) ?? r.samples[0];
-    if (P && P !== n) {
-      const w = Math.max(n.time - P.time, 1), L = {
-        x: (n.translateX - P.translateX) / w * 1e3,
-        y: (n.translateY - P.translateY) / w * 1e3
+  const o = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: h } = $.releaseVelocity;
+  if (o) {
+    const y = o.time - h, x = r.samples.find((v) => v.time >= y) ?? r.samples[0];
+    if (x && x !== o) {
+      const v = Math.max(o.time - x.time, 1), L = {
+        x: (o.translateX - x.translateX) / v * 1e3,
+        y: (o.translateY - x.translateY) / v * 1e3
       };
       if (Number.isFinite(L.x) && Number.isFinite(L.y))
         return {
@@ -249,228 +211,231 @@ function je({
   }
   return {
     x: N(
-      o.x / Math.max(l, 1) * 1e3,
+      s.x / Math.max(l, 1) * 1e3,
       -i,
       i
     ),
     y: N(
-      o.y / Math.max(l, 1) * 1e3,
+      s.y / Math.max(l, 1) * 1e3,
       -i,
       i
     )
   };
 }
-function Xr({
-  currentTranslate: r,
-  releaseVelocity: o
-}) {
-  const { lookaheadSeconds: l, maxDistancePx: n } = F.snapProjection;
-  return r + N(o * l, -n, n);
-}
-function Yr(r) {
-  return Math.abs(r) / 1e3 > F.releaseVelocity.flickThresholdPxPerMs;
-}
-function Je(r) {
+function tr(r) {
   return r === "top" || r.startsWith("top-") ? "top" : r === "bottom" || r.startsWith("bottom-") ? "bottom" : "center";
 }
-function Mr({
+function Lr({
   target: r,
-  targets: o
+  targets: s
 }) {
-  const l = o.filter((n) => n !== r);
+  const l = s.filter((o) => o !== r);
   if (l.length)
     return l.reduce(
-      (n, i) => Math.min(
-        n,
-        yt(r, i)
+      (o, i) => Math.min(
+        o,
+        ht(r, i)
       ),
       Number.POSITIVE_INFINITY
     );
 }
-function Er({
+function Br({
   closeThreshold: r,
-  currentTarget: o,
+  currentTarget: s,
   surfaceSize: l,
-  targets: n
+  targets: o
 }) {
-  const i = Je(o.key), y = i === "center" ? Math.min(l.width, l.height) : l.height, g = Math.max(
-    F.dismissal.minDistancePx,
-    y * r
+  const i = tr(s.key), h = i === "center" ? Math.min(l.width, l.height) : l.height, y = Math.max(
+    $.dismissal.minDistancePx,
+    h * r
   );
-  if (i !== "center") return g;
-  const P = Mr({
-    target: o,
-    targets: n
+  if (i !== "center") return y;
+  const x = Lr({
+    target: s,
+    targets: o
   });
-  return !P || !Number.isFinite(P) ? g : Math.max(g, P * 0.75);
+  return !x || !Number.isFinite(x) ? y : Math.max(y, x * 0.75);
 }
-function br({
+function Ar({
   currentTarget: r,
-  currentTranslate: o
+  currentTranslate: s
 }) {
-  switch (Je(r.key)) {
+  switch (tr(r.key)) {
     case "top":
-      return r.y - o.y;
+      return r.y - s.y;
     case "bottom":
-      return o.y - r.y;
+      return s.y - r.y;
     case "center":
-      return yt(r, o);
+      return ht(r, s);
   }
 }
-function Lr({
+function Cr({
   closeThreshold: r,
-  currentTarget: o,
+  currentTarget: s,
   currentTranslate: l,
-  releaseTarget: n,
+  releaseTarget: o,
   surfaceSize: i,
-  targets: y
+  targets: h
 }) {
-  if (n.key !== o.key) return !1;
-  const g = br({
-    currentTarget: o,
+  if (o.key !== s.key) return !1;
+  const y = Ar({
+    currentTarget: s,
     currentTranslate: l
   });
-  return g <= 0 ? !1 : g >= Er({
+  return y <= 0 ? !1 : y >= Br({
     closeThreshold: r,
-    currentTarget: o,
+    currentTarget: s,
     surfaceSize: i,
-    targets: y
+    targets: h
   });
 }
-function Ar({
+function Ir({
   presentationState: r,
-  releaseTranslate: o,
+  releaseTranslate: s,
   visibleTranslate: l
 }) {
-  return r !== "visible" || Math.abs(o - l) > 1;
+  return r !== "visible" || Math.abs(s - l) > 1;
 }
-function Cr({
+function Or({
   drag: r,
-  placement: o,
+  placement: s,
   snapPositionCount: l
 }) {
-  return o === "popup" && (r === "content" || r === "handle") && l > 0;
+  return s === "popup" && (r === "content" || r === "handle") && l > 0;
 }
-function Br({
+function kr({
   dismissible: r,
-  peekTranslate: o,
+  peekTranslate: s,
   sheetHeight: l,
-  visibleTranslate: n
+  visibleTranslate: o
 }) {
   return {
-    maxTranslate: o > 0 ? o : r ? l : n,
+    maxTranslate: s > 0 ? s : r ? l : o,
     minTranslate: 0
   };
 }
-function We(r, o = 1) {
-  const l = Math.max(o, 1);
+function Je(r, s = 1) {
+  const l = Math.max(s, 1);
   return r && Math.abs(r.maxTranslate - r.minTranslate) || l;
 }
-function Ge({
+function Qe({
   limit: r,
-  viewportSize: o,
+  viewportSize: s,
   viewportLimitRatio: l
 }) {
-  const n = Math.max(r, 0);
-  return o <= 0 ? n : Math.min(n, o * l);
+  const o = Math.max(r, 0);
+  return s <= 0 ? o : Math.min(o, s * l);
 }
-function Ir({
+function Vr({
   minTranslate: r,
-  sheetHeight: o,
+  sheetHeight: s,
   surfaceMotion: l
 }) {
-  const n = l.parentElement?.getBoundingClientRect(), i = n?.top ?? 0, y = n && n.height > 0 ? n.height : window.innerHeight, g = l.getBoundingClientRect(), P = re(l), w = g.top - P + r, L = Math.max(w - i, 0), { observedViewportLimitRatio: E } = F.rubberBand;
+  const o = l.parentElement?.getBoundingClientRect(), i = o?.top ?? 0, h = o && o.height > 0 ? o.height : window.innerHeight, y = l.getBoundingClientRect(), x = ae(l), v = y.top - x + r, L = Math.max(v - i, 0), { observedViewportLimitRatio: V } = $.rubberBand;
   return {
-    minBoundaryLimit: Ge({
+    minBoundaryLimit: Qe({
       limit: L,
-      viewportSize: y,
-      viewportLimitRatio: E.top
+      viewportSize: h,
+      viewportLimitRatio: V.top
     }),
-    maxBoundaryLimit: Ge({
-      limit: o,
-      viewportSize: y,
-      viewportLimitRatio: E.bottom
+    maxBoundaryLimit: Qe({
+      limit: s,
+      viewportSize: h,
+      viewportLimitRatio: V.bottom
     })
   };
 }
-function kr({
+function Ze({
   sheetHeight: r,
-  peekTranslate: o,
+  peekTranslate: s,
   snapHeights: l,
-  backdropFromHeight: n
+  backdropFromHeight: o
 }) {
-  const i = o > 0 ? Math.max(0, r - o) : 0;
-  if (n !== void 0) {
-    let g = -1;
-    for (const P of l)
-      P < n - 0.5 && P > g && (g = P);
+  const i = s > 0 ? Math.max(0, r - s) : 0;
+  if (o !== void 0) {
+    let y = -1;
+    for (const x of l)
+      x < o - 0.5 && x > y && (y = x);
     return {
-      dimmedHeight: n,
-      undimmedHeight: g >= 0 ? g : i
+      dimmedHeight: o,
+      undimmedHeight: y >= 0 ? y : i
     };
   }
-  let y = r;
-  for (const g of l)
-    g < y && (y = g);
-  return { dimmedHeight: y, undimmedHeight: i };
+  let h = r;
+  for (const y of l)
+    y < h && (h = y);
+  return { dimmedHeight: h, undimmedHeight: i };
 }
-function Or({
-  rubberBand: r,
-  targetTranslate: o,
-  sheetHeight: l,
-  bounds: n,
-  rubberBandLimits: i,
+function Nr({
+  clampToBounds: r,
+  rubberBand: s,
+  targetTranslate: l,
+  sheetHeight: o,
+  bounds: i,
+  rubberBandLimits: h,
   backdropBoundaries: y
 }) {
-  const g = N(
-    r ? ee({
-      targetTranslate: o,
-      ...i,
-      ...n
-    }) : o,
-    n.minTranslate - i.minBoundaryLimit,
-    n.maxTranslate + i.maxBoundaryLimit
-  ), P = Math.max(-g, 0), w = Math.max(g, 0), E = (l - w - y.undimmedHeight) / Math.max(
-    y.dimmedHeight - y.undimmedHeight,
-    1
-  );
+  const x = r ? N(
+    s ? ne({
+      targetTranslate: l,
+      ...h,
+      ...i
+    }) : l,
+    i.minTranslate - h.minBoundaryLimit,
+    i.maxTranslate + h.maxBoundaryLimit
+  ) : l, v = Math.max(-x, 0);
   return {
-    translate: g,
-    overshootFillHeight: P,
-    backdropOpacity: N(E, 0, 1)
+    translate: x,
+    overshootFillHeight: v,
+    backdropOpacity: er({
+      translate: x,
+      sheetHeight: o,
+      backdropBoundaries: y
+    })
   };
 }
-function _r({
+function er({
+  translate: r,
+  sheetHeight: s,
+  backdropBoundaries: l
+}) {
+  const o = Math.max(r, 0), h = (s - o - l.undimmedHeight) / Math.max(
+    l.dimmedHeight - l.undimmedHeight,
+    1
+  );
+  return N(h, 0, 1);
+}
+function Kr({
   enabled: r,
-  drag: o,
+  drag: s,
   open: l,
-  placement: n,
+  placement: o,
   surfaceMotionRef: i,
-  surfaceMotionNode: y,
-  backdropRef: g,
-  bodyNode: P,
-  snapHeights: w = hr,
+  surfaceMotionNode: h,
+  backdropRef: y,
+  bodyNode: x,
+  snapHeights: v = Dr,
   sheetHeight: L,
-  backdropFromHeight: E,
-  onBackdropDimRestChange: nt,
-  snapPositions: V = yr,
-  defaultSnapPosition: Xt,
-  peekHeight: zt,
-  peekFallback: ne,
-  presentationState: z,
-  setPresentationState: Ht,
-  requestClose: at,
-  canCloseAttempt: ae,
-  dismissible: R = !0,
-  backdropHidden: Rt = !1,
-  visibleTranslate: D = 0,
-  shouldDeferBottomSettle: oe,
-  refreshScrollState: $t,
-  closeThreshold: Tt = 0.35,
-  scrollLockTimeout: se = 500,
-  popupSnapLayoutVersion: ie = 0
+  backdropFromHeight: V,
+  onBackdropDimRestChange: zt,
+  snapPositions: yt = Xr,
+  defaultSnapPosition: Dt,
+  peekHeight: Ht,
+  peekFallback: oe,
+  presentationState: F,
+  setPresentationState: Rt,
+  requestClose: nt,
+  canCloseAttempt: se,
+  dismissible: H = !0,
+  backdropHidden: $t = !1,
+  visibleTranslate: S = 0,
+  shouldDeferBottomSettle: ie,
+  refreshScrollState: Ut,
+  closeThreshold: Xt = 0.35,
+  scrollLockTimeout: le = 500,
+  popupSnapLayoutVersion: ce = 0
 }) {
-  const M = S({
+  const X = w({
     dragging: !1,
     allowed: !1,
     chrome: !1,
@@ -490,33 +455,33 @@ function _r({
     samples: [],
     pointerId: null,
     touchId: null
-  }), _ = S(P), Ut = S(null), le = S(Rt), ce = S(!1), ue = S(!1), Qe = S((t) => {
+  }), U = w(x), _t = w(null), ue = w($t), de = w(!1), pe = w(!1), rr = w((t) => {
     t.preventDefault();
-  }), Yt = S(0), _t = S(!1), $ = S(null), U = S(
+  }), Yt = w(0), Wt = w(!1), z = w(null), R = w(
     null
-  ), Mt = S(null), J = S(null), Pt = S(0), j = S(null), jt = S(!1), Wt = S(!1), de = S(z), Et = S({
+  ), Et = w(null), K = w(null), Tt = w(0), _ = w(null), Gt = w(!1), jt = w(!1), fe = w(F), Mt = w({
     kind: "default-snap"
-  }), fe = S(L ?? null), pe = S(D), me = S(w), Gt = S(!1), ot = S(!1), b = Cr({
-    drag: o,
-    placement: n,
-    snapPositionCount: V.length
-  }), ge = `${Xt ?? ""}:${V.join("|")}`, he = S(V), bt = S(Xt);
-  K(() => {
-    he.current = V, bt.current = Xt;
-  }, [Xt, ge, V]), K(() => {
-    le.current = Rt;
-  }, [Rt]), K(() => {
-    l || (Ut.current = null);
-  }, [l]), K(() => {
-    const t = _.current;
-    t && t !== P && qt(t, !1), _.current = P, ce.current && qt(P, !0);
-  }, [P]);
-  const st = f((t) => {
-    ce.current = t, qt(_.current, t);
-  }, []), Q = f((t) => {
-    if (ue.current === t) return;
-    ue.current = t;
-    const e = Qe.current;
+  }), me = w(L ?? null), ge = w(S), he = w(v), Kt = w(!1), at = w(!1), E = Or({
+    drag: s,
+    placement: o,
+    snapPositionCount: yt.length
+  }), ye = `${Dt ?? ""}:${yt.join("|")}`, Te = w(yt), bt = w(Dt);
+  j(() => {
+    Te.current = yt, bt.current = Dt;
+  }, [Dt, ye, yt]), j(() => {
+    ue.current = $t;
+  }, [$t]), j(() => {
+    l || (_t.current = null);
+  }, [l]), j(() => {
+    const t = U.current;
+    t && t !== x && ee(t, !1), U.current = x, de.current && ee(x, !0);
+  }, [x]);
+  const ot = f((t) => {
+    de.current = t, ee(U.current, t);
+  }, []), J = f((t) => {
+    if (pe.current === t) return;
+    pe.current = t;
+    const e = rr.current;
     if (t) {
       document.addEventListener("selectstart", e, !0), document.addEventListener("dragstart", e, !0);
       return;
@@ -524,313 +489,319 @@ function _r({
     document.removeEventListener("selectstart", e, !0), document.removeEventListener("dragstart", e, !0);
   }, []), Lt = f(
     ({ chrome: t, target: e }) => {
-      const a = sr({
+      const n = dr({
         target: e,
         chrome: t,
-        bodyNode: _.current
+        bodyNode: U.current
       });
-      return st(a), a;
+      return ot(n), n;
     },
-    [st]
-  ), k = f(() => i.current?.getBoundingClientRect().height ?? window.innerHeight, [i]), At = f(() => {
-    if (zt !== void 0) return zt;
-    if (ne === "header")
+    [ot]
+  ), I = f(() => i.current?.getBoundingClientRect().height ?? window.innerHeight, [i]), Bt = f(() => {
+    if (Ht !== void 0) return Ht;
+    if (oe === "header")
       return i.current?.querySelector('[data-oc-part="header"]')?.getBoundingClientRect().height ?? void 0;
-  }, [ne, zt, i]), xt = f(
+  }, [oe, Ht, i]), xt = f(
     (t) => {
-      const e = At();
+      const e = Bt();
       return e === void 0 || e <= 0 ? 0 : N(t - e, 0, t);
     },
-    [At]
-  ), Z = f(() => {
-    const t = At();
-    return t === void 0 || t <= 0 ? 0 : xt(k());
-  }, [At, xt, k]), Kt = f(
-    () => z === "peeked" ? Z() : D,
-    [Z, z, D]
+    [Bt]
+  ), Q = f(() => {
+    const t = Bt();
+    return t === void 0 || t <= 0 ? 0 : xt(I());
+  }, [Bt, xt, I]), Jt = f(
+    () => F === "peeked" ? Q() : S,
+    [Q, F, S]
   ), W = f(() => {
     const t = i.current;
-    if (!t) return Kt();
-    const e = ht(
+    if (!t) return Jt();
+    const e = gt(
       t.style.getPropertyValue("--oc-modal-translate-y")
     );
     if (e !== void 0) return e;
-    const a = ht(
+    const n = gt(
       window.getComputedStyle(t).getPropertyValue("--oc-modal-translate-y")
     );
-    return a !== void 0 ? a : Kt();
-  }, [Kt, i]), Ct = f(() => {
+    return n !== void 0 ? n : Jt();
+  }, [Jt, i]), At = f(() => {
     const t = i.current;
     if (!t) return { x: 0, y: 0 };
-    const e = ht(
+    const e = gt(
       t.style.getPropertyValue("--oc-modal-translate-x")
-    ), a = ht(
+    ), n = gt(
       t.style.getPropertyValue("--oc-modal-translate-y")
     );
-    if (e !== void 0 || a !== void 0)
+    if (e !== void 0 || n !== void 0)
       return {
         x: e ?? 0,
-        y: a ?? 0
+        y: n ?? 0
       };
     const c = window.getComputedStyle(t);
     return {
-      x: ht(c.getPropertyValue("--oc-modal-translate-x")) ?? 0,
-      y: ht(c.getPropertyValue("--oc-modal-translate-y")) ?? 0
+      x: gt(c.getPropertyValue("--oc-modal-translate-x")) ?? 0,
+      y: gt(c.getPropertyValue("--oc-modal-translate-y")) ?? 0
     };
-  }, [i]), it = f(() => {
-    const t = W(), e = re(i.current);
+  }, [i]), st = f(() => {
+    const t = W(), e = ae(i.current);
     return Math.abs(e - t) > 1 ? e : t;
-  }, [W, i]), vt = f(
-    (t, e, a = 1) => Math.abs(t - e) <= a,
+  }, [W, i]), Pt = f(
+    (t, e, n = 1) => Math.abs(t - e) <= n,
     []
-  ), lt = f(() => {
-    const t = Ct(), e = $e(i.current);
-    return yt(e, t) > 1 ? e : t;
-  }, [Ct, i]), I = f(
+  ), it = f(() => {
+    const t = At(), e = We(i.current);
+    return ht(e, t) > 1 ? e : t;
+  }, [At, i]), A = f(
     (t, {
       active: e,
-      nextDismissible: a = R,
-      rubberBand: c = !1,
-      sheetHeightOverride: s,
-      peekTranslateOverride: u,
-      settled: d
+      canvas: n,
+      nextDismissible: c = H,
+      rubberBand: a = !1,
+      sheetHeightOverride: u,
+      peekTranslateOverride: d,
+      settled: m
     }) => {
       const p = i.current;
       if (!p) return;
-      const m = s ?? k(), h = p.parentElement, Y = u ?? Z(), C = Br({
-        dismissible: a,
-        peekTranslate: Y,
-        sheetHeight: m,
-        visibleTranslate: D
-      }), T = Ir({
-        minTranslate: C.minTranslate,
-        sheetHeight: m,
+      const g = u ?? I(), Y = p.parentElement, C = d ?? Q(), T = kr({
+        dismissible: c,
+        peekTranslate: C,
+        sheetHeight: g,
+        visibleTranslate: S
+      }), b = Vr({
+        minTranslate: T.minTranslate,
+        sheetHeight: g,
         surfaceMotion: p
-      }), v = Or({
-        rubberBand: c,
+      }), B = Nr({
+        clampToBounds: n === void 0,
+        rubberBand: a,
         targetTranslate: t,
-        sheetHeight: m,
-        bounds: C,
-        rubberBandLimits: T,
-        backdropBoundaries: kr({
-          sheetHeight: m,
-          peekTranslate: Y,
-          snapHeights: w,
-          backdropFromHeight: E
+        sheetHeight: g,
+        bounds: T,
+        rubberBandLimits: b,
+        backdropBoundaries: Ze({
+          sheetHeight: g,
+          peekTranslate: C,
+          snapHeights: v,
+          backdropFromHeight: V
         })
       });
-      M.current.lastTranslate = v.translate, p.style.setProperty(
+      X.current.lastTranslate = B.translate, p.style.setProperty(
         "--oc-modal-translate-y",
-        `${v.translate}px`
-      ), d === "frame" || !e ? p.style.setProperty(
+        `${B.translate}px`
+      ), m === "frame" || !e ? p.style.setProperty(
         "--oc-modal-settled-translate-y",
-        `${v.translate}px`
-      ) : typeof d == "number" && p.style.setProperty(
+        `${B.translate}px`
+      ) : typeof m == "number" && p.style.setProperty(
         "--oc-modal-settled-translate-y",
-        `${d}px`
+        `${m}px`
       );
-      const H = le.current ? 0 : v.backdropOpacity;
+      const k = n?.restBackdropOpacity ?? B.backdropOpacity, wt = ue.current ? 0 : k;
       if (p.style.setProperty(
         "--_-modal-elevation-shadow-opacity",
-        String(1 - H)
-      ), p.dataset.ocModalDragging = e ? "true" : "false", h?.style.setProperty(
+        String(1 - wt)
+      ), p.dataset.ocModalDragging = e ? "true" : "false", Y?.style.setProperty(
         "--oc-modal-overshoot-fill-height",
-        `${v.overshootFillHeight}px`
-      ), h && (h.dataset.ocModalDragging = e ? "true" : "false"), e ? p.style.setProperty("transition", "none") : p.style.removeProperty("transition"), g.current && (g.current.style.setProperty(
+        `${B.overshootFillHeight}px`
+      ), Y && (Y.dataset.ocModalDragging = e ? "true" : "false"), e ? p.style.setProperty("transition", "none") : p.style.removeProperty("transition"), y.current && (y.current.style.setProperty(
         "--oc-modal-backdrop-opacity",
-        String(v.backdropOpacity)
-      ), g.current.style.transition = e ? "none" : ""), !e && n === "bottom" && nt) {
-        const B = E === void 0 || m - v.translate >= E - 0.5;
-        Ut.current !== B && (Ut.current = B, nt(B));
+        String(k)
+      ), y.current.style.transition = e && n === void 0 ? "none" : ""), !e && o === "bottom" && zt) {
+        const et = V === void 0 || g - B.translate >= V - 0.5;
+        _t.current !== et && (_t.current = et, zt(et));
       }
     },
     [
-      E,
-      g,
-      R,
-      Z,
-      k,
-      nt,
-      n,
-      w,
+      V,
+      y,
+      H,
+      Q,
+      I,
+      zt,
+      o,
+      v,
       i,
-      D
+      S
     ]
-  ), ct = f(() => {
-    const t = i.current, e = he.current;
+  ), lt = f(() => {
+    const t = i.current, e = Te.current;
     if (!(!t || !e.length))
-      return or({
+      return ur({
         defaultSnapPosition: bt.current,
         snapPositions: e,
         surfaceMotion: t
       });
   }, [i]), G = f(
     ({ destroy: t = !0 } = {}) => {
-      t && U.current?.destroy(), U.current = null, Mt.current = null;
+      t && R.current?.destroy(), R.current = null, Et.current = null;
     },
     []
-  ), A = f(
+  ), M = f(
     (t, { active: e }) => {
-      const a = i.current;
-      if (!a) return;
-      const c = ct(), s = c ? a.getBoundingClientRect() : void 0, u = c ? He(c.targets, "x") : void 0, d = c ? He(c.targets, "y") : void 0, p = We(u, s?.width), m = We(d, s?.height), h = c ? {
-        x: ee({
+      const n = i.current;
+      if (!n) return;
+      const c = lt(), a = c ? n.getBoundingClientRect() : void 0, u = c ? Ue(c.targets, "x") : void 0, d = c ? Ue(c.targets, "y") : void 0, m = Je(u, a?.width), p = Je(d, a?.height), g = c ? {
+        x: ne({
           targetTranslate: t.x,
           minTranslate: u?.minTranslate ?? 0,
           maxTranslate: u?.maxTranslate ?? 0,
-          minBoundaryLimit: p,
-          maxBoundaryLimit: p
+          minBoundaryLimit: m,
+          maxBoundaryLimit: m
         }),
-        y: ee({
+        y: ne({
           targetTranslate: t.y,
           minTranslate: d?.minTranslate ?? 0,
           maxTranslate: d?.maxTranslate ?? 0,
-          minBoundaryLimit: m,
-          maxBoundaryLimit: m
+          minBoundaryLimit: p,
+          maxBoundaryLimit: p
         })
       } : t;
-      M.current.lastTranslateX = h.x, M.current.lastTranslate = h.y;
+      X.current.lastTranslateX = g.x, X.current.lastTranslate = g.y;
       const Y = e ? void 0 : t.settledTranslate;
-      a.style.setProperty(
+      n.style.setProperty(
         "--oc-modal-translate-x",
-        Y?.x ?? `${h.x}px`
-      ), a.style.setProperty(
+        Y?.x ?? `${g.x}px`
+      ), n.style.setProperty(
         "--oc-modal-translate-y",
-        Y?.y ?? `${h.y}px`
-      ), a.dataset.ocModalDragging = e ? "true" : "false", a.parentElement && (a.parentElement.dataset.ocModalDragging = e ? "true" : "false"), a.style.transition = e ? "none" : "";
+        Y?.y ?? `${g.y}px`
+      ), n.dataset.ocModalDragging = e ? "true" : "false", n.parentElement && (n.parentElement.dataset.ocModalDragging = e ? "true" : "false"), n.style.transition = e ? "none" : "";
     },
-    [ct, i]
-  ), X = f(() => {
-    $.current?.destroy(), $.current = null, G();
+    [lt, i]
+  ), D = f(() => {
+    z.current?.destroy(), z.current = null, G();
     const t = i.current;
-    t?.dataset.ocModalSheetResizing && (delete t.dataset.ocModalSheetResizing, t.style.removeProperty("--oc-modal-resize-rest-translate-y"), t.style.removeProperty(
-      "--oc-modal-resize-target-scrollport-height"
-    ));
-  }, [G, i]), ut = f(
-    (t, e = R) => {
-      X(), I(t, {
+    t && wr(t) && (Ne(t), t.style.removeProperty("--oc-modal-resize-rest-translate-y"));
+  }, [G, i]), ct = f(
+    (t, e = H) => {
+      D(), A(t, {
         active: !0,
         nextDismissible: e,
         rubberBand: !0,
         settled: "frame"
       });
     },
-    [I, X, R]
-  ), ye = f(() => {
-    const t = it(), e = lt();
-    return $.current !== null || U.current !== null ? (X(), n === "popup" && yt(e, { x: 0, y: 0 }) > 0.5 ? A(e, { active: !1 }) : n === "bottom" && Math.abs(t) > 0.5 && I(t, { active: !1 }), { startTranslate: t, startTranslatePoint: e }) : { startTranslate: t, startTranslatePoint: e };
+    [A, D, H]
+  ), xe = f(() => {
+    const t = st(), e = it();
+    return z.current !== null || R.current !== null ? (D(), o === "popup" && ht(e, { x: 0, y: 0 }) > 0.5 ? M(e, { active: !1 }) : o === "bottom" && Math.abs(t) > 0.5 && A(t, { active: !1 }), { startTranslate: t, startTranslatePoint: e }) : { startTranslate: t, startTranslatePoint: e };
   }, [
+    M,
     A,
-    I,
-    X,
+    D,
+    st,
     it,
-    lt,
-    n
-  ]), x = f(() => {
+    o
+  ]), P = f(() => {
     const t = i.current;
-    t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"), g.current?.style.removeProperty("transition"), E === void 0 && g.current?.style.removeProperty("--oc-modal-backdrop-opacity"));
-  }, [E, g, i]), Te = f(() => {
+    t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"), y.current?.style.removeProperty("transition"), V === void 0 && y.current?.style.removeProperty("--oc-modal-backdrop-opacity"));
+  }, [V, y, i]), Pe = f(() => {
     const t = i.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"), g.current?.style.removeProperty("--oc-modal-backdrop-opacity"), x();
-  }, [g, x, i]), Pe = f(
+    X.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"), P();
+  }, [y, P, i]), ve = f(
     ({
       preserveSnapPosition: t = !1,
       resetY: e = !0
     } = {}) => {
-      const a = i.current;
-      a && (t || (J.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")), x());
+      const n = i.current;
+      n && (t || (K.current = null), X.current.lastTranslateX = 0, n.style.removeProperty("--oc-modal-translate-x"), e && (X.current.lastTranslate = 0, n.style.removeProperty("--oc-modal-translate-y")), P());
     },
-    [x, i]
+    [P, i]
   ), O = f(
     (t, {
-      initialVelocity: e = 0,
-      intent: a = "sheet",
-      phase: c = "release",
-      from: s,
-      onComplete: u,
-      peekTranslateOverride: d,
+      canvas: e,
+      initialVelocity: n = 0,
+      intent: c = "sheet",
+      phase: a = "release",
+      from: u,
+      onComplete: d,
+      peekTranslateOverride: m,
       sheetHeightOverride: p
     } = {}) => {
-      const m = i.current;
-      if (!m) return;
-      X();
-      const h = s ?? re(m);
-      if (Math.abs(h - t) < 0.5) {
-        I(t, {
+      const g = i.current;
+      if (!g) return;
+      D();
+      const Y = u ?? ae(g);
+      if (Math.abs(Y - t) < 0.5) {
+        A(t, {
           active: !1,
-          peekTranslateOverride: d,
+          canvas: e,
+          peekTranslateOverride: m,
           sheetHeightOverride: p
-        }), x(), u?.();
+        }), P(), d?.();
         return;
       }
-      const Y = c === "enter" ? t : "frame";
-      I(h, {
+      const C = a === "enter" ? t : "frame";
+      A(Y, {
         active: !0,
-        peekTranslateOverride: d,
-        settled: Y,
+        canvas: e,
+        peekTranslateOverride: m,
+        settled: C,
         sheetHeightOverride: p
       });
-      const C = Zt({
-        element: m,
-        intent: a,
-        phase: c,
+      const T = te({
+        element: g,
+        intent: c,
+        phase: a,
         reduced: "preserve",
         reducedMotion: !1,
         property: "transform"
       });
-      if (!C.animate) {
-        I(t, {
+      if (!T.animate) {
+        A(t, {
           active: !1,
-          peekTranslateOverride: d,
+          canvas: e,
+          peekTranslateOverride: m,
           sheetHeightOverride: p
-        }), x(), u?.();
+        }), P(), d?.();
         return;
       }
-      const T = Qt({
-        value: h,
+      const b = qt({
+        value: Y,
         target: t,
-        velocity: e,
-        spring: C.spring,
+        velocity: n,
+        spring: T.spring,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
-        onUpdate: (v) => {
-          I(v, {
+        onUpdate: (B) => {
+          A(B, {
             active: !0,
-            peekTranslateOverride: d,
-            settled: Y === "frame" ? "frame" : void 0,
+            canvas: e,
+            peekTranslateOverride: m,
+            settled: C === "frame" ? "frame" : void 0,
             sheetHeightOverride: p
           });
         },
         onComplete: () => {
-          $.current === T && ($.current = null), I(t, {
+          z.current === b && (z.current = null), A(t, {
             active: !1,
-            peekTranslateOverride: d,
+            canvas: e,
+            peekTranslateOverride: m,
             sheetHeightOverride: p
-          }), x(), u?.();
+          }), P(), d?.();
         }
       });
-      $.current = T;
+      z.current = b;
     },
-    [I, X, x, i]
-  ), q = f(
+    [A, D, P, i]
+  ), Z = f(
     (t, {
       from: e,
-      initialVelocity: a = { x: 0, y: 0 }
+      initialVelocity: n = { x: 0, y: 0 }
     } = {}) => {
       const c = i.current;
       if (!c) return;
-      X();
-      const s = e ?? $e(c), u = { x: t.x, y: t.y };
-      if (yt(
-        s,
+      D();
+      const a = e ?? We(c), u = { x: t.x, y: t.y };
+      if (ht(
+        a,
         u
       ) < 0.5) {
-        A(t, { active: !1 }), x();
+        M(t, { active: !1 }), P();
         return;
       }
-      A(s, { active: !0 });
-      const p = Zt({
+      M(a, { active: !0 });
+      const m = te({
         element: c,
         intent: "gesture",
         phase: "release",
@@ -838,92 +809,92 @@ function _r({
         reducedMotion: !1,
         property: "transform"
       });
-      if (!p.animate) {
-        A(t, { active: !1 }), x();
+      if (!m.animate) {
+        M(t, { active: !1 }), P();
         return;
       }
-      const m = Qt({
-        value: s,
+      const p = qt({
+        value: a,
         target: u,
-        velocity: a,
-        spring: p.spring,
+        velocity: n,
+        spring: m.spring,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
-        onUpdate: (h) => {
-          A(h, { active: !0 });
+        onUpdate: (g) => {
+          M(g, { active: !0 });
         },
         onComplete: () => {
-          $.current === m && ($.current = null), A(t, { active: !1 }), x();
+          z.current === p && (z.current = null), M(t, { active: !1 }), P();
         }
       });
-      $.current = m;
+      z.current = p;
     },
     [
-      A,
-      X,
-      x,
+      M,
+      D,
+      P,
       i
     ]
-  ), dt = f(() => {
-    const t = U.current;
+  ), ut = f(() => {
+    const t = R.current;
     if (!t) return null;
     const e = t.sample();
-    return A(e.value, { active: !0 }), e;
-  }, [A]), xe = f(
+    return M(e.value, { active: !0 }), e;
+  }, [M]), we = f(
     (t) => {
       if (!i.current) return null;
-      X(), A(t, { active: !0 });
-      const a = Qt({
+      D(), M(t, { active: !0 });
+      const n = qt({
         value: t,
         target: t,
-        spring: gr,
+        spring: Pr,
         autoplay: !1,
         epsilon: 0.5,
         velocityEpsilon: 50,
         stabilityWindow: 0.02,
         onUpdate: (c) => {
-          A(c, { active: !0 });
+          M(c, { active: !0 });
         },
         onComplete: () => {
-          const c = Mt.current;
-          !c || U.current !== a || (G({ destroy: !1 }), A(c, { active: !1 }), x());
+          const c = Et.current;
+          !c || R.current !== n || (G({ destroy: !1 }), M(c, { active: !1 }), P());
         }
       });
-      return U.current = a, a;
+      return R.current = n, n;
     },
     [
-      A,
-      X,
+      M,
+      D,
       G,
-      x,
+      P,
       i
     ]
-  ), ve = f(
+  ), Se = f(
     (t) => {
-      const e = U.current ?? xe(lt());
-      e && (Mt.current = null, e.setTarget(t));
+      const e = R.current ?? we(it());
+      e && (Et.current = null, e.setTarget(t));
     },
-    [lt, xe]
-  ), ft = f(
+    [it, we]
+  ), dt = f(
     (t, e) => {
-      const a = Vt(t, e);
-      return ve(a), dt(), a;
+      const n = Ft(t, e);
+      return Se(n), ut(), n;
     },
-    [dt, ve]
-  ), Bt = f(
+    [ut, Se]
+  ), Ct = f(
     (t) => {
-      const e = i.current, a = U.current;
-      if (!e || !a) {
-        q(t);
+      const e = i.current, n = R.current;
+      if (!e || !n) {
+        Z(t);
         return;
       }
-      const s = dt() ? Ct() : a.value, u = { x: t.x, y: t.y };
-      if (yt(s, u) < 0.5) {
-        G(), A(t, { active: !1 }), x();
+      const a = ut() ? At() : n.value, u = { x: t.x, y: t.y };
+      if (ht(a, u) < 0.5) {
+        G(), M(t, { active: !1 }), P();
         return;
       }
-      const d = Zt({
+      const d = te({
         element: e,
         intent: "gesture",
         phase: "release",
@@ -932,18 +903,18 @@ function _r({
         property: "transform"
       });
       if (!d.animate) {
-        G(), A(t, { active: !1 }), x();
+        G(), M(t, { active: !1 }), P();
         return;
       }
-      Mt.current = t, a.setTarget(u, { spring: d.spring });
+      Et.current = t, n.setTarget(u, { spring: d.spring });
     },
     [
-      A,
+      M,
       G,
-      x,
-      Ct,
-      dt,
-      q,
+      P,
+      At,
+      ut,
+      Z,
       i
     ]
   ), pt = f(
@@ -951,165 +922,176 @@ function _r({
       key: t,
       settle: e
     }) => {
-      if (M.current.dragging) return !1;
-      const a = ct();
-      if (!a) return !1;
-      const c = (t ? a.targets.find((s) => s.key === t) : void 0) ?? a.defaultTarget;
-      return J.current = c.key, e ? q(c) : (X(), A(c, { active: !1 }), x()), !0;
+      if (X.current.dragging) return !1;
+      const n = lt();
+      if (!n) return !1;
+      const c = (t ? n.targets.find((a) => a.key === t) : void 0) ?? n.defaultTarget;
+      return K.current = c.key, e ? Z(c) : (D(), M(c, { active: !1 }), P()), !0;
     },
     [
-      A,
-      X,
-      x,
-      ct,
-      q
+      M,
+      D,
+      P,
+      lt,
+      Z
     ]
-  ), we = f(
-    (t, { from: e, initialVelocity: a = 0 }) => {
+  ), De = f(
+    (t, { from: e, initialVelocity: n = 0 }) => {
       O(t, {
         from: e,
-        initialVelocity: a,
+        initialVelocity: n,
         onComplete: () => {
-          at({ reason: "drag-dismiss" }, { skipAttempt: !0 });
+          nt({ reason: "drag-dismiss" }, { skipAttempt: !0 });
         }
       });
     },
-    [at, O]
+    [nt, O]
   );
-  Ft(
+  Nt(
     () => () => {
-      X(), Q(!1), i.current && x();
+      D(), J(!1), i.current && P();
     },
     [
-      X,
-      x,
-      Q,
+      D,
+      P,
+      J,
       i
     ]
-  ), K(() => {
-    if (!l || !r || n !== "bottom") {
-      jt.current = l;
+  ), j(() => {
+    if (!l || !r || o !== "bottom") {
+      Gt.current = l;
       return;
     }
-    if (!i.current || oe?.()) return;
-    Wt.current = !0;
-    const t = jt.current;
+    if (!i.current || ie?.()) return;
     jt.current = !0;
-    const e = L ?? k(), a = fe.current ?? e, c = de.current, s = me.current, u = pe.current, d = () => {
-      fe.current = e, de.current = z, pe.current = D, me.current = w;
-    }, p = !vt(
-      a,
+    const t = Gt.current;
+    Gt.current = !0;
+    const e = L ?? I(), n = me.current ?? e, c = fe.current, a = he.current, u = ge.current, d = () => {
+      me.current = e, fe.current = F, ge.current = S, he.current = v;
+    }, m = !Pt(
+      n,
       e
-    ), m = xt(e), h = z === "peeked" ? m : D;
+    ), p = xt(e), g = F === "peeked" ? p : S;
     if (!t) {
-      Et.current = { kind: "default-snap" }, I(e, {
+      Mt.current = { kind: "default-snap" }, A(e, {
         active: !0,
-        peekTranslateOverride: m,
+        peekTranslateOverride: p,
         sheetHeightOverride: e
-      }), O(h, {
+      }), O(g, {
         from: e,
         intent: "sheet",
-        peekTranslateOverride: m,
+        peekTranslateOverride: p,
         phase: "enter",
         sheetHeightOverride: e
       }), d();
       return;
     }
-    if (z === "visible" && p) {
-      const T = i.current, v = W(), H = c === "visible" && a > 0 ? dr({
-        currentTranslate: v,
-        fallbackTranslate: D,
-        restState: Et.current,
+    if (F === "visible" && m) {
+      const T = i.current, b = W(), B = c === "visible" && n > 0 ? hr({
+        currentTranslate: b,
+        fallbackTranslate: S,
+        restState: Mt.current,
         previousDefaultTranslate: u,
-        previousSheetHeight: a,
-        previousSnapHeights: s,
+        previousSheetHeight: n,
+        previousSnapHeights: a,
         targetSheetHeight: e,
-        targetDefaultTranslate: D,
-        targetSnapHeights: w
-      }) : D;
-      X();
-      const B = Number.parseFloat(T.style.height), St = Number.isFinite(B) && B > 0 ? B : a, Ee = N(
-        St - v,
+        targetDefaultTranslate: S,
+        targetSnapHeights: v
+      }) : S, k = z.current?.velocity, wt = typeof k == "number" ? k : 0;
+      D();
+      const et = Number.parseFloat(T.style.height), Qt = Number.isFinite(et) && et > 0 ? et : n, Le = N(
+        Qt - b,
         0,
-        St
-      ), be = N(
-        e - H,
+        Qt
+      ), Be = N(
+        e - B,
         0,
         e
-      ), rt = Math.max(St, e), Jt = Math.max(
+      ), rt = Math.max(Qt, e), Zt = Math.max(
         0,
-        rt - Ee
-      ), Le = Math.max(
+        rt - Le
+      ), Ae = Math.max(
         0,
-        rt - be
-      ), Ae = xt(rt), Ce = () => {
-        I(H, {
+        rt - Be
+      ), Ce = xt(rt), Ie = {
+        restBackdropOpacity: er({
+          translate: B,
+          sheetHeight: e,
+          backdropBoundaries: Ze({
+            sheetHeight: e,
+            peekTranslate: p,
+            snapHeights: v,
+            backdropFromHeight: V
+          })
+        })
+      }, Oe = () => {
+        A(B, {
           active: !1,
-          peekTranslateOverride: m,
+          peekTranslateOverride: p,
           sheetHeightOverride: e
         }), T.style.setProperty("transition", "none"), T.style.removeProperty("height"), T.style.setProperty(
           "--oc-modal-sheet-height",
           `${e}px`
-        ), delete T.dataset.ocModalSheetResizing, T.style.removeProperty(
+        ), Ne(T), 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?.();
+        ), T.getBoundingClientRect(), T.style.removeProperty("transition"), Ut?.();
       };
-      if (vt(Jt, Le)) {
-        Ce(), d();
+      if (Pt(Zt, Ae)) {
+        Oe(), d();
         return;
       }
-      const Be = () => {
-        T.dataset.ocModalSheetResizing = "true", T.style.setProperty(
+      const ke = () => {
+        const Ve = U.current;
+        Sr(
+          T,
+          Ve ? Ve.clientHeight + (Be - Le) : null
+        ), T.style.setProperty(
           "--oc-modal-resize-rest-translate-y",
-          `${H}px`
-        );
-        const Ie = _.current;
-        Ie && T.style.setProperty(
-          "--oc-modal-resize-target-scrollport-height",
-          `${Ie.clientHeight + (be - Ee)}px`
+          `${B}px`
         );
       };
-      Be(), T.style.setProperty("transition", "none"), T.style.setProperty("height", `${rt}px`), T.style.setProperty(
+      ke(), T.style.setProperty("transition", "none"), T.style.setProperty("height", `${rt}px`), T.style.setProperty(
         "--oc-modal-sheet-height",
         `${rt}px`
-      ), I(Jt, {
+      ), A(Zt, {
         active: !0,
-        peekTranslateOverride: Ae,
+        canvas: Ie,
+        peekTranslateOverride: Ce,
         sheetHeightOverride: rt
-      }), T.getBoundingClientRect(), T.style.removeProperty("transition"), O(Le, {
-        from: Jt,
+      }), T.getBoundingClientRect(), T.style.removeProperty("transition"), O(Ae, {
+        canvas: Ie,
+        from: Zt,
+        initialVelocity: wt,
         intent: "sheet",
-        peekTranslateOverride: Ae,
+        peekTranslateOverride: Ce,
         sheetHeightOverride: rt,
-        onComplete: Ce
-      }), Be(), $t?.(), d();
+        onComplete: Oe
+      }), ke(), Ut?.(), d();
       return;
     }
-    if (z === "peeked") {
-      O(m, {
-        peekTranslateOverride: m,
+    if (F === "peeked") {
+      O(p, {
+        peekTranslateOverride: p,
         sheetHeightOverride: e
       }), d();
       return;
     }
-    if (_t.current) {
-      _t.current = !1, d();
+    if (Wt.current) {
+      Wt.current = !1, d();
       return;
     }
-    const Y = c !== z;
-    if (!vt(
+    const Y = c !== F;
+    if (!Pt(
       u,
-      D
+      S
     )) {
-      const T = W(), H = $.current !== null && (D > u && T < D || D < u && T > D);
-      if (vt(T, u) || H) {
-        X(), I(D, {
+      const T = W(), B = z.current !== null && (S > u && T < S || S < u && T > S);
+      if (Pt(T, u) || B) {
+        D(), A(S, {
           active: !1,
-          peekTranslateOverride: m,
+          peekTranslateOverride: p,
           sheetHeightOverride: e
-        }), x(), d();
+        }), P(), d();
         return;
       }
     }
@@ -1117,111 +1099,112 @@ function _r({
       d();
       return;
     }
-    O(D, {
-      peekTranslateOverride: m,
+    O(S, {
+      peekTranslateOverride: p,
       sheetHeightOverride: e
-    }), Et.current = { kind: "default-snap" }, d();
+    }), Mt.current = { kind: "default-snap" }, d();
   }, [
     r,
     xt,
-    k,
+    I,
     W,
     L,
-    w,
+    v,
     l,
-    n,
-    z,
-    $t,
-    oe,
-    I,
-    X,
-    x,
-    vt,
+    o,
+    F,
+    Ut,
+    ie,
+    A,
+    V,
+    D,
+    P,
+    Pt,
     O,
-    y,
+    h,
     i,
-    D
-  ]), K(() => {
-    n !== "bottom" && Wt.current && (Wt.current = !1, X(), Te());
-  }, [X, n, Te]), K(() => {
-    if (!l || !r || !b) {
-      const c = !l && n === "popup" && ot.current, s = l && n !== "popup" && ot.current;
-      ot.current && !c && (j.current !== null && (window.cancelAnimationFrame(j.current), j.current = null), X(), Pe({
-        preserveSnapPosition: s
-      })), ot.current && c && (X(), x()), Gt.current = l && n === "popup", ot.current = !1;
+    S
+  ]), j(() => {
+    o !== "bottom" && jt.current && (jt.current = !1, D(), Pe());
+  }, [D, o, Pe]), j(() => {
+    if (!l || !r || !E) {
+      const c = !l && o === "popup" && at.current, a = l && o !== "popup" && at.current;
+      at.current && !c && (_.current !== null && (window.cancelAnimationFrame(_.current), _.current = null), D(), ve({
+        preserveSnapPosition: a
+      })), at.current && c && (D(), P()), Kt.current = l && o === "popup", at.current = !1;
       return;
     }
-    const t = Gt.current;
-    Gt.current = !0, ot.current = !0;
+    const t = Kt.current;
+    Kt.current = !0, at.current = !0;
     let e = null;
-    const a = (c) => pt({
+    const n = (c) => pt({
       key: c,
       settle: t
     });
-    return a(
-      J.current ?? bt.current
+    return n(
+      K.current ?? bt.current
     ) || (e = window.requestAnimationFrame(() => {
-      e = null, a(
-        J.current ?? bt.current
+      e = null, n(
+        K.current ?? bt.current
       );
     })), () => {
       e !== null && window.cancelAnimationFrame(e);
     };
   }, [
-    X,
+    D,
     r,
-    x,
+    P,
     l,
-    n,
-    ge,
-    b,
-    Pe,
+    o,
+    ye,
+    E,
+    ve,
     pt
-  ]), K(() => {
-    if (!l || !r || !b) return;
+  ]), j(() => {
+    if (!l || !r || !E) return;
     const t = () => {
-      M.current.dragging || j.current === null && (j.current = window.requestAnimationFrame(() => {
-        j.current = null, !M.current.dragging && pt({
-          key: J.current,
+      X.current.dragging || _.current === null && (_.current = window.requestAnimationFrame(() => {
+        _.current = null, !X.current.dragging && pt({
+          key: K.current,
           settle: !1
         });
       }));
     };
     window.addEventListener("resize", t), window.visualViewport?.addEventListener("resize", t);
-    const e = i.current, a = e?.parentElement, c = typeof ResizeObserver > "u" ? null : new ResizeObserver(t), s = (u) => {
+    const e = i.current, n = e?.parentElement, c = typeof ResizeObserver > "u" ? null : new ResizeObserver(t), a = (u) => {
       e && u.target instanceof Element && e.contains(u.target) && t();
     };
-    return c && (e && c.observe(e), a && c.observe(a)), e?.addEventListener(
+    return c && (e && c.observe(e), n && c.observe(n)), e?.addEventListener(
       "transitionend",
-      s,
+      a,
       !0
     ), e?.addEventListener(
       "transitioncancel",
-      s,
+      a,
       !0
     ), () => {
       window.removeEventListener("resize", t), window.visualViewport?.removeEventListener("resize", t), e?.removeEventListener(
         "transitionend",
-        s,
+        a,
         !0
       ), e?.removeEventListener(
         "transitioncancel",
-        s,
+        a,
         !0
-      ), c?.disconnect(), j.current !== null && (window.cancelAnimationFrame(j.current), j.current = null);
+      ), c?.disconnect(), _.current !== null && (window.cancelAnimationFrame(_.current), _.current = null);
     };
   }, [
     r,
     l,
-    b,
+    E,
     i,
     pt
-  ]), K(() => {
-    if (ie <= 0 || !l || !r || !b)
+  ]), j(() => {
+    if (ce <= 0 || !l || !r || !E)
       return;
     let t = window.requestAnimationFrame(() => {
       t = null, pt({
-        key: J.current,
+        key: K.current,
         settle: !1
       });
     });
@@ -1231,151 +1214,145 @@ function _r({
   }, [
     r,
     l,
-    b,
-    ie,
+    E,
+    ce,
     pt
   ]);
-  const Se = f(
-    (t, e, a) => {
-      if (typeof Element > "u" || !(t instanceof Element) || te(t)) return !1;
-      const c = Date.now(), s = e > 0, u = ir(t, _.current);
-      return !a && u && s && u.scrollTop > 0 || !a && Yt.current && c - Yt.current < se && Math.abs(W()) <= 1 ? (Yt.current = c, !1) : !0;
+  const Xe = f(
+    (t, e, n) => {
+      if (typeof Element > "u" || !(t instanceof Element) || re(t)) return !1;
+      const c = Date.now(), a = e > 0, u = pr(t, U.current);
+      return !n && u && a && u.scrollTop > 0 || !n && Yt.current && c - Yt.current < le && Math.abs(W()) <= 1 ? (Yt.current = c, !1) : !0;
     },
-    [W, se]
-  ), wt = f(
+    [W, le]
+  ), vt = f(
     ({
       chrome: t,
       pointerId: e = null,
-      selectionArbitration: a = !1,
+      selectionArbitration: n = !1,
       source: c,
-      startX: s = 0,
+      startX: a = 0,
       startY: u,
       touchId: d = null
     }) => {
-      const { startTranslate: p, startTranslatePoint: m } = ye(), h = tt();
-      M.current = {
+      const { startTranslate: m, startTranslatePoint: p } = xe(), g = q();
+      X.current = {
         dragging: !0,
         allowed: !1,
         chrome: t,
-        selectionArbitration: a,
+        selectionArbitration: n,
         closeAllowed: null,
         started: !1,
         source: c,
-        startX: s,
+        startX: a,
         startY: u,
-        lastX: s,
+        lastX: a,
         lastY: u,
-        startTranslateX: m.x,
-        startTranslate: p,
-        lastTranslateX: m.x,
-        lastTranslate: p,
-        startTime: h,
+        startTranslateX: p.x,
+        startTranslate: m,
+        lastTranslateX: p.x,
+        lastTranslate: m,
+        startTime: g,
         samples: [
           {
-            time: h,
-            pageX: s,
+            time: g,
+            pageX: a,
             pageY: u,
-            translateX: m.x,
-            translateY: p
+            translateX: p.x,
+            translateY: m
           }
         ],
         pointerId: e,
         touchId: d
       };
     },
-    [ye]
-  ), mt = f(
+    [xe]
+  ), ft = f(
     (t) => {
-      t.source === "touch" ? st(!1) : t.source === "pointer" && Q(!1), t.dragging = !1, t.allowed = !1, t.closeAllowed = null, t.started = !1, t.source = null, t.startX = 0, t.startY = 0, t.lastX = 0, t.lastY = 0, t.startTranslateX = 0, t.startTranslate = 0, t.lastTranslateX = 0, t.lastTranslate = 0, t.pointerId = null, t.touchId = null;
+      t.source === "touch" ? ot(!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;
     },
-    [Q, st]
-  ), De = f(
+    [J, ot]
+  ), Ye = f(
     (t, e) => {
-      const a = it(), c = lt();
-      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 = [
+      const n = st(), c = it();
+      t.startX = e.x, t.startY = e.y, t.lastX = e.x, t.lastY = e.y, t.startTranslateX = c.x, t.startTranslate = n, t.lastTranslateX = c.x, t.lastTranslate = n, t.startTime = q(), t.samples = [
         {
           time: t.startTime,
           pageX: e.x,
           pageY: e.y,
           translateX: c.x,
-          translateY: a
+          translateY: n
         }
       ];
     },
-    [it, lt]
-  ), Xe = f(
+    [st, it]
+  ), Ee = f(
     ({
       currentTranslate: t,
       dismissible: e,
-      releaseVelocity: a,
+      releaseVelocity: n,
       deltaY: c,
-      startTranslate: s
+      startTranslate: a
     }) => {
-      const u = k(), d = Z(), p = d > 0, m = u, h = Math.max(
-        F.dismissal.minDistancePx,
-        (u - d) * Tt
-      ), Y = w.map(
-        (H) => N(u - H, 0, u)
-      ), C = Oe(
-        Y.length ? Y : [0]
-      ), T = Xr({
+      const u = I(), d = Q(), m = v.map(
+        (p) => N(u - p, 0, u)
+      );
+      return vr({
+        closeThreshold: Xt,
         currentTranslate: t,
-        releaseVelocity: a
-      });
-      p && C.push(d);
-      const v = Oe(C);
-      return e && !p && c > 0 && t >= d + h ? m : Yr(a) ? v.length > 1 ? xr(
-        v,
-        s,
-        t,
-        c > 0 ? "down" : "up",
-        T
-      ) : 0 : e && t > u * Tt && !p ? m : Tr(v, t);
+        deltaY: c,
+        dismissible: e,
+        peekTranslate: d,
+        releaseVelocity: n,
+        restingTranslates: m,
+        sheetHeight: u,
+        startTranslate: a
+      }).translate;
     },
-    [Tt, Z, k, w]
+    [Xt, Q, I, v]
   ), It = f(
     (t) => {
-      const e = L ?? k();
-      Et.current = fr({
-        defaultTranslate: D,
+      const e = L ?? I();
+      Mt.current = yr({
+        defaultTranslate: S,
         sheetHeight: e,
-        snapHeights: w,
+        snapHeights: v,
         translate: t
       });
     },
-    [k, L, w, D]
-  ), Ze = f(() => {
-    if (n !== "bottom") return !1;
-    const t = pr({
-      backdropFromHeight: E,
+    [I, L, v, S]
+  ), nr = f(() => {
+    if (o !== "bottom") return !1;
+    const t = Tr({
+      backdropFromHeight: V,
       currentTranslate: W(),
-      sheetHeight: L ?? k(),
-      snapHeights: w
+      sheetHeight: L ?? I(),
+      snapHeights: v
     });
     return t === null ? !1 : (O(t, { intent: "sheet" }), It(t), !0);
   }, [
-    E,
+    V,
     It,
-    k,
+    I,
     W,
-    n,
+    o,
     O,
     L,
-    w
-  ]), qe = f(
+    v
+  ]), ar = f(
     (t) => {
-      if (!r || n !== "bottom" && !b || o === !1 || t.pointerType === "touch") return;
+      if (!r || o !== "bottom" && !E || s === !1 || t.pointerType === "touch") return;
       let e = !1;
-      if (o === "handle" && ze(t.target))
+      if (s === "handle" && $e(t.target))
         e = !0;
-      else if (o === "handle")
+      else if (s === "handle")
         return;
-      if (!e && te(t.target)) return;
-      if (o === "content" && (e = Ve(t.target), !Sr(t, e))) {
-        n === "bottom" && !lr({
+      if (!e && re(t.target)) return;
+      if (s === "content" && (e = Re(t.target), !Mr(t, e))) {
+        o === "bottom" && !fr({
           target: t.target,
-          boundary: _.current
-        }) && wt({
+          boundary: U.current
+        }) && vt({
           chrome: !1,
           pointerId: t.pointerId,
           selectionArbitration: !0,
@@ -1385,161 +1362,161 @@ function _r({
         });
         return;
       }
-      const a = wr(t.target);
-      wt({
+      const n = Er(t.target);
+      vt({
         chrome: e,
         pointerId: t.pointerId,
         source: "pointer",
         startX: t.pageX,
         startY: t.pageY
-      }), vr(t.target) || t.preventDefault(), Q(!0), !a && typeof t.currentTarget.setPointerCapture == "function" && t.currentTarget.setPointerCapture(t.pointerId);
+      }), Yr(t.target) || t.preventDefault(), J(!0), !n && typeof t.currentTarget.setPointerCapture == "function" && t.currentTarget.setPointerCapture(t.pointerId);
     },
     [
-      wt,
-      o,
+      vt,
+      s,
       r,
-      n,
-      b,
-      Q
+      o,
+      E,
+      J
     ]
-  ), gt = f(
+  ), mt = f(
     (t, e) => {
-      if (!R) return !1;
+      if (!H) return !1;
       if (e <= 0) return !0;
       if (t.closeAllowed !== null) return t.closeAllowed;
-      const a = ae({ reason: "drag-dismiss" });
-      return t.closeAllowed = a, a;
+      const n = se({ reason: "drag-dismiss" });
+      return t.closeAllowed = n, n;
     },
-    [ae, R]
-  ), kt = f(
+    [se, H]
+  ), Ot = f(
     ({
       closeAllowed: t,
       currentTranslate: e,
-      deltaY: a,
+      deltaY: n,
       releaseVelocity: c,
-      startTranslate: s
+      startTranslate: a
     }) => {
-      const d = Xe({
+      const d = Ee({
         currentTranslate: e,
-        dismissible: R && t !== !1,
+        dismissible: H && t !== !1,
         releaseVelocity: c,
-        deltaY: a,
-        startTranslate: s
-      }), p = k(), m = Z();
-      if (d >= p - 1) {
-        at({ reason: "drag-dismiss" }, { commit: !1 }) ? we(d, {
+        deltaY: n,
+        startTranslate: a
+      }), m = I(), p = Q();
+      if (d >= m - 1) {
+        nt({ reason: "drag-dismiss" }, { commit: !1 }) ? De(d, {
           from: e,
           initialVelocity: c
-        }) : O(s, {
+        }) : O(a, {
           from: e,
           initialVelocity: c
         });
         return;
       }
-      m > 0 && d >= m - 1 ? Ht("peeked") : (Ar({
-        presentationState: z,
+      p > 0 && d >= p - 1 ? Rt("peeked") : (Ir({
+        presentationState: F,
         releaseTranslate: d,
-        visibleTranslate: D
-      }) && (_t.current = !0), Ht("visible"), It(d)), O(d, {
+        visibleTranslate: S
+      }) && (Wt.current = !0), Rt("visible"), It(d)), O(d, {
         from: e,
         initialVelocity: c
       });
     },
     [
-      we,
+      De,
       It,
-      R,
-      Z,
-      Xe,
-      k,
-      z,
-      at,
-      Ht,
+      H,
+      Q,
+      Ee,
+      I,
+      F,
+      nt,
+      Rt,
       O,
-      D
+      S
     ]
-  ), Ot = f(
+  ), kt = f(
     ({
       currentTranslate: t,
       releaseDelta: e,
-      releaseTranslate: a,
+      releaseTranslate: n,
       releaseVelocity: c
     }) => {
-      const s = ct();
-      if (!s) return;
-      const u = mr({
-        currentPoint: a,
+      const a = lt();
+      if (!a) return;
+      const u = xr({
+        currentPoint: n,
         velocity: c,
-        targets: s.targets
-      }), d = s.targets.find(
-        (Y) => Y.key === J.current
-      ) ?? s.defaultTarget, m = i.current?.getBoundingClientRect(), h = {
+        targets: a.targets
+      }), d = a.targets.find(
+        (Y) => Y.key === K.current
+      ) ?? a.defaultTarget, p = i.current?.getBoundingClientRect(), g = {
         x: d.x + e.x,
         y: d.y + e.y
       };
-      if (R && m && Lr({
-        closeThreshold: Tt,
+      if (H && p && Cr({
+        closeThreshold: Xt,
         currentTarget: d,
-        currentTranslate: h,
+        currentTranslate: g,
         releaseTarget: u,
         surfaceSize: {
-          height: m.height,
-          width: m.width
+          height: p.height,
+          width: p.width
         },
-        targets: s.targets
-      }) && at({ reason: "drag-dismiss" })) {
-        G(), x();
+        targets: a.targets
+      }) && nt({ reason: "drag-dismiss" })) {
+        G(), P();
         return;
       }
-      if (J.current = u.key, U.current) {
-        Bt(u);
+      if (K.current = u.key, R.current) {
+        Ct(u);
         return;
       }
-      q(u, {
+      Z(u, {
         from: t,
         initialVelocity: c
       });
     },
     [
       G,
-      Tt,
-      R,
-      x,
-      ct,
-      at,
-      Bt,
-      q,
+      Xt,
+      H,
+      P,
+      lt,
+      nt,
+      Ct,
+      Z,
       i
     ]
-  ), tr = f(
+  ), or = f(
     (t) => {
-      const e = M.current;
-      if (!e.dragging || e.source !== "pointer" || !r || n !== "bottom" && !b)
+      const e = X.current;
+      if (!e.dragging || e.source !== "pointer" || !r || o !== "bottom" && !E)
         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 && Ne({ deltaX: a, deltaY: c, placement: n }) < s)) {
+      const n = t.pageX - e.startX, c = t.pageY - e.startY, a = t.pointerType === "touch" ? $.dragStartThresholdPx.touch : $.dragStartThresholdPx.mouse;
+      if (!(!e.started && ze({ deltaX: n, deltaY: c, placement: o }) < a)) {
         if (e.selectionArbitration && !e.allowed) {
-          const u = Math.abs(a), d = Math.abs(c), p = F.selectionArbitrationThresholdPx;
-          if (u >= p && u >= d) {
+          const u = Math.abs(n), d = Math.abs(c), m = $.selectionArbitrationThresholdPx;
+          if (u >= m && u >= d) {
             e.dragging = !1;
             return;
           }
-          if (d < p || d <= u)
+          if (d < m || d <= u)
             return;
-          window.getSelection?.()?.removeAllRanges(), Q(!0);
+          window.getSelection?.()?.removeAllRanges(), J(!0);
         }
         if (!e.allowed) {
-          if (n === "bottom" && !Se(t.target, c, e.chrome))
+          if (o === "bottom" && !Xe(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, n === "popup")
-          ft(e, t), Ue(e, t);
+        if (t.preventDefault(), e.lastX = t.pageX, e.lastY = t.pageY, o === "popup")
+          dt(e, t), Ge(e, t);
         else {
-          const u = e.startTranslate + c, d = gt(e, c);
-          ut(u, d), Dt(e, {
+          const u = e.startTranslate + c, d = mt(e, c);
+          ct(u, d), St(e, {
             pageX: t.pageX,
             pageY: t.pageY,
             translateX: e.lastTranslateX,
@@ -1550,152 +1527,152 @@ function _r({
     },
     [
       r,
-      ft,
-      gt,
-      n,
-      b,
-      Q,
-      ut,
-      Se
+      dt,
+      mt,
+      o,
+      E,
+      J,
+      ct,
+      Xe
     ]
-  ), et = f(
+  ), tt = f(
     ({
       currentTarget: t,
       pageX: e,
-      pageY: a,
+      pageY: n,
       releaseCapture: c = !0
     }) => {
-      const s = M.current;
-      if (!s.dragging || s.source !== "pointer" || !r || n !== "bottom" && !b)
+      const a = X.current;
+      if (!a.dragging || a.source !== "pointer" || !r || o !== "bottom" && !E)
         return;
-      const u = s.started, d = Number.isFinite(e) ? e : s.lastX, p = Number.isFinite(a) ? a : s.lastY, m = d - s.startX, h = p - s.startY, Y = Math.max(tt() - s.startTime, 1);
+      const u = a.started, d = Number.isFinite(e) ? e : a.lastX, m = Number.isFinite(n) ? n : a.lastY, p = d - a.startX, g = m - a.startY, Y = Math.max(q() - a.startTime, 1);
       let C = {
-        x: s.lastTranslateX,
-        y: s.lastTranslate
+        x: a.lastTranslateX,
+        y: a.lastTranslate
       }, T = C;
-      const v = s.startTranslate;
+      const b = a.startTranslate;
       if (u)
-        if (n === "popup")
-          ft(s, {
+        if (o === "popup")
+          dt(a, {
             pageX: d,
-            pageY: p
+            pageY: m
           }), C = {
-            x: s.lastTranslateX,
-            y: s.lastTranslate
-          }, T = Vt(s, {
+            x: a.lastTranslateX,
+            y: a.lastTranslate
+          }, T = Ft(a, {
             pageX: d,
-            pageY: p
+            pageY: m
           });
         else {
-          const B = s.startTranslate + h, St = gt(s, h);
-          ut(B, St), C = {
-            x: s.lastTranslateX,
-            y: s.lastTranslate
+          const k = a.startTranslate + g, wt = mt(a, g);
+          ct(k, wt), C = {
+            x: a.lastTranslateX,
+            y: a.lastTranslate
           };
         }
-      const H = s.closeAllowed;
-      if (c && t && s.pointerId !== null && t.hasPointerCapture(s.pointerId) && t.releasePointerCapture(s.pointerId), u) {
-        const B = n === "popup" ? T : {
-          x: s.lastTranslateX,
-          y: s.lastTranslate
+      const B = a.closeAllowed;
+      if (c && t && a.pointerId !== null && t.hasPointerCapture(a.pointerId) && t.releasePointerCapture(a.pointerId), u) {
+        const k = o === "popup" ? T : {
+          x: a.lastTranslateX,
+          y: a.lastTranslate
         };
-        Dt(s, {
+        St(a, {
           pageX: d,
-          pageY: p,
-          translateX: B.x,
-          translateY: B.y
+          pageY: m,
+          translateX: k.x,
+          translateY: k.y
         });
       }
-      if (mt(s), !!u)
-        if (Pt.current = tt() + 500, n === "popup") {
-          const B = je({
-            session: s,
-            fallbackDelta: { x: m, y: h },
+      if (ft(a), !!u)
+        if (Tt.current = q() + 500, o === "popup") {
+          const k = Ke({
+            session: a,
+            fallbackDelta: { x: p, y: g },
             fallbackElapsed: Y
           });
-          Ot({
+          kt({
             currentTranslate: C,
-            releaseDelta: { x: m, y: h },
+            releaseDelta: { x: p, y: g },
             releaseTranslate: T,
-            releaseVelocity: B
+            releaseVelocity: k
           });
         } else {
-          const B = _e({
-            session: s,
-            fallbackDeltaY: h,
+          const k = je({
+            session: a,
+            fallbackDeltaY: g,
             fallbackElapsed: Y
           });
-          kt({
-            closeAllowed: H,
+          Ot({
+            closeAllowed: B,
             currentTranslate: C.y,
-            deltaY: h,
-            releaseVelocity: B,
-            startTranslate: v
+            deltaY: g,
+            releaseVelocity: k,
+            startTranslate: b
           });
         }
     },
     [
-      kt,
       Ot,
+      kt,
       r,
-      ft,
-      gt,
-      n,
-      b,
+      dt,
       mt,
-      ut
+      o,
+      E,
+      ft,
+      ct
     ]
-  ), Ye = f(
+  ), Me = f(
     (t) => {
-      et({
+      tt({
         currentTarget: t.currentTarget,
         pageX: t.pageX,
         pageY: t.pageY
       });
     },
-    [et]
-  ), er = f(
+    [tt]
+  ), sr = f(
     (t) => {
-      const e = M.current;
-      e.pointerId !== null && t.pointerId !== e.pointerId || et({
+      const e = X.current;
+      e.pointerId !== null && t.pointerId !== e.pointerId || tt({
         pageX: t.pageX,
         pageY: t.pageY,
         releaseCapture: !1
       });
     },
-    [et]
+    [tt]
   );
-  Ft(() => {
+  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 || et({
-        pageX: s.pageX,
-        pageY: s.pageY,
+    const t = (a) => {
+      const u = X.current;
+      !u.dragging || u.source !== "pointer" || "pointerId" in a && u.pointerId !== null && a.pointerId !== u.pointerId || tt({
+        pageX: a.pageX,
+        pageY: a.pageY,
         releaseCapture: !1
       });
     }, e = () => {
-      const s = M.current;
-      !s.dragging || s.source !== "pointer" || et({
-        pageX: s.lastX,
-        pageY: s.lastY,
+      const a = X.current;
+      !a.dragging || a.source !== "pointer" || tt({
+        pageX: a.lastX,
+        pageY: a.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);
+    }, n = (a) => {
+      const u = X.current;
+      !u.dragging || u.source !== "pointer" || a.relatedTarget === null && t(a);
+    }, c = (a) => {
+      const u = X.current;
+      !u.dragging || u.source !== "pointer" || a.relatedTarget === null && t(a);
     };
-    return document.addEventListener("pointerout", a, !0), document.addEventListener("mouseout", c, !0), window.addEventListener("pointerup", t, !0), window.addEventListener(
+    return document.addEventListener("pointerout", n, !0), document.addEventListener("mouseout", c, !0), window.addEventListener("pointerup", t, !0), window.addEventListener(
       "pointercancel",
       t,
       !0
     ), window.addEventListener("blur", e), () => {
       document.removeEventListener(
         "pointerout",
-        a,
+        n,
         !0
       ), document.removeEventListener("mouseout", c, !0), window.removeEventListener(
         "pointerup",
@@ -1707,95 +1684,95 @@ function _r({
         !0
       ), window.removeEventListener("blur", e);
     };
-  }, [et, r]), Ft(() => {
+  }, [tt, r]), Nt(() => {
     if (!r) return;
     const t = (e) => {
-      const a = Pt.current;
-      if (a <= 0) return;
-      if (tt() > a) {
-        Pt.current = 0;
+      const n = Tt.current;
+      if (n <= 0) return;
+      if (q() > n) {
+        Tt.current = 0;
         return;
       }
       const c = i.current;
-      c && e.target instanceof Node && c.contains(e.target) && (Pt.current = 0, e.preventDefault(), e.stopPropagation());
+      c && e.target instanceof Node && c.contains(e.target) && (Tt.current = 0, e.preventDefault(), e.stopPropagation());
     };
     return document.addEventListener("click", t, !0), () => {
       document.removeEventListener("click", t, !0);
     };
   }, [r, i]);
-  const Nt = f((t) => {
-    const e = M.current;
-    return e.touchId !== null ? Re(t.changedTouches, e.touchId) ?? Re(t.touches, e.touchId) : t.touches[0] ?? t.changedTouches[0] ?? null;
-  }, []), rr = f(
+  const Vt = f((t) => {
+    const e = X.current;
+    return e.touchId !== null ? _e(t.changedTouches, e.touchId) ?? _e(t.touches, e.touchId) : t.touches[0] ?? t.changedTouches[0] ?? null;
+  }, []), ir = f(
     (t) => {
-      if (!r || n !== "bottom" && !b || o === !1 || t.touches.length !== 1) return;
+      if (!r || o !== "bottom" && !E || s === !1 || t.touches.length !== 1) return;
       let e = !1;
-      if (o === "handle" && ze(t.target))
+      if (s === "handle" && $e(t.target))
         e = !0;
-      else if (o === "handle")
+      else if (s === "handle")
         return;
-      if (!e && te(t.target)) return;
-      o === "content" && (e = Ve(t.target));
-      const a = t.touches[0];
-      n === "bottom" && Lt({
+      if (!e && re(t.target)) return;
+      s === "content" && (e = Re(t.target));
+      const n = t.touches[0];
+      o === "bottom" && Lt({
         target: t.target,
         chrome: e
-      }), wt({
+      }), vt({
         chrome: e,
         source: "touch",
-        startX: a.pageX,
-        startY: a.pageY,
-        touchId: a.identifier
+        startX: n.pageX,
+        startY: n.pageY,
+        touchId: n.identifier
       });
     },
     [
-      wt,
-      o,
+      vt,
+      s,
       r,
-      n,
-      b,
+      o,
+      E,
       Lt
     ]
-  ), Me = f(
+  ), be = f(
     (t) => {
-      const e = M.current;
-      if (!e.dragging || e.source !== "touch" || !r || n !== "bottom" && !b)
+      const e = X.current;
+      if (!e.dragging || e.source !== "touch" || !r || o !== "bottom" && !E)
         return;
-      const a = Nt(t);
-      if (!a) return;
-      const c = a.pageX - e.startX, s = a.pageY - e.startY, u = Ne({
+      const n = Vt(t);
+      if (!n) return;
+      const c = n.pageX - e.startX, a = n.pageY - e.startY, u = ze({
         deltaX: c,
-        deltaY: s,
-        placement: n
-      }), d = F.dragStartThresholdPx.touch, p = n === "bottom" ? cr({
+        deltaY: a,
+        placement: o
+      }), d = $.dragStartThresholdPx.touch, m = o === "bottom" ? mr({
         target: t.target,
-        deltaY: s,
+        deltaY: a,
         chrome: e.chrome,
-        bodyNode: _.current,
-        canExpand: it() > 1
-      }) : ur({
+        bodyNode: U.current,
+        canExpand: st() > 1
+      }) : gr({
         target: t.target,
-        bodyNode: _.current
+        bodyNode: U.current
       });
-      if (p.preventDefault) {
-        const h = n === "bottom" && Math.abs(c) > Math.abs(s) && Math.abs(s) < d && !e.started && u < d;
-        !h && n === "bottom" && Lt({
+      if (m.preventDefault) {
+        const g = o === "bottom" && Math.abs(c) > Math.abs(a) && Math.abs(a) < d && !e.started && u < d;
+        !g && o === "bottom" && Lt({
           target: t.target,
           chrome: e.chrome
-        }), h || ke(t);
+        }), g || Fe(t);
       }
-      if (p.resetAnchor) {
-        st(!1), De(e, { x: a.pageX, y: a.pageY });
+      if (m.resetAnchor) {
+        ot(!1), Ye(e, { x: n.pageX, y: n.pageY });
         return;
       }
-      if (p.allowDrag && !(!e.started && u < d))
-        if (e.allowed || (e.allowed = !0, e.started = !0), p.preventDefault || ke(t), e.lastX = a.pageX, e.lastY = a.pageY, n === "popup")
-          ft(e, a), Ue(e, a);
+      if (m.allowDrag && !(!e.started && u < d))
+        if (e.allowed || (e.allowed = !0, e.started = !0), m.preventDefault || Fe(t), e.lastX = n.pageX, e.lastY = n.pageY, o === "popup")
+          dt(e, n), Ge(e, n);
         else {
-          const m = e.startTranslate + s, h = gt(e, s);
-          ut(m, h), Dt(e, {
-            pageX: a.pageX,
-            pageY: a.pageY,
+          const p = e.startTranslate + a, g = mt(e, a);
+          ct(p, g), St(e, {
+            pageX: n.pageX,
+            pageY: n.pageY,
             translateX: e.lastTranslateX,
             translateY: e.lastTranslate
           });
@@ -1803,22 +1780,22 @@ function _r({
     },
     [
       r,
-      ft,
-      gt,
-      it,
-      Nt,
-      n,
-      b,
-      De,
+      dt,
+      mt,
       st,
-      ut,
+      Vt,
+      o,
+      E,
+      Ye,
+      ot,
+      ct,
       Lt
     ]
   );
-  Ft(() => {
-    if (!l || !r || n !== "bottom" && !b || o === !1 || typeof window > "u") return;
+  Nt(() => {
+    if (!l || !r || o !== "bottom" && !E || s === !1 || typeof window > "u") return;
     const t = (e) => {
-      Me(e);
+      be(e);
     };
     return window.addEventListener("touchmove", t, {
       capture: !0,
@@ -1826,14 +1803,14 @@ function _r({
     }), () => {
       window.removeEventListener("touchmove", t, !0);
     };
-  }, [o, r, Me, l, n, b]);
-  const nr = f(
+  }, [s, r, be, l, o, E]);
+  const lr = f(
     (t) => {
-      const e = M.current;
-      if (!e.dragging || e.source !== "touch" || !r || n !== "bottom" && !b)
+      const e = X.current;
+      if (!e.dragging || e.source !== "touch" || !r || o !== "bottom" && !E)
         return;
-      const a = Nt(t), c = a?.pageX ?? e.lastX, s = a?.pageY ?? e.lastY, u = e.started, d = e.closeAllowed, p = c - e.startX, m = s - e.startY, h = Math.max(tt() - e.startTime, 1);
-      n === "popup" && dt();
+      const n = Vt(t), c = n?.pageX ?? e.lastX, a = n?.pageY ?? e.lastY, u = e.started, d = e.closeAllowed, m = c - e.startX, p = a - e.startY, g = Math.max(q() - e.startTime, 1);
+      o === "popup" && ut();
       const Y = {
         x: e.lastTranslateX,
         y: e.lastTranslate
@@ -1841,96 +1818,96 @@ function _r({
       let C = Y;
       const T = e.startTranslate;
       if (u) {
-        const v = n === "popup" ? Vt(e, {
+        const b = o === "popup" ? Ft(e, {
           pageX: c,
-          pageY: s
+          pageY: a
         }) : {
           x: e.lastTranslateX,
           y: e.lastTranslate
         };
-        C = v, Dt(e, {
+        C = b, St(e, {
           pageX: c,
-          pageY: s,
-          translateX: v.x,
-          translateY: v.y
+          pageY: a,
+          translateX: b.x,
+          translateY: b.y
         });
       }
-      if (mt(e), !!u)
-        if (Pt.current = tt() + 500, n === "popup") {
-          const v = je({
+      if (ft(e), !!u)
+        if (Tt.current = q() + 500, o === "popup") {
+          const b = Ke({
             session: e,
-            fallbackDelta: { x: p, y: m },
-            fallbackElapsed: h
+            fallbackDelta: { x: m, y: p },
+            fallbackElapsed: g
           });
-          Ot({
+          kt({
             currentTranslate: Y,
-            releaseDelta: { x: p, y: m },
+            releaseDelta: { x: m, y: p },
             releaseTranslate: C,
-            releaseVelocity: v
+            releaseVelocity: b
           });
         } else {
-          const v = _e({
+          const b = je({
             session: e,
-            fallbackDeltaY: m,
-            fallbackElapsed: h
+            fallbackDeltaY: p,
+            fallbackElapsed: g
           });
-          kt({
+          Ot({
             closeAllowed: d,
             currentTranslate: Y.y,
-            deltaY: m,
-            releaseVelocity: v,
+            deltaY: p,
+            releaseVelocity: b,
             startTranslate: T
           });
         }
     },
     [
-      kt,
       Ot,
+      kt,
       r,
-      Nt,
-      n,
-      b,
-      mt,
-      dt
+      Vt,
+      o,
+      E,
+      ft,
+      ut
     ]
-  ), ar = f(() => {
-    const t = M.current;
+  ), cr = f(() => {
+    const t = X.current;
     if (!t.dragging || t.source !== "touch") return;
-    const e = t.started, a = t.startTranslate, c = t.lastTranslate, s = {
+    const e = t.started, n = t.startTranslate, c = t.lastTranslate, a = {
       x: t.startTranslateX,
       y: t.startTranslate
     }, u = {
       x: t.lastTranslateX,
       y: t.lastTranslate
-    }, d = n;
-    if (mt(t), !!e) {
+    }, d = o;
+    if (ft(t), !!e) {
       if (d === "popup") {
-        U.current ? Bt(s) : q(s, { from: u });
+        R.current ? Ct(a) : Z(a, { from: u });
         return;
       }
-      O(a, { from: c });
+      O(n, { from: c });
     }
   }, [
-    n,
-    mt,
-    Bt,
-    q,
+    o,
+    ft,
+    Ct,
+    Z,
     O
   ]);
   return {
-    collapseBottomSheetToUndimmedSnap: Ze,
+    collapseBottomSheetToUndimmedSnap: nr,
     handlers: {
-      onPointerDown: qe,
-      onPointerMove: tr,
-      onPointerUp: Ye,
-      onPointerCancel: Ye,
-      onLostPointerCapture: er,
-      onTouchStart: rr,
-      onTouchEnd: nr,
-      onTouchCancel: ar
+      onPointerDown: ar,
+      onPointerMove: or,
+      onPointerUp: Me,
+      onPointerCancel: Me,
+      onLostPointerCapture: sr,
+      onTouchStart: ir,
+      onTouchEnd: lr,
+      onTouchCancel: cr
     }
   };
 }
 export {
-  _r as useModalDrag
+  Kr as useModalDrag
 };