@koide-labs/ui 0.0.0 → 0.0.2

package/dist/InternalBackdrop-jYAiOJ8v.js

@@ -0,0 +1,574 @@
+import { d as ce, e as Ue, f as Je, i as _, g as ct } from "./floating-ui.utils.dom-C7FS5id0.js";
+import { c as ut, d as lt } from "./detectBrowser-I-s3yzIE.js";
+import { o as ue } from "./owner-rKN292Q9.js";
+import { u as J } from "./useIsoLayoutEffect-CIDbvm3Q.js";
+import { T as Me, u as ge } from "./useTimeout-CflX-kz3.js";
+import { A as at, u as Qe } from "./useAnimationFrame-451ugS_6.js";
+import { N as ft, c as Pe, E as dt } from "./useRenderElement-DwToLA61.js";
+import * as h from "react";
+import { a as pt, t as Ze, g as ye, c as De, F as Ne, i as Be, b as bt, d as mt, e as et, C as ht, f as gt } from "./FloatingPortal-tWyuKRSN.js";
+import { u as ne } from "./useValueAsRef-HURLzret.js";
+import { u as Q } from "./useStableCallback-CkTrVkNX.js";
+import { v as vt } from "./visuallyHidden-CpJ-mhai.js";
+import { t as yt, o as Et, c as ie, f as kt, a as pe } from "./createBaseUIEventDetails-D8M2Yl-a.js";
+import { d as G, i as We, g as Ve, h as U, f as I, e as re, j as Tt } from "./element-CZEOj04G.js";
+import { a as wt, b as Ge, g as Ye } from "./transitions.module-CWX8e5cx.js";
+import { r as X } from "./useOpenChangeComplete-Dse9kY9E.js";
+import { jsxs as Rt, jsx as ve } from "react/jsx-runtime";
+import { a as Ct, b as xt, s as St, i as qe, c as Ot } from "./event-CKoGyQEJ.js";
+let $e = {}, He = {}, Xe = "";
+function Ft(e) {
+  if (typeof document > "u")
+    return !1;
+  const r = ue(e);
+  return ce(r).innerWidth - r.documentElement.clientWidth > 0;
+}
+function It(e) {
+  const r = ue(e), t = r.documentElement, n = r.body, o = Ue(t) ? t : n, c = o.style.overflow;
+  return o.style.overflow = "hidden", () => {
+    o.style.overflow = c;
+  };
+}
+function Lt(e) {
+  const r = ue(e), t = r.documentElement, n = r.body, o = ce(t);
+  let c = 0, d = 0;
+  const C = at.create(), E = typeof CSS < "u" && CSS.supports?.("scrollbar-gutter", "stable");
+  if (lt && (o.visualViewport?.scale ?? 1) !== 1)
+    return () => {
+    };
+  function R() {
+    const S = o.getComputedStyle(t), u = o.getComputedStyle(n), g = (S.scrollbarGutter || "").includes("both-edges") ? "stable both-edges" : "stable";
+    c = t.scrollTop, d = t.scrollLeft, $e = {
+      scrollbarGutter: t.style.scrollbarGutter,
+      overflowY: t.style.overflowY,
+      overflowX: t.style.overflowX
+    }, Xe = t.style.scrollBehavior, He = {
+      position: n.style.position,
+      height: n.style.height,
+      width: n.style.width,
+      boxSizing: n.style.boxSizing,
+      overflowY: n.style.overflowY,
+      overflowX: n.style.overflowX,
+      scrollBehavior: n.style.scrollBehavior
+    };
+    const y = t.scrollHeight > t.clientHeight, f = t.scrollWidth > t.clientWidth, l = S.overflowY === "scroll" || u.overflowY === "scroll", N = S.overflowX === "scroll" || u.overflowX === "scroll", O = Math.max(0, o.innerWidth - t.clientWidth), A = Math.max(0, o.innerHeight - t.clientHeight), M = parseFloat(u.marginTop) + parseFloat(u.marginBottom), K = parseFloat(u.marginLeft) + parseFloat(u.marginRight), L = Ue(t) ? t : n;
+    if (E) {
+      t.style.scrollbarGutter = g, L.style.overflowY = "hidden", L.style.overflowX = "hidden";
+      return;
+    }
+    Object.assign(t.style, {
+      scrollbarGutter: g,
+      overflowY: "hidden",
+      overflowX: "hidden"
+    }), (y || l) && (t.style.overflowY = "scroll"), (f || N) && (t.style.overflowX = "scroll"), Object.assign(n.style, {
+      position: "relative",
+      height: M || A ? `calc(100dvh - ${M + A}px)` : "100dvh",
+      width: K || O ? `calc(100vw - ${K + O}px)` : "100vw",
+      boxSizing: "border-box",
+      overflow: "hidden",
+      scrollBehavior: "unset"
+    }), n.scrollTop = c, n.scrollLeft = d, t.setAttribute("data-base-ui-scroll-locked", ""), t.style.scrollBehavior = "unset";
+  }
+  function x() {
+    Object.assign(t.style, $e), Object.assign(n.style, He), E || (t.scrollTop = c, t.scrollLeft = d, t.removeAttribute("data-base-ui-scroll-locked"), t.style.scrollBehavior = Xe);
+  }
+  function D() {
+    x(), C.request(R);
+  }
+  return R(), o.addEventListener("resize", D), () => {
+    C.cancel(), x(), typeof o.removeEventListener == "function" && o.removeEventListener("resize", D);
+  };
+}
+class At {
+  lockCount = 0;
+  restore = null;
+  timeoutLock = Me.create();
+  timeoutUnlock = Me.create();
+  acquire(r) {
+    return this.lockCount += 1, this.lockCount === 1 && this.restore === null && this.timeoutLock.start(0, () => this.lock(r)), this.release;
+  }
+  release = () => {
+    this.lockCount -= 1, this.lockCount === 0 && this.restore && this.timeoutUnlock.start(0, this.unlock);
+  };
+  unlock = () => {
+    this.lockCount === 0 && this.restore && (this.restore?.(), this.restore = null);
+  };
+  lock(r) {
+    if (this.lockCount === 0 || this.restore !== null)
+      return;
+    const n = ue(r).documentElement, o = ce(n).getComputedStyle(n).overflowY;
+    if (o === "hidden" || o === "clip") {
+      this.restore = ft;
+      return;
+    }
+    const c = ut || !Ft(r);
+    this.restore = c ? It(r) : Lt(r);
+  }
+}
+const Mt = new At();
+function cn(e = !0, r = null) {
+  J(() => {
+    if (e)
+      return Mt.acquire(r);
+  }, [e, r]);
+}
+let je = 0;
+function be(e, r = {}) {
+  const {
+    preventScroll: t = !1,
+    cancelPrevious: n = !0,
+    sync: o = !1
+  } = r;
+  n && cancelAnimationFrame(je);
+  const c = () => e?.focus({
+    preventScroll: t
+  });
+  o ? c() : je = requestAnimationFrame(c);
+}
+const j = {
+  inert: /* @__PURE__ */ new WeakMap(),
+  "aria-hidden": /* @__PURE__ */ new WeakMap(),
+  none: /* @__PURE__ */ new WeakMap()
+};
+function Ke(e) {
+  return e === "inert" ? j.inert : e === "aria-hidden" ? j["aria-hidden"] : j.none;
+}
+let oe = /* @__PURE__ */ new WeakSet(), se = {}, me = 0;
+const tt = (e) => e && (e.host || tt(e.parentNode)), Pt = (e, r) => r.map((t) => {
+  if (e.contains(t))
+    return t;
+  const n = tt(t);
+  return e.contains(n) ? n : null;
+}).filter((t) => t != null);
+function Dt(e, r, t, n) {
+  const o = "data-base-ui-inert", c = n ? "inert" : t ? "aria-hidden" : null, d = Pt(r, e), C = /* @__PURE__ */ new Set(), E = new Set(d), R = [];
+  se[o] || (se[o] = /* @__PURE__ */ new WeakMap());
+  const x = se[o];
+  d.forEach(D), S(r), C.clear();
+  function D(u) {
+    !u || C.has(u) || (C.add(u), u.parentNode && D(u.parentNode));
+  }
+  function S(u) {
+    !u || E.has(u) || [].forEach.call(u.children, (p) => {
+      if (Je(p) !== "script")
+        if (C.has(p))
+          S(p);
+        else {
+          const F = c ? p.getAttribute(c) : null, g = F !== null && F !== "false", y = Ke(c), f = (y.get(p) || 0) + 1, l = (x.get(p) || 0) + 1;
+          y.set(p, f), x.set(p, l), R.push(p), f === 1 && g && oe.add(p), l === 1 && p.setAttribute(o, ""), !g && c && p.setAttribute(c, c === "inert" ? "" : "true");
+        }
+    });
+  }
+  return me += 1, () => {
+    R.forEach((u) => {
+      const p = Ke(c), g = (p.get(u) || 0) - 1, y = (x.get(u) || 0) - 1;
+      p.set(u, g), x.set(u, y), g || (!oe.has(u) && c && u.removeAttribute(c), oe.delete(u)), y || u.removeAttribute(o);
+    }), me -= 1, me || (j.inert = /* @__PURE__ */ new WeakMap(), j["aria-hidden"] = /* @__PURE__ */ new WeakMap(), j.none = /* @__PURE__ */ new WeakMap(), oe = /* @__PURE__ */ new WeakSet(), se = {});
+  };
+}
+function Nt(e, r = !1, t = !1) {
+  const n = G(e[0]).body;
+  return Dt(e.concat(Array.from(n.querySelectorAll("[aria-live]"))), n, r, t);
+}
+function Bt(e, r) {
+  const t = ce(e.target);
+  return e instanceof t.KeyboardEvent ? "keyboard" : e instanceof t.FocusEvent ? r || "keyboard" : "pointerType" in e ? e.pointerType || "keyboard" : "touches" in e ? "touch" : e instanceof t.MouseEvent ? r || (e.detail === 0 ? "keyboard" : "mouse") : "";
+}
+const ze = 20;
+let Y = [];
+function Ee() {
+  Y = Y.filter((e) => e.isConnected);
+}
+function Wt(e) {
+  Ee(), e && Je(e) !== "body" && (Y.push(e), Y.length > ze && (Y = Y.slice(-ze)));
+}
+function he() {
+  return Ee(), Y[Y.length - 1];
+}
+function Vt(e) {
+  if (!e)
+    return null;
+  const r = ye();
+  return et(e, r) ? e : Ze(e, r)[0] || e;
+}
+function Gt(e) {
+  return !e || !e.isConnected ? !1 : typeof e.checkVisibility == "function" ? e.checkVisibility() : ct(e).display !== "none";
+}
+function _e(e, r) {
+  if (!r.current.includes("floating") && !e.getAttribute("role")?.includes("dialog"))
+    return;
+  const t = ye(), o = gt(e, t).filter((d) => {
+    const C = d.getAttribute("data-tabindex") || "";
+    return et(d, t) || d.hasAttribute("data-tabindex") && !C.startsWith("-");
+  }), c = e.getAttribute("tabindex");
+  r.current.includes("floating") || o.length === 0 ? c !== "0" && e.setAttribute("tabindex", "0") : (c !== "-1" || e.hasAttribute("data-tabindex") && e.getAttribute("data-tabindex") !== "-1") && (e.setAttribute("tabindex", "-1"), e.setAttribute("data-tabindex", "-1"));
+}
+function un(e) {
+  const {
+    context: r,
+    children: t,
+    disabled: n = !1,
+    order: o = ["content"],
+    initialFocus: c = !0,
+    returnFocus: d = !0,
+    restoreFocus: C = !1,
+    modal: E = !0,
+    closeOnFocusOut: R = !0,
+    openInteractionType: x = "",
+    getInsideElements: D = () => [],
+    nextFocusableElement: S,
+    previousFocusableElement: u,
+    beforeContentFocusGuardRef: p,
+    externalTree: F
+  } = e, g = "rootStore" in r ? r.rootStore : r, y = g.useState("open"), f = g.useState("domReferenceElement"), l = g.useState("floatingElement"), {
+    events: N,
+    dataRef: O
+  } = g.context, A = Q(() => O.current.floatingContext?.nodeId), M = Q(D), K = c === !1, L = We(f) && K, q = ne(o), ke = ne(c), Z = ne(d), Te = ne(x), B = wt(F), k = pt(), nt = h.useRef(null), rt = h.useRef(null), W = h.useRef(!1), ee = h.useRef(!1), le = h.useRef(!1), we = h.useRef(-1), Re = h.useRef(""), ae = h.useRef(""), Ce = ge(), xe = ge(), Se = Qe(), fe = k != null, a = Ve(l), $ = Q((i = a) => i ? Ze(i, ye()) : []), z = Q((i) => {
+    const b = $(i);
+    return q.current.map(() => b).filter(Boolean).flat();
+  });
+  h.useEffect(() => {
+    if (n || !E)
+      return;
+    function i(T) {
+      T.key === "Tab" && I(a, U(G(a))) && $().length === 0 && !L && St(T);
+    }
+    const b = G(a);
+    return b.addEventListener("keydown", i), () => {
+      b.removeEventListener("keydown", i);
+    };
+  }, [n, f, a, E, q, L, $, z]), h.useEffect(() => {
+    if (n || !l)
+      return;
+    function i(b) {
+      const T = re(b), w = $().indexOf(T);
+      w !== -1 && (we.current = w);
+    }
+    return l.addEventListener("focusin", i), () => {
+      l.removeEventListener("focusin", i);
+    };
+  }, [n, l, $]), h.useEffect(() => {
+    if (n || !y)
+      return;
+    const i = G(a);
+    function b() {
+      le.current = !1;
+    }
+    function T(w) {
+      const s = re(w), m = I(l, s) || I(f, s) || I(k?.portalNode, s);
+      le.current = !m, ae.current = w.pointerType || "keyboard";
+    }
+    function v() {
+      ae.current = "keyboard";
+    }
+    return i.addEventListener("pointerdown", T, !0), i.addEventListener("pointerup", b, !0), i.addEventListener("pointercancel", b, !0), i.addEventListener("keydown", v, !0), () => {
+      i.removeEventListener("pointerdown", T, !0), i.removeEventListener("pointerup", b, !0), i.removeEventListener("pointercancel", b, !0), i.removeEventListener("keydown", v, !0);
+    };
+  }, [n, l, f, a, y, k]), h.useEffect(() => {
+    if (n || !R)
+      return;
+    function i() {
+      ee.current = !0, xe.start(0, () => {
+        ee.current = !1;
+      });
+    }
+    function b(s) {
+      const m = s.relatedTarget, H = s.currentTarget, P = re(s);
+      queueMicrotask(() => {
+        const te = A(), Le = g.context.triggerElements, it = !(I(f, m) || I(l, m) || I(m, l) || I(k?.portalNode, m) || m != null && Le.hasElement(m) || Le.hasMatchingElement((V) => I(V, m)) || m?.hasAttribute(De("focus-guard")) || B && (Ye(B.nodesRef.current, te).find((V) => I(V.context?.elements.floating, m) || I(V.context?.elements.domReference, m)) || Ge(B.nodesRef.current, te).find((V) => [V.context?.elements.floating, Ve(V.context?.elements.floating)].includes(m) || V.context?.elements.domReference === m)));
+        if (H === f && a && _e(a, q), C && H !== f && !Gt(P) && U(G(a)) === G(a).body) {
+          if (_(a) && (a.focus(), C === "popup")) {
+            Se.request(() => {
+              a.focus();
+            });
+            return;
+          }
+          const V = we.current, de = $(), Ae = de[V] || de[de.length - 1] || a;
+          _(Ae) && Ae.focus();
+        }
+        if (O.current.insideReactTree) {
+          O.current.insideReactTree = !1;
+          return;
+        }
+        (L || !E) && m && it && !ee.current && // Fix React 18 Strict Mode returnFocus due to double rendering.
+        // For an "untrapped" typeable combobox (input role=combobox with
+        // initialFocus=false), re-opening the popup and tabbing out should still close it even
+        // when the previously focused element (e.g. the next tabbable outside the popup) is
+        // focused again. Otherwise, the popup remains open on the second Tab sequence:
+        // click input -> Tab (closes) -> click input -> Tab.
+        // Allow closing when `isUntrappedTypeableCombobox` regardless of the previously focused element.
+        (L || m !== he()) && (W.current = !0, g.setOpen(!1, ie(kt, s)));
+      });
+    }
+    function T() {
+      le.current || (O.current.insideReactTree = !0, Ce.start(0, () => {
+        O.current.insideReactTree = !1;
+      }));
+    }
+    const v = _(f) ? f : null, w = [];
+    if (!(!l && !v))
+      return v && (v.addEventListener("focusout", b), v.addEventListener("pointerdown", i), w.push(() => {
+        v.removeEventListener("focusout", b), v.removeEventListener("pointerdown", i);
+      })), l && (l.addEventListener("focusout", b), k && (l.addEventListener("focusout", T, !0), w.push(() => {
+        l.removeEventListener("focusout", T, !0);
+      })), w.push(() => {
+        l.removeEventListener("focusout", b);
+      })), () => {
+        w.forEach((s) => {
+          s();
+        });
+      };
+  }, [n, f, l, a, E, B, k, g, R, C, $, L, A, q, O, Ce, xe, Se]);
+  const Oe = h.useRef(null), Fe = h.useRef(null), ot = Pe(Oe, p, k?.beforeInsideRef), st = Pe(Fe, k?.afterInsideRef);
+  h.useEffect(() => {
+    if (n || !l || !y)
+      return;
+    const i = Array.from(k?.portalNode?.querySelectorAll(`[${De("portal")}]`) || []), T = (B ? Ge(B.nodesRef.current, A()) : []).find((s) => We(s.context?.elements.domReference || null))?.context?.elements.domReference, v = [l, T, ...i, ...M(), nt.current, rt.current, Oe.current, Fe.current, k?.beforeOutsideRef.current, k?.afterOutsideRef.current, X(u), X(S), L ? f : null].filter((s) => s != null), w = Nt(v, E || L);
+    return () => {
+      w();
+    };
+  }, [y, n, f, l, E, q, k, L, B, A, M, S, u]), J(() => {
+    if (!y || n || !_(a))
+      return;
+    const i = G(a), b = U(i);
+    queueMicrotask(() => {
+      const T = z(a), v = ke.current, w = typeof v == "function" ? v(Te.current || "") : v;
+      if (w === void 0 || w === !1)
+        return;
+      let s;
+      w === !0 || w === null ? s = T[0] || a : s = X(w), s = s || T[0] || a, !I(a, b) && be(s, {
+        preventScroll: s === a
+      });
+    });
+  }, [n, y, a, K, z, ke, Te]), J(() => {
+    if (n || !a)
+      return;
+    const i = G(a), b = U(i);
+    Wt(b);
+    function T(s) {
+      if (s.open || (Re.current = Bt(s.nativeEvent, ae.current)), s.reason === yt && s.nativeEvent.type === "mouseleave" && (W.current = !0), s.reason === Et)
+        if (s.nested)
+          W.current = !1;
+        else if (Ct(s.nativeEvent) || xt(s.nativeEvent))
+          W.current = !1;
+        else {
+          let m = !1;
+          document.createElement("div").focus({
+            get preventScroll() {
+              return m = !0, !1;
+            }
+          }), m ? W.current = !1 : W.current = !0;
+        }
+    }
+    N.on("openchange", T);
+    const v = i.createElement("span");
+    v.setAttribute("tabindex", "-1"), v.setAttribute("aria-hidden", "true"), Object.assign(v.style, vt), fe && f && f.insertAdjacentElement("afterend", v);
+    function w() {
+      const s = Z.current;
+      let m = typeof s == "function" ? s(Re.current) : s;
+      if (m === void 0 || m === !1)
+        return null;
+      if (m === null && (m = !0), typeof m == "boolean") {
+        const P = f || he();
+        return P && P.isConnected ? P : v;
+      }
+      const H = f || he() || v;
+      return X(m) || H;
+    }
+    return () => {
+      N.off("openchange", T);
+      const s = U(i), m = I(l, s) || B && Ye(B.nodesRef.current, A(), !1).some((P) => I(P.context?.elements.floating, s)), H = w();
+      queueMicrotask(() => {
+        const P = Vt(H), te = typeof Z.current != "boolean";
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        Z.current && !W.current && _(P) && // If the focus moved somewhere else after mount, avoid returning focus
+        // since it likely entered a different element which should be
+        // respected: https://github.com/floating-ui/floating-ui/issues/2607
+        (!(!te && P !== s && s !== i.body) || m) && P.focus({
+          preventScroll: !0
+        }), v.remove();
+      });
+    };
+  }, [n, l, a, Z, O, N, B, fe, f, A]), h.useEffect(() => {
+    queueMicrotask(() => {
+      W.current = !1;
+    });
+  }, [n]), h.useEffect(() => {
+    if (n || !y)
+      return;
+    function i(T) {
+      re(T)?.closest(`[${ht}]`) && (ee.current = !0);
+    }
+    const b = G(a);
+    return b.addEventListener("pointerdown", i, !0), () => {
+      b.removeEventListener("pointerdown", i, !0);
+    };
+  }, [n, y, a]), J(() => {
+    if (!n && k)
+      return k.setFocusManagerState({
+        modal: E,
+        closeOnFocusOut: R,
+        open: y,
+        onOpenChange: g.setOpen,
+        domReference: f
+      }), () => {
+        k.setFocusManagerState(null);
+      };
+  }, [n, k, E, y, g, R, f]), J(() => {
+    if (!(n || !a))
+      return _e(a, q), () => {
+        queueMicrotask(Ee);
+      };
+  }, [n, a, q]);
+  const Ie = !n && (E ? !L : !0) && (fe || E);
+  return /* @__PURE__ */ Rt(h.Fragment, {
+    children: [Ie && /* @__PURE__ */ ve(Ne, {
+      "data-type": "inside",
+      ref: ot,
+      onFocus: (i) => {
+        if (E) {
+          const b = z();
+          be(b[b.length - 1]);
+        } else k?.portalNode && (W.current = !1, Be(i, k.portalNode) ? bt(f)?.focus() : X(u ?? k.beforeOutsideRef)?.focus());
+      }
+    }), t, Ie && /* @__PURE__ */ ve(Ne, {
+      "data-type": "inside",
+      ref: st,
+      onFocus: (i) => {
+        E ? be(z()[0]) : k?.portalNode && (R && (W.current = !0), Be(i, k.portalNode) ? mt(f)?.focus() : X(S ?? k.afterOutsideRef)?.focus());
+      }
+    })]
+  });
+}
+function ln(e, r = {}) {
+  const t = "rootStore" in e ? e.rootStore : e, n = t.context.dataRef, {
+    enabled: o = !0,
+    event: c = "click",
+    toggle: d = !0,
+    ignoreMouse: C = !1,
+    stickIfOpen: E = !0,
+    touchOpenDelay: R = 0
+  } = r, x = h.useRef(void 0), D = Qe(), S = ge(), u = h.useMemo(() => ({
+    onPointerDown(p) {
+      x.current = p.pointerType;
+    },
+    onMouseDown(p) {
+      const F = x.current, g = p.nativeEvent, y = t.select("open");
+      if (p.button !== 0 || c === "click" || qe(F, !0) && C)
+        return;
+      const f = n.current.openEvent, l = f?.type, N = t.select("domReferenceElement") !== p.currentTarget, O = y && N || !(y && d && (!(f && E) || l === "click" || l === "mousedown"));
+      if (Tt(g.target)) {
+        const M = ie(pe, g, g.target);
+        O && F === "touch" && R > 0 ? S.start(R, () => {
+          t.setOpen(!0, M);
+        }) : t.setOpen(O, M);
+        return;
+      }
+      const A = p.currentTarget;
+      D.request(() => {
+        const M = ie(pe, g, A);
+        O && F === "touch" && R > 0 ? S.start(R, () => {
+          t.setOpen(!0, M);
+        }) : t.setOpen(O, M);
+      });
+    },
+    onClick(p) {
+      if (c === "mousedown-only")
+        return;
+      const F = x.current;
+      if (c === "mousedown" && F) {
+        x.current = void 0;
+        return;
+      }
+      if (qe(F, !0) && C)
+        return;
+      const g = t.select("open"), y = n.current.openEvent, f = t.select("domReferenceElement") !== p.currentTarget, l = g && f || !(g && d && (!(y && E) || Ot(y))), N = ie(pe, p.nativeEvent, p.currentTarget);
+      l && F === "touch" && R > 0 ? S.start(R, () => {
+        t.setOpen(!0, N);
+      }) : t.setOpen(l, N);
+    },
+    onKeyDown() {
+      x.current = void 0;
+    }
+  }), [n, c, C, t, E, d, D, S, R]);
+  return h.useMemo(() => o ? {
+    reference: u
+  } : dt, [o, u]);
+}
+function Yt(e) {
+  const r = h.useRef(""), t = h.useCallback((o) => {
+    o.defaultPrevented || (r.current = o.pointerType, e(o, o.pointerType));
+  }, [e]);
+  return {
+    onClick: h.useCallback((o) => {
+      if (o.detail === 0) {
+        e(o, "keyboard");
+        return;
+      }
+      "pointerType" in o && e(o, o.pointerType), e(o, r.current), r.current = "";
+    }, [e]),
+    onPointerDown: t
+  };
+}
+function an(e) {
+  const [r, t] = h.useState(null), n = Q((C, E) => {
+    e || t(E);
+  }), o = h.useCallback(() => {
+    t(null);
+  }, []), {
+    onClick: c,
+    onPointerDown: d
+  } = Yt(n);
+  return h.useMemo(() => ({
+    openMethod: r,
+    reset: o,
+    triggerProps: {
+      onClick: c,
+      onPointerDown: d
+    }
+  }), [r, o, c, d]);
+}
+const qt = /* @__PURE__ */ h.forwardRef(function(r, t) {
+  const {
+    cutout: n,
+    ...o
+  } = r;
+  let c;
+  if (n) {
+    const d = n?.getBoundingClientRect();
+    c = `polygon(
+      0% 0%,
+      100% 0%,
+      100% 100%,
+      0% 100%,
+      0% 0%,
+      ${d.left}px ${d.top}px,
+      ${d.left}px ${d.bottom}px,
+      ${d.right}px ${d.bottom}px,
+      ${d.right}px ${d.top}px,
+      ${d.left}px ${d.top}px
+    )`;
+  }
+  return /* @__PURE__ */ ve("div", {
+    ref: t,
+    role: "presentation",
+    "data-base-ui-inert": "",
+    ...o,
+    style: {
+      position: "fixed",
+      inset: 0,
+      userSelect: "none",
+      WebkitUserSelect: "none",
+      clipPath: c
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (qt.displayName = "InternalBackdrop");
+export {
+  un as F,
+  qt as I,
+  cn as a,
+  ln as b,
+  be as e,
+  an as u
+};