@sprawlify/primitives 0.0.57 → 0.0.59

package/dist/machines/file-upload/index.mjs

@@ -193,8 +193,7 @@ function connect(service, normalize) {
 				tabIndex: disabled || readOnly || props$1.disableClick ? void 0 : 0,
 				role: props$1.disableClick ? "application" : "button",
 				"aria-label": translations.dropzone,
-				"aria-disabled": disabled,
-				"aria-readonly": readOnly,
+				"aria-disabled": disabled || readOnly || void 0,
 				"data-invalid": dataAttr(prop("invalid")),
 				"data-disabled": dataAttr(disabled),
 				"data-readonly": dataAttr(readOnly),
@@ -296,6 +295,7 @@ function connect(service, normalize) {
 				accept: computed("acceptAttr"),
 				webkitdirectory: prop("directory") ? "" : void 0,
 				multiple: computed("multiple") || prop("maxFiles") > 1,
+				"aria-hidden": true,
 				onClick(event) {
 					event.stopPropagation();
 					event.currentTarget.value = "";

package/dist/machines/floating-panel/index.d.cts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { a as Point, o as Rect, y as Size } from "../../types-DddL75YY.cjs";
 
 //#region src/machines/floating-panel/floating-panel.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"control" | "trigger" | "positioner" | "content" | "header" | "body" | "title" | "resizeTrigger" | "dragTrigger" | "stageTrigger" | "closeTrigger">;
+declare const anatomy: AnatomyInstance<"control" | "trigger" | "content" | "body" | "header" | "title" | "positioner" | "closeTrigger" | "resizeTrigger" | "dragTrigger" | "stageTrigger">;
 //#endregion
 //#region src/machines/floating-panel/floating-panel.types.d.ts
 interface PositionChangeDetails {

package/dist/machines/floating-panel/index.d.mts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { a as Point, o as Rect, y as Size } from "../../types-J14X3oxU.mjs";
 
 //#region src/machines/floating-panel/floating-panel.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"control" | "trigger" | "positioner" | "content" | "header" | "body" | "title" | "resizeTrigger" | "dragTrigger" | "stageTrigger" | "closeTrigger">;
+declare const anatomy: AnatomyInstance<"control" | "trigger" | "content" | "body" | "header" | "title" | "positioner" | "closeTrigger" | "resizeTrigger" | "dragTrigger" | "stageTrigger">;
 //#endregion
 //#region src/machines/floating-panel/floating-panel.types.d.ts
 interface PositionChangeDetails {

package/dist/machines/hover-card/index.cjs

@@ -3,7 +3,7 @@ require('../../dom-query-xZuxOsD4.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
 const require_core = require('../../core-CsVTCpQ_.cjs');
 require('../../interact-outside-xGMuVVaa.cjs');
-const require_dismissable = require('../../dismissable-DWJdIOtX.cjs');
+const require_dismissable = require('../../dismissable-D9NEAGMU.cjs');
 const require_popper = require('../../popper-TNUpC0Kp.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 

package/dist/machines/hover-card/index.d.cts

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusO
 import { c as Placement, d as PositioningOptions } from "../../types-D5ziaMrd.cjs";
 
 //#region src/machines/hover-card/hover-card.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "positioner" | "content" | "arrow" | "arrowTip">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "arrow" | "arrowTip" | "positioner">;
 //#endregion
 //#region src/machines/hover-card/hover-card.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/hover-card/index.d.mts

@@ -2,10 +2,10 @@ import { n as AnatomyInstance } from "../../create-anatomy-DHVOqZET.mjs";
 import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQk5.mjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-Bvn6ocEE.mjs";
-import { p as PositioningOptions, u as Placement } from "../../index-60_Ru8qp.mjs";
+import { p as PositioningOptions, u as Placement } from "../../index-BTi1wETB.mjs";
 
 //#region src/machines/hover-card/hover-card.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "positioner" | "content" | "arrow" | "arrowTip">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "arrow" | "arrowTip" | "positioner">;
 //#endregion
 //#region src/machines/hover-card/hover-card.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/hover-card/index.mjs

@@ -3,7 +3,7 @@ import "../../dom-query-CUb85Z22.mjs";
 import { u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
 import { a as createMachine, i as createGuards } from "../../core-CujC6Y2H.mjs";
 import "../../interact-outside-xKQjln5u.mjs";
-import { n as trackDismissableElement } from "../../dismissable-CtFpYFBY.mjs";
+import { n as trackDismissableElement } from "../../dismissable-D0YyXTJv.mjs";
 import { n as getPlacement, t as getPlacementStyles } from "../../popper-DbfXVgrC.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 

package/dist/machines/listbox/index.d.cts

@@ -1,13 +1,13 @@
 import { n as AnatomyInstance } from "../../create-anatomy-smWrirg1.cjs";
 import { r as CollectionOptions, t as CollectionItem } from "../../types-CADkcKtr.cjs";
-import { t as ListCollection } from "../../list-collection-BslnP0r-.cjs";
-import { i as GridCollectionOptions, n as SelectionMode, r as GridCollection, t as Selection } from "../../selection-DTpiPgq8.cjs";
+import { t as ListCollection } from "../../list-collection-DettiQL3.cjs";
+import { i as GridCollectionOptions, n as SelectionMode, r as GridCollection, t as Selection } from "../../selection-D3b3yV_x.cjs";
 import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu60O.cjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 import { n as TypeaheadState } from "../../typeahead-BdNwVP09.cjs";
 
 //#region src/machines/listbox/listbox.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "content" | "item" | "itemIndicator" | "itemText" | "valueText" | "itemGroup" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "content" | "item" | "input" | "itemText" | "itemIndicator" | "valueText" | "itemGroup" | "itemGroupLabel">;
 //#endregion
 //#region src/machines/listbox/listbox.collection.d.ts
 declare const collection: {

package/dist/machines/listbox/index.d.mts

@@ -1,13 +1,13 @@
 import { n as AnatomyInstance } from "../../create-anatomy-DHVOqZET.mjs";
 import { r as CollectionOptions, t as CollectionItem } from "../../types-Df8ZhdY-.mjs";
-import { t as ListCollection } from "../../list-collection-swuCMCIS.mjs";
-import { i as GridCollectionOptions, n as SelectionMode, r as GridCollection, t as Selection } from "../../selection-CIoBu9mp.mjs";
+import { t as ListCollection } from "../../list-collection-BbgocToA.mjs";
+import { i as GridCollectionOptions, n as SelectionMode, r as GridCollection, t as Selection } from "../../selection-CTaapzrB.mjs";
 import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQk5.mjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 import { n as TypeaheadState } from "../../typeahead-DMSwLv1e.mjs";
 
 //#region src/machines/listbox/listbox.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "content" | "item" | "itemIndicator" | "itemText" | "valueText" | "itemGroup" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "content" | "item" | "input" | "itemText" | "itemIndicator" | "valueText" | "itemGroup" | "itemGroupLabel">;
 //#endregion
 //#region src/machines/listbox/listbox.collection.d.ts
 declare const collection: {

package/dist/machines/marquee/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu6
 import { b as NormalizeProps, d as Orientation, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 
 //#region src/machines/marquee/marquee.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "viewport" | "content" | "item" | "edge">;
+declare const anatomy: AnatomyInstance<"root" | "content" | "item" | "viewport" | "edge">;
 //#endregion
 //#region src/machines/marquee/marquee.types.d.ts
 interface PauseStatusDetails {
@@ -96,7 +96,7 @@ declare function connect<T extends PropTypes>(service: MarqueeService, normalize
 declare const machine: Machine<MarqueeSchema>;
 //#endregion
 //#region src/machines/marquee/marquee.props.d.ts
-declare const props: ("ids" | "id" | "getRootNode" | "paused" | ("translations" | "dir" | "reverse" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete" | "onComplete")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "ids" | "id" | "getRootNode" | "paused" | ("translations" | "dir" | "reverse" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete" | "onComplete">];
+declare const props: ("ids" | "id" | "getRootNode" | "onComplete" | "paused" | ("dir" | "reverse" | "translations" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete")[];
+declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "ids" | "id" | "getRootNode" | "onComplete" | "paused" | ("dir" | "reverse" | "translations" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete">];
 //#endregion
 export { type MarqueeApi as Api, type ContentProps, type DimensionSnapshot, type EdgeProps, type ElementIds, type IntlTranslations, type MarqueeMachine as Machine, type Orientation, type PauseStatusDetails, type MarqueeProps as Props, type MarqueeService as Service, type Side, type UserDefinedContext, anatomy, connect, machine, props, splitProps };

package/dist/machines/marquee/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQ
 import { b as NormalizeProps, d as Orientation, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 
 //#region src/machines/marquee/marquee.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "viewport" | "content" | "item" | "edge">;
+declare const anatomy: AnatomyInstance<"root" | "content" | "item" | "viewport" | "edge">;
 //#endregion
 //#region src/machines/marquee/marquee.types.d.ts
 interface PauseStatusDetails {
@@ -96,7 +96,7 @@ declare function connect<T extends PropTypes>(service: MarqueeService, normalize
 declare const machine: Machine<MarqueeSchema>;
 //#endregion
 //#region src/machines/marquee/marquee.props.d.ts
-declare const props: ("ids" | "id" | "getRootNode" | "paused" | ("translations" | "dir" | "reverse" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete" | "onComplete")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "ids" | "id" | "getRootNode" | "paused" | ("translations" | "dir" | "reverse" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete" | "onComplete">];
+declare const props: ("ids" | "id" | "getRootNode" | "onComplete" | "paused" | ("dir" | "reverse" | "translations" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete")[];
+declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "ids" | "id" | "getRootNode" | "onComplete" | "paused" | ("dir" | "reverse" | "translations" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete">];
 //#endregion
 export { type MarqueeApi as Api, type ContentProps, type DimensionSnapshot, type EdgeProps, type ElementIds, type IntlTranslations, type MarqueeMachine as Machine, type Orientation, type PauseStatusDetails, type MarqueeProps as Props, type MarqueeService as Service, type Side, type UserDefinedContext, anatomy, connect, machine, props, splitProps };

package/dist/machines/menu/index.cjs

@@ -3,7 +3,7 @@ const require_dom_query = require('../../dom-query-xZuxOsD4.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
 const require_core = require('../../core-CsVTCpQ_.cjs');
 require('../../interact-outside-xGMuVVaa.cjs');
-const require_dismissable = require('../../dismissable-DWJdIOtX.cjs');
+const require_dismissable = require('../../dismissable-D9NEAGMU.cjs');
 const require_popper = require('../../popper-TNUpC0Kp.cjs');
 const require_rect_utils = require('../../rect-utils-ChBPj9XR.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
@@ -130,7 +130,8 @@ function connect(service, normalize) {
 					type: "ITEM_POINTERMOVE",
 					id,
 					target,
-					closeOnSelect
+					closeOnSelect,
+					point: require_dom_query.getEventPoint(event)
 				});
 			},
 			onPointerLeave(event) {
@@ -852,8 +853,12 @@ const machine = require_core.createMachine({
 				}, { actions: ["clickHighlightedItem"] }],
 				ITEM_POINTERMOVE: [{
 					guard: not("isPointerSuspended"),
-					actions: ["setHighlightedItem", "focusMenu"]
-				}, { actions: ["setLastHighlightedItem"] }],
+					actions: [
+						"setHighlightedItem",
+						"focusMenu",
+						"closeSiblingMenus"
+					]
+				}, { actions: ["setLastHighlightedItem", "closeSiblingMenus"] }],
 				ITEM_POINTERLEAVE: {
 					guard: and(not("isPointerSuspended"), not("isTriggerItem")),
 					actions: ["clearHighlightedItem"]
@@ -888,7 +893,10 @@ const machine = require_core.createMachine({
 					guard: "isTriggerItem",
 					actions: ["setIntentPolygon"]
 				},
-				TRIGGER_POINTERLEAVE: { target: "closing" },
+				TRIGGER_POINTERLEAVE: {
+					target: "closing",
+					actions: ["setIntentPolygon"]
+				},
 				ITEM_POINTERDOWN: { actions: ["setHighlightedItem"] },
 				TYPEAHEAD: { actions: ["highlightMatchedItem"] },
 				FOCUS_MENU: { actions: ["focusMenu"] },
@@ -901,7 +909,7 @@ const machine = require_core.createMachine({
 			closeOnSelect: ({ prop, event }) => !!(event?.closeOnSelect ?? prop("closeOnSelect")),
 			isTriggerItem: ({ event }) => isTriggerItem(event.target),
 			isTriggerItemHighlighted: ({ event, scope, computed }) => {
-				return !!(event.target ?? scope.getById(computed("highlightedId")))?.hasAttribute("aria-controls");
+				return !!(event.target ?? scope.getById(computed("highlightedId")))?.hasAttribute("data-controls");
 			},
 			isSubmenu: ({ context }) => context.get("isSubmenu"),
 			isPointerSuspended: ({ context }) => context.get("suspendPointer"),
@@ -916,13 +924,13 @@ const machine = require_core.createMachine({
 			waitForOpenDelay({ send }) {
 				const timer = setTimeout(() => {
 					send({ type: "DELAY.OPEN" });
-				}, 100);
+				}, 200);
 				return () => clearTimeout(timer);
 			},
 			waitForCloseDelay({ send }) {
 				const timer = setTimeout(() => {
 					send({ type: "DELAY.CLOSE" });
-				}, 300);
+				}, 100);
 				return () => clearTimeout(timer);
 			},
 			waitForLongPress({ send }) {
@@ -1174,6 +1182,20 @@ const machine = require_core.createMachine({
 				children[event.id] = event.value;
 				refs.set("children", children);
 			},
+			closeSiblingMenus({ refs, event, scope }) {
+				const target = event.target;
+				if (!isTriggerItem(target)) return;
+				const hoveredChildId = target?.getAttribute("data-uid");
+				const children = refs.get("children");
+				for (const id in children) {
+					if (id === hoveredChildId) continue;
+					const child = children[id];
+					const intentPolygon = child.context.get("intentPolygon");
+					if (intentPolygon && event.point && require_rect_utils.isPointInPolygon(intentPolygon, event.point)) continue;
+					getContentEl(scope)?.focus({ preventScroll: true });
+					child.send({ type: "CLOSE" });
+				}
+			},
 			closeRootMenu({ refs }) {
 				closeRootMenu({ parent: refs.get("parent") });
 			},

package/dist/machines/menu/index.d.cts

@@ -8,7 +8,7 @@ import { c as Placement, d as PositioningOptions } from "../../types-D5ziaMrd.cj
 import { a as Point } from "../../types-DddL75YY.cjs";
 
 //#region src/machines/menu/menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "positioner" | "content" | "item" | "itemIndicator" | "itemText" | "indicator" | "arrow" | "arrowTip" | "separator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "indicator" | "item" | "separator" | "itemText" | "arrow" | "arrowTip" | "positioner" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem">;
 //#endregion
 //#region src/machines/menu/menu.types.d.ts
 interface OpenChangeDetails {
@@ -84,7 +84,7 @@ interface MenuSchema {
 }
 type MenuService = Service<MenuSchema>;
 type MenuMachine = Machine<MenuSchema>;
-type ChildMenuService = Pick<MenuService, "prop" | "send" | "scope">;
+type ChildMenuService = Pick<MenuService, "prop" | "send" | "scope" | "context">;
 type ParentMenuService = Pick<MenuService, "prop" | "send" | "refs" | "context">;
 interface Api {
   getItemProps: (props: ItemProps) => Record<string, any>;

package/dist/machines/menu/index.d.mts

@@ -4,11 +4,11 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { n as TypeaheadState } from "../../typeahead-DMSwLv1e.mjs";
 import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-Bvn6ocEE.mjs";
 import { t as DismissableElementHandlers } from "../../dismissable-layer-C39y-V3t.mjs";
-import { p as PositioningOptions, u as Placement } from "../../index-60_Ru8qp.mjs";
+import { p as PositioningOptions, u as Placement } from "../../index-BTi1wETB.mjs";
 import { a as Point } from "../../types-J14X3oxU.mjs";
 
 //#region src/machines/menu/menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "positioner" | "content" | "item" | "itemIndicator" | "itemText" | "indicator" | "arrow" | "arrowTip" | "separator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "indicator" | "item" | "separator" | "itemText" | "arrow" | "arrowTip" | "positioner" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem">;
 //#endregion
 //#region src/machines/menu/menu.types.d.ts
 interface OpenChangeDetails {
@@ -84,7 +84,7 @@ interface MenuSchema {
 }
 type MenuService = Service<MenuSchema>;
 type MenuMachine = Machine<MenuSchema>;
-type ChildMenuService = Pick<MenuService, "prop" | "send" | "scope">;
+type ChildMenuService = Pick<MenuService, "prop" | "send" | "scope" | "context">;
 type ParentMenuService = Pick<MenuService, "prop" | "send" | "refs" | "context">;
 interface Api {
   getItemProps: (props: ItemProps) => Record<string, any>;

package/dist/machines/menu/index.mjs

@@ -3,7 +3,7 @@ import { C as queryAll, Ct as isPrintableKey, G as getInitialFocus, I as scrollI
 import { G as cast, Ot as prev, Tt as next, ft as isEqual, tt as hasProp, u as createSplitProps, vt as first, wt as last } from "../../utils-DSBXwmDm.mjs";
 import { a as createMachine, c as mergeProps, i as createGuards } from "../../core-CujC6Y2H.mjs";
 import "../../interact-outside-xKQjln5u.mjs";
-import { n as trackDismissableElement } from "../../dismissable-CtFpYFBY.mjs";
+import { n as trackDismissableElement } from "../../dismissable-D0YyXTJv.mjs";
 import { n as getPlacement, r as getPlacementSide, t as getPlacementStyles } from "../../popper-DbfXVgrC.mjs";
 import { i as isPointInPolygon, r as getElementPolygon } from "../../rect-utils-CDBAit19.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
@@ -130,7 +130,8 @@ function connect(service, normalize) {
 					type: "ITEM_POINTERMOVE",
 					id,
 					target,
-					closeOnSelect
+					closeOnSelect,
+					point: getEventPoint(event)
 				});
 			},
 			onPointerLeave(event) {
@@ -852,8 +853,12 @@ const machine = createMachine({
 				}, { actions: ["clickHighlightedItem"] }],
 				ITEM_POINTERMOVE: [{
 					guard: not("isPointerSuspended"),
-					actions: ["setHighlightedItem", "focusMenu"]
-				}, { actions: ["setLastHighlightedItem"] }],
+					actions: [
+						"setHighlightedItem",
+						"focusMenu",
+						"closeSiblingMenus"
+					]
+				}, { actions: ["setLastHighlightedItem", "closeSiblingMenus"] }],
 				ITEM_POINTERLEAVE: {
 					guard: and(not("isPointerSuspended"), not("isTriggerItem")),
 					actions: ["clearHighlightedItem"]
@@ -888,7 +893,10 @@ const machine = createMachine({
 					guard: "isTriggerItem",
 					actions: ["setIntentPolygon"]
 				},
-				TRIGGER_POINTERLEAVE: { target: "closing" },
+				TRIGGER_POINTERLEAVE: {
+					target: "closing",
+					actions: ["setIntentPolygon"]
+				},
 				ITEM_POINTERDOWN: { actions: ["setHighlightedItem"] },
 				TYPEAHEAD: { actions: ["highlightMatchedItem"] },
 				FOCUS_MENU: { actions: ["focusMenu"] },
@@ -901,7 +909,7 @@ const machine = createMachine({
 			closeOnSelect: ({ prop, event }) => !!(event?.closeOnSelect ?? prop("closeOnSelect")),
 			isTriggerItem: ({ event }) => isTriggerItem(event.target),
 			isTriggerItemHighlighted: ({ event, scope, computed }) => {
-				return !!(event.target ?? scope.getById(computed("highlightedId")))?.hasAttribute("aria-controls");
+				return !!(event.target ?? scope.getById(computed("highlightedId")))?.hasAttribute("data-controls");
 			},
 			isSubmenu: ({ context }) => context.get("isSubmenu"),
 			isPointerSuspended: ({ context }) => context.get("suspendPointer"),
@@ -916,13 +924,13 @@ const machine = createMachine({
 			waitForOpenDelay({ send }) {
 				const timer = setTimeout(() => {
 					send({ type: "DELAY.OPEN" });
-				}, 100);
+				}, 200);
 				return () => clearTimeout(timer);
 			},
 			waitForCloseDelay({ send }) {
 				const timer = setTimeout(() => {
 					send({ type: "DELAY.CLOSE" });
-				}, 300);
+				}, 100);
 				return () => clearTimeout(timer);
 			},
 			waitForLongPress({ send }) {
@@ -1174,6 +1182,20 @@ const machine = createMachine({
 				children[event.id] = event.value;
 				refs.set("children", children);
 			},
+			closeSiblingMenus({ refs, event, scope }) {
+				const target = event.target;
+				if (!isTriggerItem(target)) return;
+				const hoveredChildId = target?.getAttribute("data-uid");
+				const children = refs.get("children");
+				for (const id in children) {
+					if (id === hoveredChildId) continue;
+					const child = children[id];
+					const intentPolygon = child.context.get("intentPolygon");
+					if (intentPolygon && event.point && isPointInPolygon(intentPolygon, event.point)) continue;
+					getContentEl(scope)?.focus({ preventScroll: true });
+					child.send({ type: "CLOSE" });
+				}
+			},
 			closeRootMenu({ refs }) {
 				closeRootMenu({ parent: refs.get("parent") });
 			},

package/dist/machines/navigation-menu/index.cjs

@@ -3,7 +3,7 @@ const require_dom_query = require('../../dom-query-xZuxOsD4.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
 const require_core = require('../../core-CsVTCpQ_.cjs');
 require('../../interact-outside-xGMuVVaa.cjs');
-const require_dismissable = require('../../dismissable-DWJdIOtX.cjs');
+const require_dismissable = require('../../dismissable-D9NEAGMU.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/navigation-menu/navigation-menu.anatomy.ts

package/dist/machines/navigation-menu/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu6
 import { _ as Size, b as NormalizeProps, d as Orientation, f as OrientationProperty, g as RequiredBy, m as Rect, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 
 //#region src/machines/navigation-menu/navigation-menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "viewport" | "trigger" | "content" | "item" | "itemIndicator" | "indicator" | "link" | "list" | "arrow" | "viewportPositioner">;
+declare const anatomy: AnatomyInstance<"root" | "list" | "trigger" | "content" | "indicator" | "item" | "viewport" | "link" | "arrow" | "itemIndicator" | "viewportPositioner">;
 //#endregion
 //#region src/machines/navigation-menu/navigation-menu.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/navigation-menu/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQ
 import { _ as Size, b as NormalizeProps, d as Orientation, f as OrientationProperty, g as RequiredBy, m as Rect, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 
 //#region src/machines/navigation-menu/navigation-menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "viewport" | "trigger" | "content" | "item" | "itemIndicator" | "indicator" | "link" | "list" | "arrow" | "viewportPositioner">;
+declare const anatomy: AnatomyInstance<"root" | "list" | "trigger" | "content" | "indicator" | "item" | "viewport" | "link" | "arrow" | "itemIndicator" | "viewportPositioner">;
 //#endregion
 //#region src/machines/navigation-menu/navigation-menu.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/navigation-menu/index.mjs

@@ -3,7 +3,7 @@ import { C as queryAll, R as navigate, W as raf, Zt as contains, a as visuallyHi
 import { H as toPx, W as callAll, n as ensureProps, u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
 import { o as setup } from "../../core-CujC6Y2H.mjs";
 import "../../interact-outside-xKQjln5u.mjs";
-import { n as trackDismissableElement } from "../../dismissable-CtFpYFBY.mjs";
+import { n as trackDismissableElement } from "../../dismissable-D0YyXTJv.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 
 //#region src/machines/navigation-menu/navigation-menu.anatomy.ts

package/dist/machines/number-input/index.d.cts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, o as LocaleProperties, t as Commo
 import { NumberFormatter, NumberParser } from "@internationalized/number";
 
 //#region src/machines/number-input/number-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "input" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber">;
 //#endregion
 //#region src/machines/number-input/number-input.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/number-input/index.d.mts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, o as LocaleProperties, t as Commo
 import { NumberFormatter, NumberParser } from "@internationalized/number";
 
 //#region src/machines/number-input/number-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "input" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber">;
 //#endregion
 //#region src/machines/number-input/number-input.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/pagination/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu6
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 
 //#region src/machines/pagination/pagination.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "ellipsis" | "firstTrigger" | "prevTrigger" | "nextTrigger" | "lastTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "item" | "nextTrigger" | "prevTrigger" | "ellipsis" | "firstTrigger" | "lastTrigger">;
 //#endregion
 //#region src/machines/pagination/pagination.types.d.ts
 interface PageChangeDetails {

package/dist/machines/pagination/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQ
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 
 //#region src/machines/pagination/pagination.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "ellipsis" | "firstTrigger" | "prevTrigger" | "nextTrigger" | "lastTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "item" | "nextTrigger" | "prevTrigger" | "ellipsis" | "firstTrigger" | "lastTrigger">;
 //#endregion
 //#region src/machines/pagination/pagination.types.d.ts
 interface PageChangeDetails {

package/dist/machines/password-input/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu6
 import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 
 //#region src/machines/password-input/password-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control" | "indicator" | "visibilityTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "indicator" | "input" | "visibilityTrigger">;
 //#endregion
 //#region src/machines/password-input/password-input.types.d.ts
 interface VisibilityChangeDetails {

package/dist/machines/password-input/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQ
 import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 
 //#region src/machines/password-input/password-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control" | "indicator" | "visibilityTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "indicator" | "input" | "visibilityTrigger">;
 //#endregion
 //#region src/machines/password-input/password-input.types.d.ts
 interface VisibilityChangeDetails {

package/dist/machines/pin-input/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu6
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 
 //#region src/machines/pin-input/pin-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "input">;
 //#endregion
 //#region src/machines/pin-input/pin-input.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/pin-input/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQ
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 
 //#region src/machines/pin-input/pin-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "input">;
 //#endregion
 //#region src/machines/pin-input/pin-input.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/popover/index.cjs

@@ -4,7 +4,7 @@ const require_aria_hidden = require('../../aria-hidden-kcYiyWLo.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
 const require_core = require('../../core-CsVTCpQ_.cjs');
 require('../../interact-outside-xGMuVVaa.cjs');
-const require_dismissable = require('../../dismissable-DWJdIOtX.cjs');
+const require_dismissable = require('../../dismissable-D9NEAGMU.cjs');
 const require_focus_trap = require('../../focus-trap-DcDcihd5.cjs');
 const require_popper = require('../../popper-TNUpC0Kp.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');

package/dist/machines/popover/index.d.cts

@@ -6,7 +6,7 @@ import { r as PersistentElementOptions, t as DismissableElementHandlers } from "
 import { c as Placement, d as PositioningOptions } from "../../types-D5ziaMrd.cjs";
 
 //#region src/machines/popover/popover.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "positioner" | "content" | "title" | "closeTrigger" | "indicator" | "description" | "arrow" | "arrowTip" | "anchor">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "indicator" | "title" | "arrow" | "arrowTip" | "positioner" | "description" | "closeTrigger" | "anchor">;
 //#endregion
 //#region src/machines/popover/popover.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/popover/index.d.mts

@@ -3,10 +3,10 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQ
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-Bvn6ocEE.mjs";
 import { r as PersistentElementOptions, t as DismissableElementHandlers } from "../../dismissable-layer-C39y-V3t.mjs";
-import { p as PositioningOptions, u as Placement } from "../../index-60_Ru8qp.mjs";
+import { p as PositioningOptions, u as Placement } from "../../index-BTi1wETB.mjs";
 
 //#region src/machines/popover/popover.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "positioner" | "content" | "title" | "closeTrigger" | "indicator" | "description" | "arrow" | "arrowTip" | "anchor">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "indicator" | "title" | "arrow" | "arrowTip" | "positioner" | "description" | "closeTrigger" | "anchor">;
 //#endregion
 //#region src/machines/popover/popover.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/popover/index.mjs

@@ -4,7 +4,7 @@ import { t as ariaHidden } from "../../aria-hidden-CVIz-P9c.mjs";
 import { u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
 import { a as createMachine } from "../../core-CujC6Y2H.mjs";
 import "../../interact-outside-xKQjln5u.mjs";
-import { n as trackDismissableElement } from "../../dismissable-CtFpYFBY.mjs";
+import { n as trackDismissableElement } from "../../dismissable-D0YyXTJv.mjs";
 import { t as trapFocus } from "../../focus-trap-KZbY4M-m.mjs";
 import { n as getPlacement, t as getPlacementStyles } from "../../popper-DbfXVgrC.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";

package/dist/machines/progress/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu6
 import { b as NormalizeProps, d as Orientation, f as OrientationProperty, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 
 //#region src/machines/progress/progress.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "circle" | "track" | "view" | "label" | "range" | "valueText" | "circleTrack" | "circleRange">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "track" | "circle" | "view" | "valueText" | "range" | "circleTrack" | "circleRange">;
 //#endregion
 //#region src/machines/progress/progress.types.d.ts
 type ProgressState = "indeterminate" | "loading" | "complete";

package/dist/machines/progress/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQ
 import { b as NormalizeProps, d as Orientation, f as OrientationProperty, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 
 //#region src/machines/progress/progress.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "circle" | "track" | "view" | "label" | "range" | "valueText" | "circleTrack" | "circleRange">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "track" | "circle" | "view" | "valueText" | "range" | "circleTrack" | "circleRange">;
 //#endregion
 //#region src/machines/progress/progress.types.d.ts
 type ProgressState = "indeterminate" | "loading" | "complete";

package/dist/machines/radio-group/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu6
 import { b as NormalizeProps, g as RequiredBy, m as Rect, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 
 //#region src/machines/radio-group/radio-group.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "itemText" | "itemControl" | "indicator">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "indicator" | "item" | "itemText" | "itemControl">;
 //#endregion
 //#region src/machines/radio-group/radio-group.types.d.ts
 interface ValueChangeDetails {