@plainsheet/react 0.4.10 → 0.4.12

package/dist/plainsheet-react.es.js

@@ -1,19 +1,19 @@
 import { forwardRef as Dt, useRef as rt, useState as at, useImperativeHandle as Mt, useCallback as z, useEffect as q, useMemo as Yt } from "react";
-import { createPortal as Pt } from "react-dom";
-function Ft(t) {
+import { createPortal as Ft } from "react-dom";
+function It(t) {
   return t != null;
 }
 (function() {
   try {
     if (typeof document < "u") {
       var t = document.createElement("style");
-      t.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(t);
+      t.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;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(t);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-var It = Object.defineProperty, Rt = (t, e, n) => e in t ? It(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, J = (t, e, n) => Rt(t, typeof e != "symbol" ? e + "" : e, n);
+var Pt = Object.defineProperty, Rt = (t, e, n) => e in t ? Pt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, J = (t, e, n) => Rt(t, typeof e != "symbol" ? e + "" : e, n);
 function L(t) {
   return typeof t == "string";
 }
@@ -35,9 +35,6 @@ function nt(t) {
 function R(t) {
   return t.map((e) => nt(e)).filter(Boolean).join(" ");
 }
-function Nt(t) {
-  return t.map((e) => e == null ? void 0 : e.trim()).filter(Boolean).map((e) => `.${e}`).join(" ");
-}
 const pt = "open", ht = "hidden";
 function ot(t, e) {
   const n = e;
@@ -58,10 +55,10 @@ function Ct(t) {
 function A(t) {
   return typeof t == "number" && !Number.isNaN(t);
 }
-function jt(t) {
+function Nt(t) {
   Ct(t) && t.focus();
 }
-function Gt(t) {
+function jt(t) {
   if (!Ct(t) || t.offsetParent === null || "disabled" in t && t.disabled)
     return !1;
   const e = t.getAttribute("tabindex"), n = A(e) ? parseInt(e, 10) : -1, o = [
@@ -75,17 +72,13 @@ function Gt(t) {
   ].includes(t.tagName), r = t instanceof HTMLAnchorElement && t.href !== "" || t instanceof HTMLAreaElement && t.href !== "";
   return o || r || n > -1;
 }
-var k = /* @__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))(k || {}), st = /* @__PURE__ */ ((t) => (t.Button = "pbs-button-reset", t.Dialog = "pbs-dialog-reset", t))(st || {}), Q = /* @__PURE__ */ ((t) => (t.Hidden = "hidden", t))(Q || {});
+var H = /* @__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))(H || {}), st = /* @__PURE__ */ ((t) => (t.Button = "pbs-button-reset", t.Dialog = "pbs-dialog-reset", t))(st || {}), Q = /* @__PURE__ */ ((t) => (t.Hidden = "hidden", t))(Q || {});
 function M(t, e, n) {
   const o = document.createElement(t);
   return e.split(" ").forEach((r) => {
     K(o, r);
   }), L(n) && o.setAttribute("data-testid", n), o;
 }
-Nt([
-  k.Root,
-  k.ContentWrapper
-]);
 function mt(t, e, n, o) {
   switch (o) {
     case "content-height":
@@ -112,7 +105,7 @@ function wt(t, e) {
 function V(t, e) {
   return t > e ? t - e : e - t;
 }
-function Ut(t, e) {
+function Gt(t, e) {
   const n = t < e, o = t > e;
   return {
     isUp: n,
@@ -120,7 +113,7 @@ function Ut(t, e) {
     stayedSame: t === e
   };
 }
-function ft(t, e, n) {
+function bt(t, e, n) {
   const o = t === "above";
   return n.filter((r) => {
     const i = r * e.viewportHeight;
@@ -130,7 +123,7 @@ function ft(t, e, n) {
 function kt(t, e, n) {
   return -(t - e) + n;
 }
-function bt(t) {
+function ft(t) {
   return Number(t.replace("px", ""));
 }
 function tt(t, ...e) {
@@ -145,7 +138,7 @@ function Tt(t) {
   }
   return n;
 }
-function $t(t) {
+function Ut(t) {
   const e = t.style.transform, n = Tt(e);
   return { transform: e, transformValues: n };
 }
@@ -169,7 +162,7 @@ function et(t, { x: e, y: n }) {
   const {
     transform: o,
     transformValues: r
-  } = $t(t), i = Ht(
+  } = Ut(t), i = Ht(
     r,
     ct
   );
@@ -191,8 +184,8 @@ function Ot(t) {
     );
   const e = t.values[0], n = t.values[1];
   return {
-    x: bt(e) ?? 0,
-    y: bt(n) ?? 0
+    x: ft(e) ?? 0,
+    y: ft(n) ?? 0
   };
 }
 function lt(t) {
@@ -204,12 +197,12 @@ function gt(t, {
 }) {
   return lt(n) && t >= n ? n : lt(e) && t <= e ? e : t;
 }
-const _t = (t, e, n) => {
-  e instanceof HTMLElement && !Wt(e, k.Handle) && n.scrollTop >= 1 || (t.isDragging = !0);
-}, Xt = (t, e, n, o) => (r) => {
+const $t = (t, e, n) => {
+  e instanceof HTMLElement && !Wt(e, H.Handle) && n.scrollTop >= 1 || (t.isDragging = !0);
+}, _t = (t, e, n, o) => (r) => {
   o.startY = t.getCoordinates(r).y, o.containerStartTranslate = D(e), n.onDragStart();
-}, zt = (t, e, n, o, r) => (i) => {
-  qt(
+}, Xt = (t, e, n, o, r) => (i) => {
+  zt(
     i,
     t,
     n,
@@ -219,23 +212,23 @@ const _t = (t, e, n) => {
     n.marginTop
   );
 };
-function qt(t, e, n, o, r, i, a) {
+function zt(t, e, n, o, r, i, a) {
   if (!o.isDragging || !A(o.startY))
     return;
-  const l = e.getCoordinates(t).y, u = wt(o.startY, l), h = window.innerHeight, c = i.clientHeight, f = c - (o.containerStartTranslate.y + u);
-  if (f >= h)
+  const l = e.getCoordinates(t).y, u = wt(o.startY, l), h = window.innerHeight, s = i.clientHeight, b = s - (o.containerStartTranslate.y + u);
+  if (b >= h)
     return;
   const y = Et(o.startY, l);
-  if (y.isUp && !n.expandable && f >= c || n.preventClosing && f <= c)
+  if (y.isUp && !n.expandable && b >= s || n.preventClosing && b <= s)
     return;
   r.start(() => {
     et(i, {
       y: o.containerStartTranslate.y + u
     });
   }, 0);
-  const s = h - a, C = c - o.containerStartTranslate.y;
+  const c = h - a, C = s - o.containerStartTranslate.y;
   if (y.isUp) {
-    const v = s - C, S = s - f, E = gt(
+    const v = c - C, S = c - b, E = gt(
       1 - tt(S / v, 2),
       {
         min: 0,
@@ -246,7 +239,7 @@ function qt(t, e, n, o, r, i, a) {
   } else if (y.isDown) {
     const v = gt(
       tt(
-        1 - f / C,
+        1 - b / C,
         2
       ),
       {
@@ -257,17 +250,17 @@ function qt(t, e, n, o, r, i, a) {
     n.onDragMove(y, v);
   }
 }
-const Vt = (t, e, n, o, r, i, a) => (l) => {
+const qt = (t, e, n, o, r, i, a) => (l) => {
   if (!o.isDragging || (o.isDragging = !1, !A(o.startY)))
     return;
   n.onDragEnd();
-  const u = o.startY, h = t.getCoordinates(l).y, c = D(e).y, f = Et(u, h), y = window.innerHeight, s = e.clientHeight;
-  if (f.isUp) {
+  const u = o.startY, h = t.getCoordinates(l).y, s = D(e).y, b = Et(u, h), y = window.innerHeight, c = e.clientHeight;
+  if (b.isUp) {
+    if (!n.expandable)
+      return;
     const C = [...n.snapPoints].sort(
       (E, x) => E - x
-    ), v = s + -c;
-    if (!n.expandable && v >= s)
-      return;
+    ), v = c + -s;
     for (const E of C) {
       const x = E * window.innerHeight;
       if (v <= x) {
@@ -276,8 +269,8 @@ const Vt = (t, e, n, o, r, i, a) => (l) => {
           x
         );
         a.translateContainer({
-          startY: c,
-          endY: c - w,
+          startY: s,
+          endY: s - w,
           animationFrame: r,
           bottomSheetContainer: e
         });
@@ -286,29 +279,29 @@ const Vt = (t, e, n, o, r, i, a) => (l) => {
     }
     const S = kt(
       y,
-      s,
+      c,
       n.marginTop
     );
     a.translateContainer({
-      startY: c,
+      startY: s,
       endY: S,
       animationFrame: r,
       bottomSheetContainer: e
     });
-  } else if (f.isDown) {
+  } else if (b.isDown) {
     const C = [...n.snapPoints].sort(
       (v, S) => S - v
     );
     for (const v of C) {
-      const S = v * window.innerHeight, E = s + -c;
+      const S = v * window.innerHeight, E = c + -s;
       if (E >= S) {
         const x = V(
           E,
           S
         );
         a.translateContainer({
-          startY: c,
-          endY: c + x,
+          startY: s,
+          endY: s + x,
           animationFrame: r,
           bottomSheetContainer: e
         });
@@ -316,12 +309,12 @@ const Vt = (t, e, n, o, r, i, a) => (l) => {
       }
     }
     if (n.preventClosing) {
-      const v = s + -c;
-      if (v >= s) {
-        const S = V(v, s);
+      const v = c + -s;
+      if (v >= c) {
+        const S = V(v, c);
         a.translateContainer({
-          startY: c,
-          endY: c + S,
+          startY: s,
+          endY: s + S,
           animationFrame: r,
           bottomSheetContainer: e
         });
@@ -346,7 +339,7 @@ function vt(t) {
       return -1;
   }
 }
-const Kt = {
+const Vt = {
   eventPhase: j.All
 };
 class X {
@@ -355,7 +348,7 @@ class X {
   }
   addEventListeners({
     onStart: e,
-    onStartOptions: n = Kt,
+    onStartOptions: n = Vt,
     onMove: o,
     onEnd: r
   }) {
@@ -445,14 +438,14 @@ function Lt(t) {
   const e = t;
   return `${e} ${e} 0px 0px`;
 }
-function Jt(t, e) {
-  const n = Qt(t);
-  Zt(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 r = window.innerHeight;
   n.bottomSheetContainer.style.maxHeight = `${r}px`, n.bottomSheetContentWrapper.appendChild(o);
-  const i = te({
+  const i = Zt({
     bottomSheetElements: n,
     bottomSheetProps: t,
     options: e
@@ -465,64 +458,64 @@ function Jt(t, e) {
     t.contentWrapperStyle
   ), { elements: n, eventHandlers: i };
 }
-function Qt(t) {
+function Jt(t) {
   const e = M(
     "dialog",
     R([
-      k.Root,
+      H.Root,
       st.Dialog,
       t.rootClass
     ]),
-    k.Root
+    H.Root
   );
   e.ariaLabel = t.ariaLabel;
   const n = M(
     "section",
-    R([k.Container, t.containerClass]),
-    k.Container
+    R([H.Container, t.containerClass]),
+    H.Container
   );
   t.containerBorderRadius && (n.style.borderRadius = Lt(
     t.containerBorderRadius
   ));
   const o = M(
     "div",
-    k.GapFiller,
-    k.GapFiller
+    H.GapFiller,
+    H.GapFiller
   );
   t.containerBackgroundColor && (n.style.backgroundColor = t.containerBackgroundColor, o.style.backgroundColor = t.containerBackgroundColor);
   const r = M(
     "button",
     R([
-      k.Handle,
+      H.Handle,
       st.Button,
       t.shouldShowHandle ? null : Q.Hidden,
       t.handleClass
     ]),
-    k.Handle
+    H.Handle
   );
   r.setAttribute("type", "button"), r.ariaLabel = "bottom sheet close button";
   const i = M(
     "span",
     R([
-      k.HandleBar,
+      H.HandleBar,
       t.shouldShowHandle ? null : Q.Hidden
     ]),
-    k.HandleBar
+    H.HandleBar
   ), a = M(
     "article",
     R([
-      k.ContentWrapper,
+      H.ContentWrapper,
       t.contentWrapperClass
     ]),
-    k.ContentWrapper
+    H.ContentWrapper
   ), l = M(
     "div",
     R([
-      k.Backdrop,
+      H.Backdrop,
       t.backdropClass,
       Q.Hidden
     ]),
-    k.Backdrop
+    H.Backdrop
   );
   return t.backdropColor && (l.style.backgroundColor = t.backdropColor), t.backDropTransition && (l.style.transition = t.backDropTransition), {
     bottomSheetRoot: e,
@@ -534,7 +527,7 @@ function Qt(t) {
     bottomSheetContainerGapFiller: o
   };
 }
-function Zt({
+function Qt({
   bottomSheetRoot: t,
   bottomSheetContainer: e,
   bottomSheetHandle: n,
@@ -544,7 +537,7 @@ function Zt({
 }) {
   t.appendChild(e), n.appendChild(o), e.appendChild(n), e.appendChild(r), e.appendChild(i);
 }
-function te({
+function Zt({
   bottomSheetElements: t,
   bottomSheetProps: e,
   options: n
@@ -556,26 +549,26 @@ function te({
     bottomSheetContainerGapFiller: a,
     bottomSheetContentWrapper: l,
     bottomSheetBackdrop: u
-  } = t, { animationFrame: h } = n, c = new X(i), f = new X(
+  } = t, { animationFrame: h } = n, s = new X(i), b = new X(
     l
   ), y = new X(
     a
   );
-  let s = [];
+  let c = [];
   const C = new X(
     window
-  ), v = Xt(
+  ), v = _t(
     C,
     r,
     e,
     n.draggingState
-  ), S = zt(
+  ), S = Xt(
     C,
     r,
     e,
     n.draggingState,
     h
-  ), E = Vt(
+  ), E = qt(
     C,
     r,
     e,
@@ -584,19 +577,19 @@ function te({
     n.onClose,
     n.bottomSheetState
   );
-  function x(T) {
-    T.target instanceof Element && !o.contains(T.target) && n.onClose();
+  function x(k) {
+    k.target instanceof Element && !o.contains(k.target) && n.onClose();
   }
-  function w(T) {
-    _t(
+  function w(k) {
+    $t(
       n.draggingState,
-      T.target,
+      k.target,
       t.bottomSheetContentWrapper
     );
   }
-  function Y(T) {
-    const O = T ?? e;
-    O.draggable && O.backgroundDraggable && (f.addEventListeners({
+  function Y(k) {
+    const O = k ?? e;
+    O.draggable && O.backgroundDraggable && (b.addEventListeners({
       onStart: w,
       onStartOptions: {
         eventPhase: j.Target
@@ -607,41 +600,41 @@ function te({
       onStart: v,
       onMove: S,
       onEnd: E
-    }), O.draggable && window.document.addEventListener("keyup", (b) => {
-      b.key === "Escape" && n.onClose();
-    }), i.addEventListener("keyup", (b) => {
-      if (b.key === "ArrowUp") {
+    }), O.draggable && window.document.addEventListener("keyup", (f) => {
+      f.key === "Escape" && n.onClose();
+    }), i.addEventListener("keyup", (f) => {
+      if (f.key === "ArrowUp") {
         n.moveUp();
         return;
       }
-      if (b.key === "ArrowDown") {
+      if (f.key === "ArrowDown") {
         n.moveDown();
         return;
       }
-      if (b.shiftKey && b.key === "Tab") {
-        const d = P(
+      if (f.shiftKey && f.key === "Tab") {
+        const d = F(
           t.bottomSheetContentWrapper
         );
-        jt(d);
+        Nt(d);
       }
     });
   }
-  function U(T) {
-    const O = T ?? e;
-    e.shouldCloseOnOutsideClick && !e.preventClosing ? u.addEventListener("click", x) : u.style.pointerEvents = "none", O.draggable && (c.addEventListeners({
+  function U(k) {
+    const O = k ?? e;
+    e.shouldCloseOnOutsideClick && !e.preventClosing ? u.addEventListener("click", x) : u.style.pointerEvents = "none", O.draggable && (s.addEventListeners({
       onStart: w
-    }), s.forEach((b) => {
-      b.removeEventListeners({
+    }), c.forEach((f) => {
+      f.removeEventListeners({
         onStart: w
       });
-    }), s = e.dragTriggers.reduce((b, d) => {
+    }), c = e.dragTriggers.reduce((f, d) => {
       const p = o.querySelectorAll(d);
       if (!p.length)
-        return b;
+        return f;
       const g = Array.from(p).map((m) => m instanceof HTMLElement ? new X(m) : null).filter((m) => !!m);
-      return [...b, ...g];
-    }, []), s.forEach((b) => {
-      b.addEventListeners({
+      return [...f, ...g];
+    }, []), c.forEach((f) => {
+      f.addEventListeners({
         onStart: w,
         onStartOptions: {
           eventPhase: j.Target
@@ -652,28 +645,28 @@ function te({
   function $() {
     u.removeEventListener("click", x);
   }
-  function P(T) {
-    let O = [...Array.from(T.childNodes).reverse()];
+  function F(k) {
+    let O = [...Array.from(k.childNodes).reverse()];
     for (; O.length; ) {
-      const b = O.shift();
-      if (Gt(b))
-        return b;
-      b && (O = [
+      const f = O.shift();
+      if (jt(f))
+        return f;
+      f && (O = [
         ...O,
-        ...Array.from(b.childNodes).reverse()
+        ...Array.from(f.childNodes).reverse()
       ]);
     }
     return null;
   }
-  function F() {
-    c.removeEventListeners({
+  function I() {
+    s.removeEventListeners({
       onStart: w
-    }), f.removeEventListeners({
+    }), b.removeEventListeners({
       onStart: w
     }), y.removeEventListeners({
       onStart: w
-    }), s.forEach((T) => {
-      T.removeEventListeners({
+    }), c.forEach((k) => {
+      k.removeEventListeners({
         onStart: w
       });
     }), C.removeEventListeners({
@@ -684,12 +677,12 @@ function te({
   }
   return {
     attachEventListeners: Y,
-    clearEventListeners: F,
+    clearEventListeners: I,
     attacheOnOpenEventListeners: U,
     clearOnOpenEventListeners: $
   };
 }
-class ee {
+class te {
   constructor() {
     J(this, "animationId"), J(this, "isInProgress"), J(this, "startedAt"), this.animationId = null, this.isInProgress = !1, this.startedAt = null;
   }
@@ -711,7 +704,7 @@ class ee {
     this.isInProgress = !1, this.startedAt = null, A(this.animationId) && cancelAnimationFrame(this.animationId);
   }
 }
-function ne(t) {
+function ee(t) {
   const {
     startY: e,
     endY: n,
@@ -723,14 +716,14 @@ function ne(t) {
   } = t, u = wt(e, n);
   r.stop();
   let h = !1;
-  r.start((c) => {
+  r.start((s) => {
     et(o, {
-      y: e + u * a(c)
-    }), !h && c >= 1 && (i == null || i(), h = !0);
+      y: e + u * a(s)
+    }), !h && s >= 1 && (i == null || i(), h = !0);
   }, l);
 }
 const ut = (t, e) => (n) => {
-  ne({
+  ee({
     ...n,
     animationTimingFunction: t,
     animationDuration: e
@@ -741,10 +734,10 @@ const ut = (t, e) => (n) => {
   CONTENT_HEIGHT: "content-height",
   CLOSED: "closed"
 };
-function oe(t) {
+function ne(t) {
   return !(!A(t) || t > 1 || t < 0);
 }
-function re(t, e) {
+function oe(t, e) {
   const n = {
     set(o, r, i, a) {
       return e(r, i), Reflect.set(o, r, i, a);
@@ -752,7 +745,7 @@ function re(t, e) {
   };
   return new Proxy(t, n);
 }
-function ae(...t) {
+function re(...t) {
   console.error(t);
 }
 const W = {
@@ -762,7 +755,7 @@ const W = {
   EASE_IN_OUT: "ease-in-out",
   SPRING: "spring"
 };
-function ie(t) {
+function ae(t) {
   for (const e of Object.values(W))
     if (e === t)
       return !0;
@@ -776,15 +769,15 @@ function G(t, e, n, o) {
     return a(r(l));
   };
   function r(l) {
-    let u = 0, h = 1, c = l, f;
+    let u = 0, h = 1, s = l, b;
     if (l === 0 || l === 1)
       return l;
     for (; u < h; ) {
-      if (f = i(c), Math.abs(f - l) < 1e-3)
-        return c;
-      l > f ? u = c : h = c, c = (h + u) / 2;
+      if (b = i(s), Math.abs(b - l) < 1e-3)
+        return s;
+      l > b ? u = s : h = s, s = (h + u) / 2;
     }
-    return c;
+    return s;
   }
   function i(l) {
     return 3 * t * l * Math.pow(1 - l, 2) + 3 * n * Math.pow(l, 2) * (1 - l) + Math.pow(l, 3);
@@ -793,19 +786,19 @@ function G(t, e, n, o) {
     return 3 * e * l * Math.pow(1 - l, 2) + 3 * o * Math.pow(l, 2) * (1 - l) + Math.pow(l, 3);
   }
 }
-const St = G(0.25, 0.1, 0.25, 1), se = G(0.42, 0, 1, 1), At = G(0.42, 0, 0.58, 1), ce = G(0.4, 0.1, 0.6, 1), le = G(0.45, 1.5, 0.55, 1);
-function ue(t) {
+const St = G(0.25, 0.1, 0.25, 1), ie = G(0.42, 0, 1, 1), At = G(0.42, 0, 0.58, 1), se = G(0.4, 0.1, 0.6, 1), ce = G(0.45, 1.5, 0.55, 1);
+function le(t) {
   switch (t) {
     case W.EASE:
       return St;
     case W.EASE_IN:
-      return se;
+      return ie;
     case W.EASE_OUT:
       return At;
     case W.EASE_IN_OUT:
-      return ce;
+      return se;
     case W.SPRING:
-      return le;
+      return ce;
     default:
       return St;
   }
@@ -813,7 +806,7 @@ function ue(t) {
 function yt(t) {
   return typeof t == "boolean";
 }
-const de = {
+const ue = {
   ariaLabel: "Bottom sheet",
   content: "",
   defaultPosition: N.CONTENT_HEIGHT,
@@ -860,9 +853,9 @@ const de = {
   backdropStyle: {},
   containerGapFillerStyle: {}
 };
-function pe(t) {
+function de(t) {
   const e = {
-    ...de
+    ...ue
   }, n = Object.entries(t).reduce(
     (o, r) => {
       const [i, a] = r;
@@ -880,9 +873,9 @@ function dt(t) {
     const { p1x: e, p1y: n, p2x: o, p2y: r } = t;
     return G(e, n, o, r);
   }
-  return ie(t) ? ue(t) : At;
+  return ae(t) ? le(t) : At;
 }
-function he(t, e, n, o) {
+function pe(t, e, n, o) {
   function r(i, a) {
     switch (i) {
       case "content":
@@ -1026,8 +1019,8 @@ function he(t, e, n, o) {
   }
   return r;
 }
-function me(t) {
-  const e = pe(t), n = dt(
+function he(t) {
+  const e = de(t), n = dt(
     t.draggingAnimationTimings
   ), o = {
     isMounted: !1,
@@ -1048,30 +1041,30 @@ function me(t) {
   function i() {
     r.originalDocumentOverflowY && r.originalDocumentOverflowY !== "hidden" && (document.body.style.overflowY = r.originalDocumentOverflowY), r.originalDocumentOverscrollBehavior && (document.body.style.position = r.originalDocumentOverscrollBehavior);
   }
-  const a = new ee(), l = {
+  const a = new te(), l = {
     animationFrame: a,
     onClose: E,
     bottomSheetState: o,
     draggingState: r,
-    snapTo: b,
-    moveUp: T,
+    snapTo: f,
+    moveUp: k,
     moveDown: O
-  }, { elements: u, eventHandlers: h } = Jt(
+  }, { elements: u, eventHandlers: h } = Kt(
     e,
     l
-  ), c = re(
+  ), s = oe(
     e,
-    he(
+    pe(
       u,
       o,
       e,
       h
     )
-  ), { bottomSheetBackdrop: f, bottomSheetRoot: y, bottomSheetContainer: s } = u, C = (d) => {
+  ), { bottomSheetBackdrop: b, bottomSheetRoot: y, bottomSheetContainer: c } = u, C = (d) => {
     const p = d ?? window.document.body;
-    p.appendChild(y), p.appendChild(f);
+    p.appendChild(y), p.appendChild(b);
     const g = window.innerHeight;
-    et(s, {
+    et(c, {
       y: g
     }), h.attachEventListeners(), o.isMounted = !0;
   }, v = () => {
@@ -1080,28 +1073,28 @@ function me(t) {
     }), i(), o.isMounted = !1;
   }, S = () => {
     var d;
-    if (x() || ae(
+    if (x() || re(
       'Bottom Sheet is not mounted yet. call the "mount" method first.'
     ), (d = t.beforeOpen) == null || d.call(t), w())
       return;
-    ot(f, !0), c.shouldShowBackdrop || K(f, "transparent"), ot([s], !0), et(s, {
-      y: s.clientHeight
+    ot(b, !0), s.shouldShowBackdrop || K(b, "transparent"), ot([c], !0), et(c, {
+      y: c.clientHeight
     });
     const p = window.innerHeight, g = mt(
       p,
-      s.clientHeight,
-      c.marginTop,
-      c.defaultPosition
-    ), m = D(s).y;
+      c.clientHeight,
+      s.marginTop,
+      s.defaultPosition
+    ), m = D(c).y;
     o.translateContainer({
       startY: m,
       endY: g,
       animationFrame: a,
-      bottomSheetContainer: s,
+      bottomSheetContainer: c,
       onEnd: t.afterOpen
     });
-    const H = document.body.style.overflowY;
-    r.originalDocumentOverflowY = H || "initial";
+    const T = document.body.style.overflowY;
+    r.originalDocumentOverflowY = T || "initial";
     const B = document.body.style.overscrollBehavior;
     r.originalDocumentOverscrollBehavior = B || "initial", document.body.style.overflow = "hidden", document.body.style.overscrollBehavior = "contain", u.bottomSheetHandle.focus(), h.attacheOnOpenEventListeners();
   };
@@ -1110,15 +1103,15 @@ function me(t) {
     if (Y())
       return;
     (d = t.beforeClose) == null || d.call(t);
-    const p = D(s).y, g = s.clientHeight;
+    const p = D(c).y, g = c.clientHeight;
     o.translateContainer({
       startY: p,
       endY: g,
       animationFrame: a,
-      bottomSheetContainer: s,
+      bottomSheetContainer: c,
       onEnd: () => {
         var m;
-        (m = t.afterClose) == null || m.call(t), ot([f, s], !1), h.clearOnOpenEventListeners();
+        (m = t.afterClose) == null || m.call(t), ot([b, c], !1), h.clearOnOpenEventListeners();
       }
     }), i();
   }
@@ -1126,113 +1119,113 @@ function me(t) {
     return o.isMounted;
   }
   function w() {
-    const d = D(s).y, p = window.innerHeight, g = s.clientHeight >= p ? p : s.clientHeight;
+    const d = D(c).y, p = window.innerHeight, g = c.clientHeight >= p ? p : c.clientHeight;
     return d <= g;
   }
   function Y() {
     return !w();
   }
   function U() {
-    const d = D(s).y, p = s.clientHeight, g = window.innerHeight;
+    const d = D(c).y, p = c.clientHeight, g = window.innerHeight;
     if (d <= 5 && d >= -5)
       return N.CONTENT_HEIGHT;
     const m = p - d;
     if (m === g / 2)
       return N.MIDDLE;
-    const H = g - c.marginTop, B = 10;
-    return m <= H + B && m >= H - B ? N.TOP : N.CLOSED;
+    const T = g - s.marginTop, B = 10;
+    return m <= T + B && m >= T - B ? N.TOP : N.CLOSED;
   }
   function $() {
-    return s.clientHeight;
+    return c.clientHeight;
   }
-  function P(d) {
+  function F(d) {
     if (!w())
       return;
-    const p = D(s).y, g = s.clientHeight - p, m = window.innerHeight - d, H = Ut(g, m), B = V(g, m);
+    const p = D(c).y, g = c.clientHeight - p, m = window.innerHeight - d, T = Gt(g, m), B = V(g, m);
     o.translateContainer({
       startY: p,
-      endY: p + (H.isUp ? -B : B),
+      endY: p + (T.isUp ? -B : B),
       animationFrame: a,
-      bottomSheetContainer: s
+      bottomSheetContainer: c
     });
   }
-  function F(d, {
+  function I(d, {
     viewportHeight: p,
     visibleHeight: g
   }) {
     let m = null;
-    for (const H of d) {
-      const B = H * p, I = V(
+    for (const T of d) {
+      const B = T * p, P = V(
         g,
         B
       );
-      (m === null || I < m) && (m = I);
+      (m === null || P < m) && (m = P);
     }
     return {
       minOffset: m
     };
   }
-  function T() {
-    const d = [...c.snapPoints].reverse(), p = D(s).y, g = s.clientHeight, m = g - p;
-    if (!c.expandable && m >= g)
+  function k() {
+    const d = [...s.snapPoints].reverse(), p = D(c).y, g = c.clientHeight, m = g - p;
+    if (!s.expandable && m >= g)
       return;
-    const H = window.innerHeight, B = ft(
+    const T = window.innerHeight, B = bt(
       "above",
-      { visibleHeight: m, viewportHeight: H },
+      { visibleHeight: m, viewportHeight: T },
       d
-    ), { minOffset: I } = F(B, {
+    ), { minOffset: P } = I(B, {
       visibleHeight: m,
-      viewportHeight: H
+      viewportHeight: T
     });
-    if (I === null && m < H - c.marginTop) {
+    if (P === null && m < T - s.marginTop) {
       o.translateContainer({
         startY: p,
         endY: mt(
-          H,
+          T,
           g,
-          c.marginTop,
+          s.marginTop,
           "top"
         ),
         animationFrame: a,
-        bottomSheetContainer: s
+        bottomSheetContainer: c
       });
       return;
     }
-    A(I) && o.translateContainer({
+    A(P) && o.translateContainer({
       startY: p,
-      endY: p - I,
+      endY: p - P,
       animationFrame: a,
-      bottomSheetContainer: s
+      bottomSheetContainer: c
     });
   }
   function O() {
-    const d = D(s).y, p = s.clientHeight - d;
+    const d = D(c).y, p = c.clientHeight - d;
     if (p < 1)
       return;
-    const g = window.innerHeight, m = ft(
+    const g = window.innerHeight, m = bt(
       "below",
       { visibleHeight: p, viewportHeight: g },
-      c.snapPoints
-    ), { minOffset: H } = F(m, {
+      s.snapPoints
+    ), { minOffset: T } = I(m, {
       visibleHeight: p,
       viewportHeight: g
     });
-    A(H) && o.translateContainer({
+    A(T) && o.translateContainer({
       startY: d,
-      endY: d + H,
+      endY: d + T,
       animationFrame: a,
-      bottomSheetContainer: s
+      bottomSheetContainer: c
     });
   }
-  function b(d) {
+  function f(d) {
     const p = window.innerHeight;
-    if (!oe(d))
+    if (!ne(d))
       return;
     const g = tt(p * d, 2);
-    P(g);
+    F(g);
   }
   return {
-    props: c,
+    props: s,
     elements: u,
     mount: C,
     unmount: v,
@@ -1243,8 +1236,8 @@ function me(t) {
     getIsClosed: Y,
     getPosition: U,
     getHeight: $,
-    moveTo: P,
-    snapTo: b
+    moveTo: F,
+    snapTo: f
   };
 }
 function Bt() {
@@ -1280,7 +1273,7 @@ function Bt() {
     }
   };
 }
-const fe = Bt(), Se = Dt(
+const me = Bt(), ve = Dt(
   function(e, n) {
     const {
       children: o,
@@ -1289,36 +1282,36 @@ const fe = Bt(), Se = Dt(
       afterClose: a,
       mountingPointRef: l,
       ...u
-    } = e, h = rt(fe), [c, f] = at(
+    } = e, h = rt(me), [s, b] = at(
       h.current
     );
     Mt(
       n,
-      () => c,
-      [c]
+      () => s,
+      [s]
     );
     const y = z(() => {
       i(!1), a == null || a();
     }, [a]);
     q(() => {
-      r ? c.open() : c.close();
+      r ? s.open() : s.close();
     }, [r]);
-    const s = rt(null);
+    const c = rt(null);
     return q(
       function() {
         var E;
         if (l && !l.current)
           return;
-        const v = Ft((E = e.mountingPointRef) == null ? void 0 : E.current) ? e.mountingPointRef.current : window.document.body;
-        if (!v || c.getIsMounted())
+        const v = It((E = e.mountingPointRef) == null ? void 0 : E.current) ? e.mountingPointRef.current : window.document.body;
+        if (!v || s.getIsMounted())
           return;
-        const S = me({
+        const S = he({
           content: "",
           ...u,
           afterClose: y
         });
-        return S.mount(v), s.current = S.elements.bottomSheetContentWrapper ?? null, h.current = S, f(S), () => {
-          c.unmount();
+        return S.mount(v), c.current = S.elements.bottomSheetContentWrapper ?? null, h.current = S, b(S), () => {
+          s.unmount();
         };
       },
       [e.mountingPointRef, u, y]
@@ -1326,20 +1319,20 @@ const fe = Bt(), Se = Dt(
       function() {
         Object.assign(h.current.props, {
           ...u
-        }), f(h.current);
+        }), b(h.current);
       },
       [u]
     ), q(function() {
       return () => {
         h.current.unmount();
       };
-    }, []), s.current ? Pt(
+    }, []), c.current ? Ft(
       e.children,
-      s.current
+      c.current
     ) : null;
   }
 ), be = Bt();
-function ye(t = {}) {
+function Se(t = {}) {
   const e = rt(be), [n, o] = at(!1), r = !n, [i, a] = at(e.current);
   q(() => {
     a(e.current);
@@ -1348,10 +1341,10 @@ function ye(t = {}) {
     beforeOpen: l,
     afterOpen: u,
     beforeClose: h,
-    afterClose: c,
-    onDragStart: f,
+    afterClose: s,
+    onDragStart: b,
     onDragMove: y,
-    onDragEnd: s,
+    onDragEnd: c,
     ...C
   } = t, v = () => {
     l == null || l();
@@ -1360,13 +1353,13 @@ function ye(t = {}) {
   }, E = () => {
     h == null || h();
   }, x = () => {
-    c == null || c(), o(!1);
+    s == null || s(), o(!1);
   }, w = () => {
-    f == null || f();
-  }, Y = (b, d) => {
-    y == null || y(b, d);
+    b == null || b();
+  }, Y = (f, d) => {
+    y == null || y(f, d);
   }, U = () => {
-    s == null || s();
+    c == null || c();
   }, $ = Yt(() => ({
     ref: e,
     isOpen: n,
@@ -1379,18 +1372,18 @@ function ye(t = {}) {
     onDragMove: Y,
     onDragEnd: U,
     ...C
-  }), [e.current, n, o, t]), P = z(() => {
+  }), [e.current, n, o, t]), F = z(() => {
     o(!0);
-  }, [o]), F = z(() => {
+  }, [o]), I = z(() => {
     o(!1);
-  }, [o]), T = z(
-    (...b) => {
-      i.moveTo(...b);
+  }, [o]), k = z(
+    (...f) => {
+      i.moveTo(...f);
     },
     [i]
   ), O = z(
-    (...b) => {
-      i.snapTo(...b);
+    (...f) => {
+      i.snapTo(...f);
     },
     [i]
   );
@@ -1400,14 +1393,14 @@ function ye(t = {}) {
     isOpen: n,
     isClosed: r,
     setIsOpen: o,
-    open: P,
-    close: F,
-    moveTo: T,
+    open: F,
+    close: I,
+    moveTo: k,
     snapTo: O
   };
 }
 export {
-  Se as BottomSheet,
+  ve as BottomSheet,
   Bt as createPlaceholderBottomSheet,
-  ye as useBottomSheet
+  Se as useBottomSheet
 };