@plainsheet/react 0.4.9 → 0.4.10

package/dist/plainsheet-react.es.js

@@ -222,31 +222,31 @@ const _t = (t, e, n) => {
 function qt(t, e, n, o, r, i, a) {
   if (!o.isDragging || !A(o.startY))
     return;
-  const c = e.getCoordinates(t).y, u = wt(o.startY, c), h = window.innerHeight, s = i.clientHeight, m = s - (o.containerStartTranslate.y + u);
-  if (m >= h)
+  const l = e.getCoordinates(t).y, u = wt(o.startY, l), h = window.innerHeight, c = i.clientHeight, f = c - (o.containerStartTranslate.y + u);
+  if (f >= h)
     return;
-  const C = Et(o.startY, c);
-  if (C.isUp && !n.expandable && m >= s || n.preventClosing && m <= s)
+  const y = Et(o.startY, l);
+  if (y.isUp && !n.expandable && f >= c || n.preventClosing && f <= c)
     return;
   r.start(() => {
     et(i, {
       y: o.containerStartTranslate.y + u
     });
   }, 0);
-  const l = h - a, E = s - o.containerStartTranslate.y;
-  if (C.isUp) {
-    const f = l - E, S = l - m, w = gt(
-      1 - tt(S / f, 2),
+  const s = h - a, C = c - o.containerStartTranslate.y;
+  if (y.isUp) {
+    const v = s - C, S = s - f, E = gt(
+      1 - tt(S / v, 2),
       {
         min: 0,
         max: 1
       }
     );
-    n.onDragMove(C, w);
-  } else if (C.isDown) {
-    const f = gt(
+    n.onDragMove(y, E);
+  } else if (y.isDown) {
+    const v = gt(
       tt(
-        1 - m / E,
+        1 - f / C,
         2
       ),
       {
@@ -254,30 +254,30 @@ function qt(t, e, n, o, r, i, a) {
         max: 1
       }
     );
-    n.onDragMove(C, f);
+    n.onDragMove(y, v);
   }
 }
-const Vt = (t, e, n, o, r, i, a) => (c) => {
+const Vt = (t, e, n, o, r, i, a) => (l) => {
   if (!o.isDragging || (o.isDragging = !1, !A(o.startY)))
     return;
   n.onDragEnd();
-  const u = o.startY, h = t.getCoordinates(c).y, s = D(e).y, m = Et(u, h), C = window.innerHeight, l = e.clientHeight;
-  if (m.isUp) {
-    const E = [...n.snapPoints].sort(
-      (w, x) => w - x
-    ), f = l + -s;
-    if (!n.expandable && f >= l)
+  const u = o.startY, h = t.getCoordinates(l).y, c = D(e).y, f = Et(u, h), y = window.innerHeight, s = e.clientHeight;
+  if (f.isUp) {
+    const C = [...n.snapPoints].sort(
+      (E, x) => E - x
+    ), v = s + -c;
+    if (!n.expandable && v >= s)
       return;
-    for (const w of E) {
-      const x = w * window.innerHeight;
-      if (f <= x) {
-        const T = V(
-          f,
+    for (const E of C) {
+      const x = E * window.innerHeight;
+      if (v <= x) {
+        const w = V(
+          v,
           x
         );
         a.translateContainer({
-          startY: s,
-          endY: s - T,
+          startY: c,
+          endY: c - w,
           animationFrame: r,
           bottomSheetContainer: e
         });
@@ -285,30 +285,30 @@ const Vt = (t, e, n, o, r, i, a) => (c) => {
       }
     }
     const S = kt(
-      C,
-      l,
+      y,
+      s,
       n.marginTop
     );
     a.translateContainer({
-      startY: s,
+      startY: c,
       endY: S,
       animationFrame: r,
       bottomSheetContainer: e
     });
-  } else if (m.isDown) {
-    const E = [...n.snapPoints].sort(
-      (f, S) => S - f
+  } else if (f.isDown) {
+    const C = [...n.snapPoints].sort(
+      (v, S) => S - v
     );
-    for (const f of E) {
-      const S = f * window.innerHeight, w = l + -s;
-      if (w >= S) {
+    for (const v of C) {
+      const S = v * window.innerHeight, E = s + -c;
+      if (E >= S) {
         const x = V(
-          w,
+          E,
           S
         );
         a.translateContainer({
-          startY: s,
-          endY: s + x,
+          startY: c,
+          endY: c + x,
           animationFrame: r,
           bottomSheetContainer: e
         });
@@ -316,12 +316,12 @@ const Vt = (t, e, n, o, r, i, a) => (c) => {
       }
     }
     if (n.preventClosing) {
-      const f = l + -s;
-      if (f >= l) {
-        const S = V(f, l);
+      const v = s + -c;
+      if (v >= s) {
+        const S = V(v, s);
         a.translateContainer({
-          startY: s,
-          endY: s + S,
+          startY: c,
+          endY: c + S,
           animationFrame: r,
           bottomSheetContainer: e
         });
@@ -332,7 +332,7 @@ const Vt = (t, e, n, o, r, i, a) => (c) => {
   }
 };
 var j = /* @__PURE__ */ ((t) => (t[t.All = -1] = "All", t[t.None = 0] = "None", t[t.Capture = 1] = "Capture", t[t.Target = 2] = "Target", t[t.Bubble = 3] = "Bubble", t))(j || {});
-function St(t) {
+function vt(t) {
   switch (t) {
     case 0:
       return 0;
@@ -374,7 +374,7 @@ class X {
           e(i);
           return;
         }
-        St(i.eventPhase) === n.eventPhase && e(i);
+        vt(i.eventPhase) === n.eventPhase && e(i);
       },
       {
         passive: !0
@@ -394,7 +394,7 @@ class X {
           e(i);
           return;
         }
-        St(i.eventPhase) === n.eventPhase && e(i);
+        vt(i.eventPhase) === n.eventPhase && e(i);
       },
       {
         passive: !0
@@ -515,7 +515,7 @@ function Qt(t) {
       t.contentWrapperClass
     ]),
     k.ContentWrapper
-  ), c = M(
+  ), l = M(
     "div",
     R([
       k.Backdrop,
@@ -524,9 +524,9 @@ function Qt(t) {
     ]),
     k.Backdrop
   );
-  return t.backdropColor && (c.style.backgroundColor = t.backdropColor), t.backDropTransition && (c.style.transition = t.backDropTransition), {
+  return t.backdropColor && (l.style.backgroundColor = t.backdropColor), t.backDropTransition && (l.style.transition = t.backDropTransition), {
     bottomSheetRoot: e,
-    bottomSheetBackdrop: c,
+    bottomSheetBackdrop: l,
     bottomSheetContainer: n,
     bottomSheetHandle: r,
     bottomSheetHandleBar: i,
@@ -554,36 +554,29 @@ function te({
     bottomSheetContainer: r,
     bottomSheetHandle: i,
     bottomSheetContainerGapFiller: a,
-    bottomSheetContentWrapper: c,
+    bottomSheetContentWrapper: l,
     bottomSheetBackdrop: u
-  } = t, { animationFrame: h } = n, s = new X(i), m = new X(
-    c
-  ), C = new X(
+  } = t, { animationFrame: h } = n, c = new X(i), f = new X(
+    l
+  ), y = new X(
     a
-  ), l = e.dragTriggers.reduce(
-    (H, y) => {
-      const v = o.querySelectorAll(y);
-      if (!v.length)
-        return H;
-      const p = Array.from(v).map((d) => d instanceof HTMLElement ? new X(d) : null).filter((d) => !!d);
-      return [...H, ...p];
-    },
-    []
-  ), E = new X(
+  );
+  let s = [];
+  const C = new X(
     window
-  ), f = Xt(
-    E,
+  ), v = Xt(
+    C,
     r,
     e,
     n.draggingState
   ), S = zt(
-    E,
+    C,
     r,
     e,
     n.draggingState,
     h
-  ), w = Vt(
-    E,
+  ), E = Vt(
+    C,
     r,
     e,
     n.draggingState,
@@ -591,91 +584,102 @@ function te({
     n.onClose,
     n.bottomSheetState
   );
-  function x(H) {
-    H.target instanceof Element && !o.contains(H.target) && n.onClose();
+  function x(T) {
+    T.target instanceof Element && !o.contains(T.target) && n.onClose();
   }
-  function T(H) {
+  function w(T) {
     _t(
       n.draggingState,
-      H.target,
+      T.target,
       t.bottomSheetContentWrapper
     );
   }
-  function Y(H) {
-    const y = H ?? e;
-    y.draggable && (s.addEventListeners({
-      onStart: T
-    }), l.forEach((v) => {
-      v.addEventListeners({
-        onStart: T,
-        onStartOptions: {
-          eventPhase: j.Target
-        }
-      });
-    })), y.draggable && y.backgroundDraggable && (m.addEventListeners({
-      onStart: T,
+  function Y(T) {
+    const O = T ?? e;
+    O.draggable && O.backgroundDraggable && (f.addEventListeners({
+      onStart: w,
       onStartOptions: {
         eventPhase: j.Target
       }
-    }), C.addEventListeners({
-      onStart: T
-    })), y.draggable && E.addEventListeners({
-      onStart: f,
+    }), y.addEventListeners({
+      onStart: w
+    })), O.draggable && C.addEventListeners({
+      onStart: v,
       onMove: S,
-      onEnd: w
-    }), y.draggable && window.document.addEventListener("keyup", (v) => {
-      v.key === "Escape" && n.onClose();
-    }), i.addEventListener("keyup", (v) => {
-      if (v.key === "ArrowUp") {
+      onEnd: E
+    }), O.draggable && window.document.addEventListener("keyup", (b) => {
+      b.key === "Escape" && n.onClose();
+    }), i.addEventListener("keyup", (b) => {
+      if (b.key === "ArrowUp") {
         n.moveUp();
         return;
       }
-      if (v.key === "ArrowDown") {
+      if (b.key === "ArrowDown") {
         n.moveDown();
         return;
       }
-      if (v.shiftKey && v.key === "Tab") {
-        const p = P(
+      if (b.shiftKey && b.key === "Tab") {
+        const d = P(
           t.bottomSheetContentWrapper
         );
-        jt(p);
+        jt(d);
       }
     });
   }
-  function U() {
-    e.shouldCloseOnOutsideClick ? u.addEventListener("click", x) : u.style.pointerEvents = "none";
+  function U(T) {
+    const O = T ?? e;
+    e.shouldCloseOnOutsideClick && !e.preventClosing ? u.addEventListener("click", x) : u.style.pointerEvents = "none", O.draggable && (c.addEventListeners({
+      onStart: w
+    }), s.forEach((b) => {
+      b.removeEventListeners({
+        onStart: w
+      });
+    }), s = e.dragTriggers.reduce((b, d) => {
+      const p = o.querySelectorAll(d);
+      if (!p.length)
+        return b;
+      const g = Array.from(p).map((m) => m instanceof HTMLElement ? new X(m) : null).filter((m) => !!m);
+      return [...b, ...g];
+    }, []), s.forEach((b) => {
+      b.addEventListeners({
+        onStart: w,
+        onStartOptions: {
+          eventPhase: j.Target
+        }
+      });
+    }));
   }
   function $() {
     u.removeEventListener("click", x);
   }
-  function P(H) {
-    let y = [...Array.from(H.childNodes).reverse()];
-    for (; y.length; ) {
-      const v = y.shift();
-      if (Gt(v))
-        return v;
-      v && (y = [
-        ...y,
-        ...Array.from(v.childNodes).reverse()
+  function P(T) {
+    let O = [...Array.from(T.childNodes).reverse()];
+    for (; O.length; ) {
+      const b = O.shift();
+      if (Gt(b))
+        return b;
+      b && (O = [
+        ...O,
+        ...Array.from(b.childNodes).reverse()
       ]);
     }
     return null;
   }
   function F() {
-    s.removeEventListeners({
-      onStart: T
-    }), m.removeEventListeners({
-      onStart: T
-    }), C.removeEventListeners({
-      onStart: T
-    }), l.forEach((H) => {
-      H.removeEventListeners({
-        onStart: T
+    c.removeEventListeners({
+      onStart: w
+    }), f.removeEventListeners({
+      onStart: w
+    }), y.removeEventListeners({
+      onStart: w
+    }), s.forEach((T) => {
+      T.removeEventListeners({
+        onStart: w
       });
-    }), E.removeEventListeners({
-      onStart: f,
+    }), C.removeEventListeners({
+      onStart: v,
       onMove: S,
-      onEnd: w
+      onEnd: E
     });
   }
   return {
@@ -698,8 +702,8 @@ class ee {
     this.isInProgress = !0;
     const r = (i) => {
       this.startedAt || (this.startedAt = i);
-      const a = i - this.startedAt, c = n === 0 ? 1 : tt(a / n, 2), u = c >= 1 && !o;
-      e(c), u ? this.stop() : this.animationId = requestAnimationFrame(r);
+      const a = i - this.startedAt, l = n === 0 ? 1 : tt(a / n, 2), u = l >= 1 && !o;
+      e(l), u ? this.stop() : this.animationId = requestAnimationFrame(r);
     };
     this.animationId = requestAnimationFrame(r);
   }
@@ -715,15 +719,15 @@ function ne(t) {
     animationFrame: r,
     onEnd: i,
     animationTimingFunction: a,
-    animationDuration: c
+    animationDuration: l
   } = t, u = wt(e, n);
   r.stop();
   let h = !1;
-  r.start((s) => {
+  r.start((c) => {
     et(o, {
-      y: e + u * a(s)
-    }), !h && s >= 1 && (i == null || i(), h = !0);
-  }, c);
+      y: e + u * a(c)
+    }), !h && c >= 1 && (i == null || i(), h = !0);
+  }, l);
 }
 const ut = (t, e) => (n) => {
   ne({
@@ -768,32 +772,32 @@ function xt(t) {
   return !!(t instanceof Object && "p1x" in t && "p1y" in t && "p2x" in t && "p2y" in t && A(t.p1x) && A(t.p1y) && A(t.p2x) && A(t.p2y));
 }
 function G(t, e, n, o) {
-  return function(c) {
-    return a(r(c));
+  return function(l) {
+    return a(r(l));
   };
-  function r(c) {
-    let u = 0, h = 1, s = c, m;
-    if (c === 0 || c === 1)
-      return c;
+  function r(l) {
+    let u = 0, h = 1, c = l, f;
+    if (l === 0 || l === 1)
+      return l;
     for (; u < h; ) {
-      if (m = i(s), Math.abs(m - c) < 1e-3)
-        return s;
-      c > m ? u = s : h = s, s = (h + u) / 2;
+      if (f = i(c), Math.abs(f - l) < 1e-3)
+        return c;
+      l > f ? u = c : h = c, c = (h + u) / 2;
     }
-    return s;
+    return c;
   }
-  function i(c) {
-    return 3 * t * c * Math.pow(1 - c, 2) + 3 * n * Math.pow(c, 2) * (1 - c) + Math.pow(c, 3);
+  function i(l) {
+    return 3 * t * l * Math.pow(1 - l, 2) + 3 * n * Math.pow(l, 2) * (1 - l) + Math.pow(l, 3);
   }
-  function a(c) {
-    return 3 * e * c * Math.pow(1 - c, 2) + 3 * o * Math.pow(c, 2) * (1 - c) + Math.pow(c, 3);
+  function a(l) {
+    return 3 * e * l * Math.pow(1 - l, 2) + 3 * o * Math.pow(l, 2) * (1 - l) + Math.pow(l, 3);
   }
 }
-const vt = G(0.25, 0.1, 0.25, 1), se = G(0.42, 0, 1, 1), At = G(0.42, 0, 0.58, 1), ce = G(0.4, 0.1, 0.6, 1), le = G(0.45, 1.5, 0.55, 1);
+const St = G(0.25, 0.1, 0.25, 1), se = G(0.42, 0, 1, 1), At = G(0.42, 0, 0.58, 1), ce = G(0.4, 0.1, 0.6, 1), le = G(0.45, 1.5, 0.55, 1);
 function ue(t) {
   switch (t) {
     case W.EASE:
-      return vt;
+      return St;
     case W.EASE_IN:
       return se;
     case W.EASE_OUT:
@@ -803,7 +807,7 @@ function ue(t) {
     case W.SPRING:
       return le;
     default:
-      return vt;
+      return St;
   }
 }
 function yt(t) {
@@ -959,10 +963,13 @@ function he(t, e, n, o) {
       case "draggable":
         o.clearEventListeners(), o.attachEventListeners(n);
         break;
+      case "dragTriggers":
+        o.clearEventListeners(), o.attachEventListeners(n);
+        break;
       case "draggingAnimationTimings":
         if (xt(a)) {
-          const c = dt(a), u = ut(
-            c,
+          const l = dt(a), u = ut(
+            l,
             n.draggingAnimationDuration
           );
           e.translateContainer = u;
@@ -970,10 +977,10 @@ function he(t, e, n, o) {
         break;
       case "draggingAnimationDuration":
         if (A(a)) {
-          const c = dt(
+          const l = dt(
             n.draggingAnimationTimings
           ), u = ut(
-            c,
+            l,
             a
           );
           e.translateContainer = u;
@@ -1041,18 +1048,18 @@ function me(t) {
   function i() {
     r.originalDocumentOverflowY && r.originalDocumentOverflowY !== "hidden" && (document.body.style.overflowY = r.originalDocumentOverflowY), r.originalDocumentOverscrollBehavior && (document.body.style.position = r.originalDocumentOverscrollBehavior);
   }
-  const a = new ee(), c = {
+  const a = new ee(), l = {
     animationFrame: a,
-    onClose: w,
+    onClose: E,
     bottomSheetState: o,
     draggingState: r,
-    snapTo: v,
-    moveUp: H,
-    moveDown: y
+    snapTo: b,
+    moveUp: T,
+    moveDown: O
   }, { elements: u, eventHandlers: h } = Jt(
     e,
-    c
-  ), s = re(
+    l
+  ), c = re(
     e,
     he(
       u,
@@ -1060,184 +1067,184 @@ function me(t) {
       e,
       h
     )
-  ), { bottomSheetBackdrop: m, bottomSheetRoot: C, bottomSheetContainer: l } = u, E = (p) => {
-    const d = p ?? window.document.body;
-    d.appendChild(C), d.appendChild(m);
-    const b = window.innerHeight;
-    et(l, {
-      y: b
+  ), { bottomSheetBackdrop: f, bottomSheetRoot: y, bottomSheetContainer: s } = u, C = (d) => {
+    const p = d ?? window.document.body;
+    p.appendChild(y), p.appendChild(f);
+    const g = window.innerHeight;
+    et(s, {
+      y: g
     }), h.attachEventListeners(), o.isMounted = !0;
-  }, f = () => {
-    h.clearEventListeners(), Object.values(u).forEach((p) => {
-      p.remove();
+  }, v = () => {
+    h.clearEventListeners(), Object.values(u).forEach((d) => {
+      d.remove();
     }), i(), o.isMounted = !1;
   }, S = () => {
-    var p;
+    var d;
     if (x() || ae(
       'Bottom Sheet is not mounted yet. call the "mount" method first.'
-    ), (p = t.beforeOpen) == null || p.call(t), T())
+    ), (d = t.beforeOpen) == null || d.call(t), w())
       return;
-    ot(m, !0), s.shouldShowBackdrop || K(m, "transparent"), ot([l], !0), et(l, {
-      y: l.clientHeight
+    ot(f, !0), c.shouldShowBackdrop || K(f, "transparent"), ot([s], !0), et(s, {
+      y: s.clientHeight
     });
-    const d = window.innerHeight, b = mt(
-      d,
-      l.clientHeight,
-      s.marginTop,
-      s.defaultPosition
-    ), g = D(l).y;
+    const p = window.innerHeight, g = mt(
+      p,
+      s.clientHeight,
+      c.marginTop,
+      c.defaultPosition
+    ), m = D(s).y;
     o.translateContainer({
-      startY: g,
-      endY: b,
+      startY: m,
+      endY: g,
       animationFrame: a,
-      bottomSheetContainer: l,
+      bottomSheetContainer: s,
       onEnd: t.afterOpen
     });
-    const O = document.body.style.overflowY;
-    r.originalDocumentOverflowY = O || "initial";
+    const H = document.body.style.overflowY;
+    r.originalDocumentOverflowY = H || "initial";
     const B = document.body.style.overscrollBehavior;
     r.originalDocumentOverscrollBehavior = B || "initial", document.body.style.overflow = "hidden", document.body.style.overscrollBehavior = "contain", u.bottomSheetHandle.focus(), h.attacheOnOpenEventListeners();
   };
-  function w() {
-    var p;
+  function E() {
+    var d;
     if (Y())
       return;
-    (p = t.beforeClose) == null || p.call(t);
-    const d = D(l).y, b = l.clientHeight;
+    (d = t.beforeClose) == null || d.call(t);
+    const p = D(s).y, g = s.clientHeight;
     o.translateContainer({
-      startY: d,
-      endY: b,
+      startY: p,
+      endY: g,
       animationFrame: a,
-      bottomSheetContainer: l,
+      bottomSheetContainer: s,
       onEnd: () => {
-        var g;
-        (g = t.afterClose) == null || g.call(t), ot([m, l], !1), h.clearOnOpenEventListeners();
+        var m;
+        (m = t.afterClose) == null || m.call(t), ot([f, s], !1), h.clearOnOpenEventListeners();
       }
     }), i();
   }
   function x() {
     return o.isMounted;
   }
-  function T() {
-    const p = D(l).y, d = window.innerHeight, b = l.clientHeight >= d ? d : l.clientHeight;
-    return p <= b;
+  function w() {
+    const d = D(s).y, p = window.innerHeight, g = s.clientHeight >= p ? p : s.clientHeight;
+    return d <= g;
   }
   function Y() {
-    return !T();
+    return !w();
   }
   function U() {
-    const p = D(l).y, d = l.clientHeight, b = window.innerHeight;
-    if (p <= 5 && p >= -5)
+    const d = D(s).y, p = s.clientHeight, g = window.innerHeight;
+    if (d <= 5 && d >= -5)
       return N.CONTENT_HEIGHT;
-    const g = d - p;
-    if (g === b / 2)
+    const m = p - d;
+    if (m === g / 2)
       return N.MIDDLE;
-    const O = b - s.marginTop, B = 10;
-    return g <= O + B && g >= O - B ? N.TOP : N.CLOSED;
+    const H = g - c.marginTop, B = 10;
+    return m <= H + B && m >= H - B ? N.TOP : N.CLOSED;
   }
   function $() {
-    return l.clientHeight;
+    return s.clientHeight;
   }
-  function P(p) {
-    if (!T())
+  function P(d) {
+    if (!w())
       return;
-    const d = D(l).y, b = l.clientHeight - d, g = window.innerHeight - p, O = Ut(b, g), B = V(b, g);
+    const p = D(s).y, g = s.clientHeight - p, m = window.innerHeight - d, H = Ut(g, m), B = V(g, m);
     o.translateContainer({
-      startY: d,
-      endY: d + (O.isUp ? -B : B),
+      startY: p,
+      endY: p + (H.isUp ? -B : B),
       animationFrame: a,
-      bottomSheetContainer: l
+      bottomSheetContainer: s
     });
   }
-  function F(p, {
-    viewportHeight: d,
-    visibleHeight: b
+  function F(d, {
+    viewportHeight: p,
+    visibleHeight: g
   }) {
-    let g = null;
-    for (const O of p) {
-      const B = O * d, I = V(
-        b,
+    let m = null;
+    for (const H of d) {
+      const B = H * p, I = V(
+        g,
         B
       );
-      (g === null || I < g) && (g = I);
+      (m === null || I < m) && (m = I);
     }
     return {
-      minOffset: g
+      minOffset: m
     };
   }
-  function H() {
-    const p = [...s.snapPoints].reverse(), d = D(l).y, b = l.clientHeight, g = b - d;
-    if (!s.expandable && g >= b)
+  function T() {
+    const d = [...c.snapPoints].reverse(), p = D(s).y, g = s.clientHeight, m = g - p;
+    if (!c.expandable && m >= g)
       return;
-    const O = window.innerHeight, B = ft(
+    const H = window.innerHeight, B = ft(
       "above",
-      { visibleHeight: g, viewportHeight: O },
-      p
+      { visibleHeight: m, viewportHeight: H },
+      d
     ), { minOffset: I } = F(B, {
-      visibleHeight: g,
-      viewportHeight: O
+      visibleHeight: m,
+      viewportHeight: H
     });
-    if (I === null && g < O - s.marginTop) {
+    if (I === null && m < H - c.marginTop) {
       o.translateContainer({
-        startY: d,
+        startY: p,
         endY: mt(
-          O,
-          b,
-          s.marginTop,
+          H,
+          g,
+          c.marginTop,
           "top"
         ),
         animationFrame: a,
-        bottomSheetContainer: l
+        bottomSheetContainer: s
       });
       return;
     }
     A(I) && o.translateContainer({
-      startY: d,
-      endY: d - I,
+      startY: p,
+      endY: p - I,
       animationFrame: a,
-      bottomSheetContainer: l
+      bottomSheetContainer: s
     });
   }
-  function y() {
-    const p = D(l).y, d = l.clientHeight - p;
-    if (d < 1)
+  function O() {
+    const d = D(s).y, p = s.clientHeight - d;
+    if (p < 1)
       return;
-    const b = window.innerHeight, g = ft(
+    const g = window.innerHeight, m = ft(
       "below",
-      { visibleHeight: d, viewportHeight: b },
-      s.snapPoints
-    ), { minOffset: O } = F(g, {
-      visibleHeight: d,
-      viewportHeight: b
+      { visibleHeight: p, viewportHeight: g },
+      c.snapPoints
+    ), { minOffset: H } = F(m, {
+      visibleHeight: p,
+      viewportHeight: g
     });
-    A(O) && o.translateContainer({
-      startY: p,
-      endY: p + O,
+    A(H) && o.translateContainer({
+      startY: d,
+      endY: d + H,
       animationFrame: a,
-      bottomSheetContainer: l
+      bottomSheetContainer: s
     });
   }
-  function v(p) {
-    const d = window.innerHeight;
-    if (!oe(p))
+  function b(d) {
+    const p = window.innerHeight;
+    if (!oe(d))
       return;
-    const b = tt(d * p, 2);
-    P(b);
+    const g = tt(p * d, 2);
+    P(g);
   }
   return {
-    props: s,
+    props: c,
     elements: u,
-    mount: E,
-    unmount: f,
+    mount: C,
+    unmount: v,
     open: S,
-    close: w,
+    close: E,
     getIsMounted: x,
-    getIsOpen: T,
+    getIsOpen: w,
     getIsClosed: Y,
     getPosition: U,
     getHeight: $,
     moveTo: P,
-    snapTo: v
+    snapTo: b
   };
 }
 function Bt() {
@@ -1273,133 +1280,134 @@ function Bt() {
     }
   };
 }
-const fe = Bt(), ve = Dt(
+const fe = Bt(), Se = Dt(
   function(e, n) {
     const {
       children: o,
       isOpen: r,
       setIsOpen: i,
       afterClose: a,
-      mountingPointRef: c,
+      mountingPointRef: l,
       ...u
-    } = e, h = rt(fe), [s, m] = at(
+    } = e, h = rt(fe), [c, f] = at(
       h.current
     );
     Mt(
       n,
-      () => s,
-      [s]
+      () => c,
+      [c]
     );
-    const C = z(() => {
+    const y = z(() => {
       i(!1), a == null || a();
     }, [a]);
     q(() => {
-      r ? s.open() : s.close();
+      r ? c.open() : c.close();
     }, [r]);
-    const l = rt(null);
+    const s = rt(null);
     return q(
       function() {
-        var w;
-        if (c && !c.current)
+        var E;
+        if (l && !l.current)
           return;
-        const f = Ft((w = e.mountingPointRef) == null ? void 0 : w.current) ? e.mountingPointRef.current : window.document.body;
-        if (!f || s.getIsMounted())
+        const v = Ft((E = e.mountingPointRef) == null ? void 0 : E.current) ? e.mountingPointRef.current : window.document.body;
+        if (!v || c.getIsMounted())
           return;
         const S = me({
           content: "",
           ...u,
-          afterClose: C
+          afterClose: y
         });
-        return S.mount(f), l.current = S.elements.bottomSheetContentWrapper ?? null, h.current = S, m(S), () => {
-          s.unmount();
+        return S.mount(v), s.current = S.elements.bottomSheetContentWrapper ?? null, h.current = S, f(S), () => {
+          c.unmount();
         };
       },
-      [e.mountingPointRef, u, C]
+      [e.mountingPointRef, u, y]
     ), q(
       function() {
         Object.assign(h.current.props, {
           ...u
-        }), m(h.current);
+        }), f(h.current);
       },
       [u]
     ), q(function() {
       return () => {
         h.current.unmount();
       };
-    }, []), l.current ? Pt(
+    }, []), s.current ? Pt(
       e.children,
-      l.current
+      s.current
     ) : null;
   }
 ), be = Bt();
 function ye(t = {}) {
-  const e = rt(be), [n, o] = at(!1), [r, i] = at(e.current);
+  const e = rt(be), [n, o] = at(!1), r = !n, [i, a] = at(e.current);
   q(() => {
-    i(e.current);
+    a(e.current);
   }, [e.current]);
   const {
-    beforeOpen: a,
-    afterOpen: c,
-    beforeClose: u,
-    afterClose: h,
-    onDragStart: s,
-    onDragMove: m,
-    onDragEnd: C,
-    ...l
-  } = t, E = () => {
-    a == null || a();
-  }, f = () => {
-    c == null || c(), o(!0);
+    beforeOpen: l,
+    afterOpen: u,
+    beforeClose: h,
+    afterClose: c,
+    onDragStart: f,
+    onDragMove: y,
+    onDragEnd: s,
+    ...C
+  } = t, v = () => {
+    l == null || l();
   }, S = () => {
-    u == null || u();
-  }, w = () => {
-    h == null || h(), o(!1);
+    u == null || u(), o(!0);
+  }, E = () => {
+    h == null || h();
   }, x = () => {
+    c == null || c(), o(!1);
+  }, w = () => {
+    f == null || f();
+  }, Y = (b, d) => {
+    y == null || y(b, d);
+  }, U = () => {
     s == null || s();
-  }, T = (y, v) => {
-    m == null || m(y, v);
-  }, Y = () => {
-    C == null || C();
-  }, U = Yt(() => ({
+  }, $ = Yt(() => ({
     ref: e,
     isOpen: n,
     setIsOpen: o,
-    beforeOpen: E,
-    afterOpen: f,
-    beforeClose: S,
-    afterClose: w,
-    onDragStart: x,
-    onDragMove: T,
-    onDragEnd: Y,
-    ...l
-  }), [e.current, n, o, t]), $ = z(() => {
-    o(!0);
-  }, [o]), P = z(() => {
+    beforeOpen: v,
+    afterOpen: S,
+    beforeClose: E,
+    afterClose: x,
+    onDragStart: w,
+    onDragMove: Y,
+    onDragEnd: U,
+    ...C
+  }), [e.current, n, o, t]), P = z(() => {
     o(!0);
-  }, [o]), F = z(
-    (...y) => {
-      r.moveTo(...y);
+  }, [o]), F = z(() => {
+    o(!1);
+  }, [o]), T = z(
+    (...b) => {
+      i.moveTo(...b);
     },
-    [r]
-  ), H = z(
-    (...y) => {
-      r.snapTo(...y);
+    [i]
+  ), O = z(
+    (...b) => {
+      i.snapTo(...b);
     },
-    [r]
+    [i]
   );
   return {
-    props: U,
-    instance: r,
+    props: $,
+    instance: i,
     isOpen: n,
+    isClosed: r,
     setIsOpen: o,
-    open: $,
-    close: P,
-    moveTo: F,
-    snapTo: H
+    open: P,
+    close: F,
+    moveTo: T,
+    snapTo: O
   };
 }
 export {
-  ve as BottomSheet,
+  Se as BottomSheet,
   Bt as createPlaceholderBottomSheet,
   ye as useBottomSheet
 };