@plainsheet/core 0.5.0

package/dist/plainsheet-core.es.js

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