@yselimcan/ui 0.0.2 → 0.0.4

package/dist/index52.js

@@ -0,0 +1,268 @@
+"use client";
+import * as r from "react";
+import * as Fe from "react-dom";
+import { useTimeout as G } from "./index152.js";
+import { useStableCallback as Ae } from "./index102.js";
+import { useId as He } from "./index184.js";
+import { useIsoLayoutEffect as J } from "./index104.js";
+import { useAnimationFrame as Ue } from "./index164.js";
+import { useScrollLock as Ke } from "./index157.js";
+import { EMPTY_ARRAY as Le } from "./index100.js";
+import { useMenuRootContext as _e, MenuRootContext as Ve } from "./index174.js";
+import { useMenubarContext as Ye } from "./index185.js";
+import { TYPEAHEAD_RESET_MS as qe } from "./index125.js";
+import { useDirection as De } from "./index186.js";
+import { useOpenInteractionType as je } from "./index144.js";
+import { createChangeEventDetails as Be } from "./index113.js";
+import { useContextMenuRootContext as $e } from "./index180.js";
+import { MenuStore as ze } from "./index187.js";
+import { useMenuSubmenuRootContext as Ge } from "./index188.js";
+import { jsx as Q } from "react/jsx-runtime";
+import { useFloatingNodeId as Je, useFloatingParentNodeId as Qe, FloatingTree as We } from "./index181.js";
+import { useSyncedFloatingRootContext as Xe } from "./index189.js";
+import { useDismiss as Ze } from "./index146.js";
+import { useRole as et } from "./index190.js";
+import { useListNavigation as tt } from "./index147.js";
+import { useTypeahead as ot } from "./index148.js";
+import { useInteractions as nt } from "./index128.js";
+import { useImplicitActiveTrigger as rt, useOpenStateTransitions as st } from "./index126.js";
+import { imperativeAction as it, triggerFocus as W, triggerPress as at, itemPress as ut, triggerHover as O, focusOut as ct, listNavigation as lt, siblingOpen as pt, escapeKey as dt } from "./index114.js";
+import { mergeProps as X } from "./index27.js";
+function Vt(Z) {
+  const {
+    children: C,
+    open: ee,
+    onOpenChange: te,
+    onOpenChangeComplete: oe,
+    defaultOpen: ne = !1,
+    disabled: re = !1,
+    modal: N,
+    loopFocus: se = !0,
+    orientation: ie = "vertical",
+    actionsRef: ae,
+    closeParentOnEsc: ue = !1,
+    handle: ce,
+    triggerId: le,
+    defaultTriggerId: pe = null,
+    highlightItemOnHover: de = !0
+  } = Z, u = $e(!0), a = _e(!0), I = Ye(), k = Ge(), T = r.useMemo(() => k && a ? {
+    type: "menu",
+    store: a.store
+  } : I ? {
+    type: "menubar",
+    context: I
+  } : u && !a ? {
+    type: "context-menu",
+    context: u
+  } : {
+    type: void 0
+  }, [u, a, I, k]), e = ze.useStore(ce?.store, {
+    parent: T
+  }), f = e.useState("floatingTreeRoot"), b = Je(f), x = Qe();
+  J(() => {
+    u && !a ? e.update({
+      parent: {
+        type: "context-menu",
+        context: u
+      },
+      floatingNodeId: b,
+      floatingParentNodeId: x
+    }) : a && e.update({
+      floatingNodeId: b,
+      floatingParentNodeId: x
+    });
+  }, [u, a, b, x, e]), e.useControlledProp("open", ee, ne), e.useControlledProp("activeTriggerId", le, pe), e.useContextCallback("onOpenChangeComplete", oe);
+  const i = e.useState("open"), w = e.useState("activeTriggerElement"), E = e.useState("positionerElement"), F = e.useState("hoverEnabled"), me = e.useState("modal"), A = e.useState("disabled"), fe = e.useState("lastOpenChangeReason"), n = e.useState("parent"), l = e.useState("activeIndex"), ge = e.useState("payload"), ye = e.useState("floatingParentNodeId"), h = r.useRef(null), P = ye != null;
+  let p;
+  process.env.NODE_ENV !== "production" && n.type !== void 0 && N !== void 0 && console.warn("Base UI: The `modal` prop is not supported on nested menus. It will be ignored."), e.useSyncedValues({
+    disabled: re,
+    modal: n.type === void 0 ? N : void 0,
+    rootId: He()
+  });
+  const {
+    openMethod: ve,
+    triggerProps: g,
+    reset: Ce
+  } = je(i);
+  rt(e);
+  const {
+    forceUnmount: H
+  } = st(i, e, () => {
+    e.update({
+      allowMouseEnter: !1,
+      stickIfOpen: !0
+    }), Ce();
+  }), R = r.useRef(n.type !== "context-menu"), M = G();
+  r.useEffect(() => {
+    if (i || (h.current = null), n.type === "context-menu") {
+      if (!i) {
+        M.clear(), R.current = !1;
+        return;
+      }
+      M.start(500, () => {
+        R.current = !0;
+      });
+    }
+  }, [M, i, n.type]), Ke(i && me && fe !== O && ve !== "touch", E), J(() => {
+    !i && !F && e.set("hoverEnabled", !0);
+  }, [i, F, e]);
+  const y = r.useRef(!0), U = G(), d = Ae((t, o) => {
+    const s = o.reason;
+    if (i === t && o.trigger === w || (o.preventUnmountOnClose = () => {
+      e.set("preventUnmountingOnClose", !0);
+    }, !t && o.trigger == null && (o.trigger = w ?? void 0), te?.(t, o), o.isCanceled))
+      return;
+    const ke = {
+      open: t,
+      nativeEvent: o.event,
+      reason: o.reason,
+      nested: P
+    };
+    p?.emit("openchange", ke);
+    const v = o.event;
+    if (t === !1 && v?.type === "click" && v.pointerType === "touch" && !y.current)
+      return;
+    if (!t && l !== null) {
+      const m = e.context.itemDomElements.current[l];
+      queueMicrotask(() => {
+        m?.setAttribute("tabindex", "-1");
+      });
+    }
+    t && s === W ? (y.current = !1, U.start(300, () => {
+      y.current = !0;
+    })) : (y.current = !0, U.clear());
+    const B = (s === at || s === ut) && v.detail === 0 && v?.isTrusted, we = !t && (s === dt || s == null);
+    function $() {
+      const m = {
+        open: t,
+        openChangeReason: s
+      };
+      h.current = o.event ?? null;
+      const z = o.trigger?.id ?? null;
+      (z || t) && (m.activeTriggerId = z, m.activeTriggerElement = o.trigger ?? null), e.update(m);
+    }
+    s === O ? Fe.flushSync($) : $(), n.type === "menubar" && (s === W || s === ct || s === O || s === lt || s === pt) ? e.set("instantType", "group") : B || we ? e.set("instantType", B ? "click" : "dismiss") : e.set("instantType", void 0);
+  }), K = r.useCallback((t) => {
+    const o = Be(t);
+    return o.preventUnmountOnClose = () => {
+      e.set("preventUnmountingOnClose", !0);
+    }, o;
+  }, [e]), L = r.useCallback(() => {
+    e.setOpen(!1, K(it));
+  }, [e, K]);
+  r.useImperativeHandle(ae, () => ({
+    unmount: H,
+    close: L
+  }), [H, L]);
+  let S;
+  n.type === "context-menu" && (S = n.context), r.useImperativeHandle(S?.positionerRef, () => E, [E]), r.useImperativeHandle(S?.actionsRef, () => ({
+    setOpen: d
+  }), [d]);
+  const c = Xe({
+    popupStore: e,
+    onOpenChange: d
+  });
+  p = c.context.events, r.useEffect(() => {
+    const t = ({
+      open: o,
+      eventDetails: s
+    }) => d(o, s);
+    return p.on("setOpen", t), () => {
+      p?.off("setOpen", t);
+    };
+  }, [p, d]);
+  const Ie = Ze(c, {
+    enabled: !A,
+    bubbles: ue && n.type === "menu",
+    outsidePress() {
+      return n.type !== "context-menu" || h.current?.type === "contextmenu" ? !0 : R.current;
+    },
+    externalTree: P ? f : void 0
+  }), Te = et(c, {
+    role: "menu"
+  }), be = De(), xe = r.useCallback((t) => {
+    e.select("activeIndex") !== t && e.set("activeIndex", t);
+  }, [e]), Ee = tt(c, {
+    enabled: !A,
+    listRef: e.context.itemDomElements,
+    activeIndex: l,
+    nested: n.type !== void 0,
+    loopFocus: se,
+    orientation: ie,
+    parentOrientation: n.type === "menubar" ? n.context.orientation : void 0,
+    rtl: be === "rtl",
+    disabledIndices: Le,
+    onNavigate: xe,
+    openOnArrowKeyDown: n.type !== "context-menu",
+    externalTree: P ? f : void 0,
+    focusItemOnHover: de
+  }), he = r.useCallback((t) => {
+    e.context.typingRef.current = t;
+  }, [e]), Pe = ot(c, {
+    listRef: e.context.itemLabels,
+    activeIndex: l,
+    resetMs: qe,
+    onMatch: (t) => {
+      i && t !== l && e.set("activeIndex", t);
+    },
+    onTypingChange: he
+  }), {
+    getReferenceProps: _,
+    getFloatingProps: V,
+    getItemProps: Y,
+    getTriggerProps: q
+  } = nt([Ie, Te, Ee, Pe]), Re = r.useMemo(() => {
+    const t = X(_(), {
+      onMouseEnter() {
+        e.set("hoverEnabled", !0);
+      },
+      onMouseMove() {
+        e.set("allowMouseEnter", !0);
+      }
+    }, g);
+    return delete t.role, t;
+  }, [_, e, g]), Me = r.useMemo(() => {
+    const t = q();
+    if (!t)
+      return t;
+    const o = X(t, g);
+    return delete o.role, delete o["aria-controls"], o;
+  }, [q, g]), D = Ue(), Se = r.useMemo(() => V({
+    onMouseEnter() {
+      n.type === "menu" && D.request(() => e.set("hoverEnabled", !1));
+    },
+    onMouseMove() {
+      e.set("allowMouseEnter", !0);
+    },
+    onClick() {
+      e.select("hoverEnabled") && e.set("hoverEnabled", !1);
+    },
+    onKeyDown(t) {
+      const o = e.select("keyboardEventRelay");
+      o && !t.isPropagationStopped() && o(t);
+    }
+  }), [V, n.type, D, e]), Oe = r.useMemo(() => Y(), [Y]);
+  e.useSyncedValues({
+    floatingRootContext: c,
+    activeTriggerProps: Re,
+    inactiveTriggerProps: Me,
+    popupProps: Se,
+    itemProps: Oe
+  });
+  const Ne = r.useMemo(() => ({
+    store: e,
+    parent: T
+  }), [e, T]), j = /* @__PURE__ */ Q(Ve.Provider, {
+    value: Ne,
+    children: typeof C == "function" ? C({
+      payload: ge
+    }) : C
+  });
+  return n.type === void 0 || n.type === "context-menu" ? /* @__PURE__ */ Q(We, {
+    externalTree: f,
+    children: j
+  }) : j;
+}
+export {
+  Vt as MenuRoot
+};

package/dist/index53.js

@@ -0,0 +1,25 @@
+"use client";
+import * as s from "react";
+import { useMenuRootContext as l } from "./index174.js";
+import { MenuPortalContext as a } from "./index179.js";
+import { jsx as e } from "react/jsx-runtime";
+import { FloatingPortal as i } from "./index124.js";
+const m = /* @__PURE__ */ s.forwardRef(function(t, r) {
+  const {
+    keepMounted: o = !1,
+    ...n
+  } = t, {
+    store: u
+  } = l();
+  return u.useState("mounted") || o ? /* @__PURE__ */ e(a.Provider, {
+    value: o,
+    children: /* @__PURE__ */ e(i, {
+      ref: r,
+      ...n
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (m.displayName = "MenuPortal");
+export {
+  m as MenuPortal
+};

package/dist/index54.js

@@ -0,0 +1,207 @@
+"use client";
+import de from "./index94.js";
+import * as n from "react";
+import * as D from "react-dom";
+import { useTimeout as L } from "./index152.js";
+import { ownerDocument as B } from "./index151.js";
+import { useStableCallback as h } from "./index102.js";
+import { useIsoLayoutEffect as be } from "./index104.js";
+import { EMPTY_OBJECT as Te } from "./index100.js";
+import { FloatingTreeStore as xe } from "./index191.js";
+import { useMenuRootContext as G } from "./index174.js";
+import { pressableTriggerOpenStateMapping as H } from "./index111.js";
+import { useRenderElement as ye } from "./index86.js";
+import { useButton as Re } from "./index88.js";
+import { getPseudoElementBounds as Me } from "./index154.js";
+import { CompositeItem as Oe } from "./index192.js";
+import { useCompositeRootContext as he } from "./index105.js";
+import { findRootOwnerId as Ee } from "./index193.js";
+import { useBaseUiId as ve } from "./index115.js";
+import { useMixedToggleClickHandler as Ce } from "./index194.js";
+import { useContextMenuRootContext as Ie } from "./index180.js";
+import { useMenubarContext as Fe } from "./index185.js";
+import { PATIENT_CLICK_THRESHOLD as Pe } from "./index125.js";
+import { FocusGuard as A } from "./index195.js";
+import { createChangeEventDetails as U } from "./index113.js";
+import { jsx as g, jsxs as we } from "react/jsx-runtime";
+import { useFloatingTree as Se, useFloatingNodeId as ke, useFloatingParentNodeId as Ne } from "./index181.js";
+import { useHoverReferenceInteraction as De } from "./index196.js";
+import { safePolygon as Be } from "./index197.js";
+import { useClick as He } from "./index127.js";
+import { useFocus as Ae } from "./index198.js";
+import { useInteractions as Ue } from "./index128.js";
+import { getTabbableBeforeElement as _e, isOutsideEvent as Le, getTabbableAfterElement as Ge, getNextTabbable as Ye } from "./index199.js";
+import { useTriggerDataForwarding as je } from "./index126.js";
+import { triggerHover as Ke, cancelOpen as Ve, focusOut as _ } from "./index114.js";
+import { contains as E } from "./index155.js";
+const x = 2, Xe = /* @__PURE__ */ n.forwardRef(function(c, u) {
+  const {
+    render: d,
+    className: m,
+    disabled: Y = !1,
+    nativeButton: j = !0,
+    id: K,
+    openOnHover: V,
+    delay: X = 100,
+    closeDelay: v = 0,
+    handle: $,
+    payload: J,
+    ...q
+  } = c, z = G(!0), e = $?.store ?? z?.store;
+  if (!e)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Menu.Trigger> must be either used within a <Menu.Root> component or provided with a handle." : de(85));
+  const l = ve(K), Q = e.useState("isTriggerActive", l), y = e.useState("floatingRootContext"), s = e.useState("isOpenedByTrigger", l), b = n.useRef(null), t = Je(), W = he(!0), C = Se(), T = n.useMemo(() => C ?? new xe(), [C]), Z = ke(T), ee = Ne(), {
+    registerTrigger: te,
+    isMountedByThisTrigger: I
+  } = je(l, b, e, {
+    payload: J,
+    closeDelay: v,
+    parent: t,
+    floatingTreeRoot: T,
+    floatingNodeId: Z,
+    floatingParentNodeId: ee,
+    keyboardEventRelay: W?.relayKeyboardEvent
+  }), oe = e.useState("disabled"), p = Y || oe || t.type === "menubar" && t.context.disabled, {
+    getButtonProps: re,
+    buttonRef: ne
+  } = Re({
+    disabled: p,
+    native: j
+  });
+  n.useEffect(() => {
+    !s && t.type === void 0 && (e.context.allowMouseUpTriggerRef.current = !1);
+  }, [e, s, t.type]);
+  const f = n.useRef(null), F = L(), R = h((o) => {
+    if (!f.current)
+      return;
+    F.clear(), e.context.allowMouseUpTriggerRef.current = !1;
+    const i = o.target;
+    if (E(f.current, i) || E(e.select("positionerElement"), i) || i === f.current || i != null && Ee(i) === e.select("rootId"))
+      return;
+    const r = Me(f.current);
+    o.clientX >= r.left - x && o.clientX <= r.right + x && o.clientY >= r.top - x && o.clientY <= r.bottom + x || T.events.emit("close", {
+      domEvent: o,
+      reason: Ve
+    });
+  });
+  n.useEffect(() => {
+    s && e.select("lastOpenChangeReason") === Ke && B(f.current).addEventListener("mouseup", R, {
+      once: !0
+    });
+  }, [s, R, e]);
+  const M = t.type === "menubar" && t.context.hasSubmenuOpen, se = De(y, {
+    enabled: (V ?? M ?? !1) && !p && t.type !== "context-menu" && (t.type !== "menubar" || M && !I),
+    handleClose: Be({
+      blockPointerEvents: t.type !== "menubar"
+    }),
+    mouseOnly: !0,
+    move: !1,
+    restMs: t.type === void 0 ? X : void 0,
+    delay: {
+      close: v
+    },
+    triggerElementRef: b,
+    externalTree: T,
+    isActiveTrigger: Q
+  }), ie = $e(s, e.select("lastOpenChangeReason")), ue = He(y, {
+    enabled: !p && t.type !== "context-menu",
+    event: s && t.type === "menubar" ? "click" : "mousedown",
+    toggle: !0,
+    ignoreMouse: !1,
+    stickIfOpen: t.type === void 0 ? ie : !1
+  }), ae = Ae(y, {
+    enabled: !p && (t.type !== "menubar" && s || M)
+  }), ce = Ce({
+    open: s,
+    enabled: t.type === "menubar",
+    mouseDownAction: "open"
+  }), le = Ue([ue, ae]), O = t.type === "menubar", P = n.useMemo(() => ({
+    disabled: p,
+    open: s
+  }), [p, s]), pe = e.useState("triggerProps", I), w = [f, u, ne, te, b], S = [le.getReferenceProps(), se ?? Te, pe, {
+    "aria-haspopup": "menu",
+    id: l,
+    onMouseDown: (o) => {
+      if (e.select("open"))
+        return;
+      F.start(200, () => {
+        e.context.allowMouseUpTriggerRef.current = !0;
+      }), B(o.currentTarget).addEventListener("mouseup", R, {
+        once: !0
+      });
+    }
+  }, O ? {
+    role: "menuitem"
+  } : {}, ce, q, re], k = n.useRef(null), fe = h((o) => {
+    D.flushSync(() => {
+      e.setOpen(!1, U(_, o.nativeEvent, o.currentTarget));
+    }), _e(k.current)?.focus();
+  }), me = h((o) => {
+    const i = e.select("positionerElement");
+    if (i && Le(o, i))
+      e.context.beforeContentFocusGuardRef.current?.focus();
+    else {
+      D.flushSync(() => {
+        e.setOpen(!1, U(_, o.nativeEvent, o.currentTarget));
+      });
+      let r = Ge(b.current);
+      for (; r !== null && E(i, r) || r?.hasAttribute("aria-hidden"); ) {
+        const ge = r;
+        if (r = Ye(r), r === ge)
+          break;
+      }
+      r?.focus();
+    }
+  }), N = ye("button", c, {
+    enabled: !O,
+    stateAttributesMapping: H,
+    state: P,
+    ref: w,
+    props: S
+  });
+  return O ? /* @__PURE__ */ g(Oe, {
+    tag: "button",
+    render: d,
+    className: m,
+    state: P,
+    refs: w,
+    props: S,
+    stateAttributesMapping: H
+  }) : s ? /* @__PURE__ */ we(n.Fragment, {
+    children: [/* @__PURE__ */ g(A, {
+      ref: k,
+      onFocus: fe
+    }, `${l}-pre-focus-guard`), /* @__PURE__ */ g(n.Fragment, {
+      children: N
+    }, l), /* @__PURE__ */ g(A, {
+      ref: e.context.triggerFocusTargetRef,
+      onFocus: me
+    }, `${l}-post-focus-guard`)]
+  }) : /* @__PURE__ */ g(n.Fragment, {
+    children: N
+  }, l);
+});
+process.env.NODE_ENV !== "production" && (Xe.displayName = "MenuTrigger");
+function $e(a, c) {
+  const u = L(), [d, m] = n.useState(!1);
+  return be(() => {
+    a && c === "trigger-hover" ? (m(!0), u.start(Pe, () => {
+      m(!1);
+    })) : a || (u.clear(), m(!1));
+  }, [a, c, u]), d;
+}
+function Je() {
+  const a = Ie(!0), c = G(!0), u = Fe();
+  return n.useMemo(() => u ? {
+    type: "menubar",
+    context: u
+  } : a && !c ? {
+    type: "context-menu",
+    context: a
+  } : {
+    type: void 0
+  }, [a, c, u]);
+}
+export {
+  Xe as MenuTrigger
+};

package/dist/index55.js

@@ -0,0 +1,146 @@
+"use client";
+import * as l from "react";
+import { inertValue as X } from "./index122.js";
+import { MenuPositionerContext as Y } from "./index176.js";
+import { useMenuRootContext as Z } from "./index174.js";
+import { useAnchorPositioning as $ } from "./index159.js";
+import { useRenderElement as ee } from "./index86.js";
+import { popupStateMapping as te } from "./index111.js";
+import { CompositeList as ne } from "./index158.js";
+import { InternalBackdrop as oe } from "./index123.js";
+import { useMenuPortalContext as re } from "./index179.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as se, POPUP_COLLISION_AVOIDANCE as ie } from "./index125.js";
+import { useContextMenuRootContext as ae } from "./index180.js";
+import { createChangeEventDetails as x } from "./index113.js";
+import { jsxs as le, jsx as I } from "react/jsx-runtime";
+import { FloatingNode as de } from "./index181.js";
+import { triggerHover as ce, siblingOpen as g } from "./index114.js";
+const fe = /* @__PURE__ */ l.forwardRef(function(d, M) {
+  const {
+    anchor: v,
+    positionMethod: E = "absolute",
+    className: pe,
+    render: me,
+    side: O,
+    align: b,
+    sideOffset: A = 0,
+    alignOffset: w = 0,
+    collisionBoundary: D = "clipping-ancestors",
+    collisionPadding: k = 5,
+    arrowPadding: L = 5,
+    sticky: H = !1,
+    disableAnchorTracking: T = !1,
+    collisionAvoidance: V = se,
+    ..._
+  } = d, {
+    store: e
+  } = Z(), B = re(), U = ae(!0), n = e.useState("parent"), j = e.useState("floatingRootContext"), s = e.useState("floatingTreeRoot"), u = e.useState("mounted"), i = e.useState("open"), F = e.useState("modal"), p = e.useState("activeTriggerElement"), W = e.useState("lastOpenChangeReason"), a = e.useState("floatingNodeId"), P = e.useState("floatingParentNodeId");
+  let y = v, N = A, S = w, m = b, C = V;
+  n.type === "context-menu" && (y = v ?? n.context?.anchor, m = m ?? "start", !O && m !== "center" && (S = d.alignOffset ?? 2, N = d.sideOffset ?? -5));
+  let c = O, f = m;
+  n.type === "menu" ? (c = c ?? "inline-end", f = f ?? "start", C = d.collisionAvoidance ?? ie) : n.type === "menubar" && (c = c ?? "bottom", f = f ?? "start");
+  const R = n.type === "context-menu", t = $({
+    anchor: y,
+    floatingRootContext: j,
+    positionMethod: U ? "fixed" : E,
+    mounted: u,
+    side: c,
+    sideOffset: N,
+    align: f,
+    alignOffset: S,
+    arrowPadding: R ? 0 : L,
+    collisionBoundary: D,
+    collisionPadding: k,
+    sticky: H,
+    nodeId: a,
+    keepMounted: B,
+    disableAnchorTracking: T,
+    collisionAvoidance: C,
+    shiftCrossAxis: R,
+    externalTree: s
+  }), q = l.useMemo(() => {
+    const r = {};
+    return i || (r.pointerEvents = "none"), {
+      role: "presentation",
+      hidden: !u,
+      style: {
+        ...t.positionerStyles,
+        ...r
+      }
+    };
+  }, [i, u, t.positionerStyles]);
+  l.useEffect(() => {
+    function r(o) {
+      o.open ? (o.parentNodeId === a && e.set("hoverEnabled", !1), o.nodeId !== a && o.parentNodeId === e.select("floatingParentNodeId") && e.setOpen(!1, x(g))) : o.parentNodeId === a && o.reason !== g && e.set("hoverEnabled", !0);
+    }
+    return s.events.on("menuopenchange", r), () => {
+      s.events.off("menuopenchange", r);
+    };
+  }, [e, s.events, a]), l.useEffect(() => {
+    if (e.select("floatingParentNodeId") == null)
+      return;
+    function r(o) {
+      if (o.open || o.nodeId !== e.select("floatingParentNodeId"))
+        return;
+      const Q = o.reason ?? g;
+      e.setOpen(!1, x(Q));
+    }
+    return s.events.on("menuopenchange", r), () => {
+      s.events.off("menuopenchange", r);
+    };
+  }, [s.events, e]), l.useEffect(() => {
+    function r(o) {
+      !i || o.nodeId !== e.select("floatingParentNodeId") || o.target && p && p !== o.target && e.setOpen(!1, x(g));
+    }
+    return s.events.on("itemhover", r), () => {
+      s.events.off("itemhover", r);
+    };
+  }, [s.events, i, p, e]), l.useEffect(() => {
+    const r = {
+      open: i,
+      nodeId: a,
+      parentNodeId: P,
+      reason: e.select("lastOpenChangeReason")
+    };
+    s.events.emit("menuopenchange", r);
+  }, [s.events, i, e, a, P]);
+  const z = l.useMemo(() => ({
+    open: i,
+    side: t.side,
+    align: t.align,
+    anchorHidden: t.anchorHidden,
+    nested: n.type === "menu"
+  }), [i, t.side, t.align, t.anchorHidden, n.type]), G = l.useMemo(() => ({
+    side: t.side,
+    align: t.align,
+    arrowRef: t.arrowRef,
+    arrowUncentered: t.arrowUncentered,
+    arrowStyles: t.arrowStyles,
+    nodeId: t.context.nodeId
+  }), [t.side, t.align, t.arrowRef, t.arrowUncentered, t.arrowStyles, t.context.nodeId]), J = ee("div", d, {
+    state: z,
+    stateAttributesMapping: te,
+    ref: [M, e.useStateSetter("positionerElement")],
+    props: [q, _]
+  }), K = u && n.type !== "menu" && (n.type !== "menubar" && F && W !== ce || n.type === "menubar" && n.context.modal);
+  let h = null;
+  return n.type === "menubar" ? h = n.context.contentElement : n.type === void 0 && (h = p), /* @__PURE__ */ le(Y.Provider, {
+    value: G,
+    children: [K && /* @__PURE__ */ I(oe, {
+      ref: n.type === "context-menu" || n.type === "nested-context-menu" ? n.context.internalBackdropRef : null,
+      inert: X(!i),
+      cutout: h
+    }), /* @__PURE__ */ I(de, {
+      id: a,
+      children: /* @__PURE__ */ I(ne, {
+        elementsRef: e.context.itemDomElements,
+        labelsRef: e.context.itemLabels,
+        children: J
+      })
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (fe.displayName = "MenuPositioner");
+export {
+  fe as MenuPositioner
+};