@boxcustodia/library 2.0.0-alpha.27 → 2.0.0-alpha.29

package/dist/node_modules/@base-ui/react/menu/root/MenuRoot.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const qe=require("react"),ee=require("../../../utils/useTimeout.cjs.js"),Ne=require("../../../utils/useStableCallback.cjs.js"),te=require("../../../utils/useId.cjs.js"),ne=require("../../../utils/useIsoLayoutEffect.cjs.js"),oe=require("../../../utils/empty.cjs.js"),ke=require("../../../utils/fastHooks.cjs.js"),re=require("./MenuRootContext.cjs.js"),we=require("../../menubar/MenubarContext.cjs.js"),Fe=require("../../internals/constants.cjs.js"),_e=require("../../internals/direction-context/DirectionContext.cjs.js"),Ae=require("../../utils/useOpenInteractionType.cjs.js"),je=require("../../internals/createBaseUIEventDetails.cjs.js"),De=require("../../context-menu/root/ContextMenuRootContext.cjs.js"),He=require("../store/MenuStore.cjs.js"),Ue=require("../submenu-root/MenuSubmenuRootContext.cjs.js"),se=require("react/jsx-runtime"),j=require("../../floating-ui-react/components/FloatingTree.cjs.js"),p=require("../../utils/popups/popupStoreUtils.cjs.js"),Le=require("../../floating-ui-react/hooks/useSyncedFloatingRootContext.cjs.js"),Ke=require("../../floating-ui-react/hooks/useDismiss.cjs.js"),Be=require("../../floating-ui-react/hooks/useListNavigation.cjs.js"),Ye=require("../../floating-ui-react/hooks/useTypeahead.cjs.js"),i=require("../../internals/reason-parts.cjs.js"),D=require("../../merge-props/mergeProps.cjs.js");function Ve(d){const y=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const a in d)if(a!=="default"){const f=Object.getOwnPropertyDescriptor(d,a);Object.defineProperty(y,a,f.get?f:{enumerable:!0,get:()=>d[a]})}}return y.default=d,Object.freeze(y)}const r=Ve(qe),ue=ke.fastComponent(function(y){const{children:a,open:f,onOpenChange:ie,onOpenChangeComplete:ae,defaultOpen:H=!1,disabled:ce=!1,modal:U,loopFocus:le=!0,orientation:pe="vertical",actionsRef:de,closeParentOnEsc:fe=!1,handle:ge,triggerId:L,defaultTriggerId:K=null,highlightItemOnHover:B=!0}=y,g=De.useContextMenuRootContext(!0),c=re.useMenuRootContext(!0),h=we.useMenubarContext(!0),Y=Ue.useMenuSubmenuRootContext(),S=r.useMemo(()=>Y&&c?{type:"menu",store:c.store}:h?{type:"menubar",context:h}:g&&!c?{type:"context-menu",context:g}:{type:void 0},[g,c,h,Y]),e=He.MenuStore.useStore(ge?.store,{open:H,openProp:f,activeTriggerId:K,triggerIdProp:L,parent:S});p.useInitialOpenSync(e,f,H,K),e.useControlledProp("openProp",f),e.useControlledProp("triggerIdProp",L),e.useContextCallback("onOpenChangeComplete",ae);const me=te.useId(),M=te.useId(),b=e.useState("floatingTreeRoot"),O=j.useFloatingNodeId(b),x=j.useFloatingParentNodeId(),u=e.useState("open"),I=e.useState("activeTriggerElement"),V=e.useState("positionerElement"),z=e.useState("hoverEnabled"),q=e.useState("disabled"),ye=e.useState("lastOpenChangeReason"),n=e.useState("parent"),N=e.useState("activeIndex"),Ce=e.useState("payload"),Pe=e.useState("floatingParentNodeId"),k=r.useRef(null),w=r.useRef(n.type!=="context-menu"),F=ee.useTimeout(),T=r.useRef(!0),J=ee.useTimeout(),G=Pe!=null;process.env.NODE_ENV!=="production"&&n.type!==void 0&&U!==void 0&&console.warn("Base UI: The `modal` prop is not supported on nested menus. It will be ignored.");const{openMethod:be,triggerProps:v}=Ae.useOpenInteractionType(u);e.useSyncedValues({disabled:ce,highlightItemOnHover:B,modal:n.type===void 0?U:void 0,openMethod:be,rootId:me}),p.useImplicitActiveTrigger(e);const{forceUnmount:Q}=p.useOpenStateTransitions(u,e,()=>{e.update({allowMouseEnter:!1,stickIfOpen:!0})});ne.useIsoLayoutEffect(()=>{g&&!c?e.update({parent:{type:"context-menu",context:g},floatingNodeId:O,floatingParentNodeId:x}):c&&e.update({floatingNodeId:O,floatingParentNodeId:x})},[g,c,O,x,e]),r.useEffect(()=>{if(u||(k.current=null),n.type==="context-menu"){if(!u){F.clear(),w.current=!1;return}F.start(500,()=>{w.current=!0})}},[F,u,n.type]),ne.useIsoLayoutEffect(()=>{!u&&!z&&e.set("hoverEnabled",!0)},[u,z,e]);const C=Ne.useStableCallback((t,o)=>{const s=o.reason;if(u===t&&o.trigger===I&&ye===s)return;const Me=p.attachPreventUnmountOnClose(o);if(!t&&o.trigger==null&&(o.trigger=I??void 0),ie?.(t,o),o.isCanceled)return;e.state.floatingRootContext.dispatchOpenChange(t,o);const E=o.event;if(t===!1&&E?.type==="click"&&E.pointerType==="touch"&&!T.current)return;t&&s===i.triggerFocus?(T.current=!1,J.start(300,()=>{T.current=!0})):(T.current=!0,J.clear());const Z=(s===i.triggerPress||s===i.itemPress)&&E.detail===0&&E?.isTrusted,Oe=!t&&(s===i.escapeKey||s==null),$={open:t,openChangeReason:s};k.current=o.event??null,p.setPopupOpenState($,t,o.trigger,Me()),e.update($),n.type==="menubar"&&(s===i.triggerFocus||s===i.focusOut||s===i.triggerHover||s===i.listNavigation||s===i.siblingOpen)?e.set("instantType","group"):Z||Oe?e.set("instantType",Z?"click":"dismiss"):e.set("instantType",void 0)}),P=Le.useSyncedFloatingRootContext({popupStore:e,floatingId:M,nested:x!=null,onOpenChange:C}),_=P.context.events;r.useEffect(()=>{const t=({open:o,eventDetails:s})=>C(o,s);return _.on("setOpen",t),()=>{_?.off("setOpen",t)}},[_,C]);const W=r.useCallback(()=>{e.setOpen(!1,je.createChangeEventDetails(i.imperativeAction))},[e]);r.useImperativeHandle(de,()=>({unmount:Q,close:W}),[Q,W]);let A;n.type==="context-menu"&&(A=n.context),r.useImperativeHandle(A?.positionerRef,()=>V,[V]),r.useImperativeHandle(A?.actionsRef,()=>({setOpen:C}),[C]);const m=Ke.useDismiss(P,{enabled:!q,bubbles:{escapeKey:fe&&n.type==="menu"},outsidePress(){return n.type!=="context-menu"||k.current?.type==="contextmenu"?!0:w.current},externalTree:G?b:void 0}),xe=_e.useDirection(),Ie=r.useCallback(t=>{e.select("activeIndex")!==t&&e.set("activeIndex",t)},[e]),l=Be.useListNavigation(P,{enabled:!q,listRef:e.context.itemDomElements,activeIndex:N,nested:n.type!==void 0,loopFocus:le,orientation:pe,parentOrientation:n.type==="menubar"?n.context.orientation:void 0,rtl:xe==="rtl",disabledIndices:oe.EMPTY_ARRAY,onNavigate:Ie,openOnArrowKeyDown:n.type!=="context-menu",externalTree:G?b:void 0,focusItemOnHover:B}),Te=r.useCallback(t=>{e.context.typingRef.current=t},[e]),R=Ye.useTypeahead(P,{enabled:!q,listRef:e.context.itemLabels,elementsRef:e.context.itemDomElements,activeIndex:N,resetMs:Fe.TYPEAHEAD_RESET_MS,onMatch:t=>{u&&t!==N&&e.set("activeIndex",t)},onTyping:Te}),ve=r.useMemo(()=>{const t=D.mergeProps(R.reference,l.reference,m.reference,{onMouseMove(){e.set("allowMouseEnter",!0)}},v);return t["aria-haspopup"]="menu",t["aria-expanded"]=u,t},[e,R.reference,l.reference,m.reference,v,u]),Re=r.useMemo(()=>{const t=D.mergeProps(l.trigger,m.trigger,v);return t["aria-haspopup"]="menu",t["aria-expanded"]=!1,t},[l.trigger,m.trigger,v]),Ee=r.useMemo(()=>D.mergeProps(p.FOCUSABLE_POPUP_PROPS,{id:M,role:"menu","aria-labelledby":I?.id,onMouseMove(){e.set("allowMouseEnter",!0),n.type==="menu"&&e.set("hoverEnabled",!1)},onClick(){e.select("hoverEnabled")&&e.set("hoverEnabled",!1)},onKeyDown(t){const o=e.select("keyboardEventRelay");o&&!t.isPropagationStopped()&&o(t)}},R.floating,l.floating,m.floating),[I,M,n.type,e,R.floating,l.floating,m.floating]),he=l.item??oe.EMPTY_OBJECT;p.usePopupInteractionProps(e,{floatingRootContext:P,activeTriggerProps:ve,inactiveTriggerProps:Re,popupProps:Ee,itemProps:he});const Se=r.useMemo(()=>({store:e,parent:S}),[e,S]),X=se.jsx(re.MenuRootContext.Provider,{value:Se,children:typeof a=="function"?a({payload:Ce}):a});return n.type===void 0||n.type==="context-menu"?se.jsx(j.FloatingTree,{externalTree:b,children:X}):X});process.env.NODE_ENV!=="production"&&(ue.displayName="MenuRoot");exports.MenuRoot=ue;

package/dist/node_modules/@base-ui/react/menu/root/MenuRoot.es.js

@@ -0,0 +1,240 @@
+"use client";
+import * as r from "react";
+import { useTimeout as G } from "../../../utils/useTimeout.es.js";
+import { useStableCallback as Ee } from "../../../utils/useStableCallback.es.js";
+import { useId as Q } from "../../../utils/useId.es.js";
+import { useIsoLayoutEffect as W } from "../../../utils/useIsoLayoutEffect.es.js";
+import { EMPTY_OBJECT as Te, EMPTY_ARRAY as Re } from "../../../utils/empty.es.js";
+import { fastComponent as Me } from "../../../utils/fastHooks.es.js";
+import { useMenuRootContext as Se, MenuRootContext as Oe } from "./MenuRootContext.es.js";
+import { useMenubarContext as Ne } from "../../menubar/MenubarContext.es.js";
+import { TYPEAHEAD_RESET_MS as we } from "../../internals/constants.es.js";
+import { useDirection as ke } from "../../internals/direction-context/DirectionContext.es.js";
+import { useOpenInteractionType as Fe } from "../../utils/useOpenInteractionType.es.js";
+import { createChangeEventDetails as Ae } from "../../internals/createBaseUIEventDetails.es.js";
+import { useContextMenuRootContext as _e } from "../../context-menu/root/ContextMenuRootContext.es.js";
+import { MenuStore as He } from "../store/MenuStore.es.js";
+import { useMenuSubmenuRootContext as Ue } from "../submenu-root/MenuSubmenuRootContext.es.js";
+import { jsx as X } from "react/jsx-runtime";
+import { useFloatingNodeId as Ke, useFloatingParentNodeId as Le, FloatingTree as Ye } from "../../floating-ui-react/components/FloatingTree.es.js";
+import { useInitialOpenSync as Be, useImplicitActiveTrigger as De, useOpenStateTransitions as Ve, attachPreventUnmountOnClose as je, setPopupOpenState as Je, FOCUSABLE_POPUP_PROPS as $e, usePopupInteractionProps as qe } from "../../utils/popups/popupStoreUtils.es.js";
+import { useSyncedFloatingRootContext as ze } from "../../floating-ui-react/hooks/useSyncedFloatingRootContext.es.js";
+import { useDismiss as Ge } from "../../floating-ui-react/hooks/useDismiss.es.js";
+import { useListNavigation as Qe } from "../../floating-ui-react/hooks/useListNavigation.es.js";
+import { useTypeahead as We } from "../../floating-ui-react/hooks/useTypeahead.es.js";
+import { triggerFocus as Z, triggerPress as Xe, itemPress as Ze, focusOut as et, triggerHover as tt, listNavigation as ot, siblingOpen as nt, escapeKey as rt, imperativeAction as st } from "../../internals/reason-parts.es.js";
+import { mergeProps as F } from "../../merge-props/mergeProps.es.js";
+const it = Me(function(ee) {
+  const {
+    children: I,
+    open: b,
+    onOpenChange: te,
+    onOpenChangeComplete: oe,
+    defaultOpen: A = !1,
+    disabled: ne = !1,
+    modal: _,
+    loopFocus: re = !0,
+    orientation: se = "vertical",
+    actionsRef: ie,
+    closeParentOnEsc: ae = !1,
+    handle: ue,
+    triggerId: H,
+    defaultTriggerId: U = null,
+    highlightItemOnHover: K = !0
+  } = ee, c = _e(!0), a = Se(!0), v = Ne(!0), L = Ue(), h = r.useMemo(() => L && a ? {
+    type: "menu",
+    store: a.store
+  } : v ? {
+    type: "menubar",
+    context: v
+  } : c && !a ? {
+    type: "context-menu",
+    context: c
+  } : {
+    type: void 0
+  }, [c, a, v, L]), e = He.useStore(ue?.store, {
+    open: A,
+    openProp: b,
+    activeTriggerId: U,
+    triggerIdProp: H,
+    parent: h
+  });
+  Be(e, b, A, U), e.useControlledProp("openProp", b), e.useControlledProp("triggerIdProp", H), e.useContextCallback("onOpenChangeComplete", oe);
+  const ce = Q(), E = Q(), f = e.useState("floatingTreeRoot"), T = Ke(f), m = Le(), i = e.useState("open"), g = e.useState("activeTriggerElement"), Y = e.useState("positionerElement"), B = e.useState("hoverEnabled"), R = e.useState("disabled"), le = e.useState("lastOpenChangeReason"), o = e.useState("parent"), M = e.useState("activeIndex"), pe = e.useState("payload"), de = e.useState("floatingParentNodeId"), S = r.useRef(null), O = r.useRef(o.type !== "context-menu"), N = G(), y = r.useRef(!0), D = G(), V = de != null;
+  process.env.NODE_ENV !== "production" && o.type !== void 0 && _ !== void 0 && console.warn("Base UI: The `modal` prop is not supported on nested menus. It will be ignored.");
+  const {
+    openMethod: fe,
+    triggerProps: C
+  } = Fe(i);
+  e.useSyncedValues({
+    disabled: ne,
+    highlightItemOnHover: K,
+    modal: o.type === void 0 ? _ : void 0,
+    openMethod: fe,
+    rootId: ce
+  }), De(e);
+  const {
+    forceUnmount: j
+  } = Ve(i, e, () => {
+    e.update({
+      allowMouseEnter: !1,
+      stickIfOpen: !0
+    });
+  });
+  W(() => {
+    c && !a ? e.update({
+      parent: {
+        type: "context-menu",
+        context: c
+      },
+      floatingNodeId: T,
+      floatingParentNodeId: m
+    }) : a && e.update({
+      floatingNodeId: T,
+      floatingParentNodeId: m
+    });
+  }, [c, a, T, m, e]), r.useEffect(() => {
+    if (i || (S.current = null), o.type === "context-menu") {
+      if (!i) {
+        N.clear(), O.current = !1;
+        return;
+      }
+      N.start(500, () => {
+        O.current = !0;
+      });
+    }
+  }, [N, i, o.type]), W(() => {
+    !i && !B && e.set("hoverEnabled", !0);
+  }, [i, B, e]);
+  const p = Ee((t, n) => {
+    const s = n.reason;
+    if (i === t && n.trigger === g && le === s)
+      return;
+    const ve = je(n);
+    if (!t && n.trigger == null && (n.trigger = g ?? void 0), te?.(t, n), n.isCanceled)
+      return;
+    e.state.floatingRootContext.dispatchOpenChange(t, n);
+    const x = n.event;
+    if (t === !1 && x?.type === "click" && x.pointerType === "touch" && !y.current)
+      return;
+    t && s === Z ? (y.current = !1, D.start(300, () => {
+      y.current = !0;
+    })) : (y.current = !0, D.clear());
+    const q = (s === Xe || s === Ze) && x.detail === 0 && x?.isTrusted, he = !t && (s === rt || s == null), z = {
+      open: t,
+      openChangeReason: s
+    };
+    S.current = n.event ?? null, Je(z, t, n.trigger, ve()), e.update(z), o.type === "menubar" && (s === Z || s === et || s === tt || s === ot || s === nt) ? e.set("instantType", "group") : q || he ? e.set("instantType", q ? "click" : "dismiss") : e.set("instantType", void 0);
+  }), d = ze({
+    popupStore: e,
+    floatingId: E,
+    nested: m != null,
+    onOpenChange: p
+  }), w = d.context.events;
+  r.useEffect(() => {
+    const t = ({
+      open: n,
+      eventDetails: s
+    }) => p(n, s);
+    return w.on("setOpen", t), () => {
+      w?.off("setOpen", t);
+    };
+  }, [w, p]);
+  const J = r.useCallback(() => {
+    e.setOpen(!1, Ae(st));
+  }, [e]);
+  r.useImperativeHandle(ie, () => ({
+    unmount: j,
+    close: J
+  }), [j, J]);
+  let k;
+  o.type === "context-menu" && (k = o.context), r.useImperativeHandle(k?.positionerRef, () => Y, [Y]), r.useImperativeHandle(k?.actionsRef, () => ({
+    setOpen: p
+  }), [p]);
+  const l = Ge(d, {
+    enabled: !R,
+    bubbles: {
+      escapeKey: ae && o.type === "menu"
+    },
+    outsidePress() {
+      return o.type !== "context-menu" || S.current?.type === "contextmenu" ? !0 : O.current;
+    },
+    externalTree: V ? f : void 0
+  }), me = ke(), ge = r.useCallback((t) => {
+    e.select("activeIndex") !== t && e.set("activeIndex", t);
+  }, [e]), u = Qe(d, {
+    enabled: !R,
+    listRef: e.context.itemDomElements,
+    activeIndex: M,
+    nested: o.type !== void 0,
+    loopFocus: re,
+    orientation: se,
+    parentOrientation: o.type === "menubar" ? o.context.orientation : void 0,
+    rtl: me === "rtl",
+    disabledIndices: Re,
+    onNavigate: ge,
+    openOnArrowKeyDown: o.type !== "context-menu",
+    externalTree: V ? f : void 0,
+    focusItemOnHover: K
+  }), ye = r.useCallback((t) => {
+    e.context.typingRef.current = t;
+  }, [e]), P = We(d, {
+    enabled: !R,
+    listRef: e.context.itemLabels,
+    elementsRef: e.context.itemDomElements,
+    activeIndex: M,
+    resetMs: we,
+    onMatch: (t) => {
+      i && t !== M && e.set("activeIndex", t);
+    },
+    onTyping: ye
+  }), Ce = r.useMemo(() => {
+    const t = F(P.reference, u.reference, l.reference, {
+      onMouseMove() {
+        e.set("allowMouseEnter", !0);
+      }
+    }, C);
+    return t["aria-haspopup"] = "menu", t["aria-expanded"] = i, t;
+  }, [e, P.reference, u.reference, l.reference, C, i]), Pe = r.useMemo(() => {
+    const t = F(u.trigger, l.trigger, C);
+    return t["aria-haspopup"] = "menu", t["aria-expanded"] = !1, t;
+  }, [u.trigger, l.trigger, C]), xe = r.useMemo(() => F($e, {
+    id: E,
+    role: "menu",
+    "aria-labelledby": g?.id,
+    onMouseMove() {
+      e.set("allowMouseEnter", !0), o.type === "menu" && e.set("hoverEnabled", !1);
+    },
+    onClick() {
+      e.select("hoverEnabled") && e.set("hoverEnabled", !1);
+    },
+    onKeyDown(t) {
+      const n = e.select("keyboardEventRelay");
+      n && !t.isPropagationStopped() && n(t);
+    }
+  }, P.floating, u.floating, l.floating), [g, E, o.type, e, P.floating, u.floating, l.floating]), Ie = u.item ?? Te;
+  qe(e, {
+    floatingRootContext: d,
+    activeTriggerProps: Ce,
+    inactiveTriggerProps: Pe,
+    popupProps: xe,
+    itemProps: Ie
+  });
+  const be = r.useMemo(() => ({
+    store: e,
+    parent: h
+  }), [e, h]), $ = /* @__PURE__ */ X(Oe.Provider, {
+    value: be,
+    children: typeof I == "function" ? I({
+      payload: pe
+    }) : I
+  });
+  return o.type === void 0 || o.type === "context-menu" ? /* @__PURE__ */ X(Ye, {
+    externalTree: f,
+    children: $
+  }) : $;
+});
+process.env.NODE_ENV !== "production" && (it.displayName = "MenuRoot");
+export {
+  it as MenuRoot
+};

package/dist/node_modules/@base-ui/react/menu/root/MenuRootContext.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../utils/formatErrorMessage.cjs.js"),s=require("react");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const u=i(s),n=u.createContext(void 0);process.env.NODE_ENV!=="production"&&(n.displayName="MenuRootContext");function a(e){const t=u.useContext(n);if(t===void 0&&!e)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: MenuRootContext is missing. Menu parts must be placed within <Menu.Root>.":c.default(36));return t}exports.MenuRootContext=n;exports.useMenuRootContext=a;

package/dist/node_modules/@base-ui/react/menu/root/MenuRootContext.es.js

@@ -0,0 +1,15 @@
+"use client";
+import r from "../../../utils/formatErrorMessage.es.js";
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuRootContext");
+function i(n) {
+  const e = o.useContext(t);
+  if (e === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuRootContext is missing. Menu parts must be placed within <Menu.Root>." : r(36));
+  return e;
+}
+export {
+  t as MenuRootContext,
+  i as useMenuRootContext
+};

package/dist/node_modules/@base-ui/react/menu/store/MenuStore.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),g=require("../../../utils/empty.cjs.js"),y=require("../../../utils/useRefWithInit.cjs.js"),R=require("../../floating-ui-react/components/FloatingTreeStore.cjs.js"),b=require("../../../utils/store/ReactStore.cjs.js"),S=require("../../utils/popups/popupTriggerMap.cjs.js"),r=require("../../../utils/store/createSelector.cjs.js"),p=require("../../utils/popups/store.cjs.js");function h(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const a=h(f),I={...p.popupStoreSelectors,disabled:r.createSelector(e=>e.parent.type==="menubar"&&e.parent.context.disabled||e.disabled),modal:r.createSelector(e=>(e.parent.type===void 0||e.parent.type==="context-menu")&&(e.modal??!0)),openMethod:r.createSelector(e=>e.openMethod),allowMouseEnter:r.createSelector(e=>e.allowMouseEnter),highlightItemOnHover:r.createSelector(e=>e.highlightItemOnHover),stickIfOpen:r.createSelector(e=>e.stickIfOpen),parent:r.createSelector(e=>e.parent),rootId:r.createSelector(e=>e.parent.type==="menu"?e.parent.store.select("rootId"):e.parent.type!==void 0?e.parent.context.rootId:e.rootId),activeIndex:r.createSelector(e=>e.activeIndex),isActive:r.createSelector((e,o)=>e.activeIndex===o),hoverEnabled:r.createSelector(e=>e.hoverEnabled),instantType:r.createSelector(e=>e.instantType),lastOpenChangeReason:r.createSelector(e=>e.openChangeReason),floatingTreeRoot:r.createSelector(e=>e.parent.type==="menu"?e.parent.store.select("floatingTreeRoot"):e.floatingTreeRoot),floatingNodeId:r.createSelector(e=>e.floatingNodeId),floatingParentNodeId:r.createSelector(e=>e.floatingParentNodeId),itemProps:r.createSelector(e=>e.itemProps),closeDelay:r.createSelector(e=>e.closeDelay),hasViewport:r.createSelector(e=>e.hasViewport),keyboardEventRelay:r.createSelector(e=>{if(e.keyboardEventRelay)return e.keyboardEventRelay;if(e.parent.type==="menu")return e.parent.store.select("keyboardEventRelay")})};class l extends b.ReactStore{constructor(o){super({...m(),...o},{positionerRef:a.createRef(),popupRef:a.createRef(),typingRef:{current:!1},itemDomElements:{current:[]},itemLabels:{current:[]},allowMouseUpTriggerRef:{current:!1},triggerFocusTargetRef:a.createRef(),beforeContentFocusGuardRef:a.createRef(),onOpenChangeComplete:void 0,triggerElements:new S.PopupTriggerMap},I),this.unsubscribeParentListener=this.observe("parent",t=>{if(this.unsubscribeParentListener?.(),t.type==="menu"){let n=t.store.select("rootId"),i=t.store.select("floatingTreeRoot"),c=t.store.select("keyboardEventRelay");this.unsubscribeParentListener=t.store.subscribe(()=>{const s=t.store.select("rootId"),u=t.store.select("floatingTreeRoot"),d=t.store.select("keyboardEventRelay");n===s&&i===u&&c===d||(n=s,i=u,c=d,this.notifyAll())}),this.context.allowMouseUpTriggerRef=t.store.context.allowMouseUpTriggerRef;return}t.type!==void 0&&(this.context.allowMouseUpTriggerRef=t.context.allowMouseUpTriggerRef),this.unsubscribeParentListener=null})}setOpen(o,t){this.state.floatingRootContext.context.events.emit("setOpen",{open:o,eventDetails:t})}static useStore(o,t){const n=y.useRefWithInit(()=>new l(t)).current;return o??n}unsubscribeParentListener=null}function m(){return{...p.createInitialPopupStoreState(),disabled:!1,modal:!0,openMethod:null,allowMouseEnter:!1,highlightItemOnHover:!0,stickIfOpen:!0,parent:{type:void 0},rootId:void 0,activeIndex:null,hoverEnabled:!0,instantType:void 0,openChangeReason:null,floatingTreeRoot:new R.FloatingTreeStore,floatingNodeId:void 0,floatingParentNodeId:null,itemProps:g.EMPTY_OBJECT,keyboardEventRelay:void 0,closeDelay:0,hasViewport:!1}}exports.MenuStore=l;

package/dist/node_modules/@base-ui/react/menu/store/MenuStore.es.js

@@ -0,0 +1,113 @@
+import * as i from "react";
+import { EMPTY_OBJECT as f } from "../../../utils/empty.es.js";
+import { useRefWithInit as c } from "../../../utils/useRefWithInit.es.js";
+import { FloatingTreeStore as g } from "../../floating-ui-react/components/FloatingTreeStore.es.js";
+import { ReactStore as R } from "../../../utils/store/ReactStore.es.js";
+import { PopupTriggerMap as m } from "../../utils/popups/popupTriggerMap.es.js";
+import { createSelector as t } from "../../../utils/store/createSelector.es.js";
+import { popupStoreSelectors as y, createInitialPopupStoreState as b } from "../../utils/popups/store.es.js";
+const h = {
+  ...y,
+  disabled: t((e) => e.parent.type === "menubar" && e.parent.context.disabled || e.disabled),
+  modal: t((e) => (e.parent.type === void 0 || e.parent.type === "context-menu") && (e.modal ?? !0)),
+  openMethod: t((e) => e.openMethod),
+  allowMouseEnter: t((e) => e.allowMouseEnter),
+  highlightItemOnHover: t((e) => e.highlightItemOnHover),
+  stickIfOpen: t((e) => e.stickIfOpen),
+  parent: t((e) => e.parent),
+  rootId: t((e) => e.parent.type === "menu" ? e.parent.store.select("rootId") : e.parent.type !== void 0 ? e.parent.context.rootId : e.rootId),
+  activeIndex: t((e) => e.activeIndex),
+  isActive: t((e, r) => e.activeIndex === r),
+  hoverEnabled: t((e) => e.hoverEnabled),
+  instantType: t((e) => e.instantType),
+  lastOpenChangeReason: t((e) => e.openChangeReason),
+  floatingTreeRoot: t((e) => e.parent.type === "menu" ? e.parent.store.select("floatingTreeRoot") : e.floatingTreeRoot),
+  floatingNodeId: t((e) => e.floatingNodeId),
+  floatingParentNodeId: t((e) => e.floatingParentNodeId),
+  itemProps: t((e) => e.itemProps),
+  closeDelay: t((e) => e.closeDelay),
+  hasViewport: t((e) => e.hasViewport),
+  keyboardEventRelay: t((e) => {
+    if (e.keyboardEventRelay)
+      return e.keyboardEventRelay;
+    if (e.parent.type === "menu")
+      return e.parent.store.select("keyboardEventRelay");
+  })
+};
+class p extends R {
+  constructor(r) {
+    super({
+      ...I(),
+      ...r
+    }, {
+      positionerRef: /* @__PURE__ */ i.createRef(),
+      popupRef: /* @__PURE__ */ i.createRef(),
+      typingRef: {
+        current: !1
+      },
+      itemDomElements: {
+        current: []
+      },
+      itemLabels: {
+        current: []
+      },
+      allowMouseUpTriggerRef: {
+        current: !1
+      },
+      triggerFocusTargetRef: /* @__PURE__ */ i.createRef(),
+      beforeContentFocusGuardRef: /* @__PURE__ */ i.createRef(),
+      onOpenChangeComplete: void 0,
+      triggerElements: new m()
+    }, h), this.unsubscribeParentListener = this.observe("parent", (o) => {
+      if (this.unsubscribeParentListener?.(), o.type === "menu") {
+        let n = o.store.select("rootId"), l = o.store.select("floatingTreeRoot"), a = o.store.select("keyboardEventRelay");
+        this.unsubscribeParentListener = o.store.subscribe(() => {
+          const s = o.store.select("rootId"), d = o.store.select("floatingTreeRoot"), u = o.store.select("keyboardEventRelay");
+          n === s && l === d && a === u || (n = s, l = d, a = u, this.notifyAll());
+        }), this.context.allowMouseUpTriggerRef = o.store.context.allowMouseUpTriggerRef;
+        return;
+      }
+      o.type !== void 0 && (this.context.allowMouseUpTriggerRef = o.context.allowMouseUpTriggerRef), this.unsubscribeParentListener = null;
+    });
+  }
+  setOpen(r, o) {
+    this.state.floatingRootContext.context.events.emit("setOpen", {
+      open: r,
+      eventDetails: o
+    });
+  }
+  static useStore(r, o) {
+    const n = c(() => new p(o)).current;
+    return r ?? n;
+  }
+  unsubscribeParentListener = null;
+}
+function I() {
+  return {
+    ...b(),
+    disabled: !1,
+    modal: !0,
+    openMethod: null,
+    allowMouseEnter: !1,
+    highlightItemOnHover: !0,
+    stickIfOpen: !0,
+    parent: {
+      type: void 0
+    },
+    rootId: void 0,
+    activeIndex: null,
+    hoverEnabled: !0,
+    instantType: void 0,
+    openChangeReason: null,
+    floatingTreeRoot: new g(),
+    floatingNodeId: void 0,
+    floatingParentNodeId: null,
+    itemProps: f,
+    keyboardEventRelay: void 0,
+    closeDelay: 0,
+    hasViewport: !1
+  };
+}
+export {
+  p as MenuStore
+};

package/dist/node_modules/@base-ui/react/menu/submenu-root/MenuSubmenuRoot.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),s=require("../root/MenuRoot.cjs.js"),i=require("../root/MenuRootContext.cjs.js"),r=require("./MenuSubmenuRootContext.cjs.js"),u=require("react/jsx-runtime");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const l=a(c);function b(e){const t=i.useMenuRootContext().store,n=l.useMemo(()=>({parentMenu:t}),[t]);return u.jsx(r.MenuSubmenuRootContext.Provider,{value:n,children:u.jsx(s.MenuRoot,{...e})})}exports.useMenuSubmenuRootContext=r.useMenuSubmenuRootContext;exports.MenuSubmenuRoot=b;

package/dist/node_modules/@base-ui/react/menu/submenu-root/MenuSubmenuRoot.es.js

@@ -0,0 +1,22 @@
+"use client";
+import * as r from "react";
+import { MenuRoot as u } from "../root/MenuRoot.es.js";
+import { useMenuRootContext as m } from "../root/MenuRootContext.es.js";
+import { MenuSubmenuRootContext as i } from "./MenuSubmenuRootContext.es.js";
+import { useMenuSubmenuRootContext as a } from "./MenuSubmenuRootContext.es.js";
+import { jsx as e } from "react/jsx-runtime";
+function M(t) {
+  const o = m().store, n = r.useMemo(() => ({
+    parentMenu: o
+  }), [o]);
+  return /* @__PURE__ */ e(i.Provider, {
+    value: n,
+    children: /* @__PURE__ */ e(u, {
+      ...t
+    })
+  });
+}
+export {
+  M as MenuSubmenuRoot,
+  a as useMenuSubmenuRootContext
+};

package/dist/node_modules/@base-ui/react/menu/submenu-root/MenuSubmenuRootContext.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function a(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,u.get?u:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=a(c),o=r.createContext(void 0);process.env.NODE_ENV!=="production"&&(o.displayName="MenuSubmenuRootContext");function i(){return r.useContext(o)}exports.MenuSubmenuRootContext=o;exports.useMenuSubmenuRootContext=i;

package/dist/node_modules/@base-ui/react/menu/submenu-root/MenuSubmenuRootContext.es.js

@@ -0,0 +1,11 @@
+"use client";
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuSubmenuRootContext");
+function n() {
+  return e.useContext(t);
+}
+export {
+  t as MenuSubmenuRootContext,
+  n as useMenuSubmenuRootContext
+};

package/dist/node_modules/@base-ui/react/menu/submenu-trigger/MenuSubmenuTrigger.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("../../../utils/formatErrorMessage.cjs.js"),J=require("react"),Y=require("../../../utils/isElementDisabled.cjs.js"),$=require("../../../utils/useIsoLayoutEffect.cjs.js"),F=require("../../../utils/warn.cjs.js"),G=require("../../../utils/safeReact.cjs.js"),K=require("../../../utils/empty.cjs.js"),Q=require("../root/MenuRootContext.cjs.js"),W=require("../../internals/useBaseUiId.cjs.js"),X=require("../../utils/popupStateMapping.cjs.js"),Z=require("../../internals/composite/list/useCompositeListItem.cjs.js"),ee=require("../item/useMenuItem.cjs.js"),te=require("../../internals/useRenderElement.cjs.js"),ne=require("../positioner/MenuPositionerContext.cjs.js"),oe=require("../submenu-root/MenuSubmenuRootContext.cjs.js"),re=require("../../utils/popups/popupStoreUtils.cjs.js"),se=require("../../floating-ui-react/hooks/useHoverReferenceInteraction.cjs.js"),ie=require("../../floating-ui-react/safePolygon.cjs.js"),ue=require("../../floating-ui-react/hooks/useClick.cjs.js");function ce(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const g=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,g.get?g:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const c=ce(J),E=c.forwardRef(function(r,s){const{render:g,className:ae,style:le,label:T,id:y,nativeButton:C=!1,openOnHover:p=!0,delay:f=100,closeDelay:a=0,disabled:P=!1,...q}=r,l=Z.useCompositeListItem({label:T}),x=ne.useMenuPositionerContext(),{store:e}=Q.useMenuRootContext(),i=W.useBaseUiId(y),S=e.useState("open"),M=e.useState("floatingRootContext"),h=e.useState("floatingTreeRoot"),O=e.useState("triggerPopupId",i),R=re.useTriggerRegistration(i,e),k=c.useCallback(n=>{const b=R(n);return n!==null&&e.select("open")&&e.select("activeTriggerId")==null&&e.update({activeTriggerId:i,activeTriggerElement:n,closeDelay:a}),b},[R,a,e,i]),m=c.useRef(null),w=c.useCallback(n=>{m.current=n,e.set("activeTriggerElement",n)},[e]),I=oe.useMenuSubmenuRootContext();if(!I?.parentMenu)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: <Menu.SubmenuTrigger> must be placed in <Menu.SubmenuRoot>.":z.default(37));e.useSyncedValue("closeDelay",a);const t=I.parentMenu,D=e.useState("disabled"),N=t.useState("disabled"),u=P||D||N;process.env.NODE_ENV!=="production"&&$.useIsoLayoutEffect(()=>{const n=m.current;if(n&&Y.isElementDisabled(n)&&!u){const b=G.SafeReact.captureOwnerStack?.()||"";F.warn(`A disabled element was detected on <Menu.SubmenuTrigger>. To properly disable the trigger, use the \`disabled\` prop on the component instead of setting it on the rendered element.${b}`)}});const _=t.useState("itemProps"),d=t.useState("isActive",l.index),B=c.useMemo(()=>({type:"submenu-trigger",setActive(){t.select("highlightItemOnHover")&&t.set("activeIndex",l.index)}}),[t,l.index]),{getItemProps:j,itemRef:A}=ee.useMenuItem({closeOnClick:!1,disabled:u,highlighted:d,id:i,store:e,typingRef:t.context.typingRef,nativeButton:C,itemMetadata:B,nodeId:x?.context.nodeId}),H=e.useState("hoverEnabled"),L=se.useHoverReferenceInteraction(M,{enabled:H&&p&&!u,handleClose:ie.safePolygon({blockPointerEvents:!0}),mouseOnly:!0,move:!0,restMs:f,delay:{open:f,close:a},shouldOpen:f>0?()=>t.select("allowMouseEnter"):void 0,triggerElementRef:m,externalTree:h,isClosing:()=>e.select("transitionStatus")==="ending"}),U=ue.useClick(M,{enabled:!u,event:"mousedown",toggle:!p,ignoreMouse:p,stickIfOpen:!1}).reference??K.EMPTY_OBJECT,v=e.useState("triggerProps",!0);delete v.id;const V={disabled:u,highlighted:d,open:S};return te.useRenderElement("div",r,{state:V,stateAttributesMapping:X.triggerOpenStateMapping,props:[U,L,v,_,{"aria-controls":O,tabIndex:S||d?0:-1,onBlur(){d&&t.set("activeIndex",null)}},q,j],ref:[s,l.ref,A,k,w]})});process.env.NODE_ENV!=="production"&&(E.displayName="MenuSubmenuTrigger");exports.MenuSubmenuTrigger=E;

package/dist/node_modules/@base-ui/react/menu/submenu-trigger/MenuSubmenuTrigger.es.js

@@ -0,0 +1,120 @@
+"use client";
+import L from "../../../utils/formatErrorMessage.es.js";
+import * as s from "react";
+import { isElementDisabled as U } from "../../../utils/isElementDisabled.es.js";
+import { useIsoLayoutEffect as J } from "../../../utils/useIsoLayoutEffect.es.js";
+import { warn as Y } from "../../../utils/warn.es.js";
+import { SafeReact as $ } from "../../../utils/safeReact.es.js";
+import { EMPTY_OBJECT as j } from "../../../utils/empty.es.js";
+import { useMenuRootContext as q } from "../root/MenuRootContext.es.js";
+import { useBaseUiId as z } from "../../internals/useBaseUiId.es.js";
+import { triggerOpenStateMapping as F } from "../../utils/popupStateMapping.es.js";
+import { useCompositeListItem as G } from "../../internals/composite/list/useCompositeListItem.es.js";
+import { useMenuItem as K } from "../item/useMenuItem.es.js";
+import { useRenderElement as Q } from "../../internals/useRenderElement.es.js";
+import { useMenuPositionerContext as W } from "../positioner/MenuPositionerContext.es.js";
+import { useMenuSubmenuRootContext as X } from "../submenu-root/MenuSubmenuRootContext.es.js";
+import { useTriggerRegistration as Z } from "../../utils/popups/popupStoreUtils.es.js";
+import { useHoverReferenceInteraction as ee } from "../../floating-ui-react/hooks/useHoverReferenceInteraction.es.js";
+import { safePolygon as te } from "../../floating-ui-react/safePolygon.es.js";
+import { useClick as oe } from "../../floating-ui-react/hooks/useClick.es.js";
+const ne = /* @__PURE__ */ s.forwardRef(function(d, v) {
+  const {
+    render: se,
+    className: ie,
+    style: ae,
+    label: E,
+    id: I,
+    nativeButton: R = !1,
+    openOnHover: l = !0,
+    delay: c = 100,
+    closeDelay: i = 0,
+    disabled: T = !1,
+    ...h
+  } = d, a = G({
+    label: E
+  }), x = W(), {
+    store: e
+  } = q(), n = z(I), g = e.useState("open"), f = e.useState("floatingRootContext"), C = e.useState("floatingTreeRoot"), P = e.useState("triggerPopupId", n), b = Z(n, e), y = s.useCallback((o) => {
+    const p = b(o);
+    return o !== null && e.select("open") && e.select("activeTriggerId") == null && e.update({
+      activeTriggerId: n,
+      activeTriggerElement: o,
+      closeDelay: i
+    }), p;
+  }, [b, i, e, n]), m = s.useRef(null), O = s.useCallback((o) => {
+    m.current = o, e.set("activeTriggerElement", o);
+  }, [e]), S = X();
+  if (!S?.parentMenu)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Menu.SubmenuTrigger> must be placed in <Menu.SubmenuRoot>." : L(37));
+  e.useSyncedValue("closeDelay", i);
+  const t = S.parentMenu, k = e.useState("disabled"), w = t.useState("disabled"), r = T || k || w;
+  process.env.NODE_ENV !== "production" && J(() => {
+    const o = m.current;
+    if (o && U(o) && !r) {
+      const p = $.captureOwnerStack?.() || "";
+      Y(`A disabled element was detected on <Menu.SubmenuTrigger>. To properly disable the trigger, use the \`disabled\` prop on the component instead of setting it on the rendered element.${p}`);
+    }
+  });
+  const D = t.useState("itemProps"), u = t.useState("isActive", a.index), N = s.useMemo(() => ({
+    type: "submenu-trigger",
+    setActive() {
+      t.select("highlightItemOnHover") && t.set("activeIndex", a.index);
+    }
+  }), [t, a.index]), {
+    getItemProps: B,
+    itemRef: A
+  } = K({
+    closeOnClick: !1,
+    disabled: r,
+    highlighted: u,
+    id: n,
+    store: e,
+    typingRef: t.context.typingRef,
+    nativeButton: R,
+    itemMetadata: N,
+    nodeId: x?.context.nodeId
+  }), V = e.useState("hoverEnabled"), _ = ee(f, {
+    enabled: V && l && !r,
+    handleClose: te({
+      blockPointerEvents: !0
+    }),
+    mouseOnly: !0,
+    move: !0,
+    restMs: c,
+    delay: {
+      open: c,
+      close: i
+    },
+    shouldOpen: c > 0 ? () => t.select("allowMouseEnter") : void 0,
+    triggerElementRef: m,
+    externalTree: C,
+    isClosing: () => e.select("transitionStatus") === "ending"
+  }), H = oe(f, {
+    enabled: !r,
+    event: "mousedown",
+    toggle: !l,
+    ignoreMouse: l,
+    stickIfOpen: !1
+  }).reference ?? j, M = e.useState("triggerProps", !0);
+  return delete M.id, Q("div", d, {
+    state: {
+      disabled: r,
+      highlighted: u,
+      open: g
+    },
+    stateAttributesMapping: F,
+    props: [H, _, M, D, {
+      "aria-controls": P,
+      tabIndex: g || u ? 0 : -1,
+      onBlur() {
+        u && t.set("activeIndex", null);
+      }
+    }, h, B],
+    ref: [v, a.ref, A, y, O]
+  });
+});
+process.env.NODE_ENV !== "production" && (ne.displayName = "MenuSubmenuTrigger");
+export {
+  ne as MenuSubmenuTrigger
+};

package/dist/node_modules/@base-ui/react/menu/trigger/MenuTrigger.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Te=require("../../../utils/formatErrorMessage.cjs.js"),be=require("react"),U=require("../../../utils/useTimeout.cjs.js"),D=require("../../../utils/owner.cjs.js"),xe=require("../../../utils/fastHooks.cjs.js"),Me=require("../../../utils/useStableCallback.cjs.js"),Ce=require("../../../utils/useIsoLayoutEffect.cjs.js"),Re=require("../../../utils/empty.cjs.js"),ye=require("../../floating-ui-react/components/FloatingTreeStore.cjs.js"),_=require("../root/MenuRootContext.cjs.js"),B=require("../../utils/popupStateMapping.cjs.js"),qe=require("../../internals/useRenderElement.cjs.js"),Oe=require("../../internals/use-button/useButton.cjs.js"),Ie=require("../../utils/getPseudoElementBounds.cjs.js"),Fe=require("../../internals/composite/item/CompositeItem.cjs.js"),Pe=require("../../internals/composite/root/CompositeRootContext.cjs.js"),Se=require("../utils/findRootOwnerId.cjs.js"),he=require("../../utils/popups/useTriggerFocusGuards.cjs.js"),ve=require("../../internals/useBaseUiId.cjs.js"),Ee=require("../../utils/useMixedToggleClickHandler.cjs.js"),we=require("../../context-menu/root/ContextMenuRootContext.cjs.js"),ke=require("../../menubar/MenubarContext.cjs.js"),De=require("../../internals/constants.cjs.js"),N=require("../../utils/FocusGuard.cjs.js"),p=require("react/jsx-runtime"),q=require("../../floating-ui-react/components/FloatingTree.cjs.js"),Be=require("../../floating-ui-react/hooks/useHoverReferenceInteraction.cjs.js"),Ne=require("../../floating-ui-react/safePolygon.cjs.js"),He=require("../../floating-ui-react/hooks/useClick.cjs.js"),je=require("../../floating-ui-react/hooks/useFocus.cjs.js"),Ue=require("../../utils/popups/popupStoreUtils.cjs.js"),H=require("../../internals/shadowDom.cjs.js"),j=require("../../internals/reason-parts.cjs.js"),_e=require("../../merge-props/mergeProps.cjs.js");function Ae(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const r=Ae(be),M=2,A=xe.fastComponentRef(function(o,n){const{render:l,className:f,style:G,disabled:L=!1,nativeButton:Y=!0,id:K,openOnHover:V,delay:X=100,closeDelay:O=0,handle:$,payload:z,...J}=o,Q=_.useMenuRootContext(!0),e=$?.store??Q?.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.":Te.default(85));const u=ve.useBaseUiId(K),W=e.useState("isTriggerActive",u),C=e.useState("floatingRootContext"),c=e.useState("isOpenedByTrigger",u),Z=e.useState("triggerPopupId",u),T=r.useRef(null),s=Le(),ee=Pe.useCompositeRootContext(!0),I=q.useFloatingTree(),b=r.useMemo(()=>I??new ye.FloatingTreeStore,[I]),te=q.useFloatingNodeId(b),ne=q.useFloatingParentNodeId(),{registerTrigger:oe,isMountedByThisTrigger:F}=Ue.useTriggerDataForwarding(u,T,e,{payload:z,closeDelay:O,parent:s,floatingTreeRoot:b,floatingNodeId:te,floatingParentNodeId:ne,keyboardEventRelay:ee?.relayKeyboardEvent}),i=s.type==="menubar",re=e.useState("disabled"),m=L||re||i&&s.context.disabled,{getButtonProps:se,buttonRef:ue}=Oe.useButton({disabled:m,native:Y});r.useEffect(()=>{!c&&s.type===void 0&&(e.context.allowMouseUpTriggerRef.current=!1)},[e,c,s.type]);const g=r.useRef(null),P=U.useTimeout(),R=Me.useStableCallback(a=>{if(!g.current)return;P.clear(),e.context.allowMouseUpTriggerRef.current=!1;const d=a.target;if(H.contains(g.current,d)||H.contains(e.select("positionerElement"),d)||d===g.current||d!=null&&Se.findRootOwnerId(d)===e.select("rootId"))return;const x=Ie.getPseudoElementBounds(g.current);a.clientX>=x.left-M&&a.clientX<=x.right+M&&a.clientY>=x.top-M&&a.clientY<=x.bottom+M||b.events.emit("close",{domEvent:a,reason:j.cancelOpen})});r.useEffect(()=>{c&&e.select("lastOpenChangeReason")===j.triggerHover&&D.ownerDocument(g.current).addEventListener("mouseup",R,{once:!0})},[c,R,e]);const y=i&&s.context.hasSubmenuOpen,ce=V??y,ie=Be.useHoverReferenceInteraction(C,{enabled:ce&&!m&&s.type!=="context-menu"&&(!i||y&&!F),handleClose:Ne.safePolygon({blockPointerEvents:!i}),mouseOnly:!0,move:!1,restMs:s.type===void 0?X:void 0,delay:{close:O},triggerElementRef:T,externalTree:b,isActiveTrigger:W,isClosing:()=>e.select("transitionStatus")==="ending"}),ae=Ge(c,e.select("lastOpenChangeReason")),S=He.useClick(C,{enabled:!m&&s.type!=="context-menu",event:c&&i?"click":"mousedown",toggle:!0,ignoreMouse:!1,stickIfOpen:s.type===void 0?ae:!1}),h=je.useFocus(C,{enabled:!m&&y}),le=Ee.useMixedToggleClickHandler({open:c,enabled:i,mouseDownAction:"open"}),ge=r.useMemo(()=>_e.mergeProps(h.reference,S.reference),[h.reference,S.reference]),de=e.useState("triggerProps",F),{preFocusGuardRef:pe,handlePreFocusGuardFocus:fe,handleFocusTargetFocus:me}=he.useTriggerFocusGuards(e,T),v={disabled:m,open:c},E=[g,n,ue,oe,T],w=[ge,ie??Re.EMPTY_OBJECT,de,{"aria-haspopup":"menu","aria-controls":Z,id:u,onMouseDown:a=>{if(e.select("open"))return;P.start(200,()=>{e.context.allowMouseUpTriggerRef.current=!0}),D.ownerDocument(a.currentTarget).addEventListener("mouseup",R,{once:!0})}},i?{role:"menuitem"}:{},le,J,se],k=qe.useRenderElement("button",o,{enabled:!i,stateAttributesMapping:B.pressableTriggerOpenStateMapping,state:v,ref:E,props:w});return i?p.jsx(Fe.CompositeItem,{tag:"button",render:l,className:f,style:G,state:v,refs:E,props:w,stateAttributesMapping:B.pressableTriggerOpenStateMapping}):c?p.jsxs(r.Fragment,{children:[p.jsx(N.FocusGuard,{ref:pe,onFocus:fe},`${u}-pre-focus-guard`),p.jsx(r.Fragment,{children:k},u),p.jsx(N.FocusGuard,{ref:e.context.triggerFocusTargetRef,onFocus:me},`${u}-post-focus-guard`)]}):p.jsx(r.Fragment,{children:k},u)});process.env.NODE_ENV!=="production"&&(A.displayName="MenuTrigger");function Ge(t,o){const n=U.useTimeout(),[l,f]=r.useState(!1);return Ce.useIsoLayoutEffect(()=>{t&&o==="trigger-hover"?(f(!0),n.start(De.PATIENT_CLICK_THRESHOLD,()=>{f(!1)})):t||(n.clear(),f(!1))},[t,o,n]),l}function Le(){const t=we.useContextMenuRootContext(!0),o=_.useMenuRootContext(!0),n=ke.useMenubarContext();return r.useMemo(()=>n?{type:"menubar",context:n}:t&&!o?{type:"context-menu",context:t}:{type:void 0},[t,o,n])}exports.MenuTrigger=A;