mainstack-design-system 1.0.0 → 1.1.2

package/dist/Combination-BCR4NmQq.js

@@ -0,0 +1,653 @@
+'use client';
+import * as c from "react";
+import { useState as he } from "react";
+import { u as me } from "./index-DLcqcWxM.js";
+import { P as ge } from "./index-DMumqyNN.js";
+import { u as z } from "./index-0ioNhtNM.js";
+import { jsx as pe } from "react/jsx-runtime";
+import { a as k, b as oe, c as ye } from "./tslib.es6-Cm9wiigr.js";
+var U = 0;
+function yt() {
+  c.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Z()), document.body.insertAdjacentElement("beforeend", e[1] ?? Z()), U++, () => {
+      U === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), U--;
+    };
+  }, []);
+}
+function Z() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+var K = "focusScope.autoFocusOnMount", _ = "focusScope.autoFocusOnUnmount", q = { bubbles: !1, cancelable: !0 }, be = "FocusScope", Ee = c.forwardRef((e, t) => {
+  const {
+    loop: n = !1,
+    trapped: r = !1,
+    onMountAutoFocus: u,
+    onUnmountAutoFocus: i,
+    ...s
+  } = e, [a, S] = c.useState(null), b = z(u), p = z(i), f = c.useRef(null), v = me(t, (o) => S(o)), h = c.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  c.useEffect(() => {
+    if (r) {
+      let o = function(g) {
+        if (h.paused || !a) return;
+        const y = g.target;
+        a.contains(y) ? f.current = y : R(f.current, { select: !0 });
+      }, l = function(g) {
+        if (h.paused || !a) return;
+        const y = g.relatedTarget;
+        y !== null && (a.contains(y) || R(f.current, { select: !0 }));
+      }, d = function(g) {
+        if (document.activeElement === document.body)
+          for (const E of g)
+            E.removedNodes.length > 0 && R(a);
+      };
+      document.addEventListener("focusin", o), document.addEventListener("focusout", l);
+      const m = new MutationObserver(d);
+      return a && m.observe(a, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", o), document.removeEventListener("focusout", l), m.disconnect();
+      };
+    }
+  }, [r, a, h.paused]), c.useEffect(() => {
+    if (a) {
+      $.add(h);
+      const o = document.activeElement;
+      if (!a.contains(o)) {
+        const d = new CustomEvent(K, q);
+        a.addEventListener(K, b), a.dispatchEvent(d), d.defaultPrevented || (Se(Te(ce(a)), { select: !0 }), document.activeElement === o && R(a));
+      }
+      return () => {
+        a.removeEventListener(K, b), setTimeout(() => {
+          const d = new CustomEvent(_, q);
+          a.addEventListener(_, p), a.dispatchEvent(d), d.defaultPrevented || R(o ?? document.body, { select: !0 }), a.removeEventListener(_, p), $.remove(h);
+        }, 0);
+      };
+    }
+  }, [a, b, p, h]);
+  const w = c.useCallback(
+    (o) => {
+      if (!n && !r || h.paused) return;
+      const l = o.key === "Tab" && !o.altKey && !o.ctrlKey && !o.metaKey, d = document.activeElement;
+      if (l && d) {
+        const m = o.currentTarget, [g, y] = we(m);
+        g && y ? !o.shiftKey && d === y ? (o.preventDefault(), n && R(g, { select: !0 })) : o.shiftKey && d === g && (o.preventDefault(), n && R(y, { select: !0 })) : d === m && o.preventDefault();
+      }
+    },
+    [n, r, h.paused]
+  );
+  return /* @__PURE__ */ pe(ge.div, { tabIndex: -1, ...s, ref: v, onKeyDown: w });
+});
+Ee.displayName = be;
+function Se(e, { select: t = !1 } = {}) {
+  const n = document.activeElement;
+  for (const r of e)
+    if (R(r, { select: t }), document.activeElement !== n) return;
+}
+function we(e) {
+  const t = ce(e), n = Q(t, e), r = Q(t.reverse(), e);
+  return [n, r];
+}
+function ce(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const u = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || u ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function Q(e, t) {
+  for (const n of e)
+    if (!Ce(n, { upTo: t })) return n;
+}
+function Ce(e, { upTo: t }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (t !== void 0 && e === t) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function Re(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function R(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== n && Re(e) && t && e.select();
+  }
+}
+var $ = ke();
+function ke() {
+  let e = [];
+  return {
+    add(t) {
+      const n = e[0];
+      t !== n && n?.pause(), e = J(e, t), e.unshift(t);
+    },
+    remove(t) {
+      e = J(e, t), e[0]?.resume();
+    }
+  };
+}
+function J(e, t) {
+  const n = [...e], r = n.indexOf(t);
+  return r !== -1 && n.splice(r, 1), n;
+}
+function Te(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+var Ae = function(e) {
+  if (typeof document > "u")
+    return null;
+  var t = Array.isArray(e) ? e[0] : e;
+  return t.ownerDocument.body;
+}, A = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), I = {}, H = 0, ue = function(e) {
+  return e && (e.host || ue(e.parentNode));
+}, Ne = function(e, t) {
+  return t.map(function(n) {
+    if (e.contains(n))
+      return n;
+    var r = ue(n);
+    return r && e.contains(r) ? r : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
+  }).filter(function(n) {
+    return !!n;
+  });
+}, Me = function(e, t, n, r) {
+  var u = Ne(t, Array.isArray(e) ? e : [e]);
+  I[n] || (I[n] = /* @__PURE__ */ new WeakMap());
+  var i = I[n], s = [], a = /* @__PURE__ */ new Set(), S = new Set(u), b = function(f) {
+    !f || a.has(f) || (a.add(f), b(f.parentNode));
+  };
+  u.forEach(b);
+  var p = function(f) {
+    !f || S.has(f) || Array.prototype.forEach.call(f.children, function(v) {
+      if (a.has(v))
+        p(v);
+      else
+        try {
+          var h = v.getAttribute(r), w = h !== null && h !== "false", o = (A.get(v) || 0) + 1, l = (i.get(v) || 0) + 1;
+          A.set(v, o), i.set(v, l), s.push(v), o === 1 && w && L.set(v, !0), l === 1 && v.setAttribute(n, "true"), w || v.setAttribute(r, "true");
+        } catch (d) {
+          console.error("aria-hidden: cannot operate on ", v, d);
+        }
+    });
+  };
+  return p(t), a.clear(), H++, function() {
+    s.forEach(function(f) {
+      var v = A.get(f) - 1, h = i.get(f) - 1;
+      A.set(f, v), i.set(f, h), v || (L.has(f) || f.removeAttribute(r), L.delete(f)), h || f.removeAttribute(n);
+    }), H--, H || (A = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), I = {});
+  };
+}, bt = function(e, t, n) {
+  n === void 0 && (n = "data-aria-hidden");
+  var r = Array.from(Array.isArray(e) ? e : [e]), u = Ae(e);
+  return u ? (r.push.apply(r, Array.from(u.querySelectorAll("[aria-live], script"))), Me(r, u, n, "aria-hidden")) : function() {
+    return null;
+  };
+}, W = "right-scroll-bar-position", B = "width-before-scroll-bar", Fe = "with-scroll-bars-hidden", Pe = "--removed-body-scroll-bar-size";
+function V(e, t) {
+  return typeof e == "function" ? e(t) : e && (e.current = t), e;
+}
+function Le(e, t) {
+  var n = he(function() {
+    return {
+      // value
+      value: e,
+      // last callback
+      callback: t,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return n.value;
+        },
+        set current(r) {
+          var u = n.value;
+          u !== r && (n.value = r, n.callback(r, u));
+        }
+      }
+    };
+  })[0];
+  return n.callback = t, n.facade;
+}
+var Ie = typeof window < "u" ? c.useLayoutEffect : c.useEffect, ee = /* @__PURE__ */ new WeakMap();
+function xe(e, t) {
+  var n = Le(null, function(r) {
+    return e.forEach(function(u) {
+      return V(u, r);
+    });
+  });
+  return Ie(function() {
+    var r = ee.get(n);
+    if (r) {
+      var u = new Set(r), i = new Set(e), s = n.current;
+      u.forEach(function(a) {
+        i.has(a) || V(a, null);
+      }), i.forEach(function(a) {
+        u.has(a) || V(a, s);
+      });
+    }
+    ee.set(n, e);
+  }, [e]), n;
+}
+function Oe(e) {
+  return e;
+}
+function We(e, t) {
+  t === void 0 && (t = Oe);
+  var n = [], r = !1, u = {
+    read: function() {
+      if (r)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return n.length ? n[n.length - 1] : e;
+    },
+    useMedium: function(i) {
+      var s = t(i, r);
+      return n.push(s), function() {
+        n = n.filter(function(a) {
+          return a !== s;
+        });
+      };
+    },
+    assignSyncMedium: function(i) {
+      for (r = !0; n.length; ) {
+        var s = n;
+        n = [], s.forEach(i);
+      }
+      n = {
+        push: function(a) {
+          return i(a);
+        },
+        filter: function() {
+          return n;
+        }
+      };
+    },
+    assignMedium: function(i) {
+      r = !0;
+      var s = [];
+      if (n.length) {
+        var a = n;
+        n = [], a.forEach(i), s = n;
+      }
+      var S = function() {
+        var p = s;
+        s = [], p.forEach(i);
+      }, b = function() {
+        return Promise.resolve().then(S);
+      };
+      b(), n = {
+        push: function(p) {
+          s.push(p), b();
+        },
+        filter: function(p) {
+          return s = s.filter(p), n;
+        }
+      };
+    }
+  };
+  return u;
+}
+function Be(e) {
+  e === void 0 && (e = {});
+  var t = We(null);
+  return t.options = k({ async: !0, ssr: !1 }, e), t;
+}
+var ie = function(e) {
+  var t = e.sideCar, n = oe(e, ["sideCar"]);
+  if (!t)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var r = t.read();
+  if (!r)
+    throw new Error("Sidecar medium not found");
+  return c.createElement(r, k({}, n));
+};
+ie.isSideCarExport = !0;
+function De(e, t) {
+  return e.useMedium(t), ie;
+}
+var le = Be(), X = function() {
+}, D = c.forwardRef(function(e, t) {
+  var n = c.useRef(null), r = c.useState({
+    onScrollCapture: X,
+    onWheelCapture: X,
+    onTouchMoveCapture: X
+  }), u = r[0], i = r[1], s = e.forwardProps, a = e.children, S = e.className, b = e.removeScrollBar, p = e.enabled, f = e.shards, v = e.sideCar, h = e.noRelative, w = e.noIsolation, o = e.inert, l = e.allowPinchZoom, d = e.as, m = d === void 0 ? "div" : d, g = e.gapMode, y = oe(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = v, T = xe([n, t]), C = k(k({}, y), u);
+  return c.createElement(
+    c.Fragment,
+    null,
+    p && c.createElement(E, { sideCar: le, removeScrollBar: b, shards: f, noRelative: h, noIsolation: w, inert: o, setCallbacks: i, allowPinchZoom: !!l, lockRef: n, gapMode: g }),
+    s ? c.cloneElement(c.Children.only(a), k(k({}, C), { ref: T })) : c.createElement(m, k({}, C, { className: S, ref: T }), a)
+  );
+});
+D.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+D.classNames = {
+  fullWidth: B,
+  zeroRight: W
+};
+var Ue = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+function Ke() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var t = Ue();
+  return t && e.setAttribute("nonce", t), e;
+}
+function _e(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+}
+function He(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
+}
+var Ve = function() {
+  var e = 0, t = null;
+  return {
+    add: function(n) {
+      e == 0 && (t = Ke()) && (_e(t, n), He(t)), e++;
+    },
+    remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    }
+  };
+}, Xe = function() {
+  var e = Ve();
+  return function(t, n) {
+    c.useEffect(function() {
+      return e.add(t), function() {
+        e.remove();
+      };
+    }, [t && n]);
+  };
+}, se = function() {
+  var e = Xe(), t = function(n) {
+    var r = n.styles, u = n.dynamic;
+    return e(r, u), null;
+  };
+  return t;
+}, Ye = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, Y = function(e) {
+  return parseInt(e || "", 10) || 0;
+}, je = function(e) {
+  var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], u = t[e === "padding" ? "paddingRight" : "marginRight"];
+  return [Y(n), Y(r), Y(u)];
+}, Ge = function(e) {
+  if (e === void 0 && (e = "margin"), typeof window > "u")
+    return Ye;
+  var t = je(e), n = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: t[0],
+    top: t[1],
+    right: t[2],
+    gap: Math.max(0, r - n + t[2] - t[0])
+  };
+}, ze = se(), F = "data-scroll-locked", Ze = function(e, t, n, r) {
+  var u = e.left, i = e.top, s = e.right, a = e.gap;
+  return n === void 0 && (n = "margin"), `
+  .`.concat(Fe, ` {
+   overflow: hidden `).concat(r, `;
+   padding-right: `).concat(a, "px ").concat(r, `;
+  }
+  body[`).concat(F, `] {
+    overflow: hidden `).concat(r, `;
+    overscroll-behavior: contain;
+    `).concat([
+    t && "position: relative ".concat(r, ";"),
+    n === "margin" && `
+    padding-left: `.concat(u, `px;
+    padding-top: `).concat(i, `px;
+    padding-right: `).concat(s, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(a, "px ").concat(r, `;
+    `),
+    n === "padding" && "padding-right: ".concat(a, "px ").concat(r, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(W, ` {
+    right: `).concat(a, "px ").concat(r, `;
+  }
+  
+  .`).concat(B, ` {
+    margin-right: `).concat(a, "px ").concat(r, `;
+  }
+  
+  .`).concat(W, " .").concat(W, ` {
+    right: 0 `).concat(r, `;
+  }
+  
+  .`).concat(B, " .").concat(B, ` {
+    margin-right: 0 `).concat(r, `;
+  }
+  
+  body[`).concat(F, `] {
+    `).concat(Pe, ": ").concat(a, `px;
+  }
+`);
+}, te = function() {
+  var e = parseInt(document.body.getAttribute(F) || "0", 10);
+  return isFinite(e) ? e : 0;
+}, qe = function() {
+  c.useEffect(function() {
+    return document.body.setAttribute(F, (te() + 1).toString()), function() {
+      var e = te() - 1;
+      e <= 0 ? document.body.removeAttribute(F) : document.body.setAttribute(F, e.toString());
+    };
+  }, []);
+}, Qe = function(e) {
+  var t = e.noRelative, n = e.noImportant, r = e.gapMode, u = r === void 0 ? "margin" : r;
+  qe();
+  var i = c.useMemo(function() {
+    return Ge(u);
+  }, [u]);
+  return c.createElement(ze, { styles: Ze(i, !t, u, n ? "" : "!important") });
+}, j = !1;
+if (typeof window < "u")
+  try {
+    var x = Object.defineProperty({}, "passive", {
+      get: function() {
+        return j = !0, !0;
+      }
+    });
+    window.addEventListener("test", x, x), window.removeEventListener("test", x, x);
+  } catch {
+    j = !1;
+  }
+var N = j ? { passive: !1 } : !1, $e = function(e) {
+  return e.tagName === "TEXTAREA";
+}, fe = function(e, t) {
+  if (!(e instanceof Element))
+    return !1;
+  var n = window.getComputedStyle(e);
+  return (
+    // not-not-scrollable
+    n[t] !== "hidden" && // contains scroll inside self
+    !(n.overflowY === n.overflowX && !$e(e) && n[t] === "visible")
+  );
+}, Je = function(e) {
+  return fe(e, "overflowY");
+}, et = function(e) {
+  return fe(e, "overflowX");
+}, ne = function(e, t) {
+  var n = t.ownerDocument, r = t;
+  do {
+    typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
+    var u = de(e, r);
+    if (u) {
+      var i = ve(e, r), s = i[1], a = i[2];
+      if (s > a)
+        return !0;
+    }
+    r = r.parentNode;
+  } while (r && r !== n.body);
+  return !1;
+}, tt = function(e) {
+  var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
+  return [
+    t,
+    n,
+    r
+  ];
+}, nt = function(e) {
+  var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
+  return [
+    t,
+    n,
+    r
+  ];
+}, de = function(e, t) {
+  return e === "v" ? Je(t) : et(t);
+}, ve = function(e, t) {
+  return e === "v" ? tt(t) : nt(t);
+}, rt = function(e, t) {
+  return e === "h" && t === "rtl" ? -1 : 1;
+}, at = function(e, t, n, r, u) {
+  var i = rt(e, window.getComputedStyle(t).direction), s = i * r, a = n.target, S = t.contains(a), b = !1, p = s > 0, f = 0, v = 0;
+  do {
+    if (!a)
+      break;
+    var h = ve(e, a), w = h[0], o = h[1], l = h[2], d = o - l - i * w;
+    (w || d) && de(e, a) && (f += d, v += w);
+    var m = a.parentNode;
+    a = m && m.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? m.host : m;
+  } while (
+    // portaled content
+    !S && a !== document.body || // self content
+    S && (t.contains(a) || t === a)
+  );
+  return (p && Math.abs(f) < 1 || !p && Math.abs(v) < 1) && (b = !0), b;
+}, O = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, re = function(e) {
+  return [e.deltaX, e.deltaY];
+}, ae = function(e) {
+  return e && "current" in e ? e.current : e;
+}, ot = function(e, t) {
+  return e[0] === t[0] && e[1] === t[1];
+}, ct = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, ut = 0, M = [];
+function it(e) {
+  var t = c.useRef([]), n = c.useRef([0, 0]), r = c.useRef(), u = c.useState(ut++)[0], i = c.useState(se)[0], s = c.useRef(e);
+  c.useEffect(function() {
+    s.current = e;
+  }, [e]), c.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(u));
+      var o = ye([e.lockRef.current], (e.shards || []).map(ae), !0).filter(Boolean);
+      return o.forEach(function(l) {
+        return l.classList.add("allow-interactivity-".concat(u));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(u)), o.forEach(function(l) {
+          return l.classList.remove("allow-interactivity-".concat(u));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var a = c.useCallback(function(o, l) {
+    if ("touches" in o && o.touches.length === 2 || o.type === "wheel" && o.ctrlKey)
+      return !s.current.allowPinchZoom;
+    var d = O(o), m = n.current, g = "deltaX" in o ? o.deltaX : m[0] - d[0], y = "deltaY" in o ? o.deltaY : m[1] - d[1], E, T = o.target, C = Math.abs(g) > Math.abs(y) ? "h" : "v";
+    if ("touches" in o && C === "h" && T.type === "range")
+      return !1;
+    var P = ne(C, T);
+    if (!P)
+      return !0;
+    if (P ? E = C : (E = C === "v" ? "h" : "v", P = ne(C, T)), !P)
+      return !1;
+    if (!r.current && "changedTouches" in o && (g || y) && (r.current = E), !E)
+      return !0;
+    var G = r.current || E;
+    return at(G, l, o, G === "h" ? g : y);
+  }, []), S = c.useCallback(function(o) {
+    var l = o;
+    if (!(!M.length || M[M.length - 1] !== i)) {
+      var d = "deltaY" in l ? re(l) : O(l), m = t.current.filter(function(E) {
+        return E.name === l.type && (E.target === l.target || l.target === E.shadowParent) && ot(E.delta, d);
+      })[0];
+      if (m && m.should) {
+        l.cancelable && l.preventDefault();
+        return;
+      }
+      if (!m) {
+        var g = (s.current.shards || []).map(ae).filter(Boolean).filter(function(E) {
+          return E.contains(l.target);
+        }), y = g.length > 0 ? a(l, g[0]) : !s.current.noIsolation;
+        y && l.cancelable && l.preventDefault();
+      }
+    }
+  }, []), b = c.useCallback(function(o, l, d, m) {
+    var g = { name: o, delta: l, target: d, should: m, shadowParent: lt(d) };
+    t.current.push(g), setTimeout(function() {
+      t.current = t.current.filter(function(y) {
+        return y !== g;
+      });
+    }, 1);
+  }, []), p = c.useCallback(function(o) {
+    n.current = O(o), r.current = void 0;
+  }, []), f = c.useCallback(function(o) {
+    b(o.type, re(o), o.target, a(o, e.lockRef.current));
+  }, []), v = c.useCallback(function(o) {
+    b(o.type, O(o), o.target, a(o, e.lockRef.current));
+  }, []);
+  c.useEffect(function() {
+    return M.push(i), e.setCallbacks({
+      onScrollCapture: f,
+      onWheelCapture: f,
+      onTouchMoveCapture: v
+    }), document.addEventListener("wheel", S, N), document.addEventListener("touchmove", S, N), document.addEventListener("touchstart", p, N), function() {
+      M = M.filter(function(o) {
+        return o !== i;
+      }), document.removeEventListener("wheel", S, N), document.removeEventListener("touchmove", S, N), document.removeEventListener("touchstart", p, N);
+    };
+  }, []);
+  var h = e.removeScrollBar, w = e.inert;
+  return c.createElement(
+    c.Fragment,
+    null,
+    w ? c.createElement(i, { styles: ct(u) }) : null,
+    h ? c.createElement(Qe, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
+  );
+}
+function lt(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
+}
+const st = De(le, it);
+var ft = c.forwardRef(function(e, t) {
+  return c.createElement(D, k({}, e, { ref: t, sideCar: st }));
+});
+ft.classNames = D.classNames;
+export {
+  Ee as F,
+  ft as R,
+  bt as h,
+  yt as u
+};