loopable-cli 0.2.0 → 0.3.0

package/.output/server/_libs/@base-ui/react+[...].mjs

@@ -1360,7 +1360,7 @@ function getReactElementRef(element) {
 //#endregion
 //#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/utils/empty.mjs
 function NOOP() {}
-var EMPTY_ARRAY$1 = Object.freeze([]);
+var EMPTY_ARRAY = Object.freeze([]);
 var EMPTY_OBJECT = Object.freeze({});
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/internals/getStateAttributesProps.mjs
@@ -2162,6 +2162,21 @@ function getNextTabbable(referenceElement) {
 function getPreviousTabbable(referenceElement) {
 	return getTabbableIn(ownerDocument(referenceElement).body, -1) || referenceElement;
 }
+function getTabbableNearElement(referenceElement, dir) {
+	if (!referenceElement) return null;
+	const list = tabbable(ownerDocument(referenceElement).body);
+	const elementCount = list.length;
+	if (elementCount === 0) return null;
+	const index = list.indexOf(referenceElement);
+	if (index === -1) return null;
+	return list[(index + dir + elementCount) % elementCount];
+}
+function getTabbableAfterElement(referenceElement) {
+	return getTabbableNearElement(referenceElement, 1);
+}
+function getTabbableBeforeElement(referenceElement) {
+	return getTabbableNearElement(referenceElement, -1);
+}
 function isOutsideEvent(event, container) {
 	const containerElement = container || event.currentTarget;
 	const relatedTarget = event.relatedTarget;
@@ -2189,7 +2204,7 @@ function enableFocusInside(container) {
 * A React.useEffect equivalent that runs once, when the component is mounted.
 */
 function useOnMount(fn) {
-	import_react.useEffect(fn, EMPTY_ARRAY$1);
+	import_react.useEffect(fn, EMPTY_ARRAY);
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/utils/useTimeout.mjs
@@ -2539,9 +2554,8 @@ var focusOut = "focus-out";
 var escapeKey = "escape-key";
 var listNavigation = "list-navigation";
 var cancelOpen = "cancel-open";
+var siblingOpen = "sibling-open";
 var disabled = "disabled";
-var missing = "missing";
-var initial = "initial";
 var imperativeAction = "imperative-action";
 var windowResize = "window-resize";
 //#endregion
@@ -2687,25 +2701,6 @@ var Input = /*#__PURE__*/ import_react.forwardRef(function Input(props, forwarde
 	});
 });
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/separator/Separator.mjs
-/**
-* A separator element accessible to screen readers.
-* Renders a `<div>` element.
-*
-* Documentation: [Base UI Separator](https://base-ui.com/react/components/separator)
-*/
-var Separator = /*#__PURE__*/ import_react.forwardRef(function SeparatorComponent(componentProps, forwardedRef) {
-	const { className, render, orientation = "horizontal", style, ...elementProps } = componentProps;
-	return useRenderElement("div", componentProps, {
-		state: { orientation },
-		ref: forwardedRef,
-		props: [{
-			role: "separator",
-			"aria-orientation": orientation
-		}, elementProps]
-	});
-});
-//#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/dialog/root/DialogRootContext.mjs
 var DialogRootContext = /*#__PURE__*/ import_react.createContext(void 0);
 function useDialogRootContext(optional) {
@@ -3238,6 +3233,7 @@ function markOthers(avoidElements, options = {}) {
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/internals/constants.mjs
 var DISABLED_TRANSITIONS_STYLE = { style: { transition: "none" } };
+var CLICK_TRIGGER_IDENTIFIER = "data-base-ui-click-trigger";
 var BASE_UI_SWIPE_IGNORE_ATTRIBUTE = "data-base-ui-swipe-ignore";
 var LEGACY_SWIPE_IGNORE_ATTRIBUTE = "data-swipe-ignore";
 `${BASE_UI_SWIPE_IGNORE_ATTRIBUTE}`;
@@ -3421,6 +3417,23 @@ function createEventEmitter() {
 	};
 }
 //#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/floating-ui-react/components/FloatingTreeStore.mjs
+/**
+* Stores and manages floating elements in a tree structure.
+* This is a backing store for the `FloatingTree` component.
+*/
+var FloatingTreeStore = class {
+	nodesRef = { current: [] };
+	events = createEventEmitter();
+	addNode(node) {
+		this.nodesRef.current.push(node);
+	}
+	removeNode(node) {
+		const index = this.nodesRef.current.findIndex((n) => n === node);
+		if (index !== -1) this.nodesRef.current.splice(index, 1);
+	}
+};
+//#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/floating-ui-react/components/FloatingTree.mjs
 var FloatingNodeContext = /*#__PURE__*/ import_react.createContext(null);
 var FloatingTreeContext = /*#__PURE__*/ import_react.createContext(null);
@@ -3432,6 +3445,66 @@ var useFloatingTree = (externalTree) => {
 	const contextTree = import_react.useContext(FloatingTreeContext);
 	return externalTree ?? contextTree;
 };
+/**
+* Registers a node into the `FloatingTree`, returning its id.
+* @see https://floating-ui.com/docs/FloatingTree
+*/
+function useFloatingNodeId(externalTree) {
+	const id = useId();
+	const tree = useFloatingTree(externalTree);
+	const parentId = useFloatingParentNodeId();
+	useIsoLayoutEffect(() => {
+		if (!id) return;
+		const node = {
+			id,
+			parentId
+		};
+		tree?.addNode(node);
+		return () => {
+			tree?.removeNode(node);
+		};
+	}, [
+		tree,
+		id,
+		parentId
+	]);
+	return id;
+}
+/**
+* Provides parent node context for nested floating elements.
+* @see https://floating-ui.com/docs/FloatingTree
+* @internal
+*/
+function FloatingNode(props) {
+	const { children, id } = props;
+	const parentId = useFloatingParentNodeId();
+	return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(FloatingNodeContext.Provider, {
+		value: import_react.useMemo(() => ({
+			id,
+			parentId
+		}), [id, parentId]),
+		children
+	});
+}
+/**
+* Provides context for nested floating elements when they are not children of
+* each other on the DOM.
+* This is not necessary in all cases, except when there must be explicit communication between parent and child floating elements. It is necessary for:
+* - The `bubbles` option in the `useDismiss()` Hook
+* - Nested virtual list navigation
+* - Nested floating elements that each open on hover
+* - Custom communication between parent and child floating elements
+* @see https://floating-ui.com/docs/FloatingTree
+* @internal
+*/
+function FloatingTree(props) {
+	const { children, externalTree } = props;
+	const tree = useRefWithInit(() => externalTree ?? new FloatingTreeStore()).current;
+	return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(FloatingTreeContext.Provider, {
+		value: tree,
+		children
+	});
+}
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/floating-ui-react/components/FloatingFocusManager.mjs
 function getEventType(event, lastInteractionType) {
@@ -6075,7 +6148,7 @@ var ReactStore = class extends Store {
 };
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/floating-ui-react/components/FloatingRootStore.mjs
-var selectors$3 = {
+var selectors$4 = {
 	open: (state) => state.open,
 	transitionStatus: (state) => state.transitionStatus,
 	domReferenceElement: (state) => state.domReferenceElement,
@@ -6096,7 +6169,7 @@ var FloatingRootStore = class extends ReactStore {
 			events: createEventEmitter(),
 			nested,
 			triggerElements
-		}, selectors$3);
+		}, selectors$4);
 		this.syncOnly = syncOnly;
 	}
 	/**
@@ -7895,7 +7968,7 @@ function useTypeahead(context, props) {
 		function isItemAvailable(index) {
 			const element = getElement(index);
 			if (element && !isElementVisible(element) || element?.matches(":disabled")) return false;
-			return disabledIndices == null || !isListIndexDisabled(EMPTY_ARRAY$1, index, disabledIndices);
+			return disabledIndices == null || !isListIndexDisabled(EMPTY_ARRAY, index, disabledIndices);
 		}
 		function getMatchingIndex(list, string, startIndex = 0) {
 			if (list.length === 0) return -1;
@@ -8156,89 +8229,14 @@ function useDialogPortalContext() {
 	if (value === void 0) throw new Error(formatErrorMessage(26));
 	return value;
 }
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/internals/composite/composite.mjs
-var ARROW_UP = "ArrowUp";
-var ARROW_DOWN = "ArrowDown";
-var ARROW_LEFT = "ArrowLeft";
-var ARROW_RIGHT = "ArrowRight";
 var COMPOSITE_KEYS = /* @__PURE__ */ new Set([
-	ARROW_UP,
-	ARROW_DOWN,
-	ARROW_LEFT,
-	ARROW_RIGHT,
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight",
 	"Home",
 	"End"
 ]);
-var MODIFIER_KEYS = [
-	"Shift",
-	"Control",
-	"Alt",
-	"Meta"
-];
-function isInputElement(element) {
-	return isHTMLElement(element) && element.tagName === "INPUT";
-}
-function isNativeInput(element) {
-	if (isInputElement(element) && element.selectionStart != null) return true;
-	if (isHTMLElement(element) && element.tagName === "TEXTAREA") return true;
-	return false;
-}
-function scrollIntoViewIfNeeded(scrollContainer, element, direction, orientation) {
-	if (!scrollContainer || !element || !element.scrollTo) return;
-	let targetX = scrollContainer.scrollLeft;
-	let targetY = scrollContainer.scrollTop;
-	const isOverflowingX = scrollContainer.clientWidth < scrollContainer.scrollWidth;
-	const isOverflowingY = scrollContainer.clientHeight < scrollContainer.scrollHeight;
-	if (isOverflowingX && orientation !== "vertical") {
-		const elementOffsetLeft = getOffset(scrollContainer, element, "left");
-		const containerStyles = getStyles(scrollContainer);
-		const elementStyles = getStyles(element);
-		if (direction === "ltr") {
-			if (elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight > scrollContainer.scrollLeft + scrollContainer.clientWidth - containerStyles.scrollPaddingRight) targetX = elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight - scrollContainer.clientWidth + containerStyles.scrollPaddingRight;
-			else if (elementOffsetLeft - elementStyles.scrollMarginLeft < scrollContainer.scrollLeft + containerStyles.scrollPaddingLeft) targetX = elementOffsetLeft - elementStyles.scrollMarginLeft - containerStyles.scrollPaddingLeft;
-		}
-		if (direction === "rtl") {
-			if (elementOffsetLeft - elementStyles.scrollMarginLeft < scrollContainer.scrollLeft + containerStyles.scrollPaddingLeft) targetX = elementOffsetLeft - elementStyles.scrollMarginLeft - containerStyles.scrollPaddingLeft;
-			else if (elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight > scrollContainer.scrollLeft + scrollContainer.clientWidth - containerStyles.scrollPaddingRight) targetX = elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight - scrollContainer.clientWidth + containerStyles.scrollPaddingRight;
-		}
-	}
-	if (isOverflowingY && orientation !== "horizontal") {
-		const elementOffsetTop = getOffset(scrollContainer, element, "top");
-		const containerStyles = getStyles(scrollContainer);
-		const elementStyles = getStyles(element);
-		if (elementOffsetTop - elementStyles.scrollMarginTop < scrollContainer.scrollTop + containerStyles.scrollPaddingTop) targetY = elementOffsetTop - elementStyles.scrollMarginTop - containerStyles.scrollPaddingTop;
-		else if (elementOffsetTop + element.offsetHeight + elementStyles.scrollMarginBottom > scrollContainer.scrollTop + scrollContainer.clientHeight - containerStyles.scrollPaddingBottom) targetY = elementOffsetTop + element.offsetHeight + elementStyles.scrollMarginBottom - scrollContainer.clientHeight + containerStyles.scrollPaddingBottom;
-	}
-	scrollContainer.scrollTo({
-		left: targetX,
-		top: targetY,
-		behavior: "auto"
-	});
-}
-function getOffset(ancestor, element, side) {
-	const propName = side === "left" ? "offsetLeft" : "offsetTop";
-	let result = 0;
-	while (element.offsetParent) {
-		result += element[propName];
-		if (element.offsetParent === ancestor) break;
-		element = element.offsetParent;
-	}
-	return result;
-}
-function getStyles(element) {
-	const styles = getComputedStyle(element);
-	return {
-		scrollMarginTop: parseFloat(styles.scrollMarginTop) || 0,
-		scrollMarginRight: parseFloat(styles.scrollMarginRight) || 0,
-		scrollMarginBottom: parseFloat(styles.scrollMarginBottom) || 0,
-		scrollMarginLeft: parseFloat(styles.scrollMarginLeft) || 0,
-		scrollPaddingTop: parseFloat(styles.scrollPaddingTop) || 0,
-		scrollPaddingRight: parseFloat(styles.scrollPaddingRight) || 0,
-		scrollPaddingBottom: parseFloat(styles.scrollPaddingBottom) || 0,
-		scrollPaddingLeft: parseFloat(styles.scrollPaddingLeft) || 0
-	};
-}
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/dialog/utils/stateAttributesMapping.mjs
 /**
@@ -8657,7 +8655,7 @@ function DialogInteractions({ store, parentContext, isDrawer }) {
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/dialog/store/DialogStore.mjs
-var selectors$2 = {
+var selectors$3 = {
 	...popupStoreSelectors,
 	modal: (state) => state.modal,
 	nested: (state) => state.nested,
@@ -8678,8 +8676,8 @@ var selectors$2 = {
 var DialogStore = class extends ReactStore {
 	constructor(initialState, floatingId, nested) {
 		const triggerElements = new PopupTriggerMap();
-		const state = createInitialState$1(initialState, triggerElements, floatingId, nested);
-		super(state, createInitialContext$1(triggerElements), selectors$2);
+		const state = createInitialState$2(initialState, triggerElements, floatingId, nested);
+		super(state, createInitialContext$2(triggerElements), selectors$3);
 	}
 	setOpen = (nextOpen, eventDetails) => {
 		eventDetails.preventUnmountOnClose = () => {
@@ -8694,7 +8692,7 @@ var DialogStore = class extends ReactStore {
 		this.update(updatedState);
 	};
 };
-function createInitialState$1(initialState, triggerElements, floatingId, nested = false) {
+function createInitialState$2(initialState, triggerElements, floatingId, nested = false) {
 	const state = {
 		...createInitialPopupStoreState(),
 		modal: true,
@@ -8712,7 +8710,7 @@ function createInitialState$1(initialState, triggerElements, floatingId, nested
 	state.floatingRootContext = createPopupFloatingRootContext(triggerElements, floatingId, nested);
 	return state;
 }
-function createInitialContext$1(triggerElements) {
+function createInitialContext$2(triggerElements) {
 	return {
 		popupRef: /*#__PURE__*/ import_react.createRef(),
 		backdropRef: /*#__PURE__*/ import_react.createRef(),
@@ -8874,6 +8872,63 @@ function useOpenInteractionType(open) {
 	}), [openMethod, triggerProps]);
 }
 //#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/dialog/trigger/DialogTrigger.mjs
+/**
+* A button that opens the dialog.
+* Renders a `<button>` element.
+*
+* Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
+*/
+var DialogTrigger = /*#__PURE__*/ import_react.forwardRef(function DialogTrigger(componentProps, forwardedRef) {
+	const { render, className, style, disabled = false, nativeButton = true, id: idProp, payload, handle, ...elementProps } = componentProps;
+	const dialogRootStore = useDialogRootContext(true);
+	const store = usePopupHandleStore(handle) ?? dialogRootStore;
+	if (!store) throw new Error(formatErrorMessage(79));
+	const thisTriggerId = useBaseUiId(idProp);
+	const floatingContext = store.useState("floatingRootContext");
+	const isOpenedByThisTrigger = store.useState("isOpenedByTrigger", thisTriggerId);
+	const popupId = store.useState("triggerPopupId", thisTriggerId);
+	const triggerElementRef = import_react.useRef(null);
+	const { registerTrigger, isMountedByThisTrigger } = useTriggerDataForwarding(thisTriggerId, triggerElementRef, store, { payload });
+	const { getButtonProps, buttonRef } = useButton({
+		disabled,
+		native: nativeButton
+	});
+	const click = useClick(floatingContext);
+	const interactionTypeProps = useOpenMethodTriggerProps(() => store.select("open"), (interactionType) => {
+		store.set("openMethod", interactionType);
+	});
+	const state = {
+		disabled,
+		open: isOpenedByThisTrigger
+	};
+	const rootTriggerProps = store.useState("triggerProps", isMountedByThisTrigger);
+	return useRenderElement("button", componentProps, {
+		state,
+		ref: [
+			buttonRef,
+			forwardedRef,
+			registerTrigger,
+			triggerElementRef
+		],
+		props: [
+			click.reference,
+			rootTriggerProps,
+			interactionTypeProps,
+			{
+				[CLICK_TRIGGER_IDENTIFIER]: "",
+				id: thisTriggerId,
+				"aria-haspopup": "dialog",
+				"aria-expanded": isOpenedByThisTrigger,
+				"aria-controls": popupId
+			},
+			elementProps,
+			getButtonProps
+		],
+		stateAttributesMapping: triggerOpenStateMapping
+	});
+});
+//#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/tooltip/root/TooltipRootContext.mjs
 var TooltipRootContext = /*#__PURE__*/ import_react.createContext(void 0);
 function useTooltipRootContext(optional) {
@@ -8883,7 +8938,7 @@ function useTooltipRootContext(optional) {
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/tooltip/store/TooltipStore.mjs
-var selectors$1 = {
+var selectors$2 = {
 	...popupStoreSelectors,
 	disabled: (state) => state.disabled,
 	instantType: (state) => state.instantType,
@@ -8906,7 +8961,7 @@ var selectors$1 = {
 var TooltipStore = class extends ReactStore {
 	constructor(initialState, floatingId, nested) {
 		const triggerElements = new PopupTriggerMap();
-		super(createInitialState(initialState, triggerElements, floatingId, nested), createInitialContext(triggerElements), selectors$1);
+		super(createInitialState$1(initialState, triggerElements, floatingId, nested), createInitialContext$1(triggerElements), selectors$2);
 	}
 	setOpen = (nextOpen, eventDetails) => {
 		applyPopupOpenChange(this, nextOpen, eventDetails, { extraState: { openChangeReason: eventDetails.reason } });
@@ -8915,7 +8970,7 @@ var TooltipStore = class extends ReactStore {
 		this.state.floatingRootContext.dispatchOpenChange(false, createChangeEventDetails(triggerPress, event));
 	}
 };
-function createInitialState(initialState, triggerElements, floatingId, nested = false) {
+function createInitialState$1(initialState, triggerElements, floatingId, nested = false) {
 	const state = {
 		...createInitialPopupStoreState(),
 		disabled: false,
@@ -8932,7 +8987,7 @@ function createInitialState(initialState, triggerElements, floatingId, nested =
 	state.floatingRootContext = createPopupFloatingRootContext(triggerElements, floatingId, nested);
 	return state;
 }
-function createInitialContext(triggerElements) {
+function createInitialContext$1(triggerElements) {
 	return {
 		popupRef: /*#__PURE__*/ import_react.createRef(),
 		onOpenChange: void 0,
@@ -9989,7 +10044,7 @@ function resolveMultipleLabels(values, items, itemToStringLabel) {
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/select/store.mjs
-var selectors = {
+var selectors$1 = {
 	id: (state) => state.id,
 	labelId: (state) => state.labelId,
 	modal: (state) => state.modal,
@@ -10075,7 +10130,7 @@ function SelectRoot(props) {
 	const name = fieldName ?? nameProp;
 	const [value, setValueUnwrapped] = useControlled({
 		controlled: valueProp,
-		default: multiple ? defaultValue ?? EMPTY_ARRAY$1 : defaultValue,
+		default: multiple ? defaultValue ?? EMPTY_ARRAY : defaultValue,
 		name: "Select",
 		state: "value"
 	});
@@ -10130,10 +10185,10 @@ function SelectRoot(props) {
 		scrollDownArrowVisible: false,
 		hasScrollArrows: false
 	})).current;
-	const activeIndex = useStore(store, selectors.activeIndex);
-	const selectedIndex = useStore(store, selectors.selectedIndex);
-	const triggerElement = useStore(store, selectors.triggerElement);
-	const positionerElement = useStore(store, selectors.positionerElement);
+	const activeIndex = useStore(store, selectors$1.activeIndex);
+	const selectedIndex = useStore(store, selectors$1.selectedIndex);
+	const triggerElement = useStore(store, selectors$1.triggerElement);
+	const positionerElement = useStore(store, selectors$1.positionerElement);
 	const previousOpenMethod = usePreviousValue(openMethod);
 	const renderedOpenMethod = openMethod ?? previousOpenMethod;
 	const serializedValue = import_react.useMemo(() => {
@@ -10248,7 +10303,7 @@ function SelectRoot(props) {
 		listRef,
 		activeIndex,
 		selectedIndex,
-		disabledIndices: EMPTY_ARRAY$1,
+		disabledIndices: EMPTY_ARRAY,
 		onNavigate(nextActiveIndex) {
 			if (nextActiveIndex === null && !open) return;
 			store.set("activeIndex", nextActiveIndex);
@@ -10455,7 +10510,7 @@ function getPseudoElementBounds(element) {
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/select/trigger/SelectTrigger.mjs
 var SELECTED_DELAY = 400;
-var stateAttributesMapping$5 = {
+var stateAttributesMapping$4 = {
 	...pressableTriggerOpenStateMapping,
 	...fieldValidityMapping,
 	popupSide: (side) => side ? { "data-popup-side": side } : null,
@@ -10473,16 +10528,16 @@ var SelectTrigger = /*#__PURE__*/ import_react.forwardRef(function SelectTrigger
 	const { labelId: fieldLabelId } = useLabelableContext();
 	const { store, setOpen, selectionRef, validation, readOnly, required, alignItemWithTriggerActiveRef, disabled: selectDisabled } = useSelectRootContext();
 	const disabled = fieldDisabled || selectDisabled || disabledProp;
-	const open = useStore(store, selectors.open);
-	const mounted = useStore(store, selectors.mounted);
-	const value = useStore(store, selectors.value);
-	const triggerProps = useStore(store, selectors.triggerProps);
-	const positionerElement = useStore(store, selectors.positionerElement);
-	const listElement = useStore(store, selectors.listElement);
-	const popupSideValue = useStore(store, selectors.popupSide);
-	const rootId = useStore(store, selectors.id);
-	const selectLabelId = useStore(store, selectors.labelId);
-	const hasSelectedValue = useStore(store, selectors.hasSelectedValue);
+	const open = useStore(store, selectors$1.open);
+	const mounted = useStore(store, selectors$1.mounted);
+	const value = useStore(store, selectors$1.value);
+	const triggerProps = useStore(store, selectors$1.triggerProps);
+	const positionerElement = useStore(store, selectors$1.positionerElement);
+	const listElement = useStore(store, selectors$1.listElement);
+	const popupSideValue = useStore(store, selectors$1.popupSide);
+	const rootId = useStore(store, selectors$1.id);
+	const selectLabelId = useStore(store, selectors$1.labelId);
+	const hasSelectedValue = useStore(store, selectors$1.hasSelectedValue);
 	const popupSide = mounted && positionerElement ? popupSideValue : null;
 	const id = idProp ?? rootId;
 	const ariaLabelledBy = resolveAriaLabelledBy(fieldLabelId, selectLabelId);
@@ -10576,13 +10631,13 @@ var SelectTrigger = /*#__PURE__*/ import_react.forwardRef(function SelectTrigger
 			setTriggerElement
 		],
 		state,
-		stateAttributesMapping: stateAttributesMapping$5,
+		stateAttributesMapping: stateAttributesMapping$4,
 		props
 	});
 });
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/select/value/SelectValue.mjs
-var stateAttributesMapping$4 = { value: () => null };
+var stateAttributesMapping$3 = { value: () => null };
 /**
 * A text label of the currently selected item.
 * Renders a `<span>` element.
@@ -10592,12 +10647,12 @@ var stateAttributesMapping$4 = { value: () => null };
 var SelectValue = /*#__PURE__*/ import_react.forwardRef(function SelectValue(componentProps, forwardedRef) {
 	const { className, render, children: childrenProp, placeholder, style, ...elementProps } = componentProps;
 	const { store, valueRef } = useSelectRootContext();
-	const value = useStore(store, selectors.value);
-	const items = useStore(store, selectors.items);
-	const itemToStringLabel = useStore(store, selectors.itemToStringLabel);
-	const hasSelectedValue = useStore(store, selectors.hasSelectedValue);
+	const value = useStore(store, selectors$1.value);
+	const items = useStore(store, selectors$1.items);
+	const itemToStringLabel = useStore(store, selectors$1.itemToStringLabel);
+	const hasSelectedValue = useStore(store, selectors$1.hasSelectedValue);
 	const shouldCheckNullItemLabel = !hasSelectedValue && placeholder != null && childrenProp == null;
-	const hasNullLabel = useStore(store, selectors.hasNullItemLabel, shouldCheckNullItemLabel);
+	const hasNullLabel = useStore(store, selectors$1.hasNullItemLabel, shouldCheckNullItemLabel);
 	const state = {
 		value,
 		placeholder: !hasSelectedValue
@@ -10612,7 +10667,7 @@ var SelectValue = /*#__PURE__*/ import_react.forwardRef(function SelectValue(com
 		state,
 		ref: [forwardedRef, valueRef],
 		props: [{ children }, elementProps],
-		stateAttributesMapping: stateAttributesMapping$4
+		stateAttributesMapping: stateAttributesMapping$3
 	});
 });
 //#endregion
@@ -10627,7 +10682,7 @@ var SelectIcon = /*#__PURE__*/ import_react.forwardRef(function SelectIcon(compo
 	const { render, className, style, ...elementProps } = componentProps;
 	const { store } = useSelectRootContext();
 	return useRenderElement("span", componentProps, {
-		state: { open: useStore(store, selectors.open) },
+		state: { open: useStore(store, selectors$1.open) },
 		ref: forwardedRef,
 		props: [{
 			"aria-hidden": true,
@@ -10647,8 +10702,8 @@ var SelectIcon = /*#__PURE__*/ import_react.forwardRef(function SelectIcon(compo
 */
 var SelectPortal = /*#__PURE__*/ import_react.forwardRef(function SelectPortal(portalProps, forwardedRef) {
 	const { store } = useSelectRootContext();
-	const mounted = useStore(store, selectors.mounted);
-	const forceMount = useStore(store, selectors.forceMount);
+	const mounted = useStore(store, selectors$1.mounted);
+	const forceMount = useStore(store, selectors$1.forceMount);
 	if (!(mounted || forceMount)) return null;
 	return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(FloatingPortal, {
 		ref: forwardedRef,
@@ -10888,15 +10943,15 @@ var FIXED = { position: "fixed" };
 var SelectPositioner = /*#__PURE__*/ import_react.forwardRef(function SelectPositioner(componentProps, forwardedRef) {
 	const { anchor, className, render, positionMethod, side, align, sideOffset, alignOffset, collisionBoundary = "clipping-ancestors", collisionPadding, arrowPadding, sticky, disableAnchorTracking, alignItemWithTrigger = true, collisionAvoidance = DROPDOWN_COLLISION_AVOIDANCE, style, ...elementProps } = componentProps;
 	const { store, listRef, labelsRef, alignItemWithTriggerActiveRef, selectedItemTextRef, valuesRef, initialValueRef, popupRef, setValue, floatingContext: floatingRootContext } = useSelectRootContext();
-	const open = useStore(store, selectors.open);
-	const mounted = useStore(store, selectors.mounted);
-	const modal = useStore(store, selectors.modal);
-	const value = useStore(store, selectors.value);
-	const openMethod = useStore(store, selectors.openMethod);
-	const positionerElement = useStore(store, selectors.positionerElement);
-	const triggerElement = useStore(store, selectors.triggerElement);
-	const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);
-	const transitionStatus = useStore(store, selectors.transitionStatus);
+	const open = useStore(store, selectors$1.open);
+	const mounted = useStore(store, selectors$1.mounted);
+	const modal = useStore(store, selectors$1.modal);
+	const value = useStore(store, selectors$1.value);
+	const openMethod = useStore(store, selectors$1.openMethod);
+	const positionerElement = useStore(store, selectors$1.positionerElement);
+	const triggerElement = useStore(store, selectors$1.triggerElement);
+	const isItemEqualToValue = useStore(store, selectors$1.isItemEqualToValue);
+	const transitionStatus = useStore(store, selectors$1.transitionStatus);
 	const scrollUpArrowRef = import_react.useRef(null);
 	const scrollDownArrowRef = import_react.useRef(null);
 	const [controlledAlignItemWithTrigger, setControlledAlignItemWithTrigger] = import_react.useState(alignItemWithTrigger);
@@ -11035,7 +11090,7 @@ function useCSPContext() {
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/select/popup/SelectPopup.mjs
-var stateAttributesMapping$3 = {
+var stateAttributesMapping$2 = {
 	...popupStateMapping,
 	...transitionStatusMapping
 };
@@ -11052,15 +11107,15 @@ var SelectPopup = /*#__PURE__*/ import_react.forwardRef(function SelectPopup(com
 	const insideToolbar = useToolbarRootContext(true) != null;
 	const direction = useDirection();
 	const { nonce, disableStyleElements } = useCSPContext();
-	const id = useStore(store, selectors.id);
-	const open = useStore(store, selectors.open);
-	const openMethod = useStore(store, selectors.openMethod);
-	const mounted = useStore(store, selectors.mounted);
-	const popupProps = useStore(store, selectors.popupProps);
-	const transitionStatus = useStore(store, selectors.transitionStatus);
-	const triggerElement = useStore(store, selectors.triggerElement);
-	const positionerElement = useStore(store, selectors.positionerElement);
-	const listElement = useStore(store, selectors.listElement);
+	const id = useStore(store, selectors$1.id);
+	const open = useStore(store, selectors$1.open);
+	const openMethod = useStore(store, selectors$1.openMethod);
+	const mounted = useStore(store, selectors$1.mounted);
+	const popupProps = useStore(store, selectors$1.popupProps);
+	const transitionStatus = useStore(store, selectors$1.transitionStatus);
+	const triggerElement = useStore(store, selectors$1.triggerElement);
+	const positionerElement = useStore(store, selectors$1.positionerElement);
+	const listElement = useStore(store, selectors$1.listElement);
 	const reachedMaxHeightRef = import_react.useRef(false);
 	const initialPlacedRef = import_react.useRef(false);
 	const originalPositionerStylesRef = import_react.useRef({});
@@ -11160,7 +11215,7 @@ var SelectPopup = /*#__PURE__*/ import_react.forwardRef(function SelectPopup(com
 		const restoreTransformStyles = unsetTransformStyles(popupElement);
 		try {
 			let textElement = selectedItemTextRef.current;
-			if (!textElement?.isConnected) textElement = !selectors.hasSelectedValue(store.state) && firstItemTextRef.current?.isConnected ? firstItemTextRef.current : null;
+			if (!textElement?.isConnected) textElement = !selectors$1.hasSelectedValue(store.state) && firstItemTextRef.current?.isConnected ? firstItemTextRef.current : null;
 			const valueElement = valueRef.current;
 			const win = getWindow(positionerElement);
 			const positionerStyles = win.getComputedStyle(positionerElement);
@@ -11291,7 +11346,7 @@ var SelectPopup = /*#__PURE__*/ import_react.forwardRef(function SelectPopup(com
 	const element = useRenderElement("div", componentProps, {
 		ref: [forwardedRef, popupRef],
 		state,
-		stateAttributesMapping: stateAttributesMapping$3,
+		stateAttributesMapping: stateAttributesMapping$2,
 		props: [
 			popupProps,
 			defaultProps,
@@ -11362,10 +11417,10 @@ var SelectList = /*#__PURE__*/ import_react.forwardRef(function SelectList(compo
 	const { render, className, style, ...elementProps } = componentProps;
 	const { store, scrollHandlerRef, multiple } = useSelectRootContext();
 	const { alignItemWithTriggerActive } = useSelectPositionerContext();
-	const hasScrollArrows = useStore(store, selectors.hasScrollArrows);
-	const openMethod = useStore(store, selectors.openMethod);
+	const hasScrollArrows = useStore(store, selectors$1.hasScrollArrows);
+	const openMethod = useStore(store, selectors$1.openMethod);
 	const defaultProps = {
-		id: `${useStore(store, selectors.id)}-list`,
+		id: `${useStore(store, selectors$1.id)}-list`,
 		role: "listbox",
 		"aria-multiselectable": multiple || void 0,
 		onScroll(event) {
@@ -11454,11 +11509,11 @@ var SelectItem = /*#__PURE__*/ import_react.memo(/*#__PURE__*/ import_react.forw
 	});
 	const { store, itemProps, setOpen, setValue, selectionRef, typingRef, valuesRef, multiple, selectedItemTextRef, disabled: selectDisabled, readOnly } = useSelectRootContext();
 	const disabled = selectDisabled || disabledProp;
-	const highlighted = useStore(store, selectors.isActive, listItem.index);
-	const open = useStore(store, selectors.open);
-	const selected = useStore(store, selectors.isSelected, itemValue);
-	const selectedByFocus = useStore(store, selectors.isSelectedByFocus, listItem.index);
-	const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);
+	const highlighted = useStore(store, selectors$1.isActive, listItem.index);
+	const open = useStore(store, selectors$1.open);
+	const selected = useStore(store, selectors$1.isSelected, itemValue);
+	const selectedByFocus = useStore(store, selectors$1.isSelectedByFocus, listItem.index);
+	const isItemEqualToValue = useStore(store, selectors$1.isItemEqualToValue);
 	const index = listItem.index;
 	const itemRef = import_react.useRef(null);
 	useIsoLayoutEffect(() => {
@@ -11673,8 +11728,8 @@ var SelectScrollArrow = /*#__PURE__*/ import_react.forwardRef(function SelectScr
 	const isUp = direction === "up";
 	const { store, popupRef, listRef, handleScrollArrowVisibility, scrollArrowsMountedCountRef } = useSelectRootContext();
 	const { side, scrollDownArrowRef, scrollUpArrowRef } = useSelectPositionerContext();
-	const stateVisible = useStore(store, isUp ? selectors.scrollUpArrowVisible : selectors.scrollDownArrowVisible);
-	const openMethod = useStore(store, selectors.openMethod);
+	const stateVisible = useStore(store, isUp ? selectors$1.scrollUpArrowVisible : selectors$1.scrollDownArrowVisible);
+	const openMethod = useStore(store, selectors$1.openMethod);
 	const visible = stateVisible && openMethod !== "touch";
 	const timeout = useTimeout();
 	const scrollArrowRef = isUp ? scrollUpArrowRef : scrollDownArrowRef;
@@ -11808,7 +11863,7 @@ function useSwitchRootContext() {
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/switch/stateAttributesMapping.mjs
-var stateAttributesMapping$2 = {
+var stateAttributesMapping$1 = {
 	...fieldValidityMapping,
 	checked(value) {
 		if (value) return { "data-checked": "" };
@@ -11945,7 +12000,7 @@ var SwitchRoot = /*#__PURE__*/ import_react.forwardRef(function SwitchRoot(compo
 			getButtonProps,
 			(props) => validation.getValidationProps(disabled, props)
 		],
-		stateAttributesMapping: stateAttributesMapping$2
+		stateAttributesMapping: stateAttributesMapping$1
 	});
 	return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(SwitchRootContext.Provider, {
 		value: state,
@@ -11978,7 +12033,7 @@ var SwitchThumb = /*#__PURE__*/ import_react.forwardRef(function SwitchThumb(com
 	return useRenderElement("span", componentProps, {
 		state: useSwitchRootContext(),
 		ref: forwardedRef,
-		stateAttributesMapping: stateAttributesMapping$2,
+		stateAttributesMapping: stateAttributesMapping$1,
 		props: elementProps
 	});
 });
@@ -12058,7 +12113,7 @@ function useImageLoadingStatus(src, { referrerPolicy, crossOrigin, sizes, srcSet
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/avatar/image/AvatarImage.mjs
-var stateAttributesMapping$1 = {
+var stateAttributesMapping = {
 	...avatarStateAttributesMapping,
 	...transitionStatusMapping
 };
@@ -12099,7 +12154,7 @@ var AvatarImage = /*#__PURE__*/ import_react.forwardRef(function AvatarImage(com
 		},
 		ref: [forwardedRef, imageRef],
 		props: elementProps,
-		stateAttributesMapping: stateAttributesMapping$1,
+		stateAttributesMapping,
 		enabled: mounted
 	});
 	if (!mounted) return null;
@@ -12132,710 +12187,1261 @@ var AvatarFallback = /*#__PURE__*/ import_react.forwardRef(function AvatarFallba
 	});
 });
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/tabs/root/TabsRootContext.mjs
-/**
-* @internal
-*/
-var TabsRootContext = /*#__PURE__*/ import_react.createContext(void 0);
-function useTabsRootContext() {
-	const context = import_react.useContext(TabsRootContext);
-	if (context === void 0) throw new Error(formatErrorMessage(64));
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/positioner/MenuPositionerContext.mjs
+var MenuPositionerContext = /*#__PURE__*/ import_react.createContext(void 0);
+function useMenuPositionerContext(optional) {
+	const context = import_react.useContext(MenuPositionerContext);
+	if (context === void 0 && !optional) throw new Error(formatErrorMessage(33));
 	return context;
 }
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/tabs/root/stateAttributesMapping.mjs
-var tabsStateAttributesMapping = { tabActivationDirection: (dir) => ({ "data-activation-direction": dir }) };
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/root/MenuRootContext.mjs
+var MenuRootContext = /*#__PURE__*/ import_react.createContext(void 0);
+function useMenuRootContext(optional) {
+	const context = import_react.useContext(MenuRootContext);
+	if (context === void 0 && !optional) throw new Error(formatErrorMessage(36));
+	return context;
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/context-menu/root/ContextMenuRootContext.mjs
+var ContextMenuRootContext = /*#__PURE__*/ import_react.createContext(void 0);
+function useContextMenuRootContext(optional = true) {
+	const context = import_react.useContext(ContextMenuRootContext);
+	if (context === void 0 && !optional) throw new Error(formatErrorMessage(25));
+	return context;
+}
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/tabs/root/TabsRoot.mjs
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/item/useMenuItemCommonProps.mjs
 /**
-* Groups the tabs and the corresponding panels.
-* Renders a `<div>` element.
-*
-* Documentation: [Base UI Tabs](https://base-ui.com/react/components/tabs)
-*/
-var TabsRoot = /*#__PURE__*/ import_react.forwardRef(function TabsRoot(componentProps, forwardedRef) {
-	const { className, defaultValue: defaultValueProp = 0, onValueChange: onValueChangeProp, orientation = "horizontal", render, value: valueProp, style, ...elementProps } = componentProps;
-	const hasExplicitDefaultValueProp = componentProps.defaultValue !== void 0;
-	const tabPanelRefs = import_react.useRef([]);
-	const [mountedTabPanels, setMountedTabPanels] = import_react.useState(() => /* @__PURE__ */ new Map());
-	const [value, setValue] = useControlled({
-		controlled: valueProp,
-		default: defaultValueProp,
-		name: "Tabs",
-		state: "value"
-	});
-	const isControlled = valueProp !== void 0;
-	const [tabMap, setTabMap] = import_react.useState(() => /* @__PURE__ */ new Map());
-	const lastKnownTabElementRef = import_react.useRef(void 0);
-	const getTabElementBySelectedValue = import_react.useCallback((selectedValue) => findTabElement(tabMap, selectedValue), [tabMap]);
-	const [activationDirectionState, setActivationDirectionState] = import_react.useState(() => ({
-		previousValue: value,
-		tabActivationDirection: "none"
-	}));
-	const { previousValue, tabActivationDirection: committedTabActivationDirection } = activationDirectionState;
-	let tabActivationDirection = committedTabActivationDirection;
-	let directionComputationIncomplete = false;
-	if (previousValue !== value) {
-		tabActivationDirection = computeActivationDirection(previousValue, value, orientation, tabMap);
-		directionComputationIncomplete = previousValue != null && value != null && getTabElementBySelectedValue(value) == null;
-	}
-	const nextPreviousValue = directionComputationIncomplete ? previousValue : value;
-	const shouldSyncActivationDirectionState = previousValue !== nextPreviousValue || committedTabActivationDirection !== tabActivationDirection;
-	useIsoLayoutEffect(() => {
-		if (!shouldSyncActivationDirectionState) return;
-		setActivationDirectionState({
-			previousValue: nextPreviousValue,
-			tabActivationDirection
-		});
-	}, [
-		nextPreviousValue,
-		shouldSyncActivationDirectionState,
-		tabActivationDirection
-	]);
-	const onValueChange = useStableCallback((newValue, eventDetails) => {
-		eventDetails.activationDirection = computeActivationDirection(value, newValue, orientation, tabMap);
-		onValueChangeProp?.(newValue, eventDetails);
-		if (eventDetails.isCanceled) return;
-		setValue(newValue);
-	});
-	const notifyAutomaticValueChange = useStableCallback((nextValue, reason) => {
-		onValueChangeProp?.(nextValue, createChangeEventDetails(reason, void 0, void 0, { activationDirection: "none" }));
-	});
-	const registerMountedTabPanel = useStableCallback((panelValue, panelId) => {
-		setMountedTabPanels((prev) => {
-			const next = new Map(prev);
-			next.set(panelValue, panelId);
-			return next;
-		});
-		return () => {
-			setMountedTabPanels((prev) => {
-				if (prev.get(panelValue) !== panelId) return prev;
-				const next = new Map(prev);
-				next.delete(panelValue);
-				return next;
+* Returns common props shared by all menu item types.
+* This hook extracts the shared logic for id, role, tabIndex, onKeyDown,
+* onMouseMove, onClick, and onMouseUp handlers.
+*/
+function useMenuItemCommonProps(params) {
+	const { closeOnClick, highlighted, id, nodeId, store, typingRef, itemRef, itemMetadata } = params;
+	const { events: menuEvents } = store.useState("floatingTreeRoot");
+	const open = store.useState("open");
+	const contextMenuContext = useContextMenuRootContext(true);
+	const isContextMenu = contextMenuContext !== void 0;
+	return import_react.useMemo(() => ({
+		id,
+		role: "menuitem",
+		tabIndex: open && highlighted ? 0 : -1,
+		onKeyDown(event) {
+			if (event.key === " " && typingRef?.current) event.preventDefault();
+		},
+		onMouseMove(event) {
+			if (!nodeId) return;
+			menuEvents.emit("itemhover", {
+				nodeId,
+				target: event.currentTarget
 			});
-		};
-	});
-	const getTabPanelIdByValue = import_react.useCallback((tabValue) => {
-		return mountedTabPanels.get(tabValue);
-	}, [mountedTabPanels]);
-	const getTabIdByPanelValue = import_react.useCallback((tabPanelValue) => {
-		for (const tabMetadata of tabMap.values()) if (tabPanelValue === tabMetadata.value) return tabMetadata.id;
-	}, [tabMap]);
-	const tabsContextValue = import_react.useMemo(() => ({
-		getTabElementBySelectedValue,
-		getTabIdByPanelValue,
-		getTabPanelIdByValue,
-		onValueChange,
-		orientation,
-		registerMountedTabPanel,
-		setTabMap,
-		tabActivationDirection,
-		value
-	}), [
-		getTabElementBySelectedValue,
-		getTabIdByPanelValue,
-		getTabPanelIdByValue,
-		onValueChange,
-		orientation,
-		registerMountedTabPanel,
-		setTabMap,
-		tabActivationDirection,
-		value
-	]);
-	const selectedTabMetadata = import_react.useMemo(() => {
-		for (const tabMetadata of tabMap.values()) if (tabMetadata.value === value) return tabMetadata;
-	}, [tabMap, value]);
-	const firstEnabledTabValue = import_react.useMemo(() => {
-		for (const tabMetadata of tabMap.values()) if (!tabMetadata.disabled) return tabMetadata.value;
-	}, [tabMap]);
-	const shouldNotifyInitialValueChangeRef = import_react.useRef(!hasExplicitDefaultValueProp);
-	const initialDefaultValueRef = import_react.useRef(defaultValueProp);
-	const shouldHonorDisabledDefaultValueRef = import_react.useRef(hasExplicitDefaultValueProp);
-	const didRegisterTabsRef = import_react.useRef(false);
-	useIsoLayoutEffect(() => {
-		if (isControlled) return;
-		function commitAutomaticValueChange(fallbackValue, fallbackReason) {
-			setValue(fallbackValue);
-			setActivationDirectionState({
-				previousValue: fallbackValue,
-				tabActivationDirection: "none"
+		},
+		onClick(event) {
+			if (closeOnClick) menuEvents.emit("close", {
+				domEvent: event,
+				reason: itemPress
 			});
-			notifyAutomaticValueChange(fallbackValue, fallbackReason);
-			shouldNotifyInitialValueChangeRef.current = false;
-		}
-		if (tabMap.size === 0) {
-			if (didRegisterTabsRef.current && value !== null && !lastKnownTabElementRef.current?.isConnected) commitAutomaticValueChange(null, missing);
-			return;
-		}
-		didRegisterTabsRef.current = true;
-		lastKnownTabElementRef.current = tabMap.keys().next().value;
-		const selectionIsDisabled = selectedTabMetadata?.disabled;
-		const selectionIsMissing = selectedTabMetadata == null && value !== null;
-		if (!selectionIsDisabled && value === initialDefaultValueRef.current) shouldHonorDisabledDefaultValueRef.current = false;
-		if (shouldHonorDisabledDefaultValueRef.current && selectionIsDisabled && value === initialDefaultValueRef.current) return;
-		const shouldNotifyInitialValueChange = shouldNotifyInitialValueChangeRef.current;
-		if (selectionIsDisabled || selectionIsMissing) {
-			const fallbackValue = firstEnabledTabValue ?? null;
-			if (value === fallbackValue) {
-				shouldNotifyInitialValueChangeRef.current = false;
-				return;
+		},
+		onMouseUp(event) {
+			if (contextMenuContext) {
+				const initialCursorPoint = contextMenuContext.initialCursorPointRef.current;
+				contextMenuContext.initialCursorPointRef.current = null;
+				if (isContextMenu && initialCursorPoint && Math.abs(event.clientX - initialCursorPoint.x) <= 1 && Math.abs(event.clientY - initialCursorPoint.y) <= 1) return;
+				if (isContextMenu && !mac && event.button === 2) return;
+			}
+			if (itemRef.current && store.context.allowMouseUpTriggerRef.current && (!isContextMenu || event.button === 2)) {
+				if (itemMetadata.type === "regular-item") dispatchClickWithModifiers(itemRef.current, event, { detail: 1 });
 			}
-			let fallbackReason = missing;
-			if (shouldNotifyInitialValueChange) fallbackReason = initial;
-			else if (selectionIsDisabled) fallbackReason = disabled;
-			commitAutomaticValueChange(fallbackValue, fallbackReason);
-			return;
-		}
-		if (shouldNotifyInitialValueChange && selectedTabMetadata != null) {
-			notifyAutomaticValueChange(value, initial);
-			shouldNotifyInitialValueChangeRef.current = false;
 		}
-	}, [
-		firstEnabledTabValue,
-		isControlled,
-		notifyAutomaticValueChange,
-		selectedTabMetadata,
-		setValue,
-		tabMap,
-		value
+	}), [
+		closeOnClick,
+		highlighted,
+		id,
+		menuEvents,
+		nodeId,
+		open,
+		store,
+		typingRef,
+		itemRef,
+		contextMenuContext,
+		isContextMenu,
+		itemMetadata
 	]);
-	const element = useRenderElement("div", componentProps, {
-		state: {
-			orientation,
-			tabActivationDirection
-		},
-		ref: forwardedRef,
-		props: elementProps,
-		stateAttributesMapping: tabsStateAttributesMapping
-	});
-	return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(TabsRootContext.Provider, {
-		value: tabsContextValue,
-		children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CompositeList, {
-			elementsRef: tabPanelRefs,
-			children: element
-		})
-	});
-});
-function findTabElement(tabMap, value) {
-	for (const [tabElement, tabMetadata] of tabMap.entries()) if (value === tabMetadata.value) return tabElement;
-	return null;
-}
-function computeActivationDirection(oldValue, newValue, orientation, tabMap) {
-	if (oldValue == null || newValue == null) return "none";
-	const [positionProp, backward, forward] = orientation === "horizontal" ? [
-		"left",
-		"left",
-		"right"
-	] : [
-		"top",
-		"up",
-		"down"
-	];
-	const oldTab = findTabElement(tabMap, oldValue);
-	const newTab = findTabElement(tabMap, newValue);
-	if (oldTab == null || newTab == null) {
-		if (oldTab !== newTab && (typeof oldValue === "number" || typeof oldValue === "string") && typeof oldValue === typeof newValue) return newValue > oldValue ? forward : backward;
-		return "none";
-	}
-	const oldPosition = oldTab.getBoundingClientRect()[positionProp];
-	const newPosition = newTab.getBoundingClientRect()[positionProp];
-	if (newPosition < oldPosition) return backward;
-	if (newPosition > oldPosition) return forward;
-	return "none";
 }
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/internals/composite/constants.mjs
-var ACTIVE_COMPOSITE_ITEM = "data-composite-item-active";
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/internals/composite/item/useCompositeItem.mjs
-function useCompositeItem(params = {}) {
-	const { highlightItemOnHover, highlightedIndex, onHighlightedIndexChange } = useCompositeRootContext();
-	const { ref, index } = useCompositeListItem(params);
-	const isHighlighted = highlightedIndex === index;
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/item/useMenuItem.mjs
+var REGULAR_ITEM = { type: "regular-item" };
+function useMenuItem(params) {
+	const { closeOnClick, disabled, highlighted, id, store, typingRef = store.context.typingRef, nativeButton, itemMetadata, nodeId } = params;
 	const itemRef = import_react.useRef(null);
-	const mergedRef = useMergedRefs(ref, itemRef);
-	return {
-		compositeProps: {
-			tabIndex: isHighlighted ? 0 : -1,
-			onFocus() {
-				onHighlightedIndexChange(index);
-			},
-			onMouseMove() {
-				const item = itemRef.current;
-				if (!highlightItemOnHover || !item) return;
-				const disabled = item.hasAttribute("disabled") || item.ariaDisabled === "true";
-				if (!isHighlighted && !disabled) item.focus();
-			}
-		},
-		compositeRef: mergedRef,
-		index
-	};
-}
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/tabs/list/TabsListContext.mjs
-var TabsListContext = /*#__PURE__*/ import_react.createContext(void 0);
-function useTabsListContext() {
-	const context = import_react.useContext(TabsListContext);
-	if (context === void 0) throw new Error(formatErrorMessage(65));
-	return context;
+	const { getButtonProps, buttonRef } = useButton({
+		disabled,
+		focusableWhenDisabled: true,
+		native: nativeButton,
+		composite: true
+	});
+	const commonProps = useMenuItemCommonProps({
+		closeOnClick,
+		highlighted,
+		id,
+		nodeId,
+		store,
+		typingRef,
+		itemRef,
+		itemMetadata
+	});
+	const getItemProps = import_react.useCallback((externalProps) => {
+		return mergeProps(commonProps, { onMouseEnter() {
+			if (itemMetadata.type !== "submenu-trigger") return;
+			itemMetadata.setActive();
+		} }, externalProps, getButtonProps);
+	}, [
+		commonProps,
+		getButtonProps,
+		itemMetadata
+	]);
+	const mergedRef = useMergedRefs(itemRef, buttonRef);
+	return import_react.useMemo(() => ({
+		getItemProps,
+		itemRef: mergedRef
+	}), [getItemProps, mergedRef]);
 }
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/tabs/tab/TabsTab.mjs
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/item/MenuItem.mjs
 /**
-* An individual interactive tab button that toggles the corresponding panel.
-* Renders a `<button>` element.
+* An individual interactive item in the menu.
+* Renders a `<div>` element.
 *
-* Documentation: [Base UI Tabs](https://base-ui.com/react/components/tabs)
+* Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
 */
-var TabsTab = /*#__PURE__*/ import_react.forwardRef(function TabsTab(componentProps, forwardedRef) {
-	const { className, disabled = false, render, value, id: idProp, nativeButton = true, style, ...elementProps } = componentProps;
-	const { value: activeTabValue, getTabPanelIdByValue, onValueChange, orientation, tabActivationDirection } = useTabsRootContext();
-	const { activateOnFocus, registerTabResizeObserverElement, tabsListElement } = useTabsListContext();
-	const { highlightedIndex, onHighlightedIndexChange } = useCompositeRootContext();
+var MenuItem = /*#__PURE__*/ import_react.forwardRef(function MenuItem(componentProps, forwardedRef) {
+	const { render, className, id: idProp, label, nativeButton = false, disabled: disabledProp = false, closeOnClick = true, style, ...elementProps } = componentProps;
+	const listItem = useCompositeListItem({
+		guess: true,
+		label
+	});
+	const menuPositionerContext = useMenuPositionerContext(true);
 	const id = useBaseUiId(idProp);
-	const { compositeProps, compositeRef, index } = useCompositeItem({ metadata: import_react.useMemo(() => ({
-		disabled,
-		id,
-		value
-	}), [
+	const { store } = useMenuRootContext();
+	const rootDisabled = store.useState("disabled");
+	const disabled = disabledProp || rootDisabled;
+	const highlighted = store.useState("isActive", listItem.index);
+	const itemProps = store.useState("itemProps");
+	const { getItemProps, itemRef } = useMenuItem({
+		closeOnClick,
 		disabled,
+		highlighted,
 		id,
-		value
-	]) });
-	const active = value === activeTabValue;
-	const isNavigatingRef = import_react.useRef(false);
-	const unobserveTabElementRef = import_react.useRef(null);
-	const observeTabElement = useStableCallback((element) => {
-		unobserveTabElementRef.current?.();
-		unobserveTabElementRef.current = element ? registerTabResizeObserverElement(element) : null;
+		store,
+		nativeButton,
+		nodeId: menuPositionerContext?.context.nodeId,
+		itemMetadata: REGULAR_ITEM
 	});
-	useIsoLayoutEffect(() => {
-		if (isNavigatingRef.current) {
-			isNavigatingRef.current = false;
-			return;
-		}
-		if (!(active && index > -1 && highlightedIndex !== index)) return;
-		const listElement = tabsListElement;
-		if (listElement != null) {
-			const activeEl = activeElement(ownerDocument(listElement));
-			if (activeEl && contains(listElement, activeEl)) return;
-		}
-		if (!disabled) onHighlightedIndexChange(index);
-	}, [
-		active,
-		index,
-		highlightedIndex,
-		onHighlightedIndexChange,
-		disabled,
-		tabsListElement
-	]);
-	const { getButtonProps, buttonRef } = useButton({
-		disabled,
-		native: nativeButton,
-		focusableWhenDisabled: true
-	});
-	const tabPanelId = getTabPanelIdByValue(value);
-	const isPressingRef = import_react.useRef(false);
-	const isMainButtonRef = import_react.useRef(false);
-	function activate(event) {
-		onValueChange(value, createChangeEventDetails(none, event.nativeEvent, void 0, { activationDirection: "none" }));
-	}
-	function onClick(event) {
-		if (active || disabled) return;
-		activate(event);
-	}
-	function onFocus(event) {
-		if (active || disabled) return;
-		if (activateOnFocus && (!isPressingRef.current || isMainButtonRef.current)) activate(event);
-	}
-	function onPointerDown(event) {
-		if (active || disabled) return;
-		isPressingRef.current = true;
-		isMainButtonRef.current = event.button === 0;
-		const doc = ownerDocument(event.currentTarget);
-		function handlePointerEnd() {
-			isPressingRef.current = false;
-			isMainButtonRef.current = false;
-			doc.removeEventListener("pointerup", handlePointerEnd);
-			doc.removeEventListener("pointercancel", handlePointerEnd);
-		}
-		doc.addEventListener("pointerup", handlePointerEnd);
-		doc.addEventListener("pointercancel", handlePointerEnd);
-	}
-	return useRenderElement("button", componentProps, {
+	return useRenderElement("div", componentProps, {
 		state: {
 			disabled,
-			active,
-			orientation,
-			tabActivationDirection
+			highlighted
 		},
-		ref: [
-			forwardedRef,
-			buttonRef,
-			compositeRef,
-			observeTabElement
-		],
 		props: [
-			compositeProps,
-			{
-				role: "tab",
-				"aria-controls": tabPanelId,
-				"aria-selected": active,
-				id,
-				onClick,
-				onFocus,
-				onPointerDown,
-				[ACTIVE_COMPOSITE_ITEM]: active ? "" : void 0,
-				onKeyDownCapture() {
-					isNavigatingRef.current = true;
-				}
-			},
+			itemProps,
 			elementProps,
-			getButtonProps
+			getItemProps
 		],
-		stateAttributesMapping: tabsStateAttributesMapping
+		ref: [
+			itemRef,
+			forwardedRef,
+			listItem.ref
+		]
 	});
 });
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/tabs/panel/TabsPanel.mjs
-var stateAttributesMapping = {
-	...tabsStateAttributesMapping,
-	...transitionStatusMapping
-};
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/popup/MenuPopup.mjs
 /**
-* A panel displayed when the corresponding tab is active.
+* A container for the menu items.
 * Renders a `<div>` element.
 *
-* Documentation: [Base UI Tabs](https://base-ui.com/react/components/tabs)
+* Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
 */
-var TabsPanel = /*#__PURE__*/ import_react.forwardRef(function TabsPanel(componentProps, forwardedRef) {
-	const { className, value, render, keepMounted = false, style, ...elementProps } = componentProps;
-	const { value: selectedValue, getTabIdByPanelValue, orientation, tabActivationDirection, registerMountedTabPanel } = useTabsRootContext();
-	const id = useBaseUiId();
-	const { ref: listItemRef, index } = useCompositeListItem();
-	const open = value === selectedValue;
-	const { mounted, transitionStatus, setMounted } = useTransitionStatus(open);
-	const hidden = !mounted;
-	const correspondingTabId = getTabIdByPanelValue(value);
-	const state = {
-		hidden,
-		orientation,
-		tabActivationDirection,
-		transitionStatus
-	};
-	const panelRef = import_react.useRef(null);
+var MenuPopup = /*#__PURE__*/ import_react.forwardRef(function MenuPopup(componentProps, forwardedRef) {
+	const { render, className, style, finalFocus, ...elementProps } = componentProps;
+	const { store } = useMenuRootContext();
+	const { side, align } = useMenuPositionerContext();
+	const insideToolbar = useToolbarRootContext(true) != null;
+	const open = store.useState("open");
+	const transitionStatus = store.useState("transitionStatus");
+	const popupProps = store.useState("popupProps");
+	const mounted = store.useState("mounted");
+	const instantType = store.useState("instantType");
+	const activeTriggerElement = store.useState("activeTriggerElement");
+	const parent = store.useState("parent");
+	const lastOpenChangeReason = store.useState("lastOpenChangeReason");
+	const rootId = store.useState("rootId");
+	const floatingContext = store.useState("floatingRootContext");
+	const floatingTreeRoot = store.useState("floatingTreeRoot");
+	const closeDelay = store.useState("closeDelay");
+	const hoverEnabled = store.useState("hoverEnabled");
+	const disabled = store.useState("disabled");
+	const openMethod = store.useState("openMethod");
+	const isContextMenu = parent.type === "context-menu";
+	useOpenChangeComplete({
+		open,
+		ref: store.context.popupRef,
+		onComplete() {
+			if (open) store.context.onOpenChangeComplete?.(true);
+		}
+	});
+	import_react.useEffect(() => {
+		function handleClose(event) {
+			store.setOpen(false, createChangeEventDetails(event.reason, event.domEvent));
+		}
+		floatingTreeRoot.events.on("close", handleClose);
+		return () => {
+			floatingTreeRoot.events.off("close", handleClose);
+		};
+	}, [floatingTreeRoot.events, store]);
+	useHoverFloatingInteraction(floatingContext, {
+		enabled: hoverEnabled && !disabled && !isContextMenu && parent.type !== "menubar",
+		closeDelay
+	});
+	const setPopupElement = store.useStateSetter("popupElement");
 	const element = useRenderElement("div", componentProps, {
-		state,
+		state: {
+			transitionStatus,
+			side,
+			align,
+			open,
+			nested: parent.type === "menu",
+			instant: instantType
+		},
 		ref: [
 			forwardedRef,
-			listItemRef,
-			panelRef
+			store.context.popupRef,
+			setPopupElement
 		],
-		props: [{
-			"aria-labelledby": correspondingTabId,
-			hidden,
-			id,
-			role: "tabpanel",
-			tabIndex: open ? 0 : -1,
-			inert: inertValue(!open),
-			["data-index"]: index
-		}, elementProps],
-		stateAttributesMapping
+		stateAttributesMapping: popupTransitionStateMapping,
+		props: [
+			popupProps,
+			{ onKeyDown(event) {
+				if (insideToolbar && COMPOSITE_KEYS.has(event.key)) event.stopPropagation();
+			} },
+			getDisabledMountTransitionStyles(transitionStatus),
+			elementProps,
+			{ "data-rootownerid": rootId }
+		]
 	});
-	useOpenChangeComplete({
-		open,
-		ref: panelRef,
-		onComplete() {
-			if (!open) setMounted(false);
-		}
+	let returnFocus = parent.type === void 0 || isContextMenu;
+	if (activeTriggerElement || parent.type === "menubar" && lastOpenChangeReason !== "outside-press") returnFocus = true;
+	return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(FloatingFocusManager, {
+		context: floatingContext,
+		openInteractionType: openMethod,
+		modal: isContextMenu,
+		disabled: !mounted,
+		returnFocus: finalFocus === void 0 ? returnFocus : finalFocus,
+		initialFocus: parent.type !== "menu",
+		restoreFocus: true,
+		externalTree: parent.type !== "menubar" ? floatingTreeRoot : void 0,
+		previousFocusableElement: activeTriggerElement,
+		nextFocusableElement: parent.type === void 0 ? store.context.triggerFocusTargetRef : void 0,
+		beforeContentFocusGuardRef: parent.type === void 0 ? store.context.beforeContentFocusGuardRef : void 0,
+		children: element
 	});
-	useIsoLayoutEffect(() => {
-		if (id == null || hidden && !keepMounted) return;
-		return registerMountedTabPanel(value, id);
-	}, [
-		hidden,
-		keepMounted,
-		value,
-		id,
-		registerMountedTabPanel
-	]);
-	if (!(keepMounted || mounted)) return null;
-	return element;
 });
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/internals/composite/root/useCompositeRoot.mjs
-var EMPTY_ARRAY = [];
-function useCompositeRoot(params) {
-	const { loopFocus = true, orientation = "both", grid, onLoop, direction, highlightedIndex: externalHighlightedIndex, onHighlightedIndexChange: externalSetHighlightedIndex, rootRef: externalRef, enableHomeAndEndKeys = false, stopEventPropagation, disabledIndices, modifierKeys = EMPTY_ARRAY } = params;
-	const [internalHighlightedIndex, internalSetHighlightedIndex] = import_react.useState(0);
-	const isGrid = grid != null;
-	const rootRef = import_react.useRef(null);
-	const mergedRef = useMergedRefs(rootRef, externalRef);
-	const elementsRef = import_react.useRef([]);
-	const hasSetDefaultIndexRef = import_react.useRef(false);
-	const highlightedIndex = externalHighlightedIndex ?? internalHighlightedIndex;
-	const onHighlightedIndexChange = useStableCallback((index, shouldScrollIntoView = false) => {
-		(externalSetHighlightedIndex ?? internalSetHighlightedIndex)(index);
-		if (shouldScrollIntoView) {
-			const newActiveItem = elementsRef.current[index];
-			scrollIntoViewIfNeeded(rootRef.current, newActiveItem, direction, orientation);
-		}
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/portal/MenuPortalContext.mjs
+var MenuPortalContext = /*#__PURE__*/ import_react.createContext(void 0);
+function useMenuPortalContext() {
+	const value = import_react.useContext(MenuPortalContext);
+	if (value === void 0) throw new Error(formatErrorMessage(32));
+	return value;
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/portal/MenuPortal.mjs
+/**
+* A portal element that moves the popup to a different part of the DOM.
+* By default, the portal element is appended to `<body>`.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
+*/
+var MenuPortal = /*#__PURE__*/ import_react.forwardRef(function MenuPortal(props, forwardedRef) {
+	const { keepMounted = false, ...portalProps } = props;
+	const { store } = useMenuRootContext();
+	if (!(store.useState("mounted") || keepMounted)) return null;
+	return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(MenuPortalContext.Provider, {
+		value: keepMounted,
+		children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(FloatingPortal, {
+			ref: forwardedRef,
+			...portalProps
+		})
 	});
-	const onMapChange = useStableCallback((map) => {
-		if (map.size === 0 || hasSetDefaultIndexRef.current) return;
-		hasSetDefaultIndexRef.current = true;
-		const sortedElements = Array.from(map.keys());
-		const activeItem = sortedElements.find((compositeElement) => compositeElement?.hasAttribute("data-composite-item-active")) ?? null;
-		const activeIndex = activeItem ? map.get(activeItem)?.index ?? -1 : -1;
-		if (activeIndex !== -1) onHighlightedIndexChange(activeIndex);
-		else if (isListIndexDisabled(sortedElements, highlightedIndex, disabledIndices)) {
-			const firstEnabledIndex = findNonDisabledListIndex(sortedElements, { disabledIndices });
-			if (!isIndexOutOfListBounds(sortedElements, firstEnabledIndex)) onHighlightedIndexChange(firstEnabledIndex);
-		}
-		scrollIntoViewIfNeeded(rootRef.current, activeItem, direction, orientation);
+});
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/positioner/MenuPositioner.mjs
+/**
+* Positions the menu popup against the trigger.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
+*/
+var MenuPositioner = /*#__PURE__*/ import_react.forwardRef(function MenuPositioner(componentProps, forwardedRef) {
+	const { anchor: anchorProp, positionMethod: positionMethodProp = "absolute", className, render, side, align: alignProp, sideOffset: sideOffsetProp = 0, alignOffset: alignOffsetProp = 0, collisionBoundary = "clipping-ancestors", collisionPadding = 5, arrowPadding = 5, sticky = false, disableAnchorTracking = false, collisionAvoidance: collisionAvoidanceProp = DROPDOWN_COLLISION_AVOIDANCE, style, ...elementProps } = componentProps;
+	const { store } = useMenuRootContext();
+	const keepMounted = useMenuPortalContext();
+	const contextMenuContext = useContextMenuRootContext(true);
+	const parent = store.useState("parent");
+	const floatingRootContext = store.useState("floatingRootContext");
+	const floatingTreeRoot = store.useState("floatingTreeRoot");
+	const mounted = store.useState("mounted");
+	const open = store.useState("open");
+	const modal = store.useState("modal");
+	const openMethod = store.useState("openMethod");
+	const triggerElement = store.useState("activeTriggerElement");
+	const transitionStatus = store.useState("transitionStatus");
+	const positionerElement = store.useState("positionerElement");
+	const instantType = store.useState("instantType");
+	const adaptiveOrigin = store.useState("adaptiveOrigin");
+	const lastOpenChangeReason = store.useState("lastOpenChangeReason");
+	const floatingNodeId = store.useState("floatingNodeId");
+	const floatingParentNodeId = store.useState("floatingParentNodeId");
+	const domReference = floatingRootContext.useState("domReferenceElement");
+	const previousTriggerRef = import_react.useRef(null);
+	const runOnceAnimationsFinish = useAnimationsFinished(positionerElement);
+	let anchor = anchorProp;
+	let sideOffset = sideOffsetProp;
+	let alignOffset = alignOffsetProp;
+	let align = alignProp;
+	let collisionAvoidance = collisionAvoidanceProp;
+	if (parent.type === "context-menu") {
+		anchor = anchorProp ?? parent.context?.anchor;
+		align = align ?? "start";
+		if (!side && align !== "center") {
+			alignOffset = componentProps.alignOffset ?? 2;
+			sideOffset = componentProps.sideOffset ?? -5;
+		}
+	}
+	let computedSide = side;
+	let computedAlign = align;
+	if (parent.type === "menu") {
+		computedSide = computedSide ?? "inline-end";
+		computedAlign = computedAlign ?? "start";
+		collisionAvoidance = componentProps.collisionAvoidance ?? POPUP_COLLISION_AVOIDANCE;
+	} else if (parent.type === "menubar") {
+		computedSide = computedSide ?? (parent.context.orientation === "vertical" ? "inline-end" : "bottom");
+		computedAlign = computedAlign ?? "start";
+	}
+	const contextMenu = parent.type === "context-menu";
+	const positioner = useAnchorPositioning({
+		anchor,
+		floatingRootContext,
+		positionMethod: contextMenuContext ? "fixed" : positionMethodProp,
+		mounted,
+		side: computedSide,
+		sideOffset,
+		align: computedAlign,
+		alignOffset,
+		arrowPadding: contextMenu ? 0 : arrowPadding,
+		collisionBoundary,
+		collisionPadding,
+		sticky,
+		nodeId: floatingNodeId,
+		keepMounted,
+		disableAnchorTracking,
+		collisionAvoidance,
+		shift: contextMenu ? {
+			crossAxis: !("side" in collisionAvoidance && collisionAvoidance.side === "flip"),
+			rootBoundary: "layoutViewport"
+		} : void 0,
+		externalTree: floatingTreeRoot,
+		adaptiveOrigin
 	});
+	import_react.useEffect(() => {
+		function onMenuOpenChange(details) {
+			if (details.open) {
+				if (details.parentNodeId === floatingNodeId) store.set("hoverEnabled", false);
+				if (details.nodeId !== floatingNodeId && details.parentNodeId === store.select("floatingParentNodeId")) store.setOpen(false, createChangeEventDetails(siblingOpen));
+			}
+		}
+		floatingTreeRoot.events.on("menuopenchange", onMenuOpenChange);
+		return () => {
+			floatingTreeRoot.events.off("menuopenchange", onMenuOpenChange);
+		};
+	}, [
+		store,
+		floatingTreeRoot.events,
+		floatingNodeId
+	]);
+	import_react.useEffect(() => {
+		if (store.select("floatingParentNodeId") == null) return;
+		function onParentClose(details) {
+			if (details.open || details.nodeId !== store.select("floatingParentNodeId")) return;
+			const reason = details.reason ?? "sibling-open";
+			store.setOpen(false, createChangeEventDetails(reason));
+		}
+		floatingTreeRoot.events.on("menuopenchange", onParentClose);
+		return () => {
+			floatingTreeRoot.events.off("menuopenchange", onParentClose);
+		};
+	}, [floatingTreeRoot.events, store]);
+	const closeTimeout = useTimeout();
+	import_react.useEffect(() => {
+		if (!open) closeTimeout.clear();
+	}, [open, closeTimeout]);
+	import_react.useEffect(() => {
+		function onItemHover(event) {
+			if (!open || event.nodeId !== store.select("floatingParentNodeId")) return;
+			if (event.target && triggerElement && triggerElement !== event.target) {
+				const delay = store.select("closeDelay");
+				if (delay > 0) {
+					if (!closeTimeout.isStarted()) closeTimeout.start(delay, () => {
+						store.setOpen(false, createChangeEventDetails(siblingOpen));
+					});
+				} else store.setOpen(false, createChangeEventDetails(siblingOpen));
+			} else closeTimeout.clear();
+		}
+		floatingTreeRoot.events.on("itemhover", onItemHover);
+		return () => {
+			floatingTreeRoot.events.off("itemhover", onItemHover);
+		};
+	}, [
+		floatingTreeRoot.events,
+		open,
+		triggerElement,
+		store,
+		closeTimeout
+	]);
+	import_react.useEffect(() => {
+		const eventDetails = {
+			open,
+			nodeId: floatingNodeId,
+			parentNodeId: floatingParentNodeId,
+			reason: store.select("lastOpenChangeReason")
+		};
+		floatingTreeRoot.events.emit("menuopenchange", eventDetails);
+	}, [
+		floatingTreeRoot.events,
+		open,
+		store,
+		floatingNodeId,
+		floatingParentNodeId
+	]);
 	useIsoLayoutEffect(() => {
-		if (disabledIndices == null || externalHighlightedIndex != null || !hasSetDefaultIndexRef.current) return;
-		const elements = elementsRef.current;
-		if (isListIndexDisabled(elements, highlightedIndex, disabledIndices)) {
-			const firstEnabledIndex = findNonDisabledListIndex(elements, { disabledIndices });
-			if (!isIndexOutOfListBounds(elements, firstEnabledIndex)) onHighlightedIndexChange(firstEnabledIndex);
+		const currentTrigger = domReference;
+		const previousTrigger = previousTriggerRef.current;
+		if (currentTrigger) previousTriggerRef.current = currentTrigger;
+		if (previousTrigger && currentTrigger && currentTrigger !== previousTrigger) {
+			store.set("instantType", void 0);
+			const abortController = new AbortController();
+			runOnceAnimationsFinish(() => {
+				store.set("instantType", "trigger-change");
+			}, abortController.signal);
+			return () => {
+				abortController.abort();
+			};
 		}
 	}, [
-		disabledIndices,
-		externalHighlightedIndex,
-		highlightedIndex,
-		elementsRef,
-		onHighlightedIndexChange
+		domReference,
+		runOnceAnimationsFinish,
+		store
 	]);
-	const wrappedOnLoop = useStableCallback((event, prevIndex, nextIndex) => {
-		if (!onLoop) return nextIndex;
-		return onLoop(event, prevIndex, nextIndex, elementsRef);
+	const state = {
+		open,
+		side: positioner.side,
+		align: positioner.align,
+		anchorHidden: positioner.anchorHidden,
+		nested: parent.type === "menu",
+		instant: instantType
+	};
+	const menubarModal = parent.type === "menubar" && parent.context.modal;
+	useAnchoredPopupScrollLock(open && (menubarModal || modal && lastOpenChangeReason !== "trigger-hover"), openMethod === "touch", positionerElement, triggerElement);
+	const element = usePositioner(componentProps, state, {
+		styles: positioner.positionerStyles,
+		transitionStatus,
+		props: elementProps,
+		refs: [forwardedRef, store.useStateSetter("positionerElement")],
+		hidden: !mounted,
+		inert: !open
 	});
-	const onKeyDown = useStableCallback((event) => {
-		const isHomeOrEnd = event.key === "Home" || event.key === "End";
-		if (!COMPOSITE_KEYS.has(event.key) || !enableHomeAndEndKeys && isHomeOrEnd) return;
-		if (isModifierKeySet(event, modifierKeys)) return;
-		if (!rootRef.current) return;
-		const isRtl = direction === "rtl";
-		const horizontalForwardKey = isRtl ? ARROW_LEFT : ARROW_RIGHT;
-		const horizontalBackwardKey = isRtl ? ARROW_RIGHT : ARROW_LEFT;
-		const forwardKey = orientation === "vertical" ? ARROW_DOWN : horizontalForwardKey;
-		const backwardKey = orientation === "vertical" ? ARROW_UP : horizontalBackwardKey;
-		const target = getTarget(event.nativeEvent);
-		if (target != null && isNativeInput(target) && !isElementDisabled(target)) {
-			const selectionStart = target.selectionStart;
-			const selectionEnd = target.selectionEnd;
-			const textContent = target.value;
-			if (selectionStart == null || event.shiftKey || selectionStart !== selectionEnd) return;
-			if (event.key !== backwardKey && selectionStart < textContent.length) return;
-			if (event.key !== forwardKey && selectionStart > 0) return;
-		}
-		let nextIndex = highlightedIndex;
-		const minIndex = getMinListIndex(elementsRef, disabledIndices);
-		const maxIndex = getMaxListIndex(elementsRef, disabledIndices);
-		if (grid != null) nextIndex = grid({
-			disabledIndices,
-			elementsRef,
-			event,
-			highlightedIndex,
-			loopFocus,
-			maxIndex,
-			minIndex,
-			onLoop: wrappedOnLoop,
-			orientation,
-			rtl: isRtl
+	const shouldRenderBackdrop = mounted && parent.type !== "menu" && (parent.type !== "menubar" && modal && lastOpenChangeReason !== "trigger-hover" || parent.type === "menubar" && parent.context.modal);
+	let backdropCutout = null;
+	if (parent.type === "menubar") backdropCutout = parent.context.contentElement;
+	else if (parent.type === void 0) backdropCutout = triggerElement;
+	return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(MenuPositionerContext.Provider, {
+		value: positioner,
+		children: [shouldRenderBackdrop && /*#__PURE__*/ (0, import_jsx_runtime.jsx)(InternalBackdrop, {
+			ref: parent.type === "context-menu" || parent.type === "nested-context-menu" ? parent.context.internalBackdropRef : null,
+			inert: inertValue(!open),
+			cutout: backdropCutout
+		}), /*#__PURE__*/ (0, import_jsx_runtime.jsx)(FloatingNode, {
+			id: floatingNodeId,
+			children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CompositeList, {
+				elementsRef: store.context.itemDomElements,
+				labelsRef: store.context.itemLabels,
+				children: element
+			})
+		})]
+	});
+});
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menubar/MenubarContext.mjs
+var MenubarContext = /*#__PURE__*/ import_react.createContext(null);
+function useMenubarContext(optional) {
+	const context = import_react.useContext(MenubarContext);
+	if (context === null && !optional) throw new Error(formatErrorMessage(5));
+	return context;
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/store/MenuStore.mjs
+var selectors = {
+	...popupStoreSelectors,
+	disabled: (state) => state.parent.type === "menubar" ? state.parent.context.disabled || state.disabled : state.disabled,
+	modal: (state) => (state.parent.type === void 0 || state.parent.type === "context-menu") && (state.modal ?? true),
+	openMethod: (state) => state.openMethod,
+	allowMouseEnter: (state) => state.allowMouseEnter,
+	highlightItemOnHover: (state) => state.highlightItemOnHover,
+	parent: (state) => state.parent,
+	rootId: (state) => {
+		if (state.parent.type === "menu") return state.parent.store.select("rootId");
+		return state.parent.type !== void 0 ? state.parent.context.rootId : state.rootId;
+	},
+	activeIndex: (state) => state.activeIndex,
+	isActive: (state, itemIndex) => state.activeIndex === itemIndex,
+	hoverEnabled: (state) => state.hoverEnabled,
+	instantType: (state) => state.instantType,
+	lastOpenChangeReason: (state) => state.openChangeReason,
+	floatingTreeRoot: (state) => {
+		if (state.parent.type === "menu") return state.parent.store.select("floatingTreeRoot");
+		return state.floatingTreeRoot;
+	},
+	floatingNodeId: (state) => state.floatingNodeId,
+	floatingParentNodeId: (state) => state.floatingParentNodeId,
+	itemProps: (state) => state.itemProps,
+	closeDelay: (state) => state.closeDelay,
+	adaptiveOrigin: (state) => state.adaptiveOrigin,
+	keyboardEventRelay: (state) => {
+		if (state.keyboardEventRelay) return state.keyboardEventRelay;
+		if (state.parent.type === "menu") return state.parent.store.select("keyboardEventRelay");
+	}
+};
+/**
+* The store view that detached handle-backed triggers read from. Both the real `MenuStore` and the
+* inert fallback store satisfy it, so a trigger can read from whichever store the handle currently
+* exposes. Narrowed to the members a trigger actually uses — the trigger-data members plus `setOpen`
+* (called by the focus guards) — so the exposed surface can't bypass the open-change pipeline; on
+* the detached fallback store every one of these mutations is a no-op.
+*/
+var MenuStore = class extends ReactStore {
+	constructor(initialState) {
+		super({
+			...createInitialState(),
+			...initialState
+		}, createInitialContext(), selectors);
+		this.unsubscribeParentListener = this.observe("parent", (parent) => {
+			this.unsubscribeParentListener?.();
+			if (parent.type === "menu") {
+				let rootId = parent.store.select("rootId");
+				let floatingTreeRoot = parent.store.select("floatingTreeRoot");
+				let keyboardEventRelay = parent.store.select("keyboardEventRelay");
+				this.unsubscribeParentListener = parent.store.subscribe(() => {
+					const nextRootId = parent.store.select("rootId");
+					const nextFloatingTreeRoot = parent.store.select("floatingTreeRoot");
+					const nextKeyboardEventRelay = parent.store.select("keyboardEventRelay");
+					if (rootId === nextRootId && floatingTreeRoot === nextFloatingTreeRoot && keyboardEventRelay === nextKeyboardEventRelay) return;
+					rootId = nextRootId;
+					floatingTreeRoot = nextFloatingTreeRoot;
+					keyboardEventRelay = nextKeyboardEventRelay;
+					this.notifyAll();
+				});
+				this.context.allowMouseUpTriggerRef = parent.store.context.allowMouseUpTriggerRef;
+				return;
+			}
+			if (parent.type !== void 0) this.context.allowMouseUpTriggerRef = parent.context.allowMouseUpTriggerRef;
+			this.unsubscribeParentListener = null;
 		});
-		const isForwardKey = orientation !== "vertical" && event.key === horizontalForwardKey || orientation !== "horizontal" && event.key === "ArrowDown";
-		const isBackwardKey = orientation !== "vertical" && event.key === horizontalBackwardKey || orientation !== "horizontal" && event.key === "ArrowUp";
-		if (enableHomeAndEndKeys) {
-			if (event.key === "Home") nextIndex = minIndex;
-			else if (event.key === "End") nextIndex = maxIndex;
-		}
-		if (nextIndex === highlightedIndex && (isForwardKey || isBackwardKey)) {
-			if (loopFocus && nextIndex === maxIndex && isForwardKey) {
-				nextIndex = minIndex;
-				if (onLoop) nextIndex = onLoop(event, highlightedIndex, nextIndex, elementsRef);
-			} else if (loopFocus && nextIndex === minIndex && isBackwardKey) {
-				nextIndex = maxIndex;
-				if (onLoop) nextIndex = onLoop(event, highlightedIndex, nextIndex, elementsRef);
-			} else nextIndex = findNonDisabledListIndex(elementsRef.current, {
-				startingIndex: nextIndex,
-				decrement: isBackwardKey,
-				disabledIndices
-			});
+	}
+	setOpen(open, eventDetails) {
+		this.state.floatingRootContext.context.events.emit("setOpen", {
+			open,
+			eventDetails
+		});
+	}
+	unsubscribeParentListener = null;
+};
+function createInitialContext() {
+	return {
+		positionerRef: /*#__PURE__*/ import_react.createRef(),
+		popupRef: /*#__PURE__*/ import_react.createRef(),
+		typingRef: { current: false },
+		itemDomElements: { current: [] },
+		itemLabels: { current: [] },
+		allowMouseUpTriggerRef: { current: false },
+		triggerFocusTargetRef: /*#__PURE__*/ import_react.createRef(),
+		beforeContentFocusGuardRef: /*#__PURE__*/ import_react.createRef(),
+		onOpenChangeComplete: void 0,
+		triggerElements: new PopupTriggerMap()
+	};
+}
+function createInitialState() {
+	return {
+		...createInitialPopupStoreState(),
+		disabled: false,
+		modal: true,
+		openMethod: null,
+		allowMouseEnter: false,
+		highlightItemOnHover: true,
+		parent: { type: void 0 },
+		rootId: void 0,
+		activeIndex: null,
+		hoverEnabled: true,
+		instantType: void 0,
+		openChangeReason: null,
+		floatingTreeRoot: new FloatingTreeStore(),
+		floatingNodeId: void 0,
+		floatingParentNodeId: null,
+		itemProps: EMPTY_OBJECT,
+		keyboardEventRelay: void 0,
+		closeDelay: 0,
+		adaptiveOrigin: void 0
+	};
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/submenu-root/MenuSubmenuRootContext.mjs
+var MenuSubmenuRootContext = /*#__PURE__*/ import_react.createContext(void 0);
+function useMenuSubmenuRootContext() {
+	return import_react.useContext(MenuSubmenuRootContext);
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/root/MenuRoot.mjs
+/**
+* Groups all parts of the menu.
+* Doesn't render its own HTML element.
+*
+* Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
+*/
+var MenuRoot = fastComponent(function MenuRoot(props) {
+	const { children, open: openProp, onOpenChange, onOpenChangeComplete, defaultOpen = false, disabled: disabledProp = false, modal: modalProp, loopFocus = true, orientation = "vertical", actionsRef, closeParentOnEsc = false, handle, triggerId: triggerIdProp, defaultTriggerId: defaultTriggerIdProp = null, highlightItemOnHover = true } = props;
+	const contextMenuContext = useContextMenuRootContext(true);
+	const parentMenuRootContext = useMenuRootContext(true);
+	const menubarContext = useMenubarContext(true);
+	const isSubmenu = useMenuSubmenuRootContext();
+	const parentFromContext = import_react.useMemo(() => {
+		if (isSubmenu && parentMenuRootContext) return {
+			type: "menu",
+			store: parentMenuRootContext.store
+		};
+		if (menubarContext) return {
+			type: "menubar",
+			context: menubarContext
+		};
+		if (contextMenuContext && !parentMenuRootContext) return {
+			type: "context-menu",
+			context: contextMenuContext
+		};
+		return { type: void 0 };
+	}, [
+		contextMenuContext,
+		parentMenuRootContext,
+		menubarContext,
+		isSubmenu
+	]);
+	const store = useMenuRootStore({
+		open: defaultOpen,
+		openProp,
+		activeTriggerId: defaultTriggerIdProp,
+		triggerIdProp,
+		parent: parentFromContext
+	});
+	store.useControlledProp("openProp", openProp);
+	store.useControlledProp("triggerIdProp", triggerIdProp);
+	store.useContextCallback("onOpenChangeComplete", onOpenChangeComplete);
+	const rootId = useId();
+	const floatingId = useId();
+	const floatingTreeRoot = store.useState("floatingTreeRoot");
+	const floatingNodeIdFromContext = useFloatingNodeId(floatingTreeRoot);
+	const floatingParentNodeIdFromContext = useFloatingParentNodeId();
+	const open = store.useState("open");
+	const activeTriggerElement = store.useState("activeTriggerElement");
+	const positionerElement = store.useState("positionerElement");
+	const hoverEnabled = store.useState("hoverEnabled");
+	const disabled = store.useState("disabled");
+	const lastOpenChangeReason = store.useState("lastOpenChangeReason");
+	const parent = store.useState("parent");
+	const activeIndex = store.useState("activeIndex");
+	const payload = store.useState("payload");
+	const floatingParentNodeId = store.useState("floatingParentNodeId");
+	const openEventRef = import_react.useRef(null);
+	const allowOutsidePressDismissalRef = import_react.useRef(parent.type !== "context-menu");
+	const allowOutsidePressDismissalTimeout = useTimeout();
+	const allowTouchToCloseRef = import_react.useRef(true);
+	const allowTouchToCloseTimeout = useTimeout();
+	const nested = floatingParentNodeId != null;
+	const { openMethod, triggerProps: interactionTypeProps } = useOpenInteractionType(open);
+	store.useSyncedValues({
+		disabled: disabledProp,
+		highlightItemOnHover,
+		modal: parent.type === void 0 ? modalProp : void 0,
+		openMethod,
+		rootId
+	});
+	useImplicitActiveTrigger(store);
+	const { forceUnmount } = useOpenStateTransitions(open, store, () => {
+		store.set("allowMouseEnter", false);
+	});
+	useIsoLayoutEffect(() => {
+		if (contextMenuContext && !parentMenuRootContext) store.update({
+			parent: {
+				type: "context-menu",
+				context: contextMenuContext
+			},
+			floatingNodeId: floatingNodeIdFromContext,
+			floatingParentNodeId: floatingParentNodeIdFromContext
+		});
+		else if (parentMenuRootContext) store.update({
+			floatingNodeId: floatingNodeIdFromContext,
+			floatingParentNodeId: floatingParentNodeIdFromContext
+		});
+	}, [
+		contextMenuContext,
+		parentMenuRootContext,
+		floatingNodeIdFromContext,
+		floatingParentNodeIdFromContext,
+		store
+	]);
+	import_react.useEffect(() => {
+		if (!open) openEventRef.current = null;
+		if (parent.type !== "context-menu") return;
+		if (!open) {
+			allowOutsidePressDismissalTimeout.clear();
+			allowOutsidePressDismissalRef.current = false;
+			return;
 		}
-		if (nextIndex !== highlightedIndex && !isIndexOutOfListBounds(elementsRef.current, nextIndex)) {
-			if (stopEventPropagation) event.stopPropagation();
-			if (isGrid || isHomeOrEnd || isForwardKey || isBackwardKey) event.preventDefault();
-			onHighlightedIndexChange(nextIndex, true);
-			queueMicrotask(() => {
-				elementsRef.current[nextIndex]?.focus();
+		allowOutsidePressDismissalTimeout.start(500, () => {
+			allowOutsidePressDismissalRef.current = true;
+		});
+	}, [
+		allowOutsidePressDismissalTimeout,
+		open,
+		parent.type
+	]);
+	useIsoLayoutEffect(() => {
+		if (!open && !hoverEnabled) store.set("hoverEnabled", true);
+	}, [
+		open,
+		hoverEnabled,
+		store
+	]);
+	const setOpen = useStableCallback((nextOpen, eventDetails) => {
+		const reason = eventDetails.reason;
+		if (!nextOpen && !store.select("open")) return;
+		if (open === nextOpen && eventDetails.trigger === activeTriggerElement && lastOpenChangeReason === reason) return;
+		const shouldPreventUnmountOnClose = attachPreventUnmountOnClose(eventDetails);
+		if (!nextOpen && eventDetails.trigger == null) eventDetails.trigger = activeTriggerElement ?? void 0;
+		onOpenChange?.(nextOpen, eventDetails);
+		if (eventDetails.isCanceled) return;
+		store.state.floatingRootContext.dispatchOpenChange(nextOpen, eventDetails);
+		const nativeEvent = eventDetails.event;
+		if (nextOpen === false && nativeEvent?.type === "click" && nativeEvent.pointerType === "touch" && !allowTouchToCloseRef.current) return;
+		if (nextOpen && reason === "trigger-focus") {
+			allowTouchToCloseRef.current = false;
+			allowTouchToCloseTimeout.start(300, () => {
+				allowTouchToCloseRef.current = true;
 			});
+		} else {
+			allowTouchToCloseRef.current = true;
+			allowTouchToCloseTimeout.clear();
 		}
+		const isKeyboardClick = (reason === "trigger-press" || reason === "item-press") && nativeEvent.detail === 0;
+		const isDismissClose = !nextOpen && (reason === "escape-key" || reason == null);
+		const updatedState = {
+			open: nextOpen,
+			openChangeReason: reason
+		};
+		openEventRef.current = eventDetails.event;
+		setPopupOpenState(updatedState, nextOpen, eventDetails.trigger, shouldPreventUnmountOnClose());
+		store.update(updatedState);
+		if (parent.type === "menubar" && (reason === "trigger-focus" || reason === "focus-out" || reason === "trigger-hover" || reason === "list-navigation" || reason === "sibling-open")) store.set("instantType", "group");
+		else if (isKeyboardClick || isDismissClose) store.set("instantType", isKeyboardClick ? "click" : "dismiss");
+		else store.set("instantType", void 0);
+	});
+	const floatingRootContext = useSyncedFloatingRootContext({
+		popupStore: store,
+		floatingId,
+		nested: floatingParentNodeIdFromContext != null,
+		onOpenChange: setOpen
+	});
+	const floatingEvents = floatingRootContext.context.events;
+	useIsoLayoutEffect(() => {
+		const handleSetOpenEvent = ({ open: nextOpen, eventDetails }) => setOpen(nextOpen, eventDetails);
+		floatingEvents.on("setOpen", handleSetOpenEvent);
+		return () => {
+			floatingEvents?.off("setOpen", handleSetOpenEvent);
+		};
+	}, [floatingEvents, setOpen]);
+	const handleImperativeClose = import_react.useCallback(() => {
+		store.setOpen(false, createChangeEventDetails(imperativeAction));
+	}, [store]);
+	import_react.useImperativeHandle(actionsRef, () => ({
+		unmount: forceUnmount,
+		close: handleImperativeClose
+	}), [forceUnmount, handleImperativeClose]);
+	let ctx;
+	if (parent.type === "context-menu") ctx = parent.context;
+	import_react.useImperativeHandle(ctx?.positionerRef, () => positionerElement, [positionerElement]);
+	import_react.useImperativeHandle(ctx?.actionsRef, () => ({ setOpen }), [setOpen]);
+	const dismiss = useDismiss(floatingRootContext, {
+		enabled: !disabled,
+		bubbles: { escapeKey: closeParentOnEsc && parent.type === "menu" },
+		outsidePress() {
+			if (parent.type !== "context-menu" || openEventRef.current?.type === "contextmenu") return true;
+			return allowOutsidePressDismissalRef.current;
+		},
+		externalTree: nested ? floatingTreeRoot : void 0
+	});
+	const direction = useDirection();
+	const setActiveIndex = import_react.useCallback((index) => {
+		if (store.select("activeIndex") === index) return;
+		store.set("activeIndex", index);
+	}, [store]);
+	const listNavigation$1 = useListNavigation(floatingRootContext, {
+		enabled: !disabled,
+		listRef: store.context.itemDomElements,
+		activeIndex,
+		nested: parent.type !== void 0,
+		loopFocus,
+		orientation,
+		parentOrientation: parent.type === "menubar" ? parent.context.orientation : void 0,
+		rtl: direction === "rtl",
+		disabledIndices: EMPTY_ARRAY,
+		onNavigate: setActiveIndex,
+		openOnArrowKeyDown: parent.type !== "context-menu",
+		externalTree: nested ? floatingTreeRoot : void 0,
+		focusItemOnHover: highlightItemOnHover
 	});
+	const onTyping = import_react.useCallback((nextTyping) => {
+		store.context.typingRef.current = nextTyping;
+	}, [store]);
+	const typeahead = useTypeahead(floatingRootContext, {
+		enabled: !disabled,
+		listRef: store.context.itemLabels,
+		elementsRef: store.context.itemDomElements,
+		activeIndex,
+		resetMs: 500,
+		onMatch: (index) => {
+			if (open && index !== activeIndex) store.set("activeIndex", index);
+		},
+		onTyping
+	});
+	usePopupInteractionProps(store, {
+		floatingRootContext,
+		activeTriggerProps: import_react.useMemo(() => {
+			const mergedProps = mergeProps(typeahead.reference, listNavigation$1.reference, dismiss.reference, { onMouseMove() {
+				store.set("allowMouseEnter", true);
+			} }, interactionTypeProps);
+			mergedProps["aria-haspopup"] = "menu";
+			mergedProps["aria-expanded"] = open;
+			return mergedProps;
+		}, [
+			store,
+			typeahead.reference,
+			listNavigation$1.reference,
+			dismiss.reference,
+			interactionTypeProps,
+			open
+		]),
+		inactiveTriggerProps: import_react.useMemo(() => {
+			const mergedProps = mergeProps(listNavigation$1.trigger, dismiss.trigger, interactionTypeProps);
+			mergedProps["aria-haspopup"] = "menu";
+			mergedProps["aria-expanded"] = false;
+			return mergedProps;
+		}, [
+			listNavigation$1.trigger,
+			dismiss.trigger,
+			interactionTypeProps
+		]),
+		popupProps: import_react.useMemo(() => mergeProps(FOCUSABLE_POPUP_PROPS, {
+			id: floatingId,
+			role: "menu",
+			"aria-labelledby": activeTriggerElement?.id,
+			onMouseMove() {
+				store.set("allowMouseEnter", true);
+				if (parent.type === "menu") store.set("hoverEnabled", false);
+			},
+			onClick() {
+				if (store.select("hoverEnabled")) store.set("hoverEnabled", false);
+			},
+			onKeyDown(event) {
+				const relay = store.select("keyboardEventRelay");
+				if (relay && !event.isPropagationStopped()) relay(event);
+			}
+		}, typeahead.floating, listNavigation$1.floating, dismiss.floating), [
+			activeTriggerElement,
+			floatingId,
+			parent.type,
+			store,
+			typeahead.floating,
+			listNavigation$1.floating,
+			dismiss.floating
+		]),
+		itemProps: listNavigation$1.item ?? EMPTY_OBJECT
+	});
+	const context = import_react.useMemo(() => ({
+		store,
+		parent: parentFromContext
+	}), [store, parentFromContext]);
+	const content = /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(MenuRootContext.Provider, {
+		value: context,
+		children: [handle && /*#__PURE__*/ (0, import_jsx_runtime.jsx)(PopupHandleAttachment, {
+			handle,
+			store
+		}), typeof children === "function" ? children({ payload }) : children]
+	});
+	if (parent.type === void 0 || parent.type === "context-menu") return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(FloatingTree, {
+		externalTree: floatingTreeRoot,
+		children: content
+	});
+	return content;
+});
+function useMenuRootStore(initialState) {
+	return useRefWithInit(() => new MenuStore(initialState)).current;
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/internals/composite/item/useCompositeItem.mjs
+function useCompositeItem(params = {}) {
+	const { highlightItemOnHover, highlightedIndex, onHighlightedIndexChange } = useCompositeRootContext();
+	const { ref, index } = useCompositeListItem(params);
+	const isHighlighted = highlightedIndex === index;
+	const itemRef = import_react.useRef(null);
+	const mergedRef = useMergedRefs(ref, itemRef);
 	return {
-		props: {
-			ref: mergedRef,
-			onFocus(event) {
-				const element = rootRef.current;
-				const target = getTarget(event.nativeEvent);
-				if (!element || target == null || !isNativeInput(target)) return;
-				target.setSelectionRange(0, target.value.length);
+		compositeProps: {
+			tabIndex: isHighlighted ? 0 : -1,
+			onFocus() {
+				onHighlightedIndexChange(index);
 			},
-			onKeyDown
+			onMouseMove() {
+				const item = itemRef.current;
+				if (!highlightItemOnHover || !item) return;
+				const disabled = item.hasAttribute("disabled") || item.ariaDisabled === "true";
+				if (!isHighlighted && !disabled) item.focus();
+			}
 		},
-		highlightedIndex,
-		onHighlightedIndexChange,
-		elementsRef,
-		onMapChange,
-		relayKeyboardEvent: onKeyDown
+		compositeRef: mergedRef,
+		index
 	};
 }
-function isModifierKeySet(event, ignoredModifierKeys) {
-	for (const key of MODIFIER_KEYS) {
-		if (ignoredModifierKeys.includes(key)) continue;
-		if (event.getModifierState(key)) return true;
-	}
-	return false;
-}
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/internals/composite/root/CompositeRoot.mjs
-function CompositeRoot(componentProps) {
-	const { render, className, style, refs = EMPTY_ARRAY$1, props = EMPTY_ARRAY$1, state = EMPTY_OBJECT, stateAttributesMapping, highlightedIndex: highlightedIndexProp, onHighlightedIndexChange: onHighlightedIndexChangeProp, orientation, grid, loopFocus, onLoop, enableHomeAndEndKeys, onMapChange: onMapChangeProp, stopEventPropagation = true, rootRef, disabledIndices, modifierKeys, highlightItemOnHover = false, tag = "div", ...elementProps } = componentProps;
-	const { props: defaultProps, highlightedIndex, onHighlightedIndexChange, elementsRef, onMapChange: onMapChangeUnwrapped, relayKeyboardEvent } = useCompositeRoot({
-		grid,
-		loopFocus,
-		onLoop,
-		orientation,
-		highlightedIndex: highlightedIndexProp,
-		onHighlightedIndexChange: onHighlightedIndexChangeProp,
-		rootRef,
-		stopEventPropagation,
-		enableHomeAndEndKeys,
-		direction: useDirection(),
-		disabledIndices,
-		modifierKeys
-	});
-	const element = useRenderElement(tag, componentProps, {
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/internals/composite/item/CompositeItem.mjs
+function CompositeItem(componentProps) {
+	const { render, className, style, state = EMPTY_OBJECT, props = EMPTY_ARRAY, refs = EMPTY_ARRAY, metadata, stateAttributesMapping, tag = "div", ...elementProps } = componentProps;
+	const { compositeProps, compositeRef } = useCompositeItem({ metadata });
+	return useRenderElement(tag, componentProps, {
 		state,
-		ref: refs,
+		ref: [compositeRef, ...refs],
 		props: [
-			defaultProps,
+			compositeProps,
 			...props,
 			elementProps
 		],
 		stateAttributesMapping
 	});
-	const contextValue = import_react.useMemo(() => ({
-		highlightedIndex,
-		onHighlightedIndexChange,
-		highlightItemOnHover,
-		relayKeyboardEvent
-	}), [
-		highlightedIndex,
-		onHighlightedIndexChange,
-		highlightItemOnHover,
-		relayKeyboardEvent
-	]);
-	return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CompositeRootContext.Provider, {
-		value: contextValue,
-		children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CompositeList, {
-			elementsRef,
-			onMapChange: (newMap) => {
-				onMapChangeProp?.(newMap);
-				onMapChangeUnwrapped(newMap);
-			},
-			children: element
-		})
-	});
 }
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/tabs/list/TabsList.mjs
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/utils/findRootOwnerId.mjs
+function findRootOwnerId(node) {
+	if (isHTMLElement(node) && node.hasAttribute("data-rootownerid")) return node.getAttribute("data-rootownerid");
+	if (isLastTraversableNode(node)) return;
+	return findRootOwnerId(getParentNode(node));
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/utils/popups/useTriggerFocusGuards.mjs
 /**
-* Groups the individual tab buttons.
-* Renders a `<div>` element.
+* Minimal store interface required by the focus guard hook.
+* Both PopoverStore and MenuStore satisfy this interface.
+*/
+/**
+* Provides focus guard handlers for popup triggers (Popover, Menu).
 *
-* Documentation: [Base UI Tabs](https://base-ui.com/react/components/tabs)
-*/
-var TabsList = /*#__PURE__*/ import_react.forwardRef(function TabsList(componentProps, forwardedRef) {
-	const { activateOnFocus = false, className, loopFocus = true, render, style, ...elementProps } = componentProps;
-	const { orientation, setTabMap, tabActivationDirection } = useTabsRootContext();
-	const [highlightedTabIndex, setHighlightedTabIndex] = import_react.useState(0);
-	const [tabsListElement, setTabsListElement] = import_react.useState(null);
-	const indicatorUpdateListenersRef = import_react.useRef(/* @__PURE__ */ new Set());
-	const tabResizeObserverElementsRef = import_react.useRef(/* @__PURE__ */ new Set());
-	const resizeObserverRef = import_react.useRef(null);
-	useIsoLayoutEffect(() => {
-		if (typeof ResizeObserver === "undefined") return;
-		const resizeObserver = new ResizeObserver(() => {
-			indicatorUpdateListenersRef.current.forEach((listener) => {
-				listener();
-			});
+* When the popup is open, invisible focus guard elements are placed before and after
+* the trigger. These handlers close the popup and move focus to the appropriate
+* tabbable element when the guards receive focus (i.e. when the user tabs out).
+*/
+function useTriggerFocusGuards(store, triggerElementRef) {
+	const preFocusGuardRef = import_react.useRef(null);
+	function handlePreFocusGuardFocus(event) {
+		import_react_dom.flushSync(() => {
+			store.setOpen(false, createChangeEventDetails(focusOut, event.nativeEvent, event.currentTarget));
 		});
-		resizeObserverRef.current = resizeObserver;
-		if (tabsListElement) resizeObserver.observe(tabsListElement);
-		tabResizeObserverElementsRef.current.forEach((element) => {
-			resizeObserver.observe(element);
-		});
-		return () => {
-			resizeObserver.disconnect();
-			resizeObserverRef.current = null;
-		};
-	}, [tabsListElement]);
-	const registerIndicatorUpdateListener = useStableCallback((listener) => {
-		indicatorUpdateListenersRef.current.add(listener);
-		return () => {
-			indicatorUpdateListenersRef.current.delete(listener);
+		getTabbableBeforeElement(preFocusGuardRef.current)?.focus();
+	}
+	function handleFocusTargetFocus(event) {
+		const positionerElement = store.select("positionerElement");
+		if (positionerElement && isOutsideEvent(event, positionerElement)) store.context.beforeContentFocusGuardRef.current?.focus();
+		else {
+			import_react_dom.flushSync(() => {
+				store.setOpen(false, createChangeEventDetails(focusOut, event.nativeEvent, event.currentTarget));
+			});
+			let nextTabbable = getTabbableAfterElement(store.context.triggerFocusTargetRef.current || triggerElementRef.current);
+			while (nextTabbable !== null && contains(positionerElement, nextTabbable)) {
+				const prevTabbable = nextTabbable;
+				nextTabbable = getNextTabbable(nextTabbable);
+				if (nextTabbable === prevTabbable) break;
+			}
+			nextTabbable?.focus();
+		}
+	}
+	return {
+		preFocusGuardRef,
+		handlePreFocusGuardFocus,
+		handleFocusTargetFocus
+	};
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/utils/useMixedToggleClickHandler.mjs
+/**
+* Returns `click` and `mousedown` handlers that fix the behavior of triggers of popups that are toggled by different events.
+* For example, a button that opens a popup on mousedown and closes it on click.
+* This hook prevents the popup from closing immediately after the mouse button is released.
+*/
+function useMixedToggleClickHandler(params) {
+	const { enabled = true, mouseDownAction, open } = params;
+	const ignoreClickRef = import_react.useRef(false);
+	return import_react.useMemo(() => {
+		if (!enabled) return EMPTY_OBJECT;
+		return {
+			onMouseDown: (event) => {
+				if (mouseDownAction === "open" && !open || mouseDownAction === "close" && open) {
+					ignoreClickRef.current = true;
+					ownerDocument(event.currentTarget).addEventListener("click", () => {
+						ignoreClickRef.current = false;
+					}, { once: true });
+				}
+			},
+			onClick: (event) => {
+				if (ignoreClickRef.current) {
+					ignoreClickRef.current = false;
+					event.preventBaseUIHandler();
+				}
+			}
 		};
+	}, [
+		enabled,
+		mouseDownAction,
+		open
+	]);
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/menu/trigger/MenuTrigger.mjs
+/**
+* A button that opens the menu.
+* Renders a `<button>` element.
+*
+* Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
+*/
+var MenuTrigger = fastComponentRef(function MenuTrigger(componentProps, forwardedRef) {
+	const { render, className, style, disabled: disabledProp = false, nativeButton = true, id: idProp, openOnHover: openOnHoverProp, delay = 100, closeDelay = 0, handle, payload, ...elementProps } = componentProps;
+	const rootContext = useMenuRootContext(true);
+	const store = usePopupHandleStore(handle) ?? rootContext?.store;
+	if (!store) throw new Error(formatErrorMessage(85));
+	const thisTriggerId = useBaseUiId(idProp);
+	const isTriggerActive = store.useState("isTriggerActive", thisTriggerId);
+	const floatingRootContext = store.useState("floatingRootContext");
+	const isOpenedByThisTrigger = store.useState("isOpenedByTrigger", thisTriggerId);
+	const popupId = store.useState("triggerPopupId", thisTriggerId);
+	const triggerElementRef = import_react.useRef(null);
+	const parent = useMenuParent();
+	const compositeRootContext = useCompositeRootContext(true);
+	const floatingTreeRootFromContext = useFloatingTree();
+	const floatingTreeRoot = import_react.useMemo(() => {
+		return floatingTreeRootFromContext ?? new FloatingTreeStore();
+	}, [floatingTreeRootFromContext]);
+	const { registerTrigger, isMountedByThisTrigger } = useTriggerDataForwarding(thisTriggerId, triggerElementRef, store, {
+		payload,
+		closeDelay,
+		parent,
+		floatingTreeRoot,
+		floatingNodeId: useFloatingNodeId(floatingTreeRoot),
+		floatingParentNodeId: useFloatingParentNodeId(),
+		keyboardEventRelay: compositeRootContext?.relayKeyboardEvent
+	});
+	const isInMenubar = parent.type === "menubar";
+	const rootDisabled = store.useState("disabled");
+	const disabled = disabledProp || rootDisabled || isInMenubar && parent.context.disabled;
+	const { getButtonProps, buttonRef } = useButton({
+		disabled,
+		native: nativeButton
 	});
-	const registerTabResizeObserverElement = useStableCallback((element) => {
-		tabResizeObserverElementsRef.current.add(element);
-		resizeObserverRef.current?.observe(element);
-		return () => {
-			tabResizeObserverElementsRef.current.delete(element);
-			resizeObserverRef.current?.unobserve(element);
-		};
+	import_react.useEffect(() => {
+		if (!isOpenedByThisTrigger && parent.type === void 0) store.context.allowMouseUpTriggerRef.current = false;
+	}, [
+		store,
+		isOpenedByThisTrigger,
+		parent.type
+	]);
+	const triggerRef = import_react.useRef(null);
+	const allowMouseUpTriggerTimeout = useTimeout();
+	const handleDocumentMouseUp = useStableCallback((mouseEvent) => {
+		if (!triggerRef.current) return;
+		allowMouseUpTriggerTimeout.clear();
+		store.context.allowMouseUpTriggerRef.current = false;
+		const mouseUpTarget = mouseEvent.target;
+		if (contains(triggerRef.current, mouseUpTarget) || contains(store.select("positionerElement"), mouseUpTarget) || mouseUpTarget === triggerRef.current) return;
+		if (mouseUpTarget != null && findRootOwnerId(mouseUpTarget) === store.select("rootId")) return;
+		if (isMouseWithinBounds(mouseEvent, triggerRef.current)) return;
+		floatingTreeRoot.events.emit("close", {
+			domEvent: mouseEvent,
+			reason: cancelOpen
+		});
+	});
+	import_react.useEffect(() => {
+		if (isOpenedByThisTrigger && store.select("lastOpenChangeReason") === "trigger-hover") ownerDocument(triggerRef.current).addEventListener("mouseup", handleDocumentMouseUp, { once: true });
+	}, [
+		isOpenedByThisTrigger,
+		handleDocumentMouseUp,
+		store
+	]);
+	const parentMenubarHasSubmenuOpen = isInMenubar && parent.context.hasSubmenuOpen;
+	const hoverProps = useHoverReferenceInteraction(floatingRootContext, {
+		enabled: (openOnHoverProp ?? parentMenubarHasSubmenuOpen) && !disabled && (!isInMenubar || parentMenubarHasSubmenuOpen && !isMountedByThisTrigger),
+		handleClose: safePolygon({ blockPointerEvents: !isInMenubar }),
+		mouseOnly: true,
+		move: false,
+		restMs: parent.type === void 0 ? delay : void 0,
+		delay: { close: closeDelay },
+		triggerElementRef,
+		externalTree: floatingTreeRoot,
+		isActiveTrigger: isTriggerActive,
+		isClosing: () => store.select("transitionStatus") === "ending"
 	});
+	const stickIfOpen = useStickIfOpen(isOpenedByThisTrigger, store.select("lastOpenChangeReason"));
+	const click = useClick(floatingRootContext, {
+		enabled: !disabled,
+		event: isOpenedByThisTrigger && isInMenubar ? "click" : "mousedown",
+		toggle: true,
+		ignoreMouse: false,
+		stickIfOpen: parent.type === void 0 ? stickIfOpen : false
+	});
+	const focus = useFocus(floatingRootContext, { enabled: !disabled && parentMenubarHasSubmenuOpen });
+	const mixedToggleHandlers = useMixedToggleClickHandler({
+		open: isOpenedByThisTrigger,
+		enabled: isInMenubar,
+		mouseDownAction: "open"
+	});
+	const localInteractionProps = import_react.useMemo(() => mergeProps(focus.reference, click.reference), [focus.reference, click.reference]);
+	const rootTriggerProps = store.useState("triggerProps", isMountedByThisTrigger);
+	const { preFocusGuardRef, handlePreFocusGuardFocus, handleFocusTargetFocus } = useTriggerFocusGuards(store, triggerElementRef);
 	const state = {
-		orientation,
-		tabActivationDirection
+		disabled,
+		open: isOpenedByThisTrigger
 	};
-	const defaultProps = {
-		"aria-orientation": orientation === "vertical" ? "vertical" : void 0,
-		role: "tablist"
-	};
-	const tabsListContextValue = import_react.useMemo(() => ({
-		activateOnFocus,
-		registerIndicatorUpdateListener,
-		registerTabResizeObserverElement,
-		tabsListElement
-	}), [
-		activateOnFocus,
-		registerIndicatorUpdateListener,
-		registerTabResizeObserverElement,
-		tabsListElement
+	const ref = [
+		triggerRef,
+		forwardedRef,
+		buttonRef,
+		registerTrigger,
+		triggerElementRef
+	];
+	const props = [
+		localInteractionProps,
+		hoverProps ?? EMPTY_OBJECT,
+		rootTriggerProps,
+		{
+			"aria-haspopup": "menu",
+			"aria-controls": popupId,
+			id: thisTriggerId,
+			onMouseDown: (event) => {
+				if (store.select("open")) return;
+				allowMouseUpTriggerTimeout.start(200, () => {
+					store.context.allowMouseUpTriggerRef.current = true;
+				});
+				ownerDocument(event.currentTarget).addEventListener("mouseup", handleDocumentMouseUp, { once: true });
+			}
+		},
+		isInMenubar ? { role: "menuitem" } : {},
+		mixedToggleHandlers,
+		elementProps,
+		getButtonProps
+	];
+	const element = useRenderElement("button", componentProps, {
+		enabled: !isInMenubar,
+		stateAttributesMapping: pressableTriggerOpenStateMapping,
+		state,
+		ref,
+		props
+	});
+	if (isInMenubar) return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CompositeItem, {
+		tag: "button",
+		render,
+		className,
+		style,
+		state,
+		refs: ref,
+		props,
+		stateAttributesMapping: pressableTriggerOpenStateMapping
+	});
+	if (isOpenedByThisTrigger) return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [
+		/*#__PURE__*/ (0, import_jsx_runtime.jsx)(FocusGuard, {
+			ref: preFocusGuardRef,
+			onFocus: handlePreFocusGuardFocus
+		}, `${thisTriggerId}-pre-focus-guard`),
+		/*#__PURE__*/ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: element }, thisTriggerId),
+		/*#__PURE__*/ (0, import_jsx_runtime.jsx)(FocusGuard, {
+			ref: store.context.triggerFocusTargetRef,
+			onFocus: handleFocusTargetFocus
+		}, `${thisTriggerId}-post-focus-guard`)
+	] });
+	return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: element }, thisTriggerId);
+});
+/**
+* Determines whether to ignore clicks after a hover-open.
+*/
+function useStickIfOpen(open, openReason) {
+	const stickIfOpenTimeout = useTimeout();
+	const [stickIfOpen, setStickIfOpen] = import_react.useState(false);
+	useIsoLayoutEffect(() => {
+		if (open && openReason === "trigger-hover") {
+			setStickIfOpen(true);
+			stickIfOpenTimeout.start(500, () => {
+				setStickIfOpen(false);
+			});
+		} else if (!open) {
+			stickIfOpenTimeout.clear();
+			setStickIfOpen(false);
+		}
+	}, [
+		open,
+		openReason,
+		stickIfOpenTimeout
 	]);
-	return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(TabsListContext.Provider, {
-		value: tabsListContextValue,
-		children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CompositeRoot, {
-			render,
-			className,
-			style,
-			state,
-			refs: [forwardedRef, setTabsListElement],
-			props: [defaultProps, elementProps],
-			stateAttributesMapping: tabsStateAttributesMapping,
-			highlightedIndex: highlightedTabIndex,
-			enableHomeAndEndKeys: true,
-			loopFocus,
-			orientation,
-			onHighlightedIndexChange: setHighlightedTabIndex,
-			onMapChange: setTabMap,
-			disabledIndices: EMPTY_ARRAY$1
-		})
+	return stickIfOpen;
+}
+function useMenuParent() {
+	const menubarContext = useMenubarContext(true);
+	return import_react.useMemo(() => {
+		if (menubarContext) return {
+			type: "menubar",
+			context: menubarContext
+		};
+		return { type: void 0 };
+	}, [menubarContext]);
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/react/separator/Separator.mjs
+/**
+* A separator element accessible to screen readers.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Separator](https://base-ui.com/react/components/separator)
+*/
+var Separator = /*#__PURE__*/ import_react.forwardRef(function SeparatorComponent(componentProps, forwardedRef) {
+	const { className, render, orientation = "horizontal", style, ...elementProps } = componentProps;
+	return useRenderElement("div", componentProps, {
+		state: { orientation },
+		ref: forwardedRef,
+		props: [{
+			role: "separator",
+			"aria-orientation": orientation
+		}, elementProps]
 	});
 });
 //#endregion
-export { DialogRoot as A, mergeProps as B, TooltipArrow as C, TooltipTrigger as D, TooltipPortal as E, DialogBackdrop as F, require_with_selector as H, Separator as I, Input as L, DialogPopup as M, DialogDescription as N, TooltipRoot as O, DialogClose as P, useRender as R, SelectRoot as S, TooltipPositioner as T, require_jsx_runtime as U, require_react_dom as V, require_react as W, SelectPositioner as _, AvatarFallback as a, SelectValue as b, SwitchThumb as c, SelectScrollDownArrow as d, SelectItemText as f, SelectPopup as g, SelectList as h, TabsRoot as i, DialogPortal as j, DialogTitle as k, SwitchRoot as l, SelectItem as m, TabsPanel as n, AvatarImage as o, SelectItemIndicator as p, TabsTab as r, AvatarRoot as s, TabsList as t, SelectScrollUpArrow as u, SelectPortal as v, TooltipPopup as w, SelectTrigger as x, SelectIcon as y, Button as z };
+export { TooltipTrigger as A, Input as B, SelectValue as C, TooltipPopup as D, TooltipArrow as E, DialogPortal as F, require_with_selector as G, Button as H, DialogPopup as I, require_jsx_runtime as K, DialogDescription as L, DialogTrigger as M, DialogTitle as N, TooltipPositioner as O, DialogRoot as P, DialogClose as R, SelectIcon as S, SelectRoot as T, mergeProps as U, useRender as V, require_react_dom as W, SelectItem as _, MenuPortal as a, SelectPositioner as b, AvatarFallback as c, SwitchThumb as d, SwitchRoot as f, SelectItemIndicator as g, SelectItemText as h, MenuPositioner as i, TooltipRoot as j, TooltipPortal as k, AvatarImage as l, SelectScrollDownArrow as m, MenuTrigger as n, MenuPopup as o, SelectScrollUpArrow as p, require_react as q, MenuRoot as r, MenuItem as s, Separator as t, AvatarRoot as u, SelectList as v, SelectTrigger as w, SelectPortal as x, SelectPopup as y, DialogBackdrop as z };