@plainsheet/react 0.2.1 → 0.3.1

package/dist/{plainsheet-core.es.js → plainsheet-react.es.js}

@@ -1,6 +1,6 @@
-import { forwardRef as Lt, useRef as ct, useState as xt, useImperativeHandle as At, useCallback as Ot, useEffect as tt } from "react";
-import { createPortal as Dt } from "react-dom";
-function Pt(t) {
+import { forwardRef as Ot, useRef as nt, useState as ot, useImperativeHandle as Dt, useCallback as Pt, useEffect as _, useMemo as Yt } from "react";
+import { createPortal as Mt } from "react-dom";
+function Bt(t) {
   return t != null;
 }
 (function() {
@@ -13,58 +13,58 @@ function Pt(t) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-var Bt = Object.defineProperty, Mt = (t, e, n) => e in t ? Bt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, G = (t, e, n) => (Mt(t, typeof e != "symbol" ? e + "" : e, n), n);
-function H(t) {
+var It = Object.defineProperty, Nt = (t, e, n) => e in t ? It(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, $ = (t, e, n) => Nt(t, typeof e != "symbol" ? e + "" : e, n);
+function T(t) {
   return typeof t == "string";
 }
-function Yt(t, e) {
-  return t.classList.contains(K(e));
+function Rt(t, e) {
+  return t.classList.contains(Q(e));
 }
-function $(t, e) {
-  t.classList.add(K(e));
+function q(t, e) {
+  t.classList.add(Q(e));
 }
-function nt(t, e) {
-  t.classList.remove(K(e));
+function rt(t, e) {
+  t.classList.remove(Q(e));
 }
 function U(t, e, n) {
-  H(n) && (H(e) && nt(t, e), $(t, n));
+  T(n) && (T(e) && rt(t, e), q(t, n));
 }
-function K(t) {
-  return H(t) ? t.trim().replace(/\./g, "") : "";
+function Q(t) {
+  return T(t) ? t.trim().replace(/\./g, "") : "";
 }
 function I(t) {
-  return t.map((e) => K(e)).filter(Boolean).join(" ");
+  return t.map((e) => Q(e)).filter(Boolean).join(" ");
 }
-function It(t) {
+function Ft(t) {
   return t.map((e) => e == null ? void 0 : e.trim()).filter(Boolean).map((e) => `.${e}`).join(" ");
 }
-const lt = "open", ut = "hidden";
+const dt = "open", pt = "hidden";
 function et(t, e) {
   const n = e;
   if (Array.isArray(t)) {
     t.forEach((o) => {
-      X(o, n), o.setAttribute("aria-modal", n ? "true" : "false");
+      z(o, n), o.setAttribute("aria-modal", n ? "true" : "false");
     });
     return;
   }
-  X(t, n), t.setAttribute("aria-modal", n ? "true" : "false");
+  z(t, n), t.setAttribute("aria-modal", n ? "true" : "false");
 }
-function X(t, e) {
-  e ? ($(t, lt), nt(t, ut)) : ($(t, ut), nt(t, lt));
+function z(t, e) {
+  e ? (q(t, dt), rt(t, pt)) : (q(t, pt), rt(t, dt));
 }
-function vt(t) {
+function Ct(t) {
   return t instanceof HTMLElement;
 }
-function L(t) {
+function x(t) {
   return typeof t == "number" && !Number.isNaN(t);
 }
-function Rt(t) {
-  vt(t) && t.focus();
+function Wt(t) {
+  Ct(t) && t.focus();
 }
-function Nt(t) {
-  if (!vt(t) || t.offsetParent === null || "disabled" in t && t.disabled)
+function Ut(t) {
+  if (!Ct(t) || t.offsetParent === null || "disabled" in t && t.disabled)
     return !1;
-  const e = t.getAttribute("tabindex"), n = L(e) ? parseInt(e, 10) : -1, o = [
+  const e = t.getAttribute("tabindex"), n = x(e) ? parseInt(e, 10) : -1, o = [
     "INPUT",
     "BUTTON",
     "SELECT",
@@ -75,21 +75,21 @@ function Nt(t) {
   ].includes(t.tagName), i = t instanceof HTMLAnchorElement && t.href !== "" || t instanceof HTMLAreaElement && t.href !== "";
   return o || i || n > -1;
 }
-var y = /* @__PURE__ */ ((t) => (t.Backdrop = "pbs-backdrop", t.Root = "pbs-root", t.Container = "pbs-container", t.GapFiller = "pbs-gap-filler", t.Handle = "pbs-handle", t.HandleBar = "pbs-handle-bar", t.ContentWrapper = "pbs-content-wrapper", t))(y || {}), ot = /* @__PURE__ */ ((t) => (t.Button = "pbs-button-reset", t.Dialog = "pbs-dialog-reset", t))(ot || {}), _ = /* @__PURE__ */ ((t) => (t.Hidden = "hidden", t))(_ || {});
-function B(t, e, n) {
+var w = /* @__PURE__ */ ((t) => (t.Backdrop = "pbs-backdrop", t.Root = "pbs-root", t.Container = "pbs-container", t.GapFiller = "pbs-gap-filler", t.Handle = "pbs-handle", t.HandleBar = "pbs-handle-bar", t.ContentWrapper = "pbs-content-wrapper", t))(w || {}), it = /* @__PURE__ */ ((t) => (t.Button = "pbs-button-reset", t.Dialog = "pbs-dialog-reset", t))(it || {}), X = /* @__PURE__ */ ((t) => (t.Hidden = "hidden", t))(X || {});
+function Y(t, e, n) {
   const o = document.createElement(t);
   return e.split(" ").forEach((i) => {
-    $(o, i);
-  }), H(n) && o.setAttribute("data-testid", n), o;
+    q(o, i);
+  }), T(n) && o.setAttribute("data-testid", n), o;
 }
-It([
-  y.Root,
-  y.ContentWrapper
+Ft([
+  w.Root,
+  w.ContentWrapper
 ]);
-function dt(t, e, n, o) {
+function ht(t, e, n, o) {
   switch (o) {
     case "content-height":
-      return e >= t ? wt(t, e, n) : 0;
+      return e >= t ? Et(t, e, n) : 0;
     case "middle":
       return -(t / 2 - e);
     case "top":
@@ -98,7 +98,7 @@ function dt(t, e, n, o) {
       return 0;
   }
 }
-function St(t, e) {
+function wt(t, e) {
   const n = e < t, o = e > t;
   return {
     isUp: n,
@@ -106,13 +106,13 @@ function St(t, e) {
     stayedSame: e === t
   };
 }
-function Ct(t, e) {
+function yt(t, e) {
   return e < t ? -(t - e) : e - t;
 }
-function q(t, e) {
+function V(t, e) {
   return t > e ? t - e : e - t;
 }
-function Ft(t, e) {
+function jt(t, e) {
   const n = t < e, o = t > e;
   return {
     isUp: n,
@@ -120,23 +120,23 @@ function Ft(t, e) {
     stayedSame: t === e
   };
 }
-function pt(t, e, n) {
+function mt(t, e, n) {
   const o = t === "above";
   return n.filter((i) => {
     const r = i * e.viewportHeight;
     return o ? e.visibleHeight < r : e.visibleHeight > r;
   });
 }
-function wt(t, e, n) {
+function Et(t, e, n) {
   return -(t - e) + n;
 }
-function ht(t) {
+function ft(t) {
   return Number(t.replace("px", ""));
 }
-function z(t, ...e) {
+function K(t, ...e) {
   return Number(t.toFixed(...e));
 }
-function yt(t) {
+function Ht(t) {
   const e = /(?<type>\w+)\((?<values>[^)]+)\)/g, n = [];
   let o;
   for (; (o = e.exec(t)) !== null; ) {
@@ -145,36 +145,36 @@ function yt(t) {
   }
   return n;
 }
-function Wt(t) {
-  const e = t.style.transform, n = yt(e);
+function Gt(t) {
+  const e = t.style.transform, n = Ht(e);
   return { transform: e, transformValues: n };
 }
-function Et(t, e) {
+function Tt(t, e) {
   return t.find(
     (o) => o.type.startsWith(e)
   ) || null;
 }
-const rt = "translate";
+const at = "translate";
 function D(t) {
-  const e = t.style.transform, n = yt(e), o = Et(
+  const e = t.style.transform, n = Ht(e), o = Tt(
     n,
-    rt
+    at
   );
-  return Tt(o ?? {
-    type: rt,
+  return kt(o ?? {
+    type: at,
     values: []
   });
 }
-function V(t, { x: e, y: n }) {
+function J(t, { x: e, y: n }) {
   const {
     transform: o,
     transformValues: i
-  } = Wt(t), r = Et(
+  } = Gt(t), r = Tt(
     i,
-    rt
+    at
   );
   if (r) {
-    const c = Tt(r);
+    const c = kt(r);
     t.style.transform = `translate(${e ?? c.x ?? 0}px,${n ?? c.y ?? 0}px)`;
     return;
   }
@@ -184,32 +184,32 @@ function V(t, { x: e, y: n }) {
   }
   t.style.transform = `translate(${e ?? 0}px,${n ?? 0}px)`;
 }
-function Tt(t) {
+function kt(t) {
   if (t.type !== "translate")
     throw new Error(
       `Could not get coordinates from ${t.type}, since is not translate.`
     );
   const e = t.values[0], n = t.values[1];
   return {
-    x: ht(e) ?? 0,
-    y: ht(n) ?? 0
+    x: ft(e) ?? 0,
+    y: ft(n) ?? 0
   };
 }
-function it(t) {
+function st(t) {
   return t != null;
 }
-function mt(t, {
+function gt(t, {
   min: e,
   max: n
 }) {
-  return it(n) && t >= n ? n : it(e) && t <= e ? e : t;
+  return st(n) && t >= n ? n : st(e) && t <= e ? e : t;
 }
-const Ut = (t, e, n) => {
-  e instanceof HTMLElement && !Yt(e, y.Handle) && n.scrollTop >= 1 || (t.isDragging = !0);
-}, jt = (t, e, n, o) => (i) => {
-  o.startY = t.getCoordinates(i).y, o.containerStartTranslate = D(e), o.originalDocumentOverflowY = document.body.style.overflowY, document.body.style.overflowY = "hidden", n.onDragStart();
-}, Gt = (t, e, n, o, i) => (r) => {
-  _t(
+const _t = (t, e, n) => {
+  e instanceof HTMLElement && !Rt(e, w.Handle) && n.scrollTop >= 1 || (t.isDragging = !0);
+}, $t = (t, e, n, o) => (i) => {
+  o.startY = t.getCoordinates(i).y, o.containerStartTranslate = D(e), n.onDragStart();
+}, Xt = (t, e, n, o, i) => (r) => {
+  qt(
     r,
     t,
     n,
@@ -219,33 +219,33 @@ const Ut = (t, e, n) => {
     n.marginTop
   );
 };
-function _t(t, e, n, o, i, r, c) {
-  if (!o.isDragging || !L(o.startY))
+function qt(t, e, n, o, i, r, c) {
+  if (!o.isDragging || !x(o.startY))
     return;
-  const a = e.getCoordinates(t).y, m = Ct(o.startY, a), u = window.innerHeight, l = r.clientHeight, b = l - (o.containerStartTranslate.y + m);
-  if (b >= u)
+  const s = e.getCoordinates(t).y, p = yt(o.startY, s), f = window.innerHeight, l = r.clientHeight, b = l - (o.containerStartTranslate.y + p);
+  if (b >= f)
     return;
-  const s = St(o.startY, a);
-  if (s.isUp && !n.expandable && b >= l)
+  const E = wt(o.startY, s);
+  if (E.isUp && !n.expandable && b >= l)
     return;
   i.start(() => {
-    V(r, {
-      y: o.containerStartTranslate.y + m
+    J(r, {
+      y: o.containerStartTranslate.y + p
     });
   }, 0);
-  const v = u - c, k = l - o.containerStartTranslate.y;
-  if (s.isUp) {
-    const S = v - k, C = v - b, E = mt(
-      1 - z(C / S, 2),
+  const a = f - c, k = l - o.containerStartTranslate.y;
+  if (E.isUp) {
+    const v = a - k, S = a - b, H = gt(
+      1 - K(S / v, 2),
       {
         min: 0,
         max: 1
       }
     );
-    n.onDragMove(s, E);
-  } else if (s.isDown) {
-    const S = mt(
-      z(
+    n.onDragMove(E, H);
+  } else if (E.isDown) {
+    const v = gt(
+      K(
         1 - b / k,
         2
       ),
@@ -254,61 +254,61 @@ function _t(t, e, n, o, i, r, c) {
         max: 1
       }
     );
-    n.onDragMove(s, S);
+    n.onDragMove(E, v);
   }
 }
-const $t = (t, e, n, o, i, r, c) => (a) => {
-  if (!o.isDragging || (o.isDragging = !1, document.body.style.overflowY = o.originalDocumentOverflowY, !L(o.startY)))
+const zt = (t, e, n, o, i, r, c) => (s) => {
+  if (!o.isDragging || (o.isDragging = !1, !x(o.startY)))
     return;
   n.onDragEnd();
-  const m = o.startY, u = t.getCoordinates(a).y, l = D(e).y, b = St(m, u), s = window.innerHeight, v = e.clientHeight;
+  const p = o.startY, f = t.getCoordinates(s).y, l = D(e).y, b = wt(p, f), E = window.innerHeight, a = e.clientHeight;
   if (b.isUp) {
     const k = [...n.snapPoints].sort(
-      (E, w) => E - w
-    ), S = v + -l;
-    if (!n.expandable && S >= v)
+      (H, C) => H - C
+    ), v = a + -l;
+    if (!n.expandable && v >= a)
       return;
-    for (const E of k) {
-      const w = E * window.innerHeight;
-      if (S <= w) {
-        const M = q(
-          S,
-          w
+    for (const H of k) {
+      const C = H * window.innerHeight;
+      if (v <= C) {
+        const P = V(
+          v,
+          C
         );
         c.translateContainer({
           startY: l,
-          endY: l - M,
+          endY: l - P,
           animationFrame: i,
           bottomSheetContainer: e
         });
         return;
       }
     }
-    const C = wt(
-      s,
-      v,
+    const S = Et(
+      E,
+      a,
       n.marginTop
     );
     c.translateContainer({
       startY: l,
-      endY: C,
+      endY: S,
       animationFrame: i,
       bottomSheetContainer: e
     });
   } else if (b.isDown) {
     const k = [...n.snapPoints].sort(
-      (S, C) => C - S
+      (v, S) => S - v
     );
-    for (const S of k) {
-      const C = S * window.innerHeight, E = v + -l;
-      if (E >= C) {
-        const w = q(
-          E,
-          C
+    for (const v of k) {
+      const S = v * window.innerHeight, H = a + -l;
+      if (H >= S) {
+        const C = V(
+          H,
+          S
         );
         c.translateContainer({
           startY: l,
-          endY: l + w,
+          endY: l + C,
           animationFrame: i,
           bottomSheetContainer: e
         });
@@ -319,7 +319,7 @@ const $t = (t, e, n, o, i, r, c) => (a) => {
   }
 };
 var F = /* @__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))(F || {});
-function ft(t) {
+function bt(t) {
   switch (t) {
     case 0:
       return 0;
@@ -333,16 +333,16 @@ function ft(t) {
       return -1;
   }
 }
-const Xt = {
+const Vt = {
   eventPhase: F.All
 };
 class j {
   constructor(e) {
-    G(this, "currentTarget"), this.currentTarget = e;
+    $(this, "currentTarget"), this.currentTarget = e;
   }
   addEventListeners({
     onStart: e,
-    onStartOptions: n = Xt,
+    onStartOptions: n = Vt,
     onMove: o,
     onEnd: i
   }) {
@@ -361,7 +361,7 @@ class j {
           e(r);
           return;
         }
-        ft(r.eventPhase) === n.eventPhase && e(r);
+        bt(r.eventPhase) === n.eventPhase && e(r);
       },
       {
         passive: !0
@@ -381,7 +381,7 @@ class j {
           e(r);
           return;
         }
-        ft(r.eventPhase) === n.eventPhase && e(r);
+        bt(r.eventPhase) === n.eventPhase && e(r);
       },
       {
         passive: !0
@@ -428,78 +428,78 @@ class j {
     };
   }
 }
-function qt(t, e) {
-  const n = zt(t);
-  Vt(n), n.bottomSheetContainer.style.width = t.width;
+function Kt(t, e) {
+  const n = Jt(t);
+  Qt(n), n.bottomSheetContainer.style.width = t.width;
   const o = document.createElement("div");
   o.innerHTML = t.content ?? "";
   const i = window.innerHeight;
   n.bottomSheetContainer.style.maxHeight = `${i}px`, n.bottomSheetContentWrapper.appendChild(o);
-  const r = Kt({
+  const r = Zt({
     bottomSheetElements: n,
     bottomSheetProps: t,
     options: e
   });
   return { elements: n, eventHandlers: r };
 }
-function zt(t) {
-  const e = B(
+function Jt(t) {
+  const e = Y(
     "dialog",
     I([
-      y.Root,
-      ot.Dialog,
+      w.Root,
+      it.Dialog,
       t.rootClass
     ]),
-    y.Root
+    w.Root
   );
   e.ariaLabel = t.ariaLabel;
-  const n = B(
+  const n = Y(
     "section",
-    I([y.Container, t.containerClass]),
-    y.Container
+    I([w.Container, t.containerClass]),
+    w.Container
   );
   t.containerBorderRadius && (n.style.borderRadius = t.containerBorderRadius);
-  const o = B(
+  const o = Y(
     "div",
-    y.GapFiller,
-    y.GapFiller
-  ), i = B(
+    w.GapFiller,
+    w.GapFiller
+  ), i = Y(
     "button",
     I([
-      y.Handle,
-      ot.Button,
-      t.shouldShowHandle ? null : _.Hidden,
+      w.Handle,
+      it.Button,
+      t.shouldShowHandle ? null : X.Hidden,
       t.handleClass
     ]),
-    y.Handle
+    w.Handle
   );
   i.setAttribute("type", "button"), i.ariaLabel = "bottom sheet close button";
-  const r = B(
+  const r = Y(
     "span",
     I([
-      y.HandleBar,
-      t.shouldShowHandle ? null : _.Hidden
+      w.HandleBar,
+      t.shouldShowHandle ? null : X.Hidden
     ]),
-    y.HandleBar
-  ), c = B(
+    w.HandleBar
+  ), c = Y(
     "article",
     I([
-      y.ContentWrapper,
+      w.ContentWrapper,
       t.contentWrapperClass
     ]),
-    y.ContentWrapper
-  ), a = B(
+    w.ContentWrapper
+  ), s = Y(
     "div",
     I([
-      y.Backdrop,
+      w.Backdrop,
       t.backdropClass,
-      _.Hidden
+      X.Hidden
     ]),
-    y.Backdrop
+    w.Backdrop
   );
-  return t.backdropColor && (a.style.backgroundColor = t.backdropColor), t.backDropTransition && (a.style.transition = t.backDropTransition), {
+  return t.backdropColor && (s.style.backgroundColor = t.backdropColor), t.backDropTransition && (s.style.transition = t.backDropTransition), {
     bottomSheetRoot: e,
-    bottomSheetBackdrop: a,
+    bottomSheetBackdrop: s,
     bottomSheetContainer: n,
     bottomSheetHandle: i,
     bottomSheetHandleBar: r,
@@ -507,7 +507,7 @@ function zt(t) {
     bottomSheetContainerGapFiller: o
   };
 }
-function Vt({
+function Qt({
   bottomSheetRoot: t,
   bottomSheetContainer: e,
   bottomSheetHandle: n,
@@ -517,7 +517,7 @@ function Vt({
 }) {
   t.appendChild(e), n.appendChild(o), e.appendChild(n), e.appendChild(i), e.appendChild(r);
 }
-function Kt({
+function Zt({
   bottomSheetElements: t,
   bottomSheetProps: e,
   options: n
@@ -527,130 +527,130 @@ function Kt({
     bottomSheetContainer: i,
     bottomSheetHandle: r,
     bottomSheetContainerGapFiller: c,
-    bottomSheetContentWrapper: a
-  } = t, { animationFrame: m } = n, u = new j(r), l = new j(
-    a
+    bottomSheetContentWrapper: s
+  } = t, { animationFrame: p } = n, f = new j(r), l = new j(
+    s
   ), b = new j(
     c
-  ), s = e.dragTriggers.reduce(
-    (f, x) => {
-      const A = o.querySelectorAll(x);
-      if (!A.length)
-        return f;
-      const J = Array.from(A).map((P) => P instanceof HTMLElement ? new j(P) : null).filter((P) => !!P);
-      return [...f, ...J];
+  ), E = e.dragTriggers.reduce(
+    (g, A) => {
+      const L = o.querySelectorAll(A);
+      if (!L.length)
+        return g;
+      const tt = Array.from(L).map((M) => M instanceof HTMLElement ? new j(M) : null).filter((M) => !!M);
+      return [...g, ...tt];
     },
     []
-  ), v = new j(
+  ), a = new j(
     window
-  ), k = jt(
-    v,
+  ), k = $t(
+    a,
     i,
     e,
     n.draggingState
-  ), S = Gt(
-    v,
+  ), v = Xt(
+    a,
     i,
     e,
     n.draggingState,
-    m
-  ), C = $t(
-    v,
+    p
+  ), S = zt(
+    a,
     i,
     e,
     n.draggingState,
-    m,
+    p,
     n.onClose,
     n.bottomSheetState
   );
-  function E(f) {
-    f.target instanceof Element && !o.contains(f.target) && n.onClose();
+  function H(g) {
+    g.target instanceof Element && !o.contains(g.target) && n.onClose();
   }
-  function w(f) {
-    Ut(
+  function C(g) {
+    _t(
       n.draggingState,
-      f.target,
+      g.target,
       t.bottomSheetContentWrapper
     );
   }
-  function M() {
-    e.draggable && (u.addEventListeners({
-      onStart: w
-    }), s.forEach((f) => {
-      f.addEventListeners({
-        onStart: w,
+  function P() {
+    e.draggable && (f.addEventListeners({
+      onStart: C
+    }), E.forEach((g) => {
+      g.addEventListeners({
+        onStart: C,
         onStartOptions: {
           eventPhase: F.Target
         }
       });
     })), e.draggable && e.backgroundDraggable && (l.addEventListeners({
-      onStart: w,
+      onStart: C,
       onStartOptions: {
         eventPhase: F.Target
       }
     }), b.addEventListeners({
-      onStart: w
-    })), e.draggable && v.addEventListeners({
+      onStart: C
+    })), e.draggable && a.addEventListeners({
       onStart: k,
-      onMove: S,
-      onEnd: C
-    }), e.draggable && window.document.addEventListener("keyup", (f) => {
-      f.key === "Escape" && n.onClose();
-    }), e.shouldCloseOnOutsideClick && window.document.addEventListener("click", E), r.addEventListener("keyup", (f) => {
-      if (f.key === "ArrowUp") {
+      onMove: v,
+      onEnd: S
+    }), e.draggable && window.document.addEventListener("keyup", (g) => {
+      g.key === "Escape" && n.onClose();
+    }), e.shouldCloseOnOutsideClick && window.document.addEventListener("click", H), r.addEventListener("keyup", (g) => {
+      if (g.key === "ArrowUp") {
         n.moveUp();
         return;
       }
-      if (f.key === "ArrowDown") {
+      if (g.key === "ArrowDown") {
         n.moveDown();
         return;
       }
-      if (f.shiftKey && f.key === "Tab") {
-        const x = Q(
+      if (g.shiftKey && g.key === "Tab") {
+        const A = G(
           t.bottomSheetContentWrapper
         );
-        Rt(x);
+        Wt(A);
       }
     });
   }
-  function Q(f) {
-    let x = [...Array.from(f.childNodes).reverse()];
-    for (; x.length; ) {
-      const A = x.shift();
-      if (Nt(A))
-        return A;
-      A && (x = [
-        ...x,
-        ...Array.from(A.childNodes).reverse()
+  function G(g) {
+    let A = [...Array.from(g.childNodes).reverse()];
+    for (; A.length; ) {
+      const L = A.shift();
+      if (Ut(L))
+        return L;
+      L && (A = [
+        ...A,
+        ...Array.from(L.childNodes).reverse()
       ]);
     }
     return null;
   }
   function Z() {
-    u.removeEventListeners({
-      onStart: w
+    f.removeEventListeners({
+      onStart: C
     }), l.removeEventListeners({
-      onStart: w
+      onStart: C
     }), b.removeEventListeners({
-      onStart: w
-    }), s.forEach((f) => {
-      f.removeEventListeners({
-        onStart: w
+      onStart: C
+    }), E.forEach((g) => {
+      g.removeEventListeners({
+        onStart: C
       });
-    }), v.removeEventListeners({
+    }), a.removeEventListeners({
       onStart: k,
-      onMove: S,
-      onEnd: C
-    }), window.removeEventListener("click", E);
+      onMove: v,
+      onEnd: S
+    }), window.removeEventListener("click", H);
   }
   return {
-    attachEventListeners: M,
+    attachEventListeners: P,
     clearEventListeners: Z
   };
 }
-class Qt {
+class te {
   constructor() {
-    G(this, "animationId"), G(this, "isInProgress"), G(this, "startedAt"), this.animationId = null, this.isInProgress = !1, this.startedAt = null;
+    $(this, "animationId"), $(this, "isInProgress"), $(this, "startedAt"), this.animationId = null, this.isInProgress = !1, this.startedAt = null;
   }
   /**
    *
@@ -661,16 +661,16 @@ class Qt {
     this.isInProgress = !0;
     const i = (r) => {
       this.startedAt || (this.startedAt = r);
-      const c = r - this.startedAt, a = n === 0 ? 1 : z(c / n, 2), m = a >= 1 && !o;
-      e(a), m ? this.stop() : this.animationId = requestAnimationFrame(i);
+      const c = r - this.startedAt, s = n === 0 ? 1 : K(c / n, 2), p = s >= 1 && !o;
+      e(s), p ? this.stop() : this.animationId = requestAnimationFrame(i);
     };
     this.animationId = requestAnimationFrame(i);
   }
   stop() {
-    this.isInProgress = !1, this.startedAt = null, L(this.animationId) && cancelAnimationFrame(this.animationId);
+    this.isInProgress = !1, this.startedAt = null, x(this.animationId) && cancelAnimationFrame(this.animationId);
   }
 }
-function Zt(t) {
+function ee(t) {
   const {
     startY: e,
     endY: n,
@@ -678,32 +678,32 @@ function Zt(t) {
     animationFrame: i,
     onEnd: r,
     animationTimingFunction: c,
-    animationDuration: a
-  } = t, m = Ct(e, n);
+    animationDuration: s
+  } = t, p = yt(e, n);
   i.stop();
-  let u = !1;
+  let f = !1;
   i.start((l) => {
-    V(o, {
-      y: e + m * c(l)
-    }), !u && l >= 1 && (r == null || r(), u = !0);
-  }, a);
+    J(o, {
+      y: e + p * c(l)
+    }), !f && l >= 1 && (r == null || r(), f = !0);
+  }, s);
 }
-const at = (t, e) => (n) => {
-  Zt({
+const ct = (t, e) => (n) => {
+  ee({
     ...n,
     animationTimingFunction: t,
     animationDuration: e
   });
-}, N = {
+}, R = {
   TOP: "top",
   MIDDLE: "middle",
   CONTENT_HEIGHT: "content-height",
   CLOSED: "closed"
 };
-function Jt(t) {
-  return !(!L(t) || t > 1 || t < 0);
+function ne(t) {
+  return !(!x(t) || t > 1 || t < 0);
 }
-function te(t, e) {
+function oe(t, e) {
   const n = {
     set(o, i, r, c) {
       return e(i, r), Reflect.set(o, i, r, c);
@@ -711,71 +711,71 @@ function te(t, e) {
   };
   return new Proxy(t, n);
 }
-function ee(...t) {
+function re(...t) {
   console.error(t);
 }
-const R = {
+const N = {
   EASE: "ease",
   EASE_IN: "ease-in",
   EASE_OUT: "ease-out",
   EASE_IN_OUT: "ease-in-out",
   SPRING: "spring"
 };
-function ne(t) {
-  for (const e of Object.values(R))
+function ie(t) {
+  for (const e of Object.values(N))
     if (e === t)
       return !0;
   return !1;
 }
-function Ht(t) {
-  return !!(t instanceof Object && "p1x" in t && "p1y" in t && "p2x" in t && "p2y" in t && L(t.p1x) && L(t.p1y) && L(t.p2x) && L(t.p2y));
+function xt(t) {
+  return !!(t instanceof Object && "p1x" in t && "p1y" in t && "p2x" in t && "p2y" in t && x(t.p1x) && x(t.p1y) && x(t.p2x) && x(t.p2y));
 }
 function W(t, e, n, o) {
-  return function(a) {
-    return c(i(a));
+  return function(s) {
+    return c(i(s));
   };
-  function i(a) {
-    let m = 0, u = 1, l = a, b;
-    if (a === 0 || a === 1)
-      return a;
-    for (; m < u; ) {
-      if (b = r(l), Math.abs(b - a) < 1e-3)
+  function i(s) {
+    let p = 0, f = 1, l = s, b;
+    if (s === 0 || s === 1)
+      return s;
+    for (; p < f; ) {
+      if (b = r(l), Math.abs(b - s) < 1e-3)
         return l;
-      a > b ? m = l : u = l, l = (u + m) / 2;
+      s > b ? p = l : f = l, l = (f + p) / 2;
     }
     return l;
   }
-  function r(a) {
-    return 3 * t * a * Math.pow(1 - a, 2) + 3 * n * Math.pow(a, 2) * (1 - a) + Math.pow(a, 3);
+  function r(s) {
+    return 3 * t * s * Math.pow(1 - s, 2) + 3 * n * Math.pow(s, 2) * (1 - s) + Math.pow(s, 3);
   }
-  function c(a) {
-    return 3 * e * a * Math.pow(1 - a, 2) + 3 * o * Math.pow(a, 2) * (1 - a) + Math.pow(a, 3);
+  function c(s) {
+    return 3 * e * s * Math.pow(1 - s, 2) + 3 * o * Math.pow(s, 2) * (1 - s) + Math.pow(s, 3);
   }
 }
-const oe = W(0.25, 0.1, 0.25, 1), re = W(0.42, 0, 1, 1), kt = W(0.42, 0, 0.58, 1), gt = W(0.4, 0.1, 0.6, 1), ie = W(0.45, 1.5, 0.55, 1);
-function ae(t) {
+const ae = W(0.25, 0.1, 0.25, 1), se = W(0.42, 0, 1, 1), At = W(0.42, 0, 0.58, 1), vt = W(0.4, 0.1, 0.6, 1), ce = W(0.45, 1.5, 0.55, 1);
+function le(t) {
   switch (t) {
-    case R.EASE:
-      return oe;
-    case R.EASE_IN:
-      return re;
-    case R.EASE_OUT:
-      return kt;
-    case R.EASE_IN_OUT:
-      return gt;
-    case R.SPRING:
-      return ie;
+    case N.EASE:
+      return ae;
+    case N.EASE_IN:
+      return se;
+    case N.EASE_OUT:
+      return At;
+    case N.EASE_IN_OUT:
+      return vt;
+    case N.SPRING:
+      return ce;
     default:
-      return gt;
+      return vt;
   }
 }
-function bt(t) {
+function St(t) {
   return typeof t == "boolean";
 }
-const se = {
+const ue = {
   ariaLabel: "Bottom sheet",
   content: "",
-  defaultPosition: N.CONTENT_HEIGHT,
+  defaultPosition: R.CONTENT_HEIGHT,
   marginTop: 20,
   snapPoints: [],
   width: "92%",
@@ -811,13 +811,13 @@ const se = {
   draggingAnimationTimings: "ease-in-out",
   draggingAnimationDuration: 180
 };
-function ce(t) {
+function de(t) {
   const e = {
-    ...se
+    ...ue
   }, n = Object.entries(t).reduce(
     (o, i) => {
       const [r, c] = i;
-      return it(c) && (o[r] = c), o;
+      return st(c) && (o[r] = c), o;
     },
     {}
   );
@@ -826,39 +826,39 @@ function ce(t) {
     ...n
   };
 }
-function st(t) {
-  if (Ht(t)) {
+function lt(t) {
+  if (xt(t)) {
     const { p1x: e, p1y: n, p2x: o, p2y: i } = t;
     return W(e, n, o, i);
   }
-  return ne(t) ? ae(t) : kt;
+  return ie(t) ? le(t) : At;
 }
-function le(t, e, n) {
+function pe(t, e, n) {
   function o(i, r) {
     switch (i) {
       case "content":
-        H(r) && (t.bottomSheetContentWrapper.innerHTML = r);
+        T(r) && (t.bottomSheetContentWrapper.innerHTML = r);
         break;
       case "width":
-        H(r) && (t.bottomSheetContainer.style.width = r);
+        T(r) && (t.bottomSheetContainer.style.width = r);
         break;
       case "shouldShowHandle":
-        bt(r) || X(t.bottomSheetHandle, !1);
+        St(r) || z(t.bottomSheetHandle, !1);
         break;
       case "shouldShowBackdrop":
-        bt(r) || X(t.bottomSheetBackdrop, !1);
+        St(r) || z(t.bottomSheetBackdrop, !1);
         break;
       case "containerBorderRadius":
-        H(r) && (t.bottomSheetContainer.style.borderRadius = r);
+        T(r) && (t.bottomSheetContainer.style.borderRadius = r);
         break;
       case "backdropColor":
-        H(r) && (t.bottomSheetBackdrop.style.backgroundColor = r);
+        T(r) && (t.bottomSheetBackdrop.style.backgroundColor = r);
         break;
       case "backDropTransition":
-        H(r) && (t.bottomSheetBackdrop.style.transition = r);
+        T(r) && (t.bottomSheetBackdrop.style.transition = r);
         break;
       case "rootClass":
-        if (!H(r))
+        if (!T(r))
           return;
         U(
           t.bottomSheetRoot,
@@ -867,7 +867,7 @@ function le(t, e, n) {
         );
         break;
       case "containerClass":
-        if (!H(r))
+        if (!T(r))
           return;
         U(
           t.bottomSheetContainer,
@@ -876,7 +876,7 @@ function le(t, e, n) {
         );
         break;
       case "handleClass":
-        if (!H(r))
+        if (!T(r))
           return;
         U(
           t.bottomSheetHandle,
@@ -885,7 +885,7 @@ function le(t, e, n) {
         );
         break;
       case "contentWrapperClass":
-        if (!H(r))
+        if (!T(r))
           return;
         U(
           t.bottomSheetContentWrapper,
@@ -894,7 +894,7 @@ function le(t, e, n) {
         );
         break;
       case "backdropClass":
-        if (!H(r))
+        if (!T(r))
           return;
         U(
           t.bottomSheetBackdrop,
@@ -903,35 +903,35 @@ function le(t, e, n) {
         );
         break;
       case "draggingAnimationTimings":
-        if (Ht(r)) {
-          const c = st(r), a = at(
+        if (xt(r)) {
+          const c = lt(r), s = ct(
             c,
             n.draggingAnimationDuration
           );
-          e.translateContainer = a;
+          e.translateContainer = s;
         }
         break;
       case "draggingAnimationDuration":
-        if (L(r)) {
-          const c = st(
+        if (x(r)) {
+          const c = lt(
             n.draggingAnimationTimings
-          ), a = at(
+          ), s = ct(
             c,
             r
           );
-          e.translateContainer = a;
+          e.translateContainer = s;
         }
         break;
     }
   }
   return o;
 }
-function ue(t) {
-  const e = ce(t), n = st(
+function he(t) {
+  const e = de(t), n = lt(
     t.draggingAnimationTimings
   ), o = {
     isMounted: !1,
-    translateContainer: at(
+    translateContainer: ct(
       n,
       e.draggingAnimationDuration
     )
@@ -942,196 +942,204 @@ function ue(t) {
       y: 0
     },
     isDragging: !1,
-    originalDocumentOverflowY: document.body.style.overflowY
-  }, r = new Qt(), c = {
-    animationFrame: r,
-    onClose: C,
+    originalDocumentOverflowY: null
+  };
+  function r() {
+    i.originalDocumentOverflowY && i.originalDocumentOverflowY !== "hidden" && (document.body.style.overflowY = i.originalDocumentOverflowY);
+  }
+  const c = new te(), s = {
+    animationFrame: c,
+    onClose: H,
     bottomSheetState: o,
     draggingState: i,
-    snapTo: P,
-    moveUp: A,
-    moveDown: J
-  }, { elements: a, eventHandlers: m } = qt(
+    snapTo: ut,
+    moveUp: tt,
+    moveDown: M
+  }, { elements: p, eventHandlers: f } = Kt(
     e,
-    c
-  ), u = te(
+    s
+  ), l = oe(
     e,
-    le(a, o, e)
-  ), { bottomSheetBackdrop: l, bottomSheetRoot: b, bottomSheetContainer: s } = a, v = (d) => {
-    const p = d ?? window.document.body;
-    p.appendChild(b), p.appendChild(l);
+    pe(p, o, e)
+  ), { bottomSheetBackdrop: b, bottomSheetRoot: E, bottomSheetContainer: a } = p, k = (u) => {
+    const d = u ?? window.document.body;
+    d.appendChild(E), d.appendChild(b);
     const h = window.innerHeight;
-    V(s, {
+    J(a, {
       y: h
-    }), m.attachEventListeners(), o.isMounted = !0;
-  }, k = () => {
-    m.clearEventListeners(), Object.values(a).forEach((d) => {
-      d.remove();
-    }), o.isMounted = !1;
+    }), f.attachEventListeners(), o.isMounted = !0;
+  }, v = () => {
+    f.clearEventListeners(), Object.values(p).forEach((u) => {
+      u.remove();
+    }), r(), o.isMounted = !1;
   }, S = () => {
-    var d;
-    if (E() || ee(
+    var u;
+    if (C() || re(
       'Bottom Sheet is not mounted yet. call the "mount" method first.'
-    ), (d = t.beforeOpen) == null || d.call(t), w())
+    ), (u = t.beforeOpen) == null || u.call(t), P())
       return;
-    u.shouldShowBackdrop && et(l, !0), et([s], !0), V(s, {
-      y: s.clientHeight
+    l.shouldShowBackdrop && et(b, !0), et([a], !0), J(a, {
+      y: a.clientHeight
     });
-    const p = window.innerHeight, h = dt(
-      p,
-      s.clientHeight,
-      u.marginTop,
-      u.defaultPosition
-    ), g = D(s).y;
+    const d = window.innerHeight, h = ht(
+      d,
+      a.clientHeight,
+      l.marginTop,
+      l.defaultPosition
+    ), m = D(a).y;
     o.translateContainer({
-      startY: g,
+      startY: m,
       endY: h,
-      animationFrame: r,
-      bottomSheetContainer: s,
+      animationFrame: c,
+      bottomSheetContainer: a,
       onEnd: t.afterOpen
-    }), a.bottomSheetHandle.focus();
+    }), p.bottomSheetHandle.focus();
+    const y = document.body.style.overflowY;
+    i.originalDocumentOverflowY = y || "initial", document.body.style.overflowY = "hidden";
   };
-  function C() {
-    var d;
-    if (M())
+  function H() {
+    var u;
+    if (G())
       return;
-    (d = t.beforeClose) == null || d.call(t);
-    const p = D(s).y, h = s.clientHeight;
+    (u = t.beforeClose) == null || u.call(t);
+    const d = D(a).y, h = a.clientHeight;
     o.translateContainer({
-      startY: p,
+      startY: d,
       endY: h,
-      animationFrame: r,
-      bottomSheetContainer: s,
+      animationFrame: c,
+      bottomSheetContainer: a,
       onEnd: () => {
-        var g;
-        (g = t.afterClose) == null || g.call(t), et([l, s], !1);
+        var m;
+        (m = t.afterClose) == null || m.call(t), et([b, a], !1);
       }
-    });
+    }), r();
   }
-  function E() {
+  function C() {
     return o.isMounted;
   }
-  function w() {
-    const d = D(s).y, p = window.innerHeight, h = s.clientHeight >= p ? p : s.clientHeight;
-    return d < h;
+  function P() {
+    const u = D(a).y, d = window.innerHeight, h = a.clientHeight >= d ? d : a.clientHeight;
+    return u < h;
   }
-  function M() {
-    return !w();
-  }
-  function Q() {
-    const d = D(s).y, p = s.clientHeight, h = window.innerHeight;
-    if (d <= 5 && d >= -5)
-      return N.CONTENT_HEIGHT;
-    const g = p - d;
-    if (g === h / 2)
-      return N.MIDDLE;
-    const T = h - u.marginTop, O = 10;
-    return g <= T + O && g >= T - O ? N.TOP : N.CLOSED;
+  function G() {
+    return !P();
   }
   function Z() {
-    return s.clientHeight;
+    const u = D(a).y, d = a.clientHeight, h = window.innerHeight;
+    if (u <= 5 && u >= -5)
+      return R.CONTENT_HEIGHT;
+    const m = d - u;
+    if (m === h / 2)
+      return R.MIDDLE;
+    const y = h - l.marginTop, O = 10;
+    return m <= y + O && m >= y - O ? R.TOP : R.CLOSED;
+  }
+  function g() {
+    return a.clientHeight;
   }
-  function f(d) {
-    const p = D(s).y, h = s.clientHeight - p, g = window.innerHeight - d, T = Ft(h, g), O = q(h, g);
+  function A(u) {
+    if (!P())
+      return;
+    const d = D(a).y, h = a.clientHeight - d, m = window.innerHeight - u, y = jt(h, m), O = V(h, m);
     o.translateContainer({
-      startY: p,
-      endY: p + (T.isUp ? -O : O),
-      animationFrame: r,
-      bottomSheetContainer: s
+      startY: d,
+      endY: d + (y.isUp ? -O : O),
+      animationFrame: c,
+      bottomSheetContainer: a
     });
   }
-  function x(d, {
-    viewportHeight: p,
+  function L(u, {
+    viewportHeight: d,
     visibleHeight: h
   }) {
-    let g = null;
-    for (const T of d) {
-      const O = T * p, Y = q(
+    let m = null;
+    for (const y of u) {
+      const O = y * d, B = V(
         h,
         O
       );
-      (g === null || Y < g) && (g = Y);
+      (m === null || B < m) && (m = B);
     }
     return {
-      minOffset: g
+      minOffset: m
     };
   }
-  function A() {
-    const d = [...u.snapPoints].reverse(), p = D(s).y, h = s.clientHeight, g = h - p;
-    if (!u.expandable && g >= h)
+  function tt() {
+    const u = [...l.snapPoints].reverse(), d = D(a).y, h = a.clientHeight, m = h - d;
+    if (!l.expandable && m >= h)
       return;
-    const T = window.innerHeight, O = pt(
+    const y = window.innerHeight, O = mt(
       "above",
-      { visibleHeight: g, viewportHeight: T },
-      d
-    ), { minOffset: Y } = x(O, {
-      visibleHeight: g,
-      viewportHeight: T
+      { visibleHeight: m, viewportHeight: y },
+      u
+    ), { minOffset: B } = L(O, {
+      visibleHeight: m,
+      viewportHeight: y
     });
-    if (Y === null && g < T - u.marginTop) {
+    if (B === null && m < y - l.marginTop) {
       o.translateContainer({
-        startY: p,
-        endY: dt(
-          T,
+        startY: d,
+        endY: ht(
+          y,
           h,
-          u.marginTop,
+          l.marginTop,
           "top"
         ),
-        animationFrame: r,
-        bottomSheetContainer: s
+        animationFrame: c,
+        bottomSheetContainer: a
       });
       return;
     }
-    L(Y) && o.translateContainer({
-      startY: p,
-      endY: p - Y,
-      animationFrame: r,
-      bottomSheetContainer: s
+    x(B) && o.translateContainer({
+      startY: d,
+      endY: d - B,
+      animationFrame: c,
+      bottomSheetContainer: a
     });
   }
-  function J() {
-    const d = D(s).y, p = s.clientHeight - d;
-    if (p < 1)
+  function M() {
+    const u = D(a).y, d = a.clientHeight - u;
+    if (d < 1)
       return;
-    const h = window.innerHeight, g = pt(
+    const h = window.innerHeight, m = mt(
       "below",
-      { visibleHeight: p, viewportHeight: h },
-      u.snapPoints
-    ), { minOffset: T } = x(g, {
-      visibleHeight: p,
+      { visibleHeight: d, viewportHeight: h },
+      l.snapPoints
+    ), { minOffset: y } = L(m, {
+      visibleHeight: d,
       viewportHeight: h
     });
-    L(T) && o.translateContainer({
-      startY: d,
-      endY: d + T,
-      animationFrame: r,
-      bottomSheetContainer: s
+    x(y) && o.translateContainer({
+      startY: u,
+      endY: u + y,
+      animationFrame: c,
+      bottomSheetContainer: a
     });
   }
-  function P(d) {
-    const p = window.innerHeight;
-    if (!Jt(d))
+  function ut(u) {
+    const d = window.innerHeight;
+    if (!ne(u))
       return;
-    const h = z(p * d, 2);
-    f(h);
+    const h = K(d * u, 2);
+    A(h);
   }
   return {
-    props: u,
-    elements: a,
-    mount: v,
-    unmount: k,
+    props: l,
+    elements: p,
+    mount: k,
+    unmount: v,
     open: S,
-    close: C,
-    getIsMounted: E,
-    getIsOpen: w,
-    getIsClosed: M,
-    getPosition: Q,
-    getHeight: Z,
-    moveTo: f,
-    snapTo: P
+    close: H,
+    getIsMounted: C,
+    getIsOpen: P,
+    getIsClosed: G,
+    getPosition: Z,
+    getHeight: g,
+    moveTo: A,
+    snapTo: ut
   };
 }
-function de() {
+function Lt() {
   return {
     elements: {
       bottomSheetRoot: void 0,
@@ -1154,7 +1162,7 @@ function de() {
     getHeight: () => 0,
     getIsOpen: () => !1,
     getIsClosed: () => !0,
-    getPosition: () => N.CLOSED,
+    getPosition: () => R.CLOSED,
     moveTo: () => {
     },
     snapTo: () => {
@@ -1164,54 +1172,73 @@ function de() {
     }
   };
 }
-const pe = de(), fe = Lt(function(e, n) {
-  const {
-    children: o,
-    isOpen: i,
-    setIsOpen: r,
-    afterClose: c,
-    mountingPoint: a,
-    ...m
-  } = e, u = ct(pe), [l, b] = xt(
-    u.current
-  );
-  At(
-    n,
-    () => l,
-    [l]
-  );
-  const s = Ot(() => {
-    r(!1), c == null || c();
-  }, [c]);
-  tt(() => {
-    i ? l.open() : l.close();
-  }, [i]);
-  const v = ct(null);
-  return tt(
-    function() {
-      const S = Pt(e.mountingPoint) ? e.mountingPoint : window.document.body;
-      if (!S || l.getIsMounted())
-        return;
-      const C = ue({
-        content: "",
-        ...m,
-        afterClose: s
-      });
-      return C.mount(S), v.current = C.elements.bottomSheetContentWrapper ?? null, u.current = C, b(C), () => {
-        l.unmount();
-      };
-    },
-    [e.mountingPoint, m, s]
-  ), tt(
-    function() {
-      Object.assign(u.current.props, {
-        ...m
-      }), b(u.current);
-    },
-    [m]
-  ), v.current ? Dt(e.children, v.current) : null;
-});
+const me = Lt(), ve = Ot(
+  function(e, n) {
+    const {
+      children: o,
+      isOpen: i,
+      setIsOpen: r,
+      afterClose: c,
+      mountingPoint: s,
+      ...p
+    } = e, f = nt(me), [l, b] = ot(
+      f.current
+    );
+    Dt(
+      n,
+      () => l,
+      [l]
+    );
+    const E = Pt(() => {
+      r(!1), c == null || c();
+    }, [c]);
+    _(() => {
+      i ? l.open() : l.close();
+    }, [i]);
+    const a = nt(null);
+    return _(
+      function() {
+        const v = Bt(e.mountingPoint) ? e.mountingPoint : window.document.body;
+        if (!v || l.getIsMounted())
+          return;
+        const S = he({
+          content: "",
+          ...p,
+          afterClose: E
+        });
+        return S.mount(v), a.current = S.elements.bottomSheetContentWrapper ?? null, f.current = S, b(S), () => {
+          l.unmount();
+        };
+      },
+      [e.mountingPoint, p, E]
+    ), _(
+      function() {
+        Object.assign(f.current.props, {
+          ...p
+        }), b(f.current);
+      },
+      [p]
+    ), a.current ? Mt(
+      e.children,
+      a.current
+    ) : null;
+  }
+), fe = Lt();
+function Se() {
+  const t = nt(fe), [e, n] = ot(!1), [o, i] = ot(t.current);
+  return _(() => {
+    i(t.current);
+  }, [t.current]), {
+    props: Yt(() => ({
+      ref: t,
+      isOpen: e,
+      setIsOpen: n
+    }), [e]),
+    instance: o
+  };
+}
 export {
-  fe as ReactPlainBottomSheet,
-  de as createPlaceholderBottomSheet
+  ve as BottomSheet,
+  Lt as createPlaceholderBottomSheet,
+  Se as useBottomSheet
 };