@techzyapp/ui-library 1.0.49 → 1.0.51

package/dist/BottomSheet-0oqSWjBx.js

@@ -0,0 +1,646 @@
+import { jsx as Y, jsxs as mt } from "react/jsx-runtime";
+import { forwardRef as be, useId as Ut, useState as ve, useRef as h, useCallback as k, useLayoutEffect as Xt, useEffect as B } from "react";
+import { clsx as jt } from "clsx";
+import { b as ye } from "./Icon-DMMO32p6.js";
+import { I as we } from "./IconButton-CCxNWwlu.js";
+import { O as Me } from "./Overlay-DiL0ZARH.js";
+import { a as xe } from "./ConfigProvider-BOcVBt4M.js";
+function _e({ offset: r, scrollTop: o, canScroll: f, dx: l, dy: i }) {
+  return Math.abs(l) > Math.abs(i) ? "native" : r > 0.5 ? "sheet" : o > 0 ? "native" : i > 0 ? "sheet" : f ? "native" : "sheet";
+}
+function Ee(r, o, f) {
+  let { mode: l, raw: i, scrollTop: m } = r, a = o;
+  if (a < 0) {
+    if (l === "sheet" && i > 0) {
+      const p = Math.max(a, -i);
+      i += p, a -= p;
+    }
+    if (a < 0) {
+      if (m < f) {
+        l = "scroll";
+        const p = Math.max(a, m - f);
+        m -= p, a -= p;
+      }
+      a < 0 && (l = l === "scroll" && m < f ? l : "sheet", l === "sheet" && (i += a));
+    }
+  } else if (a > 0) {
+    if (i > 0 && (i += a, a = 0), a > 0 && i < 0) {
+      const p = Math.min(a, -i);
+      i += p, a -= p;
+    }
+    if (a > 0 && m > 0) {
+      l = "scroll";
+      const p = Math.min(a, m);
+      m -= p, a -= p;
+    }
+    a > 0 && (l = "sheet", i += a);
+  }
+  return { mode: l, raw: i, scrollTop: m };
+}
+function Te(r, o, f, l, i = 0.998) {
+  const m = r + o * f, a = o * Math.pow(i, f * 1e3);
+  return m <= 0 ? { scrollTop: 0, velocity: 0 } : m >= l ? { scrollTop: l, velocity: 0 } : { scrollTop: m, velocity: Math.abs(a) < 10 ? 0 : a };
+}
+function Ae(r, o, f, l) {
+  const i = r.map((a) => {
+    if (typeof a == "number") return a;
+    if (a === "content") return l != null && l > 0 ? l : f;
+    const p = /^\s*(-?\d+(?:\.\d+)?)\s*%\s*$/.exec(a);
+    return p ? Number(p[1]) / 100 * o : NaN;
+  }).filter((a) => Number.isFinite(a) && a > 0).map((a) => Math.round(Math.min(f, Math.max(1, a)))), m = [...new Set(i)].sort((a, p) => a - p);
+  return m.length ? m : [Math.max(1, Math.round(f))];
+}
+function Jt(r, o, f = 0.55) {
+  return r <= 0 || o <= 0 ? 0 : (1 - 1 / (r * f / o + 1)) * o;
+}
+const Le = 100;
+function Qt(r) {
+  if (r.length < 2) return 0;
+  const o = r[r.length - 1];
+  let f = r[r.length - 2];
+  for (let i = r.length - 2; i >= 0 && !(o.t - r[i].t > Le); i--)
+    f = r[i];
+  const l = o.t - f.t;
+  return l > 0 ? (o.y - f.y) / l * 1e3 : 0;
+}
+const Zt = 800;
+function Re(r, o, f, l) {
+  const i = l ? [0, ...f] : [...f];
+  return o >= Zt ? i.find((m) => m > r + 1) ?? i[i.length - 1] : o <= -Zt ? [...i].reverse().find((m) => m < r - 1) ?? i[0] : i.reduce((m, a) => Math.abs(a - r) < Math.abs(m - r) ? a : m);
+}
+const re = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function te(r, o, f, l, i, { stiffness: m = 420, damping: a = 38 } = {}) {
+  if (re() || typeof requestAnimationFrame != "function" || r === o)
+    return l(o, 0), i == null || i(), () => {
+    };
+  let p = r, q = f, F = performance.now(), C = 0, $ = !1;
+  const X = (nt) => {
+    if ($) return;
+    let j = Math.min(0.064, Math.max(0, (nt - F) / 1e3));
+    for (F = nt; j > 0; ) {
+      const J = Math.min(j, 0.004166666666666667);
+      q += (-m * (p - o) - a * q) * J, p += q * J, j -= J;
+    }
+    if (Math.abs(p - o) < 0.3 && Math.abs(q) < 8) {
+      l(o, 0), i == null || i();
+      return;
+    }
+    l(p, q), C = requestAnimationFrame(X);
+  };
+  return C = requestAnimationFrame(X), () => {
+    $ = !0, cancelAnimationFrame(C);
+  };
+}
+const Se = "_overlay_1fz4x_5", He = "_sheet_1fz4x_27", ze = "_dragArea_1fz4x_66", Ne = "_handle_1fz4x_81", Ie = "_handleBar_1fz4x_97", Ye = "_header_1fz4x_119", Fe = "_headerText_1fz4x_133", Ce = "_title_1fz4x_140", Oe = "_subtitle_1fz4x_151", ke = "_close_1fz4x_162", Be = "_body_1fz4x_169", Pe = "_bodyNoHeader_1fz4x_179", qe = "_bodyWithFooter_1fz4x_183", $e = "_bodyContent_1fz4x_169", Ke = "_footer_1fz4x_192", E = {
+  overlay: Se,
+  sheet: He,
+  dragArea: ze,
+  handle: Ne,
+  handleBar: Ie,
+  header: Ye,
+  headerText: Fe,
+  title: Ce,
+  subtitle: Oe,
+  close: ke,
+  body: Be,
+  bodyNoHeader: Pe,
+  bodyWithFooter: qe,
+  bodyContent: $e,
+  footer: Ke
+}, We = 'a[href]:not([tabindex="-1"]), button:not(:disabled):not([tabindex="-1"]), textarea:not(:disabled):not([tabindex="-1"]), input:not(:disabled):not([tabindex="-1"]), select:not(:disabled):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', Ve = 'button, a, input, textarea, select, [contenteditable], [role="button"]', Nt = 'input, textarea, select, [contenteditable]:not([contenteditable="false"])', De = `${Nt}, [data-sheet-no-drag]`, Ge = 80, ee = 16;
+function U() {
+  const r = typeof window > "u" ? null : window.visualViewport;
+  return r && !(r.scale > 1.01) ? r : null;
+}
+function ne(r) {
+  return (r == null ? void 0 : r.getBoundingClientRect().height) || window.innerHeight;
+}
+function oe(r) {
+  const o = U();
+  return o ? Math.max(0, Math.round(o.offsetTop - (window.scrollY - r))) : 0;
+}
+function Ue(r, o) {
+  const f = U();
+  if (!f) return 0;
+  const l = (r == null ? void 0 : r.getBoundingClientRect().bottom) || window.innerHeight, i = Math.round(l - oe(o) - f.height);
+  return i > 1 ? i : 0;
+}
+const Xe = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(pointer: coarse)").matches;
+let gt = 0, pt = null;
+const ce = ["position", "top", "left", "right", "width"];
+function je() {
+  if (gt++ > 0) return;
+  const { body: r } = document, o = window.scrollX, f = window.scrollY;
+  pt = { x: o, y: f, before: ce.map((l) => r.style[l]) }, Object.assign(r.style, {
+    position: "fixed",
+    top: `${-f}px`,
+    left: `${-o}px`,
+    right: "0",
+    width: "100%"
+  });
+}
+function Je() {
+  if (gt = Math.max(0, gt - 1), gt > 0 || !pt) return;
+  const { x: r, y: o, before: f } = pt;
+  pt = null, ce.forEach((l, i) => {
+    document.body.style[l] = f[i];
+  }), window.scrollTo(r, o), requestAnimationFrame(() => {
+    (window.scrollX !== r || window.scrollY !== o) && window.scrollTo(r, o);
+  });
+}
+function Qe(r) {
+  const o = getComputedStyle(r), f = /auto|scroll/.test(o.overflowY) && r.scrollHeight > r.clientHeight, l = /auto|scroll/.test(o.overflowX) && r.scrollWidth > r.clientWidth;
+  return f || l;
+}
+const Ze = 1e3, zt = 4, tn = ["50%", "100%"], en = 0.96, ln = be(function({
+  open: o,
+  onClose: f,
+  snapPoints: l = tn,
+  defaultSnapIndex: i = 0,
+  onSnapChange: m,
+  swipeToClose: a = !0,
+  closeOnBackdrop: p = !0,
+  closeOnEscape: q = !0,
+  title: F,
+  description: C,
+  footer: $,
+  showCloseButton: X = !1,
+  ariaLabel: nt,
+  dim: j,
+  bodyClassName: J,
+  className: se,
+  style: ie,
+  children: bt,
+  ...ue
+}, rt) {
+  const It = xe(), Yt = Ut(), Ft = Ut(), [b, Ct] = ve(o);
+  o && !b && Ct(!0);
+  const y = h(null), V = h(null), K = h(null), vt = h(null), yt = h(null), D = h(null), I = h(0), S = h(0), M = h([]), x = h(0), wt = h(-1), W = h(() => {
+  }), G = h(!1), ot = h(() => {
+  }), ct = h(0), O = h(o);
+  O.current = o;
+  const st = h(m);
+  st.current = m;
+  const Ot = h(f);
+  Ot.current = f;
+  const Mt = h(a);
+  Mt.current = a;
+  const it = h(0), xt = h(0), _t = h(() => {
+  }), Et = h(0), kt = h(0), Bt = () => {
+    const t = U();
+    return xt.current > 0 || !!t && t.height < kt.current - Ge;
+  }, P = h(!1), ut = h(!1), Pt = h(() => {
+  }), at = h(null), lt = h(!1), qt = h(null), $t = h(!1);
+  o !== $t.current && ($t.current = o, o && typeof document < "u" && (qt.current = document.activeElement));
+  const H = k((t) => {
+    I.current = t;
+    const e = y.current;
+    if (!e) return;
+    e.style.transform = `translate3d(0, ${t - it.current}px, 0)`;
+    const n = S.current, c = M.current[0] ?? n;
+    if (K.current && (K.current.style.transform = `translate3d(0, ${-Math.min(t, n - c)}px, 0)`), V.current) {
+      const d = Math.max(0, n - t), w = Math.min(1, d / Math.max(1, c));
+      V.current.style.setProperty("--tz-sheet-progress", String(w));
+    }
+  }, []), ft = k(() => {
+    const t = y.current;
+    t && t.style.setProperty("--tz-sheet-hidden", `${Math.max(0, I.current)}px`);
+  }, []), Tt = h(!1), At = h(0), v = k(
+    (t, e = 0, n) => {
+      W.current();
+      const c = S.current, d = t < 0 ? c : c - M.current[t];
+      t >= 0 && (x.current = t), G.current = !0;
+      const w = (_, z) => {
+        At.current = z, H(_);
+      }, T = te(I.current, d, e, w, () => {
+        var _;
+        G.current = !1, t >= 0 && (ft(), t !== wt.current && (wt.current = t, (_ = st.current) == null || _.call(st, t))), n == null || n();
+      });
+      W.current = () => {
+        T(), G.current = !1;
+      };
+    },
+    [H, ft]
+  ), Lt = k((t) => {
+    const e = S.current, n = e - M.current[0], c = (typeof window > "u" ? 0 : window.innerHeight) || e;
+    let d = t;
+    return t < 0 ? d = -Jt(-t, c) : !Mt.current && t > n && (d = n + Jt(t - n, c)), Math.min(d, e);
+  }, []), Rt = k(
+    (t) => {
+      P.current = !1, ut.current && Pt.current();
+      const e = S.current, n = Re(e - I.current, -t, M.current, Mt.current);
+      if (n === 0) {
+        ct.current = t, Ot.current(), requestAnimationFrame(() => {
+          O.current && !Tt.current && (ct.current = 0, v(0, t));
+        });
+        return;
+      }
+      v(M.current.indexOf(n), t);
+    },
+    [v]
+  ), ae = () => {
+    const t = (d) => (d == null ? void 0 : d.getBoundingClientRect().height) ?? 0, e = y.current, n = e ? e.offsetHeight - e.clientHeight : 0, c = D.current && parseFloat(getComputedStyle(D.current).marginTop) || 0;
+    return Math.ceil(
+      t(vt.current) + c + t(yt.current) + t(K.current) + n
+    );
+  }, A = k(() => {
+    const t = typeof window > "u" ? 0 : ne(V.current), e = U(), n = e ? Math.min(t, e.height) : t, c = Ae(
+      l,
+      t,
+      Math.max(1, Math.floor(n * en)),
+      l.includes("content") ? ae() : void 0
+    );
+    M.current = c, S.current = c[c.length - 1], y.current && (y.current.style.height = `${S.current}px`);
+  }, [JSON.stringify(l)]);
+  Xt(() => {
+    var t, e;
+    if (b)
+      if (o) {
+        const n = !((t = y.current) != null && t.style.transform);
+        A();
+        const c = Math.min(Math.max(0, i), M.current.length - 1);
+        n ? (H(S.current), wt.current = c, v(c)) : v(x.current);
+      } else {
+        const n = document.activeElement;
+        n instanceof HTMLElement && ((e = y.current) != null && e.contains(n)) && n.blur();
+        const c = ct.current;
+        ct.current = 0, v(-1, c, () => Ct(!1));
+      }
+  }, [o, b]), B(() => (Tt.current = !1, () => {
+    Tt.current = !0, W.current();
+  }), []), B(() => {
+    if (!b) return;
+    const t = () => {
+      if (P.current || !O.current) return;
+      A();
+      const e = Math.min(x.current, M.current.length - 1);
+      if (G.current) {
+        v(e, At.current);
+        return;
+      }
+      x.current = e, W.current(), H(O.current ? S.current - M.current[e] : S.current), ft();
+    };
+    return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+  }, [b, A, H, ft, v]);
+  const Q = k(() => {
+    ut.current = !1;
+    const t = S.current - I.current;
+    A(), H(S.current - Math.min(t, S.current));
+  }, [A, H]);
+  Pt.current = Q;
+  const dt = k(() => {
+    var z;
+    const t = D.current, e = document.activeElement;
+    if (!t || !(e instanceof HTMLElement) || !t.contains(e) || !e.matches(Nt)) return;
+    const n = U(), c = n ? oe(Et.current) + n.height : window.innerHeight, d = ((z = K.current) == null ? void 0 : z.getBoundingClientRect().top) || 1 / 0, w = Math.min(c, d) - ee, T = t.getBoundingClientRect().top + ee, _ = e.getBoundingClientRect();
+    _.bottom > w ? t.scrollTop += _.bottom - w : _.top < T && (t.scrollTop -= T - _.top);
+  }, []);
+  B(() => {
+    const t = typeof window > "u" ? void 0 : window.visualViewport, e = y.current;
+    if (!b || !t || !e) return;
+    Et.current = window.scrollY, kt.current = ne(V.current);
+    const n = (s) => {
+      if (xt.current = s, O.current && P.current)
+        ut.current = !0;
+      else if (O.current) {
+        const u = G.current ? At.current : 0;
+        W.current(), Q(), v(Math.min(x.current, M.current.length - 1), u);
+      }
+      _t.current(), _t.current = te(
+        it.current,
+        s,
+        0,
+        (u) => {
+          it.current = u, H(I.current);
+        },
+        () => {
+          dt();
+        }
+      );
+    };
+    let c = 0, d = 0, w = "", T = 0;
+    const _ = () => {
+      var R;
+      const s = Ue(V.current, Et.current), u = Math.round(((R = U()) == null ? void 0 : R.height) ?? 0);
+      return { inset: s, key: `${s}:${u}` };
+    };
+    let z = _().key;
+    const Z = () => {
+      const { inset: s, key: u } = _();
+      T = u === w ? T + 1 : 0, w = u, T === 3 && u !== z && (z = u, n(s)), c = performance.now() < d ? requestAnimationFrame(Z) : 0;
+    }, L = () => {
+      const { inset: s, key: u } = _();
+      u !== z ? (z = u, n(s)) : dt(), d = performance.now() + Ze, !c && typeof requestAnimationFrame == "function" && (c = requestAnimationFrame(Z));
+    }, g = () => {
+      L(), Bt() && requestAnimationFrame(dt);
+    };
+    return t.addEventListener("resize", L), t.addEventListener("scroll", L), window.addEventListener("resize", L), e.addEventListener("focusin", g), e.addEventListener("focusout", L), L(), () => {
+      t.removeEventListener("resize", L), t.removeEventListener("scroll", L), window.removeEventListener("resize", L), e.removeEventListener("focusin", g), e.removeEventListener("focusout", L), cancelAnimationFrame(c), _t.current(), it.current = 0, xt.current = 0;
+    };
+  }, [b, A, H, Q, v, dt]), Xt(() => {
+    if (!(!b || !Xe()))
+      return je(), Je;
+  }, [b]), B(() => {
+    if (!b || typeof document > "u") return;
+    const t = (e) => {
+      var c;
+      if (e.touches.length > 1 || !e.cancelable) return;
+      const n = e.target;
+      if (!((c = n == null ? void 0 : n.closest) != null && c.call(n, '[data-sheet-no-drag], input[type="range"]'))) {
+        for (let d = n; d && d !== document.body; d = d.parentElement)
+          if (d === D.current ? d.scrollHeight > d.clientHeight : Qe(d)) return;
+        e.preventDefault();
+      }
+    };
+    return document.addEventListener("touchmove", t, { passive: !1 }), () => document.removeEventListener("touchmove", t);
+  }, [b]);
+  const St = k(() => {
+    var e;
+    if (!Bt()) return;
+    const t = document.activeElement;
+    t instanceof HTMLElement && ((e = y.current) != null && e.contains(t)) && t.matches(Nt) && t.blur();
+  }, []), Kt = h(A);
+  B(() => {
+    Kt.current !== A && (Kt.current = A, !(!b || !O.current || P.current) && (A(), v(Math.min(x.current, M.current.length - 1))));
+  }, [A, b, v]);
+  const Wt = l.includes("content");
+  B(() => {
+    if (!b || !Wt || typeof ResizeObserver > "u") return;
+    const t = new ResizeObserver(() => {
+      if (!O.current || P.current) return;
+      const e = M.current.join();
+      A(), M.current.join() !== e && v(Math.min(x.current, M.current.length - 1));
+    });
+    for (const e of [vt.current, yt.current, K.current])
+      e && t.observe(e);
+    return () => t.disconnect();
+  }, [b, Wt, A, v]), B(() => {
+    const t = K.current, e = y.current;
+    if (!b || !t || !e) return;
+    const n = () => e.style.setProperty("--tz-sheet-footer", `${t.getBoundingClientRect().height}px`);
+    if (n(), typeof ResizeObserver > "u") return;
+    const c = new ResizeObserver(n);
+    return c.observe(t), () => c.disconnect();
+  }, [b, $]), B(() => {
+    if (!b) return;
+    const t = y.current;
+    t && !t.contains(document.activeElement) && t.focus({ preventScroll: !0 });
+    const e = qt.current;
+    return () => {
+      var d;
+      const n = document.activeElement;
+      (!n || n === document.body || !!(t != null && t.contains(n))) && (e != null && e.isConnected) && ((d = e.focus) == null || d.call(e, { preventScroll: !0 }));
+    };
+  }, [b]);
+  const le = bt != null;
+  B(() => {
+    const t = D.current;
+    if (!b || !t) return;
+    let e = null;
+    const n = () => Math.max(0, t.scrollHeight - t.clientHeight), c = (g) => {
+      const s = g instanceof Element ? g : null;
+      if (!s) return !1;
+      if (s.closest(De)) return !0;
+      for (let u = s; u && u !== t; u = u.parentElement) {
+        const R = getComputedStyle(u).overflowY;
+        if ((R === "auto" || R === "scroll") && u.scrollHeight > u.clientHeight + 1)
+          return !0;
+      }
+      return !1;
+    }, d = (g) => e ? Array.from(g.changedTouches).find((s) => s.identifier === e.id) : void 0, w = (g) => {
+      if (ot.current(), re() || Math.abs(g) < 50) return;
+      let s = g, u = t.scrollTop, R = performance.now(), N = 0;
+      const tt = (et) => {
+        const ht = Math.min(0.064, Math.max(0, (et - R) / 1e3));
+        R = et;
+        const Ht = Te(u, s, ht, n());
+        u = Ht.scrollTop, s = Ht.velocity, t.scrollTop = u, s !== 0 && (N = requestAnimationFrame(tt));
+      };
+      N = requestAnimationFrame(tt), ot.current = () => cancelAnimationFrame(N);
+    }, T = (g) => {
+      if (ot.current(), e = null, !O.current || g.touches.length !== 1 || c(g.target)) return;
+      const s = g.touches[0], u = G.current;
+      u && W.current(), e = {
+        id: s.identifier,
+        x0: s.clientX,
+        y0: s.clientY,
+        lastY: s.clientY,
+        mode: "pending",
+        raw: I.current,
+        grabbed: u,
+        samples: [{ t: g.timeStamp, y: s.clientY }]
+      };
+    }, _ = (g) => {
+      var tt;
+      const s = e;
+      if (!s || s.mode === "native") return;
+      const u = d(g);
+      if (!u) return;
+      if (s.mode === "pending") {
+        const et = u.clientX - s.x0, ht = u.clientY - s.y0;
+        if (Math.abs(et) < zt && Math.abs(ht) < zt) return;
+        if (_e({
+          offset: I.current,
+          scrollTop: t.scrollTop,
+          canScroll: n() > 0,
+          dx: et,
+          dy: ht
+        }) === "native") {
+          s.mode = "native", s.grabbed && v(x.current);
+          return;
+        }
+        s.mode = "sheet", s.raw = I.current, P.current = !0, (tt = y.current) == null || tt.setAttribute("data-dragging", "true"), St();
+      }
+      g.cancelable && g.preventDefault();
+      const R = u.clientY - s.lastY;
+      s.lastY = u.clientY, s.samples.push({ t: g.timeStamp, y: u.clientY }), s.samples.length > 8 && s.samples.shift();
+      const N = Ee(
+        { mode: s.mode, raw: s.raw, scrollTop: t.scrollTop },
+        R,
+        n()
+      );
+      s.mode = N.mode, s.raw = N.raw, N.scrollTop !== t.scrollTop && (t.scrollTop = N.scrollTop), H(Lt(N.raw));
+    }, z = (g, s) => {
+      var N;
+      const u = e;
+      if (!u || !d(g) || (e = null, u.mode === "native")) return;
+      if (u.mode === "pending") {
+        u.grabbed && v(x.current);
+        return;
+      }
+      (N = y.current) == null || N.removeAttribute("data-dragging");
+      const R = s ? 0 : Qt(u.samples);
+      u.mode === "scroll" && u.raw >= 0 ? (P.current = !1, ut.current && (Q(), v(Math.min(x.current, M.current.length - 1))), w(-R)) : Rt(R);
+    }, Z = (g) => z(g, !1), L = (g) => z(g, !0);
+    return t.addEventListener("touchstart", T, { passive: !0 }), t.addEventListener("touchmove", _, { passive: !1 }), t.addEventListener("touchend", Z), t.addEventListener("touchcancel", L), () => {
+      t.removeEventListener("touchstart", T), t.removeEventListener("touchmove", _), t.removeEventListener("touchend", Z), t.removeEventListener("touchcancel", L), ot.current();
+    };
+  }, [b, le, H, Lt, v, Rt, St, Q]);
+  const fe = (t) => {
+    if (!o || t.pointerType === "mouse" && t.button !== 0) return;
+    const n = t.target.closest(Ve);
+    n && !n.hasAttribute("data-sheet-handle") || (W.current(), at.current = {
+      id: t.pointerId,
+      startY: t.clientY,
+      startOffset: I.current,
+      dragging: !1,
+      samples: [{ t: t.timeStamp, y: t.clientY }]
+    });
+  }, de = (t) => {
+    var c, d, w;
+    const e = at.current;
+    if (!e || e.id !== t.pointerId) return;
+    const n = t.clientY - e.startY;
+    if (!e.dragging) {
+      if (Math.abs(n) < zt) return;
+      e.dragging = !0, P.current = !0, (c = y.current) == null || c.setAttribute("data-dragging", "true"), St(), (w = (d = t.currentTarget).setPointerCapture) == null || w.call(d, t.pointerId);
+    }
+    e.samples.push({ t: t.timeStamp, y: t.clientY }), e.samples.length > 8 && e.samples.shift(), H(Lt(e.startOffset + n));
+  }, Vt = (t, e) => {
+    var c;
+    const n = at.current;
+    if (!(!n || n.id !== t.pointerId)) {
+      if (at.current = null, (c = y.current) == null || c.removeAttribute("data-dragging"), !n.dragging) {
+        t.target.closest("[data-sheet-handle]") || v(x.current);
+        return;
+      }
+      lt.current = !0, setTimeout(() => {
+        lt.current = !1;
+      }, 0), Rt(e ? 0 : Qt(n.samples));
+    }
+  }, Dt = (t) => {
+    const e = M.current.length - 1;
+    v(Math.min(Math.max(0, t), e));
+  }, he = () => {
+    if (lt.current) {
+      lt.current = !1;
+      return;
+    }
+    const t = M.current.length - 1;
+    Dt(x.current >= t ? 0 : x.current + 1);
+  }, me = (t) => {
+    const e = M.current.length - 1, n = {
+      ArrowUp: x.current + 1,
+      ArrowRight: x.current + 1,
+      ArrowDown: x.current - 1,
+      ArrowLeft: x.current - 1,
+      Home: 0,
+      End: e
+    };
+    t.key in n && (t.preventDefault(), Dt(n[t.key]));
+  }, ge = (t) => {
+    if (t.key !== "Tab") return;
+    const e = y.current;
+    if (!e) return;
+    const n = [...e.querySelectorAll(We)].filter(
+      (T) => T.offsetParent !== null || T === document.activeElement
+    );
+    if (n.length === 0) {
+      t.preventDefault(), e.focus();
+      return;
+    }
+    const c = n[0], d = n[n.length - 1], w = document.activeElement;
+    t.shiftKey && (w === c || w === e) ? (t.preventDefault(), d.focus()) : !t.shiftKey && w === d && (t.preventDefault(), c.focus());
+  }, pe = (t) => {
+    y.current = t, typeof rt == "function" ? rt(t) : rt && (rt.current = t);
+  };
+  if (!b) return null;
+  const Gt = F != null || C != null || X;
+  return /* @__PURE__ */ Y(
+    Me,
+    {
+      ref: V,
+      open: b,
+      onClose: o ? f : void 0,
+      closeOnBackdrop: p,
+      closeOnEscape: q,
+      onKeyDown: ge,
+      dim: j,
+      className: E.overlay,
+      "data-closing": o ? void 0 : "true",
+      children: /* @__PURE__ */ mt(
+        "div",
+        {
+          ref: pe,
+          className: jt(E.sheet, se),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": F != null ? Yt : void 0,
+          "aria-label": F == null ? nt : void 0,
+          "aria-describedby": C != null ? Ft : void 0,
+          tabIndex: -1,
+          style: ie,
+          ...ue,
+          children: [
+            /* @__PURE__ */ mt(
+              "div",
+              {
+                ref: vt,
+                className: E.dragArea,
+                onPointerDown: fe,
+                onPointerMove: de,
+                onPointerUp: (t) => Vt(t, !1),
+                onPointerCancel: (t) => Vt(t, !0),
+                children: [
+                  /* @__PURE__ */ Y(
+                    "button",
+                    {
+                      type: "button",
+                      className: E.handle,
+                      "data-sheet-handle": "",
+                      "aria-label": It("bottomSheet.resize"),
+                      onClick: he,
+                      onKeyDown: me,
+                      children: /* @__PURE__ */ Y("span", { className: E.handleBar, "aria-hidden": !0 })
+                    }
+                  ),
+                  Gt && /* @__PURE__ */ mt("div", { className: E.header, children: [
+                    (F != null || C != null) && /* @__PURE__ */ mt("div", { className: E.headerText, children: [
+                      F != null && /* @__PURE__ */ Y("div", { id: Yt, className: E.title, children: F }),
+                      C != null && /* @__PURE__ */ Y("div", { id: Ft, className: E.subtitle, children: C })
+                    ] }),
+                    X && /* @__PURE__ */ Y(
+                      we,
+                      {
+                        variant: "filled",
+                        color: "primary",
+                        size: "sm",
+                        className: E.close,
+                        "aria-label": It("common.close"),
+                        onClick: f,
+                        children: /* @__PURE__ */ Y(ye, { name: "Close" })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            bt != null && /* @__PURE__ */ Y(
+              "div",
+              {
+                ref: D,
+                className: jt(
+                  E.body,
+                  !Gt && E.bodyNoHeader,
+                  $ != null && E.bodyWithFooter,
+                  J
+                ),
+                onScroll: (t) => {
+                  var n, c;
+                  const e = t.currentTarget.scrollTop > 0;
+                  e !== ((n = y.current) == null ? void 0 : n.hasAttribute("data-scrolled")) && ((c = y.current) == null || c.toggleAttribute("data-scrolled", e));
+                },
+                children: /* @__PURE__ */ Y("div", { ref: yt, className: E.bodyContent, children: bt })
+              }
+            ),
+            $ != null && /* @__PURE__ */ Y("div", { ref: K, className: E.footer, children: $ })
+          ]
+        }
+      )
+    }
+  );
+});
+export {
+  ln as B
+};
+//# sourceMappingURL=BottomSheet-0oqSWjBx.js.map