@plainsheet/core 0.7.7 → 0.7.9

package/dist/plainsheet-core.es.js

@@ -1,8 +1,8 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.pbs-root{position:fixed;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:fit-content;max-height:100vh;z-index:2}.pbs-dialog-reset{background-color:transparent;color:inherit;border:none;outline:none;padding:0;margin:0}.pbs-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1;transition:background-color .2s ease-out}.pbs-backdrop.hidden{visibility:hidden}.pbs-backdrop.open{background-color:#454545b3}.pbs-backdrop.transparent{background-color:transparent}.pbs-container{--pbs-container-background-color: rgb(240, 240, 240);background-color:var(--pbs-container-background-color);position:relative;display:none;flex-direction:column;align-items:center;justify-content:flex-start;width:92%;height:fit-content;max-height:100vh;border-radius:10px 10px 0 0}.pbs-container.open{display:flex}.pbs-container .pbs-gap-filler{position:absolute;bottom:calc(-100vh + .5px);left:0;background-color:var(--pbs-container-background-color);content:"";width:100%;height:100vh}.pbs-handle{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:30px;cursor:pointer}.pbs-handle.hidden{display:none}.pbs-button-reset{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none}button:focus.pbs-button-reset{outline:none}.pbs-handle-bar{background-color:#a8a8a8;position:relative;width:12%;height:7px;border-radius:12px}.pbs-handle-bar.hidden{display:none}.pbs-content-wrapper{position:relative;width:100%;height:fit-content;max-height:100%;overflow-y:scroll}.pbs-content-wrapper::-webkit-scrollbar{display:none}.example{-ms-overflow-style:none;scrollbar-width:none}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-var kt = Object.defineProperty;
-var At = (t, n, e) => n in t ? kt(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
+var Lt = Object.defineProperty;
+var At = (t, n, e) => n in t ? Lt(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
 var j = (t, n, e) => At(t, typeof n != "symbol" ? n + "" : n, e);
-function S(t) {
+function H(t) {
   return typeof t == "string";
 }
 function Bt(t, n) {
@@ -14,11 +14,11 @@ function $(t, n) {
 function rt(t, n) {
   t.classList.remove(Z(n));
 }
-function W(t, n, e) {
-  S(e) && (S(n) && rt(t, n), $(t, e));
+function U(t, n, e) {
+  H(e) && (H(n) && rt(t, n), $(t, e));
 }
 function Z(t) {
-  return S(t) ? t.trim().replace(/\./g, "") : "";
+  return H(t) ? t.trim().replace(/\./g, "") : "";
 }
 function M(t) {
   return t.map((n) => Z(n)).filter(Boolean).join(" ");
@@ -31,26 +31,26 @@ function et(t, n) {
   const e = n;
   if (Array.isArray(t)) {
     t.forEach((r) => {
-      K(r, e), r.setAttribute("aria-modal", e ? "true" : "false");
+      q(r, e), r.setAttribute("aria-modal", e ? "true" : "false");
     });
     return;
   }
-  K(t, e), t.setAttribute("aria-modal", e ? "true" : "false");
+  q(t, e), t.setAttribute("aria-modal", e ? "true" : "false");
 }
-function K(t, n) {
+function q(t, n) {
   n ? ($(t, lt), rt(t, ut)) : ($(t, ut), rt(t, lt));
 }
-function Tt(t) {
+function yt(t) {
   return t instanceof HTMLElement;
 }
 function Y(t) {
   return typeof t == "number" && !Number.isNaN(t);
 }
 function Yt(t) {
-  Tt(t) && t.focus();
+  yt(t) && t.focus();
 }
 function It(t) {
-  if (!Tt(t) || t.offsetParent === null || "disabled" in t && t.disabled)
+  if (!yt(t) || t.offsetParent === null || "disabled" in t && t.disabled)
     return !1;
   const e = t.getAttribute("tabindex"), r = Y(e) ? parseInt(e, 10) : -1, i = [
     "INPUT",
@@ -63,17 +63,17 @@ function It(t) {
   ].includes(t.tagName), a = t instanceof HTMLAnchorElement && t.href !== "" || t instanceof HTMLAreaElement && t.href !== "";
   return i || a || r > -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 || {}), z = /* @__PURE__ */ ((t) => (t.Hidden = "hidden", t))(z || {});
+var T = /* @__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))(T || {}), ot = /* @__PURE__ */ ((t) => (t.Button = "pbs-button-reset", t.Dialog = "pbs-dialog-reset", t))(ot || {}), K = /* @__PURE__ */ ((t) => (t.Hidden = "hidden", t))(K || {});
 function x(t, n, e) {
   const r = document.createElement(t);
   return n.split(" ").forEach((i) => {
     $(r, i);
-  }), S(e) && r.setAttribute("data-testid", e), r;
+  }), H(e) && r.setAttribute("data-testid", e), r;
 }
 const sn = {
   CONTENTS_WRAPPER: Dt([
-    y.Root,
-    y.ContentWrapper
+    T.Root,
+    T.ContentWrapper
   ])
 };
 function dt(t, n, e, r) {
@@ -88,7 +88,7 @@ function dt(t, n, e, r) {
       return 0;
   }
 }
-function yt(t, n) {
+function Ct(t, n) {
   const e = n < t, r = n > t;
   return {
     isUp: e,
@@ -96,10 +96,10 @@ function yt(t, n) {
     stayedSame: n === t
   };
 }
-function Ct(t, n) {
+function Tt(t, n) {
   return n < t ? -(t - n) : n - t;
 }
-function q(t, n) {
+function V(t, n) {
   return t > n ? t - n : n - t;
 }
 function xt(t, n) {
@@ -195,11 +195,11 @@ function ht(t, {
 }) {
   return at(e) && t >= e ? e : at(n) && t <= n ? n : t;
 }
-const Pt = (t, n, e) => {
-  n instanceof HTMLElement && !Bt(n, y.Handle) && e.scrollTop >= 1 || (t.isDragging = !0);
+const Ft = (t, n, e) => {
+  n instanceof HTMLElement && !Bt(n, T.Handle) && e.scrollTop >= 1 || (t.isDragging = !0);
 }, Mt = (t, n, e, r) => (o) => {
   r.startY = t.getCoordinates(o).y, r.containerStartTranslate = I(n), e.onDragStart();
-}, Ft = (t, n, e, r, o) => (i) => {
+}, Pt = (t, n, e, r, o) => (i) => {
   Rt(
     i,
     t,
@@ -213,31 +213,31 @@ const Pt = (t, n, e) => {
 function Rt(t, n, e, r, o, i, a) {
   if (!r.isDragging || !Y(r.startY))
     return;
-  const l = n.getCoordinates(t).y, s = Ct(r.startY, l), b = window.innerHeight, f = i.clientHeight, d = f - (r.containerStartTranslate.y + s);
-  if (d >= b)
+  const u = n.getCoordinates(t).y, s = Tt(r.startY, u), b = window.innerHeight, l = i.clientHeight, f = l - (r.containerStartTranslate.y + s);
+  if (f >= b)
     return;
-  const p = yt(r.startY, l);
-  if (p.isUp && !e.expandable && d >= f)
+  const p = Ct(r.startY, u);
+  if (p.isUp && !e.expandable && f >= l || e.preventClosing && f <= l)
     return;
   o.start(() => {
     Q(i, {
       y: r.containerStartTranslate.y + s
     });
   }, 0);
-  const A = b - a, c = f - r.containerStartTranslate.y;
+  const w = b - a, c = l - r.containerStartTranslate.y;
   if (p.isUp) {
-    const C = A - c, H = A - d, O = ht(
-      1 - J(H / C, 2),
+    const y = w - c, S = w - f, k = ht(
+      1 - J(S / y, 2),
       {
         min: 0,
         max: 1
       }
     );
-    e.onDragMove(p, O);
+    e.onDragMove(p, k);
   } else if (p.isDown) {
-    const C = ht(
+    const y = ht(
       J(
-        1 - d / c,
+        1 - f / c,
         2
       ),
       {
@@ -245,71 +245,84 @@ function Rt(t, n, e, r, o, i, a) {
         max: 1
       }
     );
-    e.onDragMove(p, C);
+    e.onDragMove(p, y);
   }
 }
-const _t = (t, n, e, r, o, i, a) => (l) => {
+const Gt = (t, n, e, r, o, i, a) => (u) => {
   if (!r.isDragging || (r.isDragging = !1, !Y(r.startY)))
     return;
   e.onDragEnd();
-  const s = r.startY, b = t.getCoordinates(l).y, f = I(n).y, d = yt(s, b), p = window.innerHeight, A = n.clientHeight;
-  if (d.isUp) {
+  const s = r.startY, b = t.getCoordinates(u).y, l = I(n).y, f = Ct(s, b), p = window.innerHeight, w = n.clientHeight;
+  if (f.isUp) {
     const c = [...e.snapPoints].sort(
-      (O, B) => O - B
-    ), C = A + -f;
-    if (!e.expandable && C >= A)
+      (k, B) => k - B
+    ), y = w + -l;
+    if (!e.expandable && y >= w)
       return;
-    for (const O of c) {
-      const B = O * window.innerHeight;
-      if (C <= B) {
-        const L = q(
-          C,
+    for (const k of c) {
+      const B = k * window.innerHeight;
+      if (y <= B) {
+        const L = V(
+          y,
           B
         );
         a.translateContainer({
-          startY: f,
-          endY: f - L,
+          startY: l,
+          endY: l - L,
           animationFrame: o,
           bottomSheetContainer: n
         });
         return;
       }
     }
-    const H = Et(
+    const S = Et(
       p,
-      A,
+      w,
       e.marginTop
     );
     a.translateContainer({
-      startY: f,
-      endY: H,
+      startY: l,
+      endY: S,
       animationFrame: o,
       bottomSheetContainer: n
     });
-  } else if (d.isDown) {
+  } else if (f.isDown) {
     const c = [...e.snapPoints].sort(
-      (C, H) => H - C
+      (y, S) => S - y
     );
-    for (const C of c) {
-      const H = C * window.innerHeight, O = A + -f;
-      if (O >= H) {
-        const B = q(
-          O,
-          H
+    for (const y of c) {
+      const S = y * window.innerHeight, k = w + -l;
+      if (k >= S) {
+        const B = V(
+          k,
+          S
         );
         a.translateContainer({
-          startY: f,
-          endY: f + B,
+          startY: l,
+          endY: l + B,
           animationFrame: o,
           bottomSheetContainer: n
         });
         return;
       }
     }
+    if (e.preventClosing) {
+      const y = w + -l;
+      if (y >= w) {
+        const S = V(y, w);
+        a.translateContainer({
+          startY: l,
+          endY: l + S,
+          animationFrame: o,
+          bottomSheetContainer: n
+        });
+      }
+      return;
+    }
     i();
   }
 };
-var _ = /* @__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))(_ || {});
+var G = /* @__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))(G || {});
 function mt(t) {
   switch (t) {
     case 0:
@@ -324,17 +337,17 @@ function mt(t) {
       return -1;
   }
 }
-const Ut = {
-  eventPhase: _.All
+const _t = {
+  eventPhase: G.All
 };
-class G {
+class W {
   constructor(n) {
     j(this, "currentTarget");
     this.currentTarget = n;
   }
   addEventListeners({
     onStart: n,
-    onStartOptions: e = Ut,
+    onStartOptions: e = _t,
     onMove: r,
     onEnd: o
   }) {
@@ -349,7 +362,7 @@ class G {
     n && this.currentTarget.addEventListener(
       "touchstart",
       (i) => {
-        if (e.eventPhase === _.All) {
+        if (e.eventPhase === G.All) {
           n(i);
           return;
         }
@@ -369,7 +382,7 @@ class G {
     n && this.currentTarget.addEventListener(
       "mousedown",
       (i) => {
-        if (e.eventPhase === _.All) {
+        if (e.eventPhase === G.All) {
           n(i);
           return;
         }
@@ -425,82 +438,87 @@ function Ht(t) {
   return `${n} ${n} 0px 0px`;
 }
 function jt(t, n) {
-  const e = Wt(t);
-  Gt(e), e.bottomSheetContainer.style.width = t.width;
+  const e = Ut(t);
+  Wt(e), e.bottomSheetContainer.style.width = t.width;
   const r = document.createElement("div");
   r.innerHTML = t.content ?? "";
   const o = window.innerHeight;
   e.bottomSheetContainer.style.maxHeight = `${o}px`, e.bottomSheetContentWrapper.appendChild(r);
-  const i = $t({
+  const i = Vt({
     bottomSheetElements: e,
     bottomSheetProps: t,
     options: n
   });
-  return t.rootStyle && Object.assign(e.bottomSheetRoot.style, t.rootStyle), t.backdropStyle && Object.assign(e.bottomSheetBackdrop.style, t.backdropStyle), t.containerStyle && Object.assign(e.bottomSheetContainer.style, t.containerStyle), t.handleStyle && Object.assign(e.bottomSheetHandleBar.style, t.handleStyle), t.contentWrapperStyle && Object.assign(
+  return t.rootStyle && Object.assign(e.bottomSheetRoot.style, t.rootStyle), t.backdropStyle && Object.assign(e.bottomSheetBackdrop.style, t.backdropStyle), t.containerGapFillerStyle && Object.assign(e.bottomSheetContainer.style, t.containerStyle), t.containerStyle && Object.assign(
+    e.bottomSheetContainerGapFiller.style,
+    t.containerGapFillerStyle
+  ), t.handleStyle && Object.assign(e.bottomSheetHandleBar.style, t.handleStyle), t.contentWrapperStyle && Object.assign(
     e.bottomSheetContentWrapper.style,
     t.contentWrapperStyle
   ), { elements: e, eventHandlers: i };
 }
-function Wt(t) {
+function Ut(t) {
   const n = x(
     "dialog",
     M([
-      y.Root,
+      T.Root,
       ot.Dialog,
       t.rootClass
     ]),
-    y.Root
+    T.Root
   );
   n.ariaLabel = t.ariaLabel;
   const e = x(
     "section",
-    M([y.Container, t.containerClass]),
-    y.Container
+    M([T.Container, t.containerClass]),
+    T.Container
   );
   t.containerBorderRadius && (e.style.borderRadius = Ht(
     t.containerBorderRadius
   ));
   const r = x(
     "div",
-    y.GapFiller,
-    y.GapFiller
-  ), o = x(
+    T.GapFiller,
+    T.GapFiller
+  );
+  t.containerBackgroundColor && (e.style.backgroundColor = t.containerBackgroundColor, r.style.backgroundColor = t.containerBackgroundColor);
+  const o = x(
     "button",
     M([
-      y.Handle,
+      T.Handle,
       ot.Button,
-      t.shouldShowHandle ? null : z.Hidden,
+      t.shouldShowHandle ? null : K.Hidden,
       t.handleClass
     ]),
-    y.Handle
+    T.Handle
   );
   o.setAttribute("type", "button"), o.ariaLabel = "bottom sheet close button";
   const i = x(
     "span",
     M([
-      y.HandleBar,
-      t.shouldShowHandle ? null : z.Hidden
+      T.HandleBar,
+      t.shouldShowHandle ? null : K.Hidden
     ]),
-    y.HandleBar
+    T.HandleBar
   ), a = x(
     "article",
     M([
-      y.ContentWrapper,
+      T.ContentWrapper,
       t.contentWrapperClass
     ]),
-    y.ContentWrapper
-  ), l = x(
+    T.ContentWrapper
+  ), u = x(
     "div",
     M([
-      y.Backdrop,
+      T.Backdrop,
       t.backdropClass,
-      z.Hidden
+      K.Hidden
     ]),
-    y.Backdrop
+    T.Backdrop
   );
-  return t.backdropColor && (l.style.backgroundColor = t.backdropColor), t.backDropTransition && (l.style.transition = t.backDropTransition), {
+  return t.backdropColor && (u.style.backgroundColor = t.backdropColor), t.backDropTransition && (u.style.transition = t.backDropTransition), {
     bottomSheetRoot: n,
-    bottomSheetBackdrop: l,
+    bottomSheetBackdrop: u,
     bottomSheetContainer: e,
     bottomSheetHandle: o,
     bottomSheetHandleBar: i,
@@ -508,7 +526,7 @@ function Wt(t) {
     bottomSheetContainerGapFiller: r
   };
 }
-function Gt({
+function Wt({
   bottomSheetRoot: t,
   bottomSheetContainer: n,
   bottomSheetHandle: e,
@@ -518,7 +536,7 @@ function Gt({
 }) {
   t.appendChild(n), e.appendChild(r), n.appendChild(e), n.appendChild(o), n.appendChild(i);
 }
-function $t({
+function Vt({
   bottomSheetElements: t,
   bottomSheetProps: n,
   options: e
@@ -528,35 +546,35 @@ function $t({
     bottomSheetContainer: o,
     bottomSheetHandle: i,
     bottomSheetContainerGapFiller: a,
-    bottomSheetContentWrapper: l,
+    bottomSheetContentWrapper: u,
     bottomSheetBackdrop: s
-  } = t, { animationFrame: b } = e, f = new G(i), d = new G(
-    l
-  ), p = new G(
+  } = t, { animationFrame: b } = e, l = new W(i), f = new W(
+    u
+  ), p = new W(
     a
-  ), A = n.dragTriggers.reduce(
-    (E, w) => {
-      const T = r.querySelectorAll(w);
-      if (!T.length)
+  ), w = n.dragTriggers.reduce(
+    (E, O) => {
+      const C = r.querySelectorAll(O);
+      if (!C.length)
         return E;
-      const P = Array.from(T).map((u) => u instanceof HTMLElement ? new G(u) : null).filter((u) => !!u);
-      return [...E, ...P];
+      const F = Array.from(C).map((d) => d instanceof HTMLElement ? new W(d) : null).filter((d) => !!d);
+      return [...E, ...F];
     },
     []
-  ), c = new G(
+  ), c = new W(
     window
-  ), C = Mt(
+  ), y = Mt(
     c,
     o,
     n,
     e.draggingState
-  ), H = Ft(
+  ), S = Pt(
     c,
     o,
     n,
     e.draggingState,
     b
-  ), O = _t(
+  ), k = Gt(
     c,
     o,
     n,
@@ -569,97 +587,97 @@ function $t({
     E.target instanceof Element && !r.contains(E.target) && e.onClose();
   }
   function L(E) {
-    Pt(
+    Ft(
       e.draggingState,
       E.target,
       t.bottomSheetContentWrapper
     );
   }
   function N(E) {
-    const w = E ?? n;
-    w.draggable && (f.addEventListeners({
+    const O = E ?? n;
+    O.draggable && (l.addEventListeners({
       onStart: L
-    }), A.forEach((T) => {
-      T.addEventListeners({
+    }), w.forEach((C) => {
+      C.addEventListeners({
         onStart: L,
         onStartOptions: {
-          eventPhase: _.Target
+          eventPhase: G.Target
         }
       });
-    })), w.draggable && w.backgroundDraggable && (d.addEventListeners({
+    })), O.draggable && O.backgroundDraggable && (f.addEventListeners({
       onStart: L,
       onStartOptions: {
-        eventPhase: _.Target
+        eventPhase: G.Target
       }
     }), p.addEventListeners({
       onStart: L
-    })), w.draggable && c.addEventListeners({
-      onStart: C,
-      onMove: H,
-      onEnd: O
-    }), w.draggable && window.document.addEventListener("keyup", (T) => {
-      T.key === "Escape" && e.onClose();
-    }), i.addEventListener("keyup", (T) => {
-      if (T.key === "ArrowUp") {
+    })), O.draggable && c.addEventListeners({
+      onStart: y,
+      onMove: S,
+      onEnd: k
+    }), O.draggable && window.document.addEventListener("keyup", (C) => {
+      C.key === "Escape" && e.onClose();
+    }), i.addEventListener("keyup", (C) => {
+      if (C.key === "ArrowUp") {
         e.moveUp();
         return;
       }
-      if (T.key === "ArrowDown") {
+      if (C.key === "ArrowDown") {
         e.moveDown();
         return;
       }
-      if (T.shiftKey && T.key === "Tab") {
-        const P = nt(
+      if (C.shiftKey && C.key === "Tab") {
+        const F = nt(
           t.bottomSheetContentWrapper
         );
-        Yt(P);
+        Yt(F);
       }
     });
   }
-  function V() {
+  function X() {
     n.shouldCloseOnOutsideClick ? s.addEventListener("click", B) : s.style.pointerEvents = "none";
   }
   function tt() {
     s.removeEventListener("click", B);
   }
   function nt(E) {
-    let w = [...Array.from(E.childNodes).reverse()];
-    for (; w.length; ) {
-      const T = w.shift();
-      if (It(T))
-        return T;
-      T && (w = [
-        ...w,
-        ...Array.from(T.childNodes).reverse()
+    let O = [...Array.from(E.childNodes).reverse()];
+    for (; O.length; ) {
+      const C = O.shift();
+      if (It(C))
+        return C;
+      C && (O = [
+        ...O,
+        ...Array.from(C.childNodes).reverse()
       ]);
     }
     return null;
   }
-  function X() {
-    f.removeEventListeners({
+  function z() {
+    l.removeEventListeners({
       onStart: L
-    }), d.removeEventListeners({
+    }), f.removeEventListeners({
       onStart: L
     }), p.removeEventListeners({
       onStart: L
-    }), A.forEach((E) => {
+    }), w.forEach((E) => {
       E.removeEventListeners({
         onStart: L
       });
     }), c.removeEventListeners({
-      onStart: C,
-      onMove: H,
-      onEnd: O
+      onStart: y,
+      onMove: S,
+      onEnd: k
     });
   }
   return {
     attachEventListeners: N,
-    clearEventListeners: X,
-    attacheOnOpenEventListeners: V,
+    clearEventListeners: z,
+    attacheOnOpenEventListeners: X,
     clearOnOpenEventListeners: tt
   };
 }
-class Vt {
+class $t {
   constructor() {
     j(this, "animationId");
     j(this, "isInProgress");
@@ -692,15 +710,15 @@ function Xt(t) {
     animationFrame: o,
     onEnd: i,
     animationTimingFunction: a,
-    animationDuration: l
-  } = t, s = Ct(n, e);
+    animationDuration: u
+  } = t, s = Tt(n, e);
   o.stop();
   let b = !1;
-  o.start((f) => {
+  o.start((l) => {
     Q(r, {
-      y: n + s * a(f)
-    }), !b && f >= 1 && (i == null || i(), b = !0);
-  }, l);
+      y: n + s * a(l)
+    }), !b && l >= 1 && (i == null || i(), b = !0);
+  }, u);
 }
 const st = (t, n) => (e) => {
   Xt({
@@ -728,7 +746,7 @@ function Kt(t, n) {
 function qt(...t) {
   console.error(t);
 }
-const F = {
+const P = {
   EASE: "ease",
   EASE_IN: "ease-in",
   EASE_OUT: "ease-out",
@@ -736,7 +754,7 @@ const F = {
   SPRING: "spring"
 };
 function Jt(t) {
-  for (const n of Object.values(F))
+  for (const n of Object.values(P))
     if (n === t)
       return !0;
   return !1;
@@ -744,40 +762,40 @@ function Jt(t) {
 function Ot(t) {
   return !!(t instanceof Object && "p1x" in t && "p1y" in t && "p2x" in t && "p2y" in t && Y(t.p1x) && Y(t.p1y) && Y(t.p2x) && Y(t.p2y));
 }
-function U(t, n, e, r) {
+function _(t, n, e, r) {
   return function(s) {
-    return l(i(s));
+    return u(i(s));
   };
   function i(s) {
-    let b = 0, f = 1, d = s, p;
+    let b = 0, l = 1, f = s, p;
     if (s === 0 || s === 1)
       return s;
-    for (; b < f; ) {
-      if (p = a(d), Math.abs(p - s) < 1e-3)
-        return d;
-      s > p ? b = d : f = d, d = (f + b) / 2;
+    for (; b < l; ) {
+      if (p = a(f), Math.abs(p - s) < 1e-3)
+        return f;
+      s > p ? b = f : l = f, f = (l + b) / 2;
     }
-    return d;
+    return f;
   }
   function a(s) {
     return 3 * t * s * Math.pow(1 - s, 2) + 3 * e * Math.pow(s, 2) * (1 - s) + Math.pow(s, 3);
   }
-  function l(s) {
+  function u(s) {
     return 3 * n * s * Math.pow(1 - s, 2) + 3 * r * Math.pow(s, 2) * (1 - s) + Math.pow(s, 3);
   }
 }
-const bt = U(0.25, 0.1, 0.25, 1), Qt = U(0.42, 0, 1, 1), Lt = U(0.42, 0, 0.58, 1), Zt = U(0.4, 0.1, 0.6, 1), tn = U(0.45, 1.5, 0.55, 1);
+const bt = _(0.25, 0.1, 0.25, 1), Qt = _(0.42, 0, 1, 1), kt = _(0.42, 0, 0.58, 1), Zt = _(0.4, 0.1, 0.6, 1), tn = _(0.45, 1.5, 0.55, 1);
 function nn(t) {
   switch (t) {
-    case F.EASE:
+    case P.EASE:
       return bt;
-    case F.EASE_IN:
+    case P.EASE_IN:
       return Qt;
-    case F.EASE_OUT:
-      return Lt;
-    case F.EASE_IN_OUT:
+    case P.EASE_OUT:
+      return kt;
+    case P.EASE_IN_OUT:
       return Zt;
-    case F.SPRING:
+    case P.SPRING:
       return tn;
     default:
       return bt;
@@ -809,6 +827,7 @@ const en = {
   onDragEnd: () => {
   },
   expandable: !0,
+  preventClosing: !1,
   draggable: !0,
   backgroundDraggable: !0,
   shouldCloseOnOutsideClick: !0,
@@ -816,6 +835,7 @@ const en = {
   shouldShowHandle: !0,
   backDropTransition: null,
   backdropColor: null,
+  containerBackgroundColor: null,
   containerBorderRadius: null,
   rootClass: null,
   containerClass: null,
@@ -828,15 +848,16 @@ const en = {
   containerStyle: {},
   handleStyle: {},
   contentWrapperStyle: {},
-  backdropStyle: {}
+  backdropStyle: {},
+  containerGapFillerStyle: {}
 };
 function rn(t) {
   const n = {
     ...en
   }, e = Object.entries(t).reduce(
     (o, i) => {
-      const [a, l] = i;
-      return at(l) && (o[a] = l), o;
+      const [a, u] = i;
+      return at(u) && (o[a] = u), o;
     },
     {}
   );
@@ -848,74 +869,77 @@ function rn(t) {
 function ct(t) {
   if (Ot(t)) {
     const { p1x: n, p1y: e, p2x: r, p2y: o } = t;
-    return U(n, e, r, o);
+    return _(n, e, r, o);
   }
-  return Jt(t) ? nn(t) : Lt;
+  return Jt(t) ? nn(t) : kt;
 }
 function on(t, n, e, r) {
   function o(i, a) {
     switch (i) {
       case "content":
-        S(a) && (t.bottomSheetContentWrapper.innerHTML = a);
+        H(a) && (t.bottomSheetContentWrapper.innerHTML = a);
         break;
       case "width":
-        S(a) && (t.bottomSheetContainer.style.width = a);
+        H(a) && (t.bottomSheetContainer.style.width = a);
         break;
       case "shouldShowHandle":
-        pt(a) || K(t.bottomSheetHandle, !1);
+        pt(a) || q(t.bottomSheetHandle, !1);
         break;
       case "shouldShowBackdrop":
-        pt(a) || K(t.bottomSheetBackdrop, !1);
+        pt(a) || q(t.bottomSheetBackdrop, !1);
         break;
       case "containerBorderRadius":
-        S(a) && (t.bottomSheetContainer.style.borderRadius = Ht(a));
+        H(a) && (t.bottomSheetContainer.style.borderRadius = Ht(a));
+        break;
+      case "containerBackgroundColor":
+        H(a) && (t.bottomSheetContainer.style.backgroundColor = a, t.bottomSheetContainerGapFiller.style.backgroundColor = a);
         break;
       case "backdropColor":
-        S(a) && (t.bottomSheetBackdrop.style.backgroundColor = a);
+        H(a) && (t.bottomSheetBackdrop.style.backgroundColor = a);
         break;
       case "backDropTransition":
-        S(a) && (t.bottomSheetBackdrop.style.transition = a);
+        H(a) && (t.bottomSheetBackdrop.style.transition = a);
         break;
       case "rootClass":
-        if (!S(a))
+        if (!H(a))
           return;
-        W(
+        U(
           t.bottomSheetRoot,
           e.rootClass,
           a
         );
         break;
       case "containerClass":
-        if (!S(a))
+        if (!H(a))
           return;
-        W(
+        U(
           t.bottomSheetContainer,
           e.containerClass,
           a
         );
         break;
       case "handleClass":
-        if (!S(a))
+        if (!H(a))
           return;
-        W(
+        U(
           t.bottomSheetHandle,
           e.handleClass,
           a
         );
         break;
       case "contentWrapperClass":
-        if (!S(a))
+        if (!H(a))
           return;
-        W(
+        U(
           t.bottomSheetContentWrapper,
           e.contentWrapperClass,
           a
         );
         break;
       case "backdropClass":
-        if (!S(a))
+        if (!H(a))
           return;
-        W(
+        U(
           t.bottomSheetBackdrop,
           e.backdropClass,
           a
@@ -924,13 +948,16 @@ function on(t, n, e, r) {
       case "expandable":
         r.clearEventListeners(), r.attachEventListeners(e);
         break;
+      case "preventClosing":
+        r.clearEventListeners(), r.attachEventListeners(e);
+        break;
       case "draggable":
         r.clearEventListeners(), r.attachEventListeners(e);
         break;
       case "draggingAnimationTimings":
         if (Ot(a)) {
-          const l = ct(a), s = st(
-            l,
+          const u = ct(a), s = st(
+            u,
             e.draggingAnimationDuration
           );
           n.translateContainer = s;
@@ -938,10 +965,10 @@ function on(t, n, e, r) {
         break;
       case "draggingAnimationDuration":
         if (Y(a)) {
-          const l = ct(
+          const u = ct(
             e.draggingAnimationTimings
           ), s = st(
-            l,
+            u,
             a
           );
           n.translateContainer = s;
@@ -965,6 +992,12 @@ function on(t, n, e, r) {
           e.containerStyle
         );
         break;
+      case "containerGapFillerStyle":
+        e.containerGapFillerStyle && Object.assign(
+          t.bottomSheetContainerGapFiller.style,
+          e.containerGapFillerStyle
+        );
+        break;
       case "handleStyle":
         e.handleStyle && Object.assign(
           t.bottomSheetHandleBar.style,
@@ -1003,77 +1036,77 @@ function cn(t) {
   function a() {
     i.originalDocumentOverflowY && i.originalDocumentOverflowY !== "hidden" && (document.body.style.overflowY = i.originalDocumentOverflowY), i.originalDocumentOverscrollBehavior && (document.body.style.position = i.originalDocumentOverscrollBehavior);
   }
-  const l = new Vt(), s = {
-    animationFrame: l,
+  const u = new $t(), s = {
+    animationFrame: u,
     onClose: B,
     bottomSheetState: o,
     draggingState: i,
-    snapTo: P,
-    moveUp: w,
-    moveDown: T
-  }, { elements: b, eventHandlers: f } = jt(
+    snapTo: F,
+    moveUp: O,
+    moveDown: C
+  }, { elements: b, eventHandlers: l } = jt(
     n,
     s
-  ), d = Kt(
+  ), f = Kt(
     n,
     on(
       b,
       o,
       n,
-      f
+      l
     )
-  ), { bottomSheetBackdrop: p, bottomSheetRoot: A, bottomSheetContainer: c } = b, C = (u) => {
-    const g = u ?? window.document.body;
-    g.appendChild(A), g.appendChild(p);
+  ), { bottomSheetBackdrop: p, bottomSheetRoot: w, bottomSheetContainer: c } = b, y = (d) => {
+    const g = d ?? window.document.body;
+    g.appendChild(w), g.appendChild(p);
     const h = window.innerHeight;
     Q(c, {
       y: h
-    }), f.attachEventListeners(), o.isMounted = !0;
-  }, H = () => {
-    f.clearEventListeners(), Object.values(b).forEach((u) => {
-      u.remove();
+    }), l.attachEventListeners(), o.isMounted = !0;
+  }, S = () => {
+    l.clearEventListeners(), Object.values(b).forEach((d) => {
+      d.remove();
     }), a(), o.isMounted = !1;
-  }, O = () => {
+  }, k = () => {
     var D;
     if (L() || qt(
       'Bottom Sheet is not mounted yet. call the "mount" method first.'
     ), (D = t.beforeOpen) == null || D.call(t), N())
       return;
-    et(p, !0), d.shouldShowBackdrop || $(p, "transparent"), et([c], !0), Q(c, {
+    et(p, !0), f.shouldShowBackdrop || $(p, "transparent"), et([c], !0), Q(c, {
       y: c.clientHeight
     });
     const g = window.innerHeight, h = dt(
       g,
       c.clientHeight,
-      d.marginTop,
-      d.defaultPosition
+      f.marginTop,
+      f.defaultPosition
     ), m = I(c).y;
     o.translateContainer({
       startY: m,
       endY: h,
-      animationFrame: l,
+      animationFrame: u,
       bottomSheetContainer: c,
       onEnd: t.afterOpen
     });
     const v = document.body.style.overflowY;
     i.originalDocumentOverflowY = v || "initial";
-    const k = document.body.style.overscrollBehavior;
-    i.originalDocumentOverscrollBehavior = k || "initial", document.body.style.overflow = "hidden", document.body.style.overscrollBehavior = "contain", b.bottomSheetHandle.focus(), f.attacheOnOpenEventListeners();
+    const A = document.body.style.overscrollBehavior;
+    i.originalDocumentOverscrollBehavior = A || "initial", document.body.style.overflow = "hidden", document.body.style.overscrollBehavior = "contain", b.bottomSheetHandle.focus(), l.attacheOnOpenEventListeners();
   };
   function B() {
     var h;
-    if (V())
+    if (X())
       return;
     (h = t.beforeClose) == null || h.call(t);
-    const u = I(c).y, g = c.clientHeight;
+    const d = I(c).y, g = c.clientHeight;
     o.translateContainer({
-      startY: u,
+      startY: d,
       endY: g,
-      animationFrame: l,
+      animationFrame: u,
       bottomSheetContainer: c,
       onEnd: () => {
         var m;
-        (m = t.afterClose) == null || m.call(t), et([p, c], !1), f.clearOnOpenEventListeners();
+        (m = t.afterClose) == null || m.call(t), et([p, c], !1), l.clearOnOpenEventListeners();
       }
     }), a();
   }
@@ -1081,45 +1114,45 @@ function cn(t) {
     return o.isMounted;
   }
   function N() {
-    const u = I(c).y, g = window.innerHeight, h = c.clientHeight >= g ? g : c.clientHeight;
-    return u <= h;
+    const d = I(c).y, g = window.innerHeight, h = c.clientHeight >= g ? g : c.clientHeight;
+    return d <= h;
   }
-  function V() {
+  function X() {
     return !N();
   }
   function tt() {
-    const u = I(c).y, g = c.clientHeight, h = window.innerHeight;
-    if (u <= 5 && u >= -5)
+    const d = I(c).y, g = c.clientHeight, h = window.innerHeight;
+    if (d <= 5 && d >= -5)
       return R.CONTENT_HEIGHT;
-    const m = g - u;
+    const m = g - d;
     if (m === h / 2)
       return R.MIDDLE;
-    const v = h - d.marginTop, k = 10;
-    return m <= v + k && m >= v - k ? R.TOP : R.CLOSED;
+    const v = h - f.marginTop, A = 10;
+    return m <= v + A && m >= v - A ? R.TOP : R.CLOSED;
   }
   function nt() {
     return c.clientHeight;
   }
-  function X(u) {
+  function z(d) {
     if (!N())
       return;
-    const g = I(c).y, m = c.clientHeight - g, v = window.innerHeight - u, k = xt(m, v), D = q(m, v);
+    const g = I(c).y, m = c.clientHeight - g, v = window.innerHeight - d, A = xt(m, v), D = V(m, v);
     o.translateContainer({
       startY: g,
-      endY: g + (k.isUp ? -D : D),
-      animationFrame: l,
+      endY: g + (A.isUp ? -D : D),
+      animationFrame: u,
       bottomSheetContainer: c
     });
   }
-  function E(u, {
+  function E(d, {
     viewportHeight: g,
     visibleHeight: h
   }) {
     let m = null;
-    for (const v of u) {
-      const k = v * g, D = q(
+    for (const v of d) {
+      const A = v * g, D = V(
         h,
-        k
+        A
       );
       (m === null || D < m) && (m = D);
     }
@@ -1127,28 +1160,28 @@ function cn(t) {
       minOffset: m
     };
   }
-  function w() {
-    const u = [...d.snapPoints].reverse(), g = I(c).y, h = c.clientHeight, m = h - g;
-    if (!d.expandable && m >= h)
+  function O() {
+    const d = [...f.snapPoints].reverse(), g = I(c).y, h = c.clientHeight, m = h - g;
+    if (!f.expandable && m >= h)
       return;
-    const v = window.innerHeight, k = ft(
+    const v = window.innerHeight, A = ft(
       "above",
       { visibleHeight: m, viewportHeight: v },
-      u
-    ), { minOffset: D } = E(k, {
+      d
+    ), { minOffset: D } = E(A, {
       visibleHeight: m,
       viewportHeight: v
     });
-    if (D === null && m < v - d.marginTop) {
+    if (D === null && m < v - f.marginTop) {
       o.translateContainer({
         startY: g,
         endY: dt(
           v,
           h,
-          d.marginTop,
+          f.marginTop,
           "top"
         ),
-        animationFrame: l,
+        animationFrame: u,
         bottomSheetContainer: c
       });
       return;
@@ -1156,50 +1189,50 @@ function cn(t) {
     Y(D) && o.translateContainer({
       startY: g,
       endY: g - D,
-      animationFrame: l,
+      animationFrame: u,
       bottomSheetContainer: c
     });
   }
-  function T() {
-    const u = I(c).y, h = c.clientHeight - u;
+  function C() {
+    const d = I(c).y, h = c.clientHeight - d;
     if (h < 1)
       return;
     const m = window.innerHeight, v = ft(
       "below",
       { visibleHeight: h, viewportHeight: m },
-      d.snapPoints
-    ), { minOffset: k } = E(v, {
+      f.snapPoints
+    ), { minOffset: A } = E(v, {
       visibleHeight: h,
       viewportHeight: m
     });
-    Y(k) && o.translateContainer({
-      startY: u,
-      endY: u + k,
-      animationFrame: l,
+    Y(A) && o.translateContainer({
+      startY: d,
+      endY: d + A,
+      animationFrame: u,
       bottomSheetContainer: c
     });
   }
-  function P(u) {
+  function F(d) {
     const g = window.innerHeight;
-    if (!zt(u))
+    if (!zt(d))
       return;
-    const h = J(g * u, 2);
-    X(h);
+    const h = J(g * d, 2);
+    z(h);
   }
   return {
-    props: d,
+    props: f,
     elements: b,
-    mount: C,
-    unmount: H,
-    open: O,
+    mount: y,
+    unmount: S,
+    open: k,
     close: B,
     getIsMounted: L,
     getIsOpen: N,
-    getIsClosed: V,
+    getIsClosed: X,
     getPosition: tt,
     getHeight: nt,
-    moveTo: X,
-    snapTo: P
+    moveTo: z,
+    snapTo: F
   };
 }
 function ln() {
@@ -1239,11 +1272,11 @@ export {
   en as BOTTOM_SHEET_DEFAULT_PROPS,
   R as BOTTOM_SHEET_POSITION,
   sn as BOTTOM_SHEET_SELECTORS,
-  F as COMMON_ANIMATION_KEYS,
-  y as ClassNames,
-  _ as EventPhase,
+  P as COMMON_ANIMATION_KEYS,
+  T as ClassNames,
+  G as EventPhase,
   ot as ResetClassNames,
-  z as UtilClassNames,
+  K as UtilClassNames,
   cn as createBottomSheet,
   ln as createPlaceholderBottomSheet,
   mt as eventPhaseToEnum,