@fluidattacks/design 8.0.0 → 8.2.0

package/dist/node_modules/react-aria/dist/private/overlays/calculatePosition.js

@@ -0,0 +1,208 @@
+import { isWebKit as pt } from "../utils/platform.js";
+import { nodeContains as at } from "../utils/shadowdom/DOMFunctions.js";
+import { clamp as X } from "../../../../react-stately/dist/private/utils/number.js";
+const d = {
+  top: "top",
+  bottom: "top",
+  left: "left",
+  right: "left"
+}, R = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+}, rt = {
+  top: "left",
+  left: "top"
+}, Z = {
+  top: "height",
+  left: "width"
+}, U = {
+  width: "totalWidth",
+  height: "totalHeight"
+}, N = {};
+let ct = () => typeof document < "u" ? window.visualViewport : null;
+function G(t, e) {
+  let o = 0, p = 0, l = 0, r = 0, m = 0, c = 0, f = {}, a = (e?.scale ?? 1) > 1;
+  if (t.tagName === "BODY" || t.tagName === "HTML") {
+    let n = document.documentElement;
+    l = n.clientWidth, r = n.clientHeight, o = e?.width ?? l, p = e?.height ?? r, f.top = n.scrollTop || t.scrollTop, f.left = n.scrollLeft || t.scrollLeft, e && (m = e.offsetTop, c = e.offsetLeft);
+  } else
+    ({ width: o, height: p, top: m, left: c } = H(t, !1)), f.top = t.scrollTop, f.left = t.scrollLeft, l = o, r = p;
+  return pt() && (t.tagName === "BODY" || t.tagName === "HTML") && a && (f.top = 0, f.left = 0, m = e?.pageTop ?? 0, c = e?.pageLeft ?? 0), {
+    width: o,
+    height: p,
+    totalWidth: l,
+    totalHeight: r,
+    scroll: f,
+    top: m,
+    left: c
+  };
+}
+function ft(t) {
+  return {
+    top: t.scrollTop,
+    left: t.scrollLeft,
+    width: t.scrollWidth,
+    height: t.scrollHeight
+  };
+}
+function K(t, e, o, p, l, r, m) {
+  let c = l.scroll[t] ?? 0, f = p[Z[t]], a = m[t] + p.scroll[d[t]] + r, n = m[t] + p.scroll[d[t]] + f - r, u = e - c + p.scroll[d[t]] + m[t] - p[d[t]], s = e - c + o + p.scroll[d[t]] + m[t] - p[d[t]];
+  return u < a ? a - u : s > n ? Math.max(n - s, a - u) : 0;
+}
+function it(t) {
+  let e = window.getComputedStyle(t);
+  return {
+    top: parseInt(e.marginTop, 10) || 0,
+    bottom: parseInt(e.marginBottom, 10) || 0,
+    left: parseInt(e.marginLeft, 10) || 0,
+    right: parseInt(e.marginRight, 10) || 0
+  };
+}
+function j(t) {
+  if (N[t]) return N[t];
+  let [e, o] = t.split(" "), p = d[e] || "right", l = rt[p];
+  d[o] || (o = "center");
+  let r = Z[p], m = Z[l];
+  return N[t] = {
+    placement: e,
+    crossPlacement: o,
+    axis: p,
+    crossAxis: l,
+    size: r,
+    crossSize: m
+  }, N[t];
+}
+function Y(t, e, o, p, l, r, m, c, f, a, n) {
+  let { placement: u, crossPlacement: s, axis: $, crossAxis: i, size: w, crossSize: P } = p, T = {};
+  T[i] = t[i] ?? 0, s === "center" ? T[i] += ((t[P] ?? 0) - (o[P] ?? 0)) / 2 : s !== i && (T[i] += (t[P] ?? 0) - (o[P] ?? 0)), T[i] += r;
+  const h = t[i] - o[P] + f + a, L = t[i] + t[P] - f - a;
+  if (T[i] = X(T[i], h, L), u === $) {
+    let g = c ? n[w] : n[U[w]];
+    T[R[$]] = Math.floor(g - t[$] + l);
+  } else T[$] = Math.floor(t[$] + t[w] + l);
+  return T;
+}
+function mt(t, e, o, p, l, r, m, c, f, a, n) {
+  let u = (t.top != null ? t.top : f[U.height] - (t.bottom ?? 0) - m) - (f.scroll.top ?? 0), s = a ? o.top : 0, $ = {
+    // This should be boundary top in container coord system vs viewport top in container coord system
+    // For the viewport top, there are several cases
+    // 1. pinchzoom case where we want the viewports offset top as top here
+    // 2. case where container is offset from the boundary and is contained by the boundary. In this case the top we want here is NOT 0, we want to take boundary's top even though is is a negative number OR the visual viewport, whichever is more restrictive
+    top: Math.max(e.top + s, (n?.offsetTop ?? e.top) + s),
+    bottom: Math.min(e.top + e.height + s, (n?.offsetTop ?? 0) + (n?.height ?? 0))
+  };
+  return c !== "top" ? Math.max(0, $.bottom - // this is the bottom of the boundary
+  u - // this is the top of the overlay
+  ((l.top ?? 0) + (l.bottom ?? 0) + r)) : Math.max(0, u + m - // this is the bottom of the overlay
+  $.top - // this is the top of the boundary
+  ((l.top ?? 0) + (l.bottom ?? 0) + r));
+}
+function q(t, e, o, p, l, r, m, c) {
+  let { placement: f, axis: a, size: n } = r;
+  return f === a ? Math.max(0, o[a] - // trigger start
+  (m.scroll[a] ?? 0) - // transform trigger position to be with respect to viewport 0,0
+  (t[a] + (c ? e[a] : 0)) - // boundary start
+  (p[a] ?? 0) - // margins usually for arrows or other decorations
+  p[R[a]] - l) : Math.max(0, t[n] + t[a] + (c ? e[a] : 0) - o[a] - o[n] + (m.scroll[a] ?? 0) - (p[a] ?? 0) - p[R[a]] - l);
+}
+function nt(t, e, o, p, l, r, m, c, f, a, n, u, s, $, i, w, P, T) {
+  let h = j(t), { size: L, crossAxis: g, crossSize: x, placement: E, crossPlacement: C } = h, b = Y(e, c, o, h, n, u, a, s, i, w, f), S = n, I = q(c, a, e, l, r + n, h, f, P);
+  if (m && o[L] > I) {
+    let _ = j(`${R[E]} ${C}`), ot = Y(e, c, o, _, n, u, a, s, i, w, f);
+    q(c, a, e, l, r + n, _, f, P) > I && (h = _, b = ot, S = n);
+  }
+  let M = "bottom";
+  h.axis === "top" ? h.placement === "top" ? M = "top" : h.placement === "bottom" && (M = "bottom") : h.crossAxis === "top" && (h.crossPlacement === "top" ? M = "bottom" : h.crossPlacement === "bottom" && (M = "top"));
+  let F = K(g, b[g], o[x], c, f, r, a);
+  b[g] += F;
+  let v = mt(b, c, a, s, l, r, o.height, M, f, P, T);
+  $ && $ < v && (v = $), o.height = Math.min(o.height, v), b = Y(e, c, o, h, S, u, a, s, i, w, f), F = K(g, b[g], o[x], c, f, r, a), b[g] += F;
+  let k = {}, A = e[g] - b[g] - l[d[g]], V = A + 0.5 * e[x];
+  const B = i / 2 + w, O = d[g] === "left" ? (l.left ?? 0) + (l.right ?? 0) : (l.top ?? 0) + (l.bottom ?? 0), D = o[x] - O - i / 2 - w, y = e[g] + i / 2 - (b[g] + l[d[g]]), tt = e[g] + e[x] - i / 2 - (b[g] + l[d[g]]), et = X(V, y, tt);
+  k[g] = X(et, B, D), { placement: E, crossPlacement: C } = h, i ? A = k[g] : C === "right" ? A += e[x] : C === "center" && (A += e[x] / 2);
+  let z = E === "left" || E === "top" ? o[L] : 0, lt = {
+    x: E === "top" || E === "bottom" ? A : z,
+    y: E === "left" || E === "right" ? A : z
+  };
+  return {
+    position: b,
+    maxHeight: v,
+    arrowOffsetLeft: k.left,
+    arrowOffsetTop: k.top,
+    placement: E,
+    triggerAnchorPoint: lt
+  };
+}
+function ut(t) {
+  let { placement: e, targetNode: o, overlayNode: p, scrollNode: l, padding: r, shouldFlip: m, boundaryElement: c, offset: f, crossOffset: a, maxHeight: n, arrowSize: u = 0, arrowBoundaryOffset: s = 0 } = t, $ = ct(), i = p instanceof HTMLElement ? gt(p) : document.documentElement, w = i === document.documentElement;
+  const P = window.getComputedStyle(i).position;
+  let T = !!P && P !== "static", h = w ? H(o, !1) : J(o, i, !1);
+  if (!w) {
+    let { marginTop: I, marginLeft: M } = window.getComputedStyle(o);
+    h.top += parseInt(I, 10) || 0, h.left += parseInt(M, 10) || 0;
+  }
+  let L = H(p, !0), g = it(p);
+  L.width += (g.left ?? 0) + (g.right ?? 0), L.height += (g.top ?? 0) + (g.bottom ?? 0);
+  let x = ft(l), E = G(c, $), C = G(i, $), b;
+  if ((c.tagName === "BODY" || c.tagName === "HTML") && !w) {
+    let I = W(i, !1);
+    b = {
+      top: -(I.top - E.top),
+      left: -(I.left - E.left),
+      width: 0,
+      height: 0
+    };
+  } else (c.tagName === "BODY" || c.tagName === "HTML") && w ? b = {
+    top: 0,
+    left: 0,
+    width: 0,
+    height: 0
+  } : b = J(c, i, !1);
+  let S = at(c, i);
+  return nt(e, h, L, x, g, r, m, E, C, b, f, a, T, n, u, s, S, $);
+}
+function W(t, e) {
+  let { top: o, left: p, width: l, height: r } = t.getBoundingClientRect();
+  return e && t instanceof t.ownerDocument.defaultView.HTMLElement && (l = t.offsetWidth, r = t.offsetHeight), {
+    top: o,
+    left: p,
+    width: l,
+    height: r
+  };
+}
+function H(t, e) {
+  let { top: o, left: p, width: l, height: r } = W(t, e), { scrollTop: m, scrollLeft: c, clientTop: f, clientLeft: a } = document.documentElement;
+  return {
+    top: o + m - f,
+    left: p + c - a,
+    width: l,
+    height: r
+  };
+}
+function J(t, e, o) {
+  let p = window.getComputedStyle(t), l;
+  if (p.position === "fixed") l = W(t, o);
+  else {
+    l = H(t, o);
+    let r = H(e, o), m = window.getComputedStyle(e);
+    r.top += (parseInt(m.borderTopWidth, 10) || 0) - e.scrollTop, r.left += (parseInt(m.borderLeftWidth, 10) || 0) - e.scrollLeft, l.top -= r.top, l.left -= r.left;
+  }
+  return l.top -= parseInt(p.marginTop, 10) || 0, l.left -= parseInt(p.marginLeft, 10) || 0, l;
+}
+function gt(t) {
+  let e = t.offsetParent;
+  if (e && e === document.body && window.getComputedStyle(e).position === "static" && !Q(e) && (e = document.documentElement), e == null)
+    for (e = t.parentElement; e && !Q(e); ) e = e.parentElement;
+  return e || document.documentElement;
+}
+function Q(t) {
+  let e = window.getComputedStyle(t);
+  return e.transform !== "none" || /transform|perspective/.test(e.willChange) || e.filter !== "none" || e.contain === "paint" || "backdropFilter" in e && e.backdropFilter !== "none" || "WebkitBackdropFilter" in e && e.WebkitBackdropFilter !== "none";
+}
+export {
+  ut as calculatePosition,
+  nt as calculatePositionInternal,
+  W as getRect
+};

package/dist/node_modules/react-aria/dist/private/overlays/useCloseOnScroll.js

@@ -0,0 +1,26 @@
+import { getEventTarget as a, nodeContains as i } from "../utils/shadowdom/DOMFunctions.js";
+import { useEffect as c } from "react";
+const u = /* @__PURE__ */ new WeakMap();
+function d(l) {
+  let { triggerRef: e, isOpen: r, onClose: n } = l;
+  c(() => {
+    if (!r || n === null) return;
+    let o = (s) => {
+      let t = a(s);
+      if (!e.current || t instanceof Node && !i(t, e.current) || t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement) return;
+      let f = n || u.get(e.current);
+      f && f();
+    };
+    return window.addEventListener("scroll", o, !0), () => {
+      window.removeEventListener("scroll", o, !0);
+    };
+  }, [
+    r,
+    n,
+    e
+  ]);
+}
+export {
+  u as onCloseMap,
+  d as useCloseOnScroll
+};

package/dist/node_modules/react-aria/dist/private/overlays/useOverlay.js

@@ -0,0 +1,50 @@
+import { getEventTarget as f } from "../utils/shadowdom/DOMFunctions.js";
+import { isElementInChildOfActiveScope as h } from "../focus/FocusScope.js";
+import { useFocusWithin as g } from "../interactions/useFocusWithin.js";
+import { useInteractOutside as v } from "../interactions/useInteractOutside.js";
+import { useRef as y, useEffect as D } from "react";
+const t = [];
+function K(d, s) {
+  let { onClose: o, shouldCloseOnBlur: u, isOpen: n, isDismissable: p = !1, isKeyboardDismissDisabled: c = !1, shouldCloseOnInteractOutside: i } = d, r = y(void 0);
+  D(() => {
+    if (n && !t.includes(s))
+      return t.push(s), () => {
+        let e = t.indexOf(s);
+        e >= 0 && t.splice(e, 1);
+      };
+  }, [
+    n,
+    s
+  ]);
+  let a = () => {
+    t[t.length - 1] === s && o && o();
+  }, O = (e) => {
+    const l = t[t.length - 1];
+    r.current = l, (!i || i(f(e))) && l === s && e.stopPropagation();
+  }, $ = (e) => {
+    (!i || i(f(e))) && (t[t.length - 1] === s && e.stopPropagation(), r.current === s && a()), r.current = void 0;
+  }, b = (e) => {
+    e.key === "Escape" && !c && !e.nativeEvent.isComposing && (e.stopPropagation(), e.preventDefault(), a());
+  };
+  v({
+    ref: s,
+    onInteractOutside: p && n ? $ : void 0,
+    onInteractOutsideStart: O
+  });
+  let { focusWithinProps: m } = g({
+    isDisabled: !u,
+    onBlurWithin: (e) => {
+      !e.relatedTarget || h(e.relatedTarget) || (!i || i(e.relatedTarget)) && o?.();
+    }
+  });
+  return {
+    overlayProps: {
+      onKeyDown: b,
+      ...m
+    },
+    underlayProps: {}
+  };
+}
+export {
+  K as useOverlay
+};

package/dist/node_modules/react-aria/dist/private/overlays/useOverlayPosition.js

@@ -0,0 +1,136 @@
+import { calculatePosition as U, getRect as j } from "./calculatePosition.js";
+import { isFocusWithin as k, getActiveElement as B } from "../utils/shadowdom/DOMFunctions.js";
+import { useCloseOnScroll as I } from "./useCloseOnScroll.js";
+import { useLayoutEffect as y } from "../utils/useLayoutEffect.js";
+import { useLocale as W } from "../i18n/I18nProvider.js";
+import { useResizeObserver as S } from "../utils/useResizeObserver.js";
+import { useState as q, useRef as T, useEffect as D, useCallback as F } from "react";
+let c = typeof document < "u" ? window.visualViewport : null;
+function ee(n) {
+  let { direction: b } = W(), { arrowSize: w, targetRef: f, overlayRef: i, arrowRef: m, scrollRef: l = i, placement: v = "bottom", containerPadding: x = 12, shouldFlip: R = !0, boundaryElement: g = typeof document < "u" ? document.body : null, offset: O = 0, crossOffset: E = 0, shouldUpdatePosition: P = !0, isOpen: u = !0, onClose: $, maxHeight: h, arrowBoundaryOffset: z = 0 } = n, [r, A] = q(null), H = [
+    P,
+    v,
+    i.current,
+    f.current,
+    m?.current,
+    l.current,
+    x,
+    R,
+    g,
+    O,
+    E,
+    u,
+    b,
+    h,
+    z,
+    w
+  ], L = T(c?.scale);
+  D(() => {
+    u && (L.current = c?.scale);
+  }, [
+    u
+  ]);
+  let s = F(() => {
+    if (P === !1 || !u || !i.current || !f.current || !g || c?.scale !== L.current) return;
+    let t = null;
+    if (l.current && k(l.current)) {
+      let a = B()?.getBoundingClientRect(), p = l.current.getBoundingClientRect();
+      t = {
+        type: "top",
+        offset: (a?.top ?? 0) - p.top
+      }, t.offset > p.height / 2 && (t.type = "bottom", t.offset = (a?.bottom ?? 0) - p.bottom);
+    }
+    let e = i.current;
+    !h && i.current && (e.style.top = "0px", e.style.bottom = "", e.style.maxHeight = (window.visualViewport?.height ?? window.innerHeight) + "px");
+    let o = U({
+      placement: J(v, b),
+      overlayNode: i.current,
+      targetNode: f.current,
+      scrollNode: l.current || i.current,
+      padding: x,
+      shouldFlip: R,
+      boundaryElement: g,
+      offset: O,
+      crossOffset: E,
+      maxHeight: h,
+      arrowSize: w ?? (m?.current ? j(m.current, !0).width : 0),
+      arrowBoundaryOffset: z
+    });
+    if (!o.position) return;
+    e.style.top = "", e.style.bottom = "", e.style.left = "", e.style.right = "", Object.keys(o.position).forEach((a) => e.style[a] = o.position[a] + "px"), e.style.maxHeight = o.maxHeight != null ? o.maxHeight + "px" : "";
+    let C = B();
+    if (t && C && l.current) {
+      let a = C.getBoundingClientRect(), p = l.current.getBoundingClientRect(), V = a[t.type] - p[t.type];
+      l.current.scrollTop += V - t.offset;
+    }
+    A(o);
+  }, H);
+  y(s, H), G(s), S({
+    ref: i,
+    onResize: s
+  }), S({
+    ref: f,
+    onResize: s
+  });
+  let d = T(!1);
+  y(() => {
+    let t, e = () => {
+      d.current = !0, clearTimeout(t), t = setTimeout(() => {
+        d.current = !1;
+      }, 500), s();
+    }, o = () => {
+      d.current && e();
+    };
+    return c?.addEventListener("resize", e), c?.addEventListener("scroll", o), () => {
+      c?.removeEventListener("resize", e), c?.removeEventListener("scroll", o);
+    };
+  }, [
+    s
+  ]);
+  let N = F(() => {
+    d.current || $?.();
+  }, [
+    $,
+    d
+  ]);
+  return I({
+    triggerRef: f,
+    isOpen: u,
+    onClose: $ && N
+  }), {
+    overlayProps: {
+      style: {
+        position: r ? "absolute" : "fixed",
+        top: r ? void 0 : 0,
+        left: r ? void 0 : 0,
+        zIndex: 1e5,
+        ...r?.position,
+        maxHeight: r?.maxHeight ?? "100vh"
+      }
+    },
+    placement: r?.placement ?? null,
+    triggerAnchorPoint: r?.triggerAnchorPoint ?? null,
+    arrowProps: {
+      "aria-hidden": "true",
+      role: "presentation",
+      style: {
+        left: r?.arrowOffsetLeft,
+        top: r?.arrowOffsetTop
+      }
+    },
+    updatePosition: s
+  };
+}
+function G(n) {
+  y(() => (window.addEventListener("resize", n, !1), () => {
+    window.removeEventListener("resize", n, !1);
+  }), [
+    n
+  ]);
+}
+function J(n, b) {
+  return b === "rtl" ? n.replace("start", "right").replace("end", "left") : n.replace("start", "left").replace("end", "right");
+}
+export {
+  ee as useOverlayPosition
+};

package/dist/node_modules/react-aria/dist/private/overlays/useOverlayTrigger.js

@@ -0,0 +1,26 @@
+import { onCloseMap as a } from "./useCloseOnScroll.js";
+import { useId as f } from "../utils/useId.js";
+import { useEffect as n } from "react";
+function c(s, e, r) {
+  let { type: t } = s, { isOpen: i } = e;
+  n(() => {
+    r && r.current && a.set(r.current, e.close);
+  });
+  let o;
+  t === "menu" ? o = !0 : t === "listbox" && (o = "listbox");
+  let p = f();
+  return {
+    triggerProps: {
+      "aria-haspopup": o,
+      "aria-expanded": i,
+      "aria-controls": i ? p : void 0,
+      onPress: e.toggle
+    },
+    overlayProps: {
+      id: p
+    }
+  };
+}
+export {
+  c as useOverlayTrigger
+};

package/dist/node_modules/react-aria/dist/private/overlays/usePopover.js

@@ -0,0 +1,46 @@
+import { keepVisible as $, ariaHideOutside as P } from "./ariaHideOutside.js";
+import { useOverlayPosition as g } from "./useOverlayPosition.js";
+import { mergeProps as O } from "../utils/mergeProps.js";
+import { useOverlay as y } from "./useOverlay.js";
+import { usePreventScroll as v } from "./usePreventScroll.js";
+import { useEffect as h } from "react";
+function K(p, e) {
+  let { triggerRef: n, popoverRef: r, groupRef: s, isNonModal: o, isKeyboardDismissDisabled: t, shouldCloseOnInteractOutside: l, ...i } = p, a = i.trigger === "SubmenuTrigger", { overlayProps: f, underlayProps: u } = y({
+    isOpen: e.isOpen,
+    onClose: e.close,
+    shouldCloseOnBlur: !0,
+    isDismissable: !o || a,
+    isKeyboardDismissDisabled: t,
+    shouldCloseOnInteractOutside: l
+  }, s ?? r), { overlayProps: d, arrowProps: c, placement: b, triggerAnchorPoint: m } = g({
+    ...i,
+    targetRef: n,
+    overlayRef: r,
+    isOpen: e.isOpen,
+    onClose: o && !a ? e.close : null
+  });
+  return v({
+    isDisabled: o || !e.isOpen
+  }), h(() => {
+    if (e.isOpen && r.current)
+      return o ? $(s?.current ?? r.current) : P([
+        s?.current ?? r.current
+      ], {
+        shouldUseInert: !0
+      });
+  }, [
+    o,
+    e.isOpen,
+    r,
+    s
+  ]), {
+    popoverProps: O(f, d),
+    arrowProps: c,
+    underlayProps: u,
+    placement: b,
+    triggerAnchorPoint: m
+  };
+}
+export {
+  K as usePopover
+};

package/dist/node_modules/react-aria/dist/private/overlays/usePreventScroll.js

@@ -0,0 +1,112 @@
+import { chain as S } from "../utils/chain.js";
+import { getActiveElement as T, getEventTarget as E } from "../utils/shadowdom/DOMFunctions.js";
+import { getNonce as M } from "../utils/getNonce.js";
+import { getScrollParent as y } from "../utils/getScrollParent.js";
+import { isIOS as H } from "../utils/platform.js";
+import { isScrollable as L } from "../utils/isScrollable.js";
+import { useLayoutEffect as D } from "../utils/useLayoutEffect.js";
+import { willOpenKeyboard as p } from "../utils/keyboard.js";
+const f = typeof document < "u" && window.visualViewport;
+let s = 0, $;
+function N(t = {}) {
+  let { isDisabled: e } = t;
+  D(() => {
+    if (!e)
+      return s++, s === 1 && (H() ? $ = V() : $ = R()), () => {
+        s--, s === 0 && $();
+      };
+  }, [
+    e
+  ]);
+}
+function R() {
+  let t = window.innerWidth - document.documentElement.clientWidth;
+  return S(t > 0 && // Use scrollbar-gutter when supported because it also works for fixed positioned elements.
+  ("scrollbarGutter" in document.documentElement.style ? d(document.documentElement, "scrollbarGutter", "stable") : d(document.documentElement, "paddingRight", `${t}px`)), d(document.documentElement, "overflow", "hidden"));
+}
+function V() {
+  let t = d(document.documentElement, "overflow", "hidden"), e, o = !1, l = (r) => {
+    let n = E(r);
+    e = L(n) ? n : y(n, !0), o = !1;
+    let c = n.ownerDocument.defaultView.getSelection();
+    c && !c.isCollapsed && c.containsNode(n, !0) && (o = !0), r.composedPath().some((b) => b instanceof HTMLInputElement && b.type === "range") && (o = !0), "selectionStart" in n && "selectionEnd" in n && n.selectionStart < n.selectionEnd && n.ownerDocument.activeElement === n && (o = !0);
+  }, i = document.createElement("style"), a = M();
+  a && (i.nonce = a), i.textContent = `
+@layer {
+  * {
+    overscroll-behavior: contain;
+  }
+}`.trim(), document.head.prepend(i);
+  let u = (r) => {
+    if (!(r.touches.length === 2 || o)) {
+      if (!e || e === document.documentElement || e === document.body) {
+        r.preventDefault();
+        return;
+      }
+      e.scrollHeight === e.clientHeight && e.scrollWidth === e.clientWidth && r.preventDefault();
+    }
+  }, m = (r) => {
+    let n = E(r), c = r.relatedTarget;
+    c && p(c) ? (c.focus({
+      preventScroll: !0
+    }), g(c, p(n))) : c || n.parentElement?.closest("[tabindex]")?.focus({
+      preventScroll: !0
+    });
+  }, h = HTMLElement.prototype.focus;
+  HTMLElement.prototype.focus = function(r) {
+    let n = T(), c = n != null && p(n);
+    h.call(this, {
+      ...r,
+      preventScroll: !0
+    }), (!r || !r.preventScroll) && g(this, c);
+  };
+  let x = S(v(document, "touchstart", l, {
+    passive: !1,
+    capture: !0
+  }), v(document, "touchmove", u, {
+    passive: !1,
+    capture: !0
+  }), v(document, "blur", m, !0));
+  return () => {
+    t(), x(), i.remove(), HTMLElement.prototype.focus = h;
+  };
+}
+function d(t, e, o) {
+  let l = t.style[e];
+  return t.style[e] = o, () => {
+    t.style[e] = l;
+  };
+}
+function v(t, e, o, l) {
+  return t.addEventListener(e, o, l), () => {
+    t.removeEventListener(e, o, l);
+  };
+}
+function g(t, e) {
+  e || !f ? w(t) : f.addEventListener("resize", () => w(t), {
+    once: !0
+  });
+}
+function w(t) {
+  let e = document.scrollingElement || document.documentElement, o = t;
+  for (; o && o !== e; ) {
+    let l = y(o);
+    if (l !== document.documentElement && l !== document.body && l !== o) {
+      let i = l.getBoundingClientRect(), a = o.getBoundingClientRect();
+      if (a.top < i.top || a.bottom > i.top + o.clientHeight) {
+        let u = i.bottom;
+        f && (u = Math.min(u, f.offsetTop + f.height));
+        let m = a.top - i.top - ((u - i.top) / 2 - a.height / 2);
+        l.scrollTo({
+          // Clamp to the valid range to prevent over-scrolling.
+          top: Math.max(0, Math.min(l.scrollHeight - l.clientHeight, l.scrollTop + m)),
+          behavior: "smooth"
+        });
+      }
+    }
+    o = l.parentElement;
+  }
+}
+export {
+  N as usePreventScroll
+};

package/dist/node_modules/react-aria/dist/private/selection/DOMLayoutDelegate.js

@@ -0,0 +1,38 @@
+import { getItemElement as n } from "./utils.js";
+class h {
+  constructor(t) {
+    this.ref = t;
+  }
+  getItemRect(t) {
+    let e = this.ref.current;
+    if (!e) return null;
+    let r = t != null ? n(this.ref, t) : null;
+    if (!r) return null;
+    let i = e.getBoundingClientRect(), l = r.getBoundingClientRect();
+    return {
+      x: l.left - i.left - e.clientLeft + e.scrollLeft,
+      y: l.top - i.top - e.clientTop + e.scrollTop,
+      width: l.width,
+      height: l.height
+    };
+  }
+  getContentSize() {
+    let t = this.ref.current;
+    return {
+      width: t?.scrollWidth ?? 0,
+      height: t?.scrollHeight ?? 0
+    };
+  }
+  getVisibleRect() {
+    let t = this.ref.current;
+    return {
+      x: t?.scrollLeft ?? 0,
+      y: t?.scrollTop ?? 0,
+      width: t?.clientWidth ?? 0,
+      height: t?.clientHeight ?? 0
+    };
+  }
+}
+export {
+  h as DOMLayoutDelegate
+};