@plainsheet/core 0.7.11 → 1.0.1

package/dist/plainsheet-core.es.js

@@ -1,58 +1,61 @@
-(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 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 H(t) {
+(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;backface-visibility:"hidden"}.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;flex-shrink:0;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 It = Object.defineProperty;
+var Nt = (t, n, e) => n in t ? It(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
+var _ = (t, n, e) => (Nt(t, typeof n != "symbol" ? n + "" : n, e), e);
+function w(t) {
   return typeof t == "string";
 }
-function Bt(t, n) {
-  return t.classList.contains(Z(n));
+function at(t, n) {
+  return t.classList.contains(rt(n));
 }
-function $(t, n) {
-  t.classList.add(Z(n));
+function X(t, n) {
+  t.classList.add(rt(n));
 }
-function rt(t, n) {
-  t.classList.remove(Z(n));
+function st(t, n) {
+  t.classList.remove(rt(n));
 }
-function U(t, n, e) {
-  H(e) && (H(n) && rt(t, n), $(t, e));
+function V(t, n, e) {
+  w(e) && (w(n) && st(t, n), X(t, e));
 }
-function Z(t) {
-  return H(t) ? t.trim().replace(/\./g, "") : "";
+function rt(t) {
+  return w(t) ? t.trim().replace(/\./g, "") : "";
 }
-function M(t) {
-  return t.map((n) => Z(n)).filter(Boolean).join(" ");
+function x(t) {
+  return t.map((n) => rt(n)).filter(Boolean).join(" ");
 }
-function Dt(t) {
-  return t.map((n) => n == null ? void 0 : n.trim()).filter(Boolean).map((n) => `.${n}`).join(" ");
+const ct = "open", lt = "hidden";
+function xt(t) {
+  return Mt(t);
 }
-const lt = "open", ut = "hidden";
-function et(t, n) {
+function Q(t, n) {
   const e = n;
   if (Array.isArray(t)) {
     t.forEach((r) => {
-      q(r, e), r.setAttribute("aria-modal", e ? "true" : "false");
+      tt(r, e), r.setAttribute("aria-modal", e ? "true" : "false");
     });
     return;
   }
-  q(t, e), t.setAttribute("aria-modal", e ? "true" : "false");
+  tt(t, e), t.setAttribute("aria-modal", e ? "true" : "false");
+}
+function tt(t, n) {
+  n ? (X(t, ct), st(t, lt)) : (X(t, lt), st(t, ct));
 }
-function q(t, n) {
-  n ? ($(t, lt), rt(t, ut)) : ($(t, ut), rt(t, lt));
+function Mt(t) {
+  return at(t, ct) && !at(t, lt);
 }
-function yt(t) {
+function Ht(t) {
   return t instanceof HTMLElement;
 }
-function Y(t) {
+function B(t) {
   return typeof t == "number" && !Number.isNaN(t);
 }
-function Yt(t) {
-  yt(t) && t.focus();
+function Pt(t) {
+  Ht(t) && t.focus();
 }
-function It(t) {
-  if (!yt(t) || t.offsetParent === null || "disabled" in t && t.disabled)
+function Rt(t) {
+  if (!Ht(t) || t.offsetParent === null || "disabled" in t && t.disabled)
     return !1;
-  const e = t.getAttribute("tabindex"), r = Y(e) ? parseInt(e, 10) : -1, i = [
+  const e = t.getAttribute("tabindex"), r = B(e) ? parseInt(e, 10) : -1, a = [
     "INPUT",
     "BUTTON",
     "SELECT",
@@ -60,26 +63,20 @@ function It(t) {
     "A",
     "AREA",
     "IFRAME"
-  ].includes(t.tagName), a = t instanceof HTMLAnchorElement && t.href !== "" || t instanceof HTMLAreaElement && t.href !== "";
-  return i || a || r > -1;
+  ].includes(t.tagName), o = t instanceof HTMLAnchorElement && t.href !== "" || t instanceof HTMLAreaElement && t.href !== "";
+  return a || o || r > -1;
 }
-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) {
+var v = /* @__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))(v || {}), ut = /* @__PURE__ */ ((t) => (t.Button = "pbs-button-reset", t.Dialog = "pbs-dialog-reset", t))(ut || {}), Z = /* @__PURE__ */ ((t) => (t.Hidden = "hidden", t))(Z || {});
+function I(t, n, e) {
   const r = document.createElement(t);
-  return n.split(" ").forEach((i) => {
-    $(r, i);
-  }), H(e) && r.setAttribute("data-testid", e), r;
+  return n.split(" ").forEach((a) => {
+    X(r, a);
+  }), w(e) && r.setAttribute("data-testid", e), r;
 }
-const sn = {
-  CONTENTS_WRAPPER: Dt([
-    T.Root,
-    T.ContentWrapper
-  ])
-};
-function dt(t, n, e, r) {
+function pt(t, n, e, r) {
   switch (r) {
     case "content-height":
-      return n >= t ? Et(t, n, e) : 0;
+      return n >= t ? At(t, n, e) : 0;
     case "middle":
       return -(t / 2 - n);
     case "top":
@@ -88,7 +85,7 @@ function dt(t, n, e, r) {
       return 0;
   }
 }
-function Ct(t, n) {
+function St(t, n) {
   const e = n < t, r = n > t;
   return {
     isUp: e,
@@ -96,13 +93,13 @@ function Ct(t, n) {
     stayedSame: n === t
   };
 }
-function Tt(t, n) {
+function Ot(t, n) {
   return n < t ? -(t - n) : n - t;
 }
 function W(t, n) {
   return t > n ? t - n : n - t;
 }
-function xt(t, n) {
+function Gt(t, n) {
   const e = t < n, r = t > n;
   return {
     isUp: e,
@@ -110,63 +107,63 @@ function xt(t, n) {
     stayedSame: t === n
   };
 }
-function ft(t, n, e) {
+function yt(t, n, e) {
   const r = t === "above";
-  return e.filter((o) => {
-    const i = o * n.viewportHeight;
-    return r ? n.visibleHeight < i : n.visibleHeight > i;
+  return e.filter((i) => {
+    const a = i * n.viewportHeight;
+    return r ? n.visibleHeight < a : n.visibleHeight > a;
   });
 }
-function Et(t, n, e) {
+function At(t, n, e) {
   return -(t - n) + e;
 }
-function gt(t) {
+function Ct(t) {
   return Number(t.replace("px", ""));
 }
-function J(t, ...n) {
+function nt(t, ...n) {
   return Number(t.toFixed(...n));
 }
-function vt(t) {
+function Lt(t) {
   const n = /(?<type>\w+)\((?<values>[^)]+)\)/g, e = [];
   let r;
   for (; (r = n.exec(t)) !== null; ) {
-    const o = r[1], i = r[2].split(",").map((a) => a.trim());
-    e.push({ type: o, values: i });
+    const i = r[1], a = r[2].split(",").map((o) => o.trim());
+    e.push({ type: i, values: a });
   }
   return e;
 }
-function Nt(t) {
-  const n = t.style.transform, e = vt(n);
+function jt(t) {
+  const n = t.style.transform, e = Lt(n);
   return { transform: n, transformValues: e };
 }
-function wt(t, n) {
+function Bt(t, n) {
   const e = t.find(
     (r) => r.type.startsWith(n)
   );
   return e || null;
 }
-const it = "translate";
-function I(t) {
-  const n = t.style.transform, e = vt(n), r = wt(
+const dt = "translate";
+function F(t) {
+  const n = t.style.transform, e = Lt(n), r = Bt(
     e,
-    it
+    dt
   );
-  return St(r ?? {
-    type: it,
+  return Dt(r ?? {
+    type: dt,
     values: []
   });
 }
-function Q(t, { x: n, y: e }) {
+function et(t, { x: n, y: e }) {
   const {
     transform: r,
-    transformValues: o
-  } = Nt(t), i = wt(
-    o,
-    it
+    transformValues: i
+  } = jt(t), a = Bt(
+    i,
+    dt
   );
-  if (i) {
-    const a = St(i);
-    t.style.transform = `translate(${n ?? a.x ?? 0}px,${e ?? a.y ?? 0}px)`;
+  if (a) {
+    const o = Dt(a);
+    t.style.transform = `translate(${n ?? o.x ?? 0}px,${e ?? o.y ?? 0}px)`;
     return;
   }
   if (r) {
@@ -175,69 +172,69 @@ function Q(t, { x: n, y: e }) {
   }
   t.style.transform = `translate(${n ?? 0}px,${e ?? 0}px)`;
 }
-function St(t) {
+function Dt(t) {
   if (t.type !== "translate")
     throw new Error(
       `Could not get coordinates from ${t.type}, since is not translate.`
     );
   const n = t.values[0], e = t.values[1];
   return {
-    x: gt(n) ?? 0,
-    y: gt(e) ?? 0
+    x: Ct(n) ?? 0,
+    y: Ct(e) ?? 0
   };
 }
-function at(t) {
+function ft(t) {
   return t != null;
 }
-function ht(t, {
+function Tt(t, {
   min: n,
   max: e
 }) {
-  return at(e) && t >= e ? e : at(n) && t <= n ? n : t;
+  return ft(e) && t >= e ? e : ft(n) && t <= n ? n : t;
 }
-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();
-}, Pt = (t, n, e, r, o) => (i) => {
-  Rt(
-    i,
+const Ut = (t, n, e) => {
+  n instanceof HTMLElement && !at(n, v.Handle) && e.scrollTop >= 1 || (t.isDragging = !0);
+}, _t = (t, n, e, r) => (i) => {
+  r.isDragging && (r.startY = t.getCoordinates(i).y, r.containerStartTranslate = F(n), e.onDragStart());
+}, Vt = (t, n, e, r, i) => (a) => {
+  $t(
+    a,
     t,
     e,
     r,
-    o,
+    i,
     n,
     e.marginTop
   );
 };
-function Rt(t, n, e, r, o, i, a) {
-  if (!r.isDragging || !Y(r.startY))
+function $t(t, n, e, r, i, a, o) {
+  if (!r.isDragging || !B(r.startY))
     return;
-  const u = n.getCoordinates(t).y, s = Tt(r.startY, u), b = window.innerHeight, l = i.clientHeight, d = l - (r.containerStartTranslate.y + s);
-  if (d >= b)
+  const l = n.getCoordinates(t).y, s = Ot(r.startY, l), g = window.innerHeight, d = a.clientHeight, b = d - (r.containerStartTranslate.y + s);
+  if (b >= g)
     return;
-  const y = Ct(r.startY, u);
-  if (y.isUp && !e.expandable && d >= l || e.preventClosing && d <= l)
+  const C = St(r.startY, l);
+  if (C.isUp && !e.expandable && b >= d || e.preventClosing && b <= d)
     return;
-  o.start(() => {
-    Q(i, {
+  i.start(() => {
+    et(a, {
       y: r.containerStartTranslate.y + s
     });
   }, 0);
-  const E = b - a, c = l - r.containerStartTranslate.y;
-  if (y.isUp) {
-    const C = E - c, w = E - d, k = ht(
-      1 - J(w / C, 2),
+  const f = g - o, T = d - r.containerStartTranslate.y;
+  if (C.isUp) {
+    const E = f - T, c = f - b, O = Tt(
+      1 - nt(c / E, 2),
       {
         min: 0,
         max: 1
       }
     );
-    e.onDragMove(y, k);
-  } else if (y.isDown) {
-    const C = ht(
-      J(
-        1 - d / c,
+    e.onDragMove(C, O);
+  } else if (C.isDown) {
+    const E = Tt(
+      nt(
+        1 - b / T,
         2
       ),
       {
@@ -245,85 +242,85 @@ function Rt(t, n, e, r, o, i, a) {
         max: 1
       }
     );
-    e.onDragMove(y, C);
+    e.onDragMove(C, E);
   }
 }
-const Gt = (t, n, e, r, o, i, a) => (u) => {
-  if (!r.isDragging || (r.isDragging = !1, !Y(r.startY)))
+const Wt = (t, n, e, r, i, a, o) => (l) => {
+  if (!r.isDragging || (r.isDragging = !1, !B(r.startY)))
     return;
   e.onDragEnd();
-  const s = r.startY, b = t.getCoordinates(u).y, l = I(n).y, d = Ct(s, b), y = window.innerHeight, E = n.clientHeight;
-  if (d.isUp) {
+  const s = r.startY, g = t.getCoordinates(l).y, d = F(n).y, b = St(s, g), C = window.innerHeight, f = n.clientHeight;
+  if (b.isUp) {
     if (!e.expandable)
       return;
-    const c = [...e.snapPoints].sort(
-      (k, B) => k - B
-    ), C = E + -l;
-    for (const k of c) {
-      const B = k * window.innerHeight;
-      if (C <= B) {
-        const O = W(
-          C,
-          B
+    const T = [...e.snapPoints].sort(
+      (O, Y) => O - Y
+    ), E = f + -d;
+    for (const O of T) {
+      const Y = O * window.innerHeight;
+      if (E <= Y) {
+        const A = W(
+          E,
+          Y
         );
-        a.translateContainer({
-          startY: l,
-          endY: l - O,
-          animationFrame: o,
+        o.translateContainer({
+          startY: d,
+          endY: d - A,
+          animationFrame: i,
           bottomSheetContainer: n
         });
         return;
       }
     }
-    const w = Et(
-      y,
-      E,
+    const c = At(
+      C,
+      f,
       e.marginTop
     );
-    a.translateContainer({
-      startY: l,
-      endY: w,
-      animationFrame: o,
+    o.translateContainer({
+      startY: d,
+      endY: c,
+      animationFrame: i,
       bottomSheetContainer: n
     });
-  } else if (d.isDown) {
-    const c = [...e.snapPoints].sort(
-      (C, w) => w - C
+  } else if (b.isDown) {
+    const T = [...e.snapPoints].sort(
+      (E, c) => c - E
     );
-    for (const C of c) {
-      const w = C * window.innerHeight, k = E + -l;
-      if (k >= w) {
-        const B = W(
-          k,
-          w
+    for (const E of T) {
+      const c = E * window.innerHeight, O = f + -d;
+      if (O >= c) {
+        const Y = W(
+          O,
+          c
         );
-        a.translateContainer({
-          startY: l,
-          endY: l + B,
-          animationFrame: o,
+        o.translateContainer({
+          startY: d,
+          endY: d + Y,
+          animationFrame: i,
           bottomSheetContainer: n
         });
         return;
       }
     }
     if (e.preventClosing) {
-      const C = E + -l;
-      if (C >= E) {
-        const w = W(C, E);
-        a.translateContainer({
-          startY: l,
-          endY: l + w,
-          animationFrame: o,
+      const E = f + -d;
+      if (E >= f) {
+        const c = W(E, f);
+        o.translateContainer({
+          startY: d,
+          endY: d + c,
+          animationFrame: i,
           bottomSheetContainer: n
         });
       }
       return;
     }
-    i();
+    a();
   }
 };
 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) {
+function Et(t) {
   switch (t) {
     case 0:
       return 0;
@@ -337,62 +334,62 @@ function mt(t) {
       return -1;
   }
 }
-const _t = {
+const Xt = {
   eventPhase: G.All
 };
-class V {
+class $ {
   constructor(n) {
-    j(this, "currentTarget");
+    _(this, "currentTarget");
     this.currentTarget = n;
   }
   addEventListeners({
     onStart: n,
-    onStartOptions: e = _t,
+    onStartOptions: e = Xt,
     onMove: r,
-    onEnd: o
+    onEnd: i
   }) {
-    this.addTouchEventListeners({ onStart: n, onStartOptions: e, onMove: r, onEnd: o }), this.addMouseEventListeners({ onStart: n, onStartOptions: e, onMove: r, onEnd: o });
+    this.addTouchEventListeners({ onStart: n, onStartOptions: e, onMove: r, onEnd: i }), this.addMouseEventListeners({ onStart: n, onStartOptions: e, onMove: r, onEnd: i });
   }
   addTouchEventListeners({
     onStart: n,
     onStartOptions: e,
     onMove: r,
-    onEnd: o
+    onEnd: i
   }) {
     n && this.currentTarget.addEventListener(
       "touchstart",
-      (i) => {
+      (a) => {
         if (e.eventPhase === G.All) {
-          n(i);
+          n(a);
           return;
         }
-        mt(i.eventPhase) === e.eventPhase && n(i);
+        Et(a.eventPhase) === e.eventPhase && n(a);
       },
       {
         passive: !0
       }
-    ), r && this.currentTarget.addEventListener("touchmove", r), o && this.currentTarget.addEventListener("touchend", o);
+    ), r && this.currentTarget.addEventListener("touchmove", r), i && this.currentTarget.addEventListener("touchend", i);
   }
   addMouseEventListeners({
     onStart: n,
     onStartOptions: e,
     onMove: r,
-    onEnd: o
+    onEnd: i
   }) {
     n && this.currentTarget.addEventListener(
       "mousedown",
-      (i) => {
+      (a) => {
         if (e.eventPhase === G.All) {
-          n(i);
+          n(a);
           return;
         }
-        mt(i.eventPhase) === e.eventPhase && n(i);
+        Et(a.eventPhase) === e.eventPhase && n(a);
       },
       {
         passive: !0
       }
-    ), r && this.currentTarget.addEventListener("mousemove", r), o && this.currentTarget.addEventListener("mouseup", (i) => {
-      o(i);
+    ), r && this.currentTarget.addEventListener("mousemove", r), i && this.currentTarget.addEventListener("mouseup", (a) => {
+      i(a);
     });
   }
   removeEventListeners({
@@ -433,18 +430,18 @@ class V {
     };
   }
 }
-function Ht(t) {
+function Yt(t) {
   const n = t;
   return `${n} ${n} 0px 0px`;
 }
-function jt(t, n) {
-  const e = Ut(t);
-  Vt(e), e.bottomSheetContainer.style.width = t.width;
+function zt(t, n) {
+  const e = Kt(t);
+  qt(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 = Wt({
+  const i = window.innerHeight;
+  e.bottomSheetContainer.style.maxHeight = `${i}px`, e.bottomSheetContentWrapper.appendChild(r);
+  const a = Jt({
     bottomSheetElements: e,
     bottomSheetProps: t,
     options: n
@@ -455,237 +452,237 @@ function jt(t, n) {
   ), t.handleStyle && Object.assign(e.bottomSheetHandleBar.style, t.handleStyle), t.contentWrapperStyle && Object.assign(
     e.bottomSheetContentWrapper.style,
     t.contentWrapperStyle
-  ), { elements: e, eventHandlers: i };
+  ), { elements: e, eventHandlers: a };
 }
-function Ut(t) {
-  const n = x(
+function Kt(t) {
+  const n = I(
     "dialog",
-    M([
-      T.Root,
-      ot.Dialog,
+    x([
+      v.Root,
+      ut.Dialog,
       t.rootClass
     ]),
-    T.Root
+    v.Root
   );
   n.ariaLabel = t.ariaLabel;
-  const e = x(
+  const e = I(
     "section",
-    M([T.Container, t.containerClass]),
-    T.Container
+    x([v.Container, t.containerClass]),
+    v.Container
   );
-  t.containerBorderRadius && (e.style.borderRadius = Ht(
+  t.containerBorderRadius && (e.style.borderRadius = Yt(
     t.containerBorderRadius
   ));
-  const r = x(
+  const r = I(
     "div",
-    T.GapFiller,
-    T.GapFiller
+    v.GapFiller,
+    v.GapFiller
   );
   t.containerBackgroundColor && (e.style.backgroundColor = t.containerBackgroundColor, r.style.backgroundColor = t.containerBackgroundColor);
-  const o = x(
+  const i = I(
     "button",
-    M([
-      T.Handle,
-      ot.Button,
-      t.shouldShowHandle ? null : K.Hidden,
+    x([
+      v.Handle,
+      ut.Button,
+      t.shouldShowHandle ? null : Z.Hidden,
       t.handleClass
     ]),
-    T.Handle
+    v.Handle
   );
-  o.setAttribute("type", "button"), o.ariaLabel = "bottom sheet close button";
-  const i = x(
+  i.setAttribute("type", "button"), i.ariaLabel = "bottom sheet close button";
+  const a = I(
     "span",
-    M([
-      T.HandleBar,
-      t.shouldShowHandle ? null : K.Hidden
+    x([
+      v.HandleBar,
+      t.shouldShowHandle ? null : Z.Hidden
     ]),
-    T.HandleBar
-  ), a = x(
+    v.HandleBar
+  ), o = I(
     "article",
-    M([
-      T.ContentWrapper,
+    x([
+      v.ContentWrapper,
       t.contentWrapperClass
     ]),
-    T.ContentWrapper
-  ), u = x(
+    v.ContentWrapper
+  ), l = I(
     "div",
-    M([
-      T.Backdrop,
+    x([
+      v.Backdrop,
       t.backdropClass,
-      K.Hidden
+      Z.Hidden
     ]),
-    T.Backdrop
+    v.Backdrop
   );
-  return t.backdropColor && (u.style.backgroundColor = t.backdropColor), t.backDropTransition && (u.style.transition = t.backDropTransition), {
+  return t.backdropColor && (l.style.backgroundColor = t.backdropColor), t.backDropTransition && (l.style.transition = t.backDropTransition), {
     bottomSheetRoot: n,
-    bottomSheetBackdrop: u,
+    bottomSheetBackdrop: l,
     bottomSheetContainer: e,
-    bottomSheetHandle: o,
-    bottomSheetHandleBar: i,
-    bottomSheetContentWrapper: a,
+    bottomSheetHandle: i,
+    bottomSheetHandleBar: a,
+    bottomSheetContentWrapper: o,
     bottomSheetContainerGapFiller: r
   };
 }
-function Vt({
+function qt({
   bottomSheetRoot: t,
   bottomSheetContainer: n,
   bottomSheetHandle: e,
   bottomSheetHandleBar: r,
-  bottomSheetContentWrapper: o,
-  bottomSheetContainerGapFiller: i
+  bottomSheetContentWrapper: i,
+  bottomSheetContainerGapFiller: a
 }) {
-  t.appendChild(n), e.appendChild(r), n.appendChild(e), n.appendChild(o), n.appendChild(i);
+  t.appendChild(n), e.appendChild(r), n.appendChild(e), n.appendChild(i), n.appendChild(a);
 }
-function Wt({
+function Jt({
   bottomSheetElements: t,
   bottomSheetProps: n,
   options: e
 }) {
   const {
     bottomSheetRoot: r,
-    bottomSheetContainer: o,
-    bottomSheetHandle: i,
-    bottomSheetContainerGapFiller: a,
-    bottomSheetContentWrapper: u,
+    bottomSheetContainer: i,
+    bottomSheetHandle: a,
+    bottomSheetContainerGapFiller: o,
+    bottomSheetContentWrapper: l,
     bottomSheetBackdrop: s
-  } = t, { animationFrame: b } = e, l = new V(i), d = new V(
-    u
-  ), y = new V(
-    a
+  } = t, { animationFrame: g } = e, d = new $(a), b = new $(
+    l
+  ), C = new $(
+    o
   );
-  let E = [];
-  const c = new V(
+  let f = [];
+  const T = new $(
     window
-  ), C = Mt(
-    c,
-    o,
+  ), E = _t(
+    T,
+    i,
     n,
     e.draggingState
-  ), w = Pt(
-    c,
-    o,
+  ), c = Vt(
+    T,
+    i,
     n,
     e.draggingState,
-    b
-  ), k = Gt(
-    c,
-    o,
+    g
+  ), O = Wt(
+    T,
+    i,
     n,
     e.draggingState,
-    b,
+    g,
     e.onClose,
     e.bottomSheetState
   );
-  function B(S) {
-    S.target instanceof Element && !r.contains(S.target) && e.onClose();
+  function Y(H) {
+    H.target instanceof Element && !r.contains(H.target) && e.onClose();
   }
-  function O(S) {
-    Ft(
+  function A(H) {
+    Ut(
       e.draggingState,
-      S.target,
+      H.target,
       t.bottomSheetContentWrapper
     );
   }
-  function N(S) {
-    const L = S ?? n;
-    L.draggable && L.backgroundDraggable && (d.addEventListeners({
-      onStart: O,
+  function z(H) {
+    const S = H ?? n;
+    S.draggable && S.backgroundDraggable && (b.addEventListeners({
+      onStart: A,
       onStartOptions: {
         eventPhase: G.Target
       }
-    }), y.addEventListeners({
-      onStart: O
-    })), L.draggable && c.addEventListeners({
-      onStart: C,
-      onMove: w,
-      onEnd: k
-    }), L.draggable && window.document.addEventListener("keyup", (p) => {
-      p.key === "Escape" && e.onClose();
-    }), i.addEventListener("keyup", (p) => {
-      if (p.key === "ArrowUp") {
+    }), C.addEventListeners({
+      onStart: A
+    })), S.draggable && T.addEventListeners({
+      onStart: E,
+      onMove: c,
+      onEnd: O
+    }), S.draggable && window.document.addEventListener("keyup", (y) => {
+      y.key === "Escape" && e.onClose();
+    }), a.addEventListener("keyup", (y) => {
+      if (y.key === "ArrowUp") {
         e.moveUp();
         return;
       }
-      if (p.key === "ArrowDown") {
+      if (y.key === "ArrowDown") {
         e.moveDown();
         return;
       }
-      if (p.shiftKey && p.key === "Tab") {
-        const F = nt(
+      if (y.shiftKey && y.key === "Tab") {
+        const U = ot(
           t.bottomSheetContentWrapper
         );
-        Yt(F);
+        Pt(U);
       }
     });
   }
-  function X(S) {
-    const L = S ?? n;
-    n.shouldCloseOnOutsideClick && !n.preventClosing ? s.addEventListener("click", B) : s.style.pointerEvents = "none", L.draggable && (l.addEventListeners({
-      onStart: O
-    }), E.forEach((p) => {
-      p.removeEventListeners({
-        onStart: O
+  function K(H) {
+    const S = H ?? n;
+    n.shouldCloseOnOutsideClick && !n.preventClosing ? s.addEventListener("click", Y) : s.style.pointerEvents = "none", S.draggable && (d.addEventListeners({
+      onStart: A
+    }), f.forEach((y) => {
+      y.removeEventListeners({
+        onStart: A
       });
-    }), E = n.dragTriggers.reduce((p, F) => {
-      const g = r.querySelectorAll(F);
-      if (!g.length)
-        return p;
-      const h = Array.from(g).map((f) => f instanceof HTMLElement ? new V(f) : null).filter((f) => !!f);
-      return [...p, ...h];
-    }, []), E.forEach((p) => {
-      p.addEventListeners({
-        onStart: O,
+    }), f = n.dragTriggers.reduce((y, U) => {
+      const q = r.querySelectorAll(U);
+      if (!q.length)
+        return y;
+      const J = Array.from(q).map((u) => u instanceof HTMLElement ? new $(u) : null).filter((u) => !!u);
+      return [...y, ...J];
+    }, []), f.forEach((y) => {
+      y.addEventListeners({
+        onStart: A,
         onStartOptions: {
           eventPhase: G.Target
         }
       });
     }));
   }
-  function tt() {
-    s.removeEventListener("click", B);
+  function N() {
+    s.removeEventListener("click", Y);
   }
-  function nt(S) {
-    let L = [...Array.from(S.childNodes).reverse()];
-    for (; L.length; ) {
-      const p = L.shift();
-      if (It(p))
-        return p;
-      p && (L = [
-        ...L,
-        ...Array.from(p.childNodes).reverse()
+  function ot(H) {
+    let S = [...Array.from(H.childNodes).reverse()];
+    for (; S.length; ) {
+      const y = S.shift();
+      if (Rt(y))
+        return y;
+      y && (S = [
+        ...S,
+        ...Array.from(y.childNodes).reverse()
       ]);
     }
     return null;
   }
-  function z() {
-    l.removeEventListeners({
-      onStart: O
-    }), d.removeEventListeners({
-      onStart: O
-    }), y.removeEventListeners({
-      onStart: O
-    }), E.forEach((S) => {
-      S.removeEventListeners({
-        onStart: O
+  function it() {
+    d.removeEventListeners({
+      onStart: A
+    }), b.removeEventListeners({
+      onStart: A
+    }), C.removeEventListeners({
+      onStart: A
+    }), f.forEach((H) => {
+      H.removeEventListeners({
+        onStart: A
       });
-    }), c.removeEventListeners({
-      onStart: C,
-      onMove: w,
-      onEnd: k
+    }), T.removeEventListeners({
+      onStart: E,
+      onMove: c,
+      onEnd: O
     });
   }
   return {
-    attachEventListeners: N,
-    clearEventListeners: z,
-    attacheOnOpenEventListeners: X,
-    clearOnOpenEventListeners: tt
+    attachEventListeners: z,
+    clearEventListeners: it,
+    attacheOnOpenEventListeners: K,
+    clearOnOpenEventListeners: N
   };
 }
-class $t {
+class kt {
   constructor() {
-    j(this, "animationId");
-    j(this, "isInProgress");
-    j(this, "startedAt");
+    _(this, "animationId");
+    _(this, "isInProgress");
+    _(this, "startedAt");
     this.animationId = null, this.isInProgress = !1, this.startedAt = null;
   }
   /**
@@ -695,123 +692,146 @@ class $t {
    */
   start(n, e, r = !1) {
     this.isInProgress = !0;
-    const o = (i) => {
-      this.startedAt || (this.startedAt = i);
-      const a = i - this.startedAt, s = e === 0 ? 1 : J(a / e, 2), b = s >= 1 && !r;
-      n(s), b ? this.stop() : this.animationId = requestAnimationFrame(o);
+    const i = (a) => {
+      this.startedAt || (this.startedAt = a);
+      const o = a - this.startedAt, s = e === 0 ? 1 : nt(o / e, 2), g = s >= 1 && !r;
+      n(s), g ? this.stop() : this.animationId = requestAnimationFrame(i);
     };
-    this.animationId = requestAnimationFrame(o);
+    this.animationId = requestAnimationFrame(i);
   }
   stop() {
-    this.isInProgress = !1, this.startedAt = null, Y(this.animationId) && cancelAnimationFrame(this.animationId);
+    this.isInProgress = !1, this.startedAt = null, B(this.animationId) && cancelAnimationFrame(this.animationId);
   }
 }
-function Xt(t) {
+function Qt(t) {
   const {
     startY: n,
     endY: e,
     bottomSheetContainer: r,
-    animationFrame: o,
-    onEnd: i,
-    animationTimingFunction: a,
-    animationDuration: u
-  } = t, s = Tt(n, e);
-  o.stop();
-  let b = !1;
-  o.start((l) => {
-    Q(r, {
-      y: n + s * a(l)
-    }), !b && l >= 1 && (i == null || i(), b = !0);
-  }, u);
+    animationFrame: i,
+    onEnd: a,
+    animationTimingFunction: o,
+    animationDuration: l
+  } = t, s = Ot(n, e);
+  i.stop();
+  let g = !1;
+  i.start((d) => {
+    et(r, {
+      y: n + s * o(d)
+    }), !g && d >= 1 && (a == null || a(), g = !0);
+  }, l);
 }
-const st = (t, n) => (e) => {
-  Xt({
+const gt = (t, n) => (e) => {
+  Qt({
     ...e,
     animationTimingFunction: t,
     animationDuration: n
   });
-}, R = {
+};
+function Zt(t) {
+  const {
+    backdrop: n,
+    animationFrame: e,
+    animationTimingFunction: r,
+    animationDuration: i,
+    onEnd: a
+  } = t;
+  e.stop();
+  let o = !1;
+  e.start((l) => {
+    Object.entries(t.styleCreators).forEach(([s, g]) => {
+      n.style[s] = g(Number(r(l).toFixed(2)));
+    }), !o && l >= 1 && (a == null || a(), o = !0);
+  }, i);
+}
+const mt = (t, n) => (e) => {
+  Zt({
+    ...e,
+    animationTimingFunction: t,
+    animationDuration: n
+  });
+}, P = {
   TOP: "top",
   MIDDLE: "middle",
   CONTENT_HEIGHT: "content-height",
   CLOSED: "closed"
 };
-function zt(t) {
-  return !(!Y(t) || t > 1 || t < 0);
+function tn(t) {
+  return !(!B(t) || t > 1 || t < 0);
 }
-function Kt(t, n) {
+function nn(t, n) {
   const e = {
-    set(r, o, i, a) {
-      return n(o, i), Reflect.set(r, o, i, a);
+    set(r, i, a, o) {
+      return n(i, a), Reflect.set(r, i, a, o);
     }
   };
   return new Proxy(t, e);
 }
-function qt(...t) {
+function en(...t) {
   console.error(t);
 }
-const P = {
+const M = {
   EASE: "ease",
   EASE_IN: "ease-in",
   EASE_OUT: "ease-out",
   EASE_IN_OUT: "ease-in-out",
   SPRING: "spring"
 };
-function Jt(t) {
-  for (const n of Object.values(P))
+function ht(t) {
+  for (const n of Object.values(M))
     if (n === t)
       return !0;
   return !1;
 }
-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 bt(t) {
+  return !!(t instanceof Object && "p1x" in t && "p1y" in t && "p2x" in t && "p2y" in t && B(t.p1x) && B(t.p1y) && B(t.p2x) && B(t.p2y));
 }
-function _(t, n, e, r) {
+function j(t, n, e, r) {
   return function(s) {
-    return u(i(s));
+    return l(a(s));
   };
-  function i(s) {
-    let b = 0, l = 1, d = s, y;
+  function a(s) {
+    let g = 0, d = 1, b = s, C;
     if (s === 0 || s === 1)
       return s;
-    for (; b < l; ) {
-      if (y = a(d), Math.abs(y - s) < 1e-3)
-        return d;
-      s > y ? b = d : l = d, d = (l + b) / 2;
+    for (; g < d; ) {
+      if (C = o(b), Math.abs(C - s) < 1e-3)
+        return b;
+      s > C ? g = b : d = b, b = (d + g) / 2;
     }
-    return d;
+    return b;
   }
-  function a(s) {
+  function o(s) {
     return 3 * t * s * Math.pow(1 - s, 2) + 3 * e * Math.pow(s, 2) * (1 - s) + Math.pow(s, 3);
   }
-  function u(s) {
+  function l(s) {
     return 3 * n * s * Math.pow(1 - s, 2) + 3 * r * Math.pow(s, 2) * (1 - s) + Math.pow(s, 3);
   }
 }
-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) {
+const vt = j(0.25, 0.1, 0.25, 1), rn = j(0.42, 0, 1, 1), Ft = j(0.42, 0, 0.58, 1), on = j(0.4, 0.1, 0.6, 1), an = j(0.45, 1.5, 0.55, 1);
+function sn(t) {
   switch (t) {
-    case P.EASE:
-      return bt;
-    case P.EASE_IN:
-      return Qt;
-    case P.EASE_OUT:
-      return kt;
-    case P.EASE_IN_OUT:
-      return Zt;
-    case P.SPRING:
-      return tn;
+    case M.EASE:
+      return vt;
+    case M.EASE_IN:
+      return rn;
+    case M.EASE_OUT:
+      return Ft;
+    case M.EASE_IN_OUT:
+      return on;
+    case M.SPRING:
+      return an;
     default:
-      return bt;
+      return vt;
   }
 }
-function pt(t) {
+function wt(t) {
   return typeof t == "boolean";
 }
-const en = {
+const cn = {
   ariaLabel: "Bottom sheet",
   content: "",
-  defaultPosition: R.CONTENT_HEIGHT,
+  defaultPosition: P.CONTENT_HEIGHT,
   marginTop: 20,
   snapPoints: [],
   width: "92%",
@@ -848,6 +868,11 @@ const en = {
   backdropClass: null,
   draggingAnimationTimings: "ease-in-out",
   draggingAnimationDuration: 180,
+  backdropAnimationTimings: "ease-out",
+  backdropAnimationDuration: 180,
+  backdropAnimStyleCreators: {
+    opacity: (t) => `${1 - t}`
+  },
   rootStyle: {},
   containerStyle: {},
   handleStyle: {},
@@ -855,13 +880,13 @@ const en = {
   backdropStyle: {},
   containerGapFillerStyle: {}
 };
-function rn(t) {
+function ln(t) {
   const n = {
-    ...en
+    ...cn
   }, e = Object.entries(t).reduce(
-    (o, i) => {
-      const [a, u] = i;
-      return at(u) && (o[a] = u), o;
+    (i, a) => {
+      const [o, l] = a;
+      return ft(l) && (i[o] = l), i;
     },
     {}
   );
@@ -870,83 +895,83 @@ function rn(t) {
     ...e
   };
 }
-function ct(t) {
-  if (Ot(t)) {
-    const { p1x: n, p1y: e, p2x: r, p2y: o } = t;
-    return _(n, e, r, o);
+function R(t) {
+  if (bt(t)) {
+    const { p1x: n, p1y: e, p2x: r, p2y: i } = t;
+    return j(n, e, r, i);
   }
-  return Jt(t) ? nn(t) : kt;
+  return ht(t) ? sn(t) : Ft;
 }
-function on(t, n, e, r) {
-  function o(i, a) {
-    switch (i) {
+function un(t, n, e, r) {
+  function i(a, o) {
+    switch (a) {
       case "content":
-        H(a) && (t.bottomSheetContentWrapper.innerHTML = a);
+        w(o) && (t.bottomSheetContentWrapper.innerHTML = o);
         break;
       case "width":
-        H(a) && (t.bottomSheetContainer.style.width = a);
+        w(o) && (t.bottomSheetContainer.style.width = o);
         break;
       case "shouldShowHandle":
-        pt(a) || q(t.bottomSheetHandle, !1);
+        wt(o) || tt(t.bottomSheetHandle, !1);
         break;
       case "shouldShowBackdrop":
-        pt(a) || q(t.bottomSheetBackdrop, !1);
+        wt(o) || tt(t.bottomSheetBackdrop, !1);
         break;
       case "containerBorderRadius":
-        H(a) && (t.bottomSheetContainer.style.borderRadius = Ht(a));
+        w(o) && (t.bottomSheetContainer.style.borderRadius = Yt(o));
         break;
       case "containerBackgroundColor":
-        H(a) && (t.bottomSheetContainer.style.backgroundColor = a, t.bottomSheetContainerGapFiller.style.backgroundColor = a);
+        w(o) && (t.bottomSheetContainer.style.backgroundColor = o, t.bottomSheetContainerGapFiller.style.backgroundColor = o);
         break;
       case "backdropColor":
-        H(a) && (t.bottomSheetBackdrop.style.backgroundColor = a);
+        w(o) && (t.bottomSheetBackdrop.style.backgroundColor = o);
         break;
       case "backDropTransition":
-        H(a) && (t.bottomSheetBackdrop.style.transition = a);
+        w(o) && (t.bottomSheetBackdrop.style.transition = o);
         break;
       case "rootClass":
-        if (!H(a))
+        if (!w(o))
           return;
-        U(
+        V(
           t.bottomSheetRoot,
           e.rootClass,
-          a
+          o
         );
         break;
       case "containerClass":
-        if (!H(a))
+        if (!w(o))
           return;
-        U(
+        V(
           t.bottomSheetContainer,
           e.containerClass,
-          a
+          o
         );
         break;
       case "handleClass":
-        if (!H(a))
+        if (!w(o))
           return;
-        U(
+        V(
           t.bottomSheetHandle,
           e.handleClass,
-          a
+          o
         );
         break;
       case "contentWrapperClass":
-        if (!H(a))
+        if (!w(o))
           return;
-        U(
+        V(
           t.bottomSheetContentWrapper,
           e.contentWrapperClass,
-          a
+          o
         );
         break;
       case "backdropClass":
-        if (!H(a))
+        if (!w(o))
           return;
-        U(
+        V(
           t.bottomSheetBackdrop,
           e.backdropClass,
-          a
+          o
         );
         break;
       case "expandable":
@@ -962,25 +987,45 @@ function on(t, n, e, r) {
         r.clearEventListeners(), r.attachEventListeners(e);
         break;
       case "draggingAnimationTimings":
-        if (Ot(a)) {
-          const u = ct(a), s = st(
-            u,
+        if (bt(o) || ht(o)) {
+          const l = R(o), s = gt(
+            l,
             e.draggingAnimationDuration
           );
           n.translateContainer = s;
         }
         break;
       case "draggingAnimationDuration":
-        if (Y(a)) {
-          const u = ct(
+        if (B(o)) {
+          const l = R(
             e.draggingAnimationTimings
-          ), s = st(
-            u,
-            a
+          ), s = gt(
+            l,
+            o
           );
           n.translateContainer = s;
         }
         break;
+      case "backdropAnimationTimings":
+        if (bt(o) || ht(o)) {
+          const l = R(o), s = mt(
+            l,
+            e.backdropAnimationDuration
+          );
+          n.animateBackdrop = s;
+        }
+        break;
+      case "backdropAnimationDuration":
+        if (B(o)) {
+          const l = R(
+            e.backdropAnimationTimings
+          ), s = mt(
+            l,
+            o
+          );
+          n.animateBackdrop = s;
+        }
+        break;
       case "rootStyle":
         e.rootStyle && Object.assign(
           t.bottomSheetRoot.style,
@@ -1019,18 +1064,24 @@ function on(t, n, e, r) {
         break;
     }
   }
-  return o;
+  return i;
 }
-function cn(t) {
-  const n = rn(t), e = ct(
+function fn(t) {
+  const n = ln(t), e = R(
     t.draggingAnimationTimings
+  ), r = gt(
+    e,
+    n.draggingAnimationDuration
+  ), i = R(
+    t.backdropAnimationTimings
+  ), a = mt(
+    i,
+    n.backdropAnimationDuration
   ), o = {
     isMounted: !1,
-    translateContainer: st(
-      e,
-      n.draggingAnimationDuration
-    )
-  }, i = {
+    translateContainer: r,
+    animateBackdrop: a
+  }, l = {
     startY: null,
     containerStartTranslate: {
       x: 0,
@@ -1040,126 +1091,137 @@ function cn(t) {
     originalDocumentOverflowY: null,
     originalDocumentOverscrollBehavior: null
   };
-  function a() {
-    i.originalDocumentOverflowY && i.originalDocumentOverflowY !== "hidden" && (document.body.style.overflowY = i.originalDocumentOverflowY), i.originalDocumentOverscrollBehavior && (document.body.style.position = i.originalDocumentOverscrollBehavior);
+  function s() {
+    l.originalDocumentOverflowY && l.originalDocumentOverflowY !== "hidden" && (document.body.style.overflowY = l.originalDocumentOverflowY), l.originalDocumentOverscrollBehavior && (document.body.style.position = l.originalDocumentOverscrollBehavior);
   }
-  const u = new $t(), s = {
-    animationFrame: u,
-    onClose: B,
+  const g = new kt(), d = {
+    animationFrame: g,
+    onClose: z,
     bottomSheetState: o,
-    draggingState: i,
-    snapTo: F,
-    moveUp: L,
-    moveDown: p
-  }, { elements: b, eventHandlers: l } = jt(
+    draggingState: l,
+    snapTo: J,
+    moveUp: U,
+    moveDown: q
+  }, { elements: b, eventHandlers: C } = zt(
     n,
-    s
-  ), d = Kt(
+    d
+  ), f = nn(
     n,
-    on(
+    un(
       b,
       o,
       n,
-      l
+      C
     )
-  ), { bottomSheetBackdrop: y, bottomSheetRoot: E, bottomSheetContainer: c } = b, C = (g) => {
-    const h = g ?? window.document.body;
-    h.appendChild(E), h.appendChild(y);
-    const f = window.innerHeight;
-    Q(c, {
-      y: f
-    }), l.attachEventListeners(), o.isMounted = !0;
-  }, w = () => {
-    l.clearEventListeners(), Object.values(b).forEach((g) => {
-      g.remove();
-    }), a(), o.isMounted = !1;
-  }, k = () => {
+  ), { bottomSheetBackdrop: T, bottomSheetRoot: E, bottomSheetContainer: c } = b, O = (u) => {
+    const h = u ?? window.document.body;
+    h.appendChild(E), h.appendChild(T);
+    const p = window.innerHeight;
+    et(c, {
+      y: p
+    }), C.attachEventListeners(), o.isMounted = !0;
+  }, Y = () => {
+    C.clearEventListeners(), Object.values(b).forEach((u) => {
+      u.remove();
+    }), s(), o.isMounted = !1;
+  }, A = () => {
     var D;
-    if (O() || qt(
+    if (K() || en(
       'Bottom Sheet is not mounted yet. call the "mount" method first.'
     ), (D = t.beforeOpen) == null || D.call(t), N())
       return;
-    et(y, !0), d.shouldShowBackdrop || $(y, "transparent"), et([c], !0), Q(c, {
+    Q(T, !0), f.shouldShowBackdrop || X(T, "transparent"), Q([c], !0), et(c, {
       y: c.clientHeight
     });
-    const h = window.innerHeight, f = dt(
+    const h = window.innerHeight, p = pt(
       h,
       c.clientHeight,
-      d.marginTop,
-      d.defaultPosition
-    ), m = I(c).y;
+      f.marginTop,
+      f.defaultPosition
+    ), m = F(c).y;
     o.translateContainer({
       startY: m,
-      endY: f,
-      animationFrame: u,
+      endY: p,
+      animationFrame: g,
       bottomSheetContainer: c,
       onEnd: t.afterOpen
     });
-    const v = document.body.style.overflowY;
-    i.originalDocumentOverflowY = v || "initial";
-    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();
+    const k = document.body.style.overflowY;
+    l.originalDocumentOverflowY = k || "initial";
+    const L = document.body.style.overscrollBehavior;
+    l.originalDocumentOverscrollBehavior = L || "initial", document.body.style.overflow = "hidden", document.body.style.overscrollBehavior = "contain", b.bottomSheetHandle.focus(), C.attacheOnOpenEventListeners();
   };
-  function B() {
-    var f;
-    if (X())
+  function z() {
+    var p;
+    if (!xt(c))
       return;
-    (f = t.beforeClose) == null || f.call(t);
-    const g = I(c).y, h = c.clientHeight;
-    o.translateContainer({
-      startY: g,
+    (p = t.beforeClose) == null || p.call(t);
+    const u = F(c).y, h = c.clientHeight;
+    if (o.translateContainer({
+      startY: u,
       endY: h,
-      animationFrame: u,
+      animationFrame: g,
       bottomSheetContainer: c,
       onEnd: () => {
         var m;
-        (m = t.afterClose) == null || m.call(t), et([y, c], !1), l.clearOnOpenEventListeners();
+        (m = t.afterClose) == null || m.call(t), Q([c], !1), C.clearOnOpenEventListeners();
       }
-    }), a();
+    }), Object.keys(f.backdropAnimStyleCreators).length > 0) {
+      const m = new kt();
+      o.animateBackdrop({
+        animationFrame: m,
+        backdrop: T,
+        styleCreators: f.backdropAnimStyleCreators,
+        onEnd: () => {
+          Q([T], !1), T.style.opacity = "1";
+        }
+      });
+    }
+    s();
   }
-  function O() {
+  function K() {
     return o.isMounted;
   }
   function N() {
-    const g = I(c).y, h = window.innerHeight, f = c.clientHeight >= h ? h : c.clientHeight;
-    return g <= f;
+    const u = F(c).y, h = window.innerHeight, p = c.clientHeight >= h ? h : c.clientHeight;
+    return u <= p;
   }
-  function X() {
+  function ot() {
     return !N();
   }
-  function tt() {
-    const g = I(c).y, h = c.clientHeight, f = window.innerHeight;
-    if (g <= 5 && g >= -5)
-      return R.CONTENT_HEIGHT;
-    const m = h - g;
-    if (m === f / 2)
-      return R.MIDDLE;
-    const v = f - d.marginTop, A = 10;
-    return m <= v + A && m >= v - A ? R.TOP : R.CLOSED;
+  function it() {
+    const u = F(c).y, h = c.clientHeight, p = window.innerHeight;
+    if (u <= 5 && u >= -5)
+      return P.CONTENT_HEIGHT;
+    const m = h - u;
+    if (m === p / 2)
+      return P.MIDDLE;
+    const k = p - f.marginTop, L = 10;
+    return m <= k + L && m >= k - L ? P.TOP : P.CLOSED;
   }
-  function nt() {
+  function H() {
     return c.clientHeight;
   }
-  function z(g) {
+  function S(u) {
     if (!N())
       return;
-    const h = I(c).y, m = c.clientHeight - h, v = window.innerHeight - g, A = xt(m, v), D = W(m, v);
+    const h = F(c).y, m = c.clientHeight - h, k = window.innerHeight - u, L = Gt(m, k), D = W(m, k);
     o.translateContainer({
       startY: h,
-      endY: h + (A.isUp ? -D : D),
-      animationFrame: u,
+      endY: h + (L.isUp ? -D : D),
+      animationFrame: g,
       bottomSheetContainer: c
     });
   }
-  function S(g, {
+  function y(u, {
     viewportHeight: h,
-    visibleHeight: f
+    visibleHeight: p
   }) {
     let m = null;
-    for (const v of g) {
-      const A = v * h, D = W(
-        f,
-        A
+    for (const k of u) {
+      const L = k * h, D = W(
+        p,
+        L
       );
       (m === null || D < m) && (m = D);
     }
@@ -1167,82 +1229,82 @@ function cn(t) {
       minOffset: m
     };
   }
-  function L() {
-    const g = [...d.snapPoints].reverse(), h = I(c).y, f = c.clientHeight, m = f - h;
-    if (!d.expandable && m >= f)
+  function U() {
+    const u = [...f.snapPoints].reverse(), h = F(c).y, p = c.clientHeight, m = p - h;
+    if (!f.expandable && m >= p)
       return;
-    const v = window.innerHeight, A = ft(
+    const k = window.innerHeight, L = yt(
       "above",
-      { visibleHeight: m, viewportHeight: v },
-      g
-    ), { minOffset: D } = S(A, {
+      { visibleHeight: m, viewportHeight: k },
+      u
+    ), { minOffset: D } = y(L, {
       visibleHeight: m,
-      viewportHeight: v
+      viewportHeight: k
     });
-    if (D === null && m < v - d.marginTop) {
+    if (D === null && m < k - f.marginTop) {
       o.translateContainer({
         startY: h,
-        endY: dt(
-          v,
-          f,
-          d.marginTop,
+        endY: pt(
+          k,
+          p,
+          f.marginTop,
           "top"
         ),
-        animationFrame: u,
+        animationFrame: g,
         bottomSheetContainer: c
       });
       return;
     }
-    Y(D) && o.translateContainer({
+    B(D) && o.translateContainer({
       startY: h,
       endY: h - D,
-      animationFrame: u,
+      animationFrame: g,
       bottomSheetContainer: c
     });
   }
-  function p() {
-    const g = I(c).y, f = c.clientHeight - g;
-    if (f < 1)
+  function q() {
+    const u = F(c).y, p = c.clientHeight - u;
+    if (p < 1)
       return;
-    const m = window.innerHeight, v = ft(
+    const m = window.innerHeight, k = yt(
       "below",
-      { visibleHeight: f, viewportHeight: m },
-      d.snapPoints
-    ), { minOffset: A } = S(v, {
-      visibleHeight: f,
+      { visibleHeight: p, viewportHeight: m },
+      f.snapPoints
+    ), { minOffset: L } = y(k, {
+      visibleHeight: p,
       viewportHeight: m
     });
-    Y(A) && o.translateContainer({
-      startY: g,
-      endY: g + A,
-      animationFrame: u,
+    B(L) && o.translateContainer({
+      startY: u,
+      endY: u + L,
+      animationFrame: g,
       bottomSheetContainer: c
     });
   }
-  function F(g) {
+  function J(u) {
     const h = window.innerHeight;
-    if (!zt(g))
+    if (!tn(u))
       return;
-    const f = J(h * g, 2);
-    z(f);
+    const p = nt(h * u, 2);
+    S(p);
   }
   return {
-    props: d,
+    props: f,
     elements: b,
-    mount: C,
-    unmount: w,
-    open: k,
-    close: B,
-    getIsMounted: O,
+    mount: O,
+    unmount: Y,
+    open: A,
+    close: z,
+    getIsMounted: K,
     getIsOpen: N,
-    getIsClosed: X,
-    getPosition: tt,
-    getHeight: nt,
-    moveTo: z,
-    snapTo: F
+    getIsClosed: ot,
+    getPosition: it,
+    getHeight: H,
+    moveTo: S,
+    snapTo: J
   };
 }
-function ln() {
+function gn() {
   return {
     elements: {
       bottomSheetRoot: void 0,
@@ -1265,7 +1327,7 @@ function ln() {
     getHeight: () => 0,
     getIsOpen: () => !1,
     getIsClosed: () => !0,
-    getPosition: () => R.CLOSED,
+    getPosition: () => P.CLOSED,
     moveTo: () => {
     },
     snapTo: () => {
@@ -1276,17 +1338,7 @@ function ln() {
   };
 }
 export {
-  en as BOTTOM_SHEET_DEFAULT_PROPS,
-  R as BOTTOM_SHEET_POSITION,
-  sn as BOTTOM_SHEET_SELECTORS,
-  P as COMMON_ANIMATION_KEYS,
-  T as ClassNames,
-  G as EventPhase,
-  ot as ResetClassNames,
-  K as UtilClassNames,
-  cn as createBottomSheet,
-  ln as createPlaceholderBottomSheet,
-  mt as eventPhaseToEnum,
-  Ot as isAnimationTimingPoints,
-  Jt as isCommonAnimationTimingsKey
+  v as ClassNames,
+  fn as createBottomSheet,
+  gn as createPlaceholderBottomSheet
 };