@plainsheet/react 0.2.0

package/dist/plainsheet-core.es.js

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