@maizzle/framework 6.1.6 → 6.2.0

package/dist/server/ui/.vite/deps/reka-ui.js

@@ -2925,14 +2925,37 @@ function useDateFormatter(initialLocale, opts = {}) {
 			weekday: length
 		}).format(date);
 	}
-	function dayPeriod(date) {
-		const value = new $12a3c853105e5a70$export$ad991b66133851cf(locale.value, {
+	/**
+	* Resolves the internal `'AM'` / `'PM'` token for a date.
+	*
+	* The token is derived from the 24-hour clock rather than from the formatted
+	* `dayPeriod` part, because locales render that part in forms that cannot be
+	* matched reliably: `p. m.` in `es-ES`, `午後` in `ja-JP`, `下午` in `zh-CN`,
+	* `오후` in `ko-KR`, and so on. Matching on those strings made every such
+	* locale silently fall back to `'AM'`, which then made editing the hour
+	* segment convert a PM time into an AM one.
+	*
+	* `hourCycle`, `hour12` and `numberingSystem` are pinned so the hour always
+	* comes back as a Latin-digit 0-23 value, whatever `opts` the caller passed
+	* to `useDateFormatter`. `hour12` in particular takes precedence over
+	* `hourCycle` in `Intl`, so it has to be cleared rather than just overridden.
+	*
+	* Pass a `ZonedDateTime`'s own `timeZone` so the hour is read on that value's
+	* clock rather than the runtime's local one.
+	*
+	* @see https://github.com/unovue/reka-ui/issues/2956
+	*/
+	function dayPeriod(date, timeZone) {
+		const parts = new $12a3c853105e5a70$export$ad991b66133851cf(locale.value, {
 			...opts,
 			hour: "numeric",
-			minute: "numeric"
-		}).formatToParts(date).find((p) => p.type === "dayPeriod")?.value;
-		if (value === "PM" || value === "pm" || value === "p.m.") return "PM";
-		return "AM";
+			hourCycle: "h23",
+			hour12: void 0,
+			numberingSystem: "latn",
+			...timeZone ? { timeZone } : {}
+		}).formatToParts(date);
+		const hour = Number(parts.find((p) => p.type === "hour")?.value);
+		return !Number.isNaN(hour) && hour >= 12 ? "PM" : "AM";
 	}
 	const defaultPartOptions = {
 		year: "numeric",
@@ -3040,12 +3063,11 @@ function useFilter(options) {
 		if (substring.length === 0) return true;
 		string = string.normalize("NFC");
 		substring = substring.normalize("NFC");
-		let scan = 0;
+		if (substring.length > string.length) return false;
+		const compare = collator.value.compare;
+		if (string.includes(substring)) return true;
 		const sliceLen = substring.length;
-		for (; scan + sliceLen <= string.length; scan++) {
-			const slice = string.slice(scan, scan + sliceLen);
-			if (collator.value.compare(substring, slice) === 0) return true;
-		}
+		for (let scan = 0; scan + sliceLen <= string.length; scan++) if (compare(substring, string.slice(scan, scan + sliceLen)) === 0) return true;
 		return false;
 	};
 	return {
@@ -3238,13 +3260,15 @@ function useGraceArea(triggerElement, containerElement) {
 	}
 	watchEffect((cleanupFn) => {
 		if (triggerElement.value && containerElement.value) {
-			const handleTriggerLeave = (event) => handleCreateGraceArea(event, containerElement.value);
-			const handleContentLeave = (event) => handleCreateGraceArea(event, triggerElement.value);
-			triggerElement.value.addEventListener("pointerleave", handleTriggerLeave);
-			containerElement.value.addEventListener("pointerleave", handleContentLeave);
+			const trigger = triggerElement.value;
+			const container = containerElement.value;
+			const handleTriggerLeave = (event) => handleCreateGraceArea(event, container);
+			const handleContentLeave = (event) => handleCreateGraceArea(event, trigger);
+			trigger.addEventListener("pointerleave", handleTriggerLeave);
+			container.addEventListener("pointerleave", handleContentLeave);
 			cleanupFn(() => {
-				triggerElement.value?.removeEventListener("pointerleave", handleTriggerLeave);
-				containerElement.value?.removeEventListener("pointerleave", handleContentLeave);
+				trigger.removeEventListener("pointerleave", handleTriggerLeave);
+				container.removeEventListener("pointerleave", handleContentLeave);
 			});
 		}
 	});
@@ -3266,8 +3290,9 @@ function useGraceArea(triggerElement, containerElement) {
 					pointerExit.trigger();
 				}
 			};
-			triggerElement.value?.ownerDocument.addEventListener("pointermove", handleTrackPointerGrace);
-			cleanupFn(() => triggerElement.value?.ownerDocument.removeEventListener("pointermove", handleTrackPointerGrace));
+			const ownerDocument = triggerElement.value?.ownerDocument;
+			ownerDocument?.addEventListener("pointermove", handleTrackPointerGrace);
+			cleanupFn(() => ownerDocument?.removeEventListener("pointermove", handleTrackPointerGrace));
 		}
 	});
 	return {
@@ -4708,6 +4733,7 @@ var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 function isLayerExist(layerElement, targetElement) {
 	if (!(targetElement instanceof Element)) return false;
+	if (layerElement.contains(targetElement)) return true;
 	const targetLayer = targetElement.closest("[data-dismissable-layer]");
 	const mainLayer = layerElement.dataset.dismissableLayer === "" ? layerElement : layerElement.querySelector("[data-dismissable-layer]");
 	const nodeList = Array.from(layerElement.ownerDocument.querySelectorAll("[data-dismissable-layer]"));
@@ -4729,6 +4755,7 @@ function usePointerDownOutside(onPointerDownOutside, element, enabled = true) {
 			const target = event.target;
 			if (!element?.value || !target) return;
 			if (isLayerExist(element.value, target)) {
+				ownerDocument.removeEventListener("click", handleClickRef.value);
 				isPointerInsideDOMTree.value = false;
 				return;
 			}
@@ -5634,15 +5661,16 @@ var DialogContent_default = /* @__PURE__ */ defineComponent({
 		const rootContext = injectDialogRootContext();
 		const emitsAsProps = useEmitAsProps(emits);
 		const { forwardRef } = useForwardExpose();
+		const staysMounted = computed(() => props.forceMount || !rootContext.unmountOnHide.value);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Presence_default), {
-				present: _ctx.forceMount || unref(rootContext).open.value,
-				"force-mount": _ctx.forceMount || !unref(rootContext).unmountOnHide.value
+				present: unref(rootContext).open.value,
+				"force-mount": staysMounted.value
 			}, {
 				default: withCtx(({ present }) => [unref(rootContext).modal.value ? withDirectives((openBlock(), createBlock(DialogContentModal_default, mergeProps({
 					key: 0,
 					ref: unref(forwardRef),
-					present: unref(rootContext).unmountOnHide.value || present
+					present: staysMounted.value ? present : true
 				}, {
 					...props,
 					...unref(emitsAsProps),
@@ -5650,10 +5678,10 @@ var DialogContent_default = /* @__PURE__ */ defineComponent({
 				}), {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 2
-				}, 1040, ["present"])), [[vShow, unref(rootContext).unmountOnHide.value || present]]) : withDirectives((openBlock(), createBlock(DialogContentNonModal_default, mergeProps({
+				}, 1040, ["present"])), [[vShow, _ctx.forceMount || unref(rootContext).unmountOnHide.value || present]]) : withDirectives((openBlock(), createBlock(DialogContentNonModal_default, mergeProps({
 					key: 1,
 					ref: unref(forwardRef),
-					present: unref(rootContext).unmountOnHide.value || present
+					present: staysMounted.value ? present : true
 				}, {
 					...props,
 					...unref(emitsAsProps),
@@ -5661,7 +5689,7 @@ var DialogContent_default = /* @__PURE__ */ defineComponent({
 				}), {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 2
-				}, 1040, ["present"])), [[vShow, unref(rootContext).unmountOnHide.value || present]])]),
+				}, 1040, ["present"])), [[vShow, _ctx.forceMount || unref(rootContext).unmountOnHide.value || present]])]),
 				_: 3
 			}, 8, ["present", "force-mount"]);
 		};
@@ -5760,19 +5788,21 @@ var DialogOverlay_default = /* @__PURE__ */ defineComponent({
 		}
 	},
 	setup(__props) {
+		const props = __props;
 		const rootContext = injectDialogRootContext();
 		const { forwardRef } = useForwardExpose();
+		const staysMounted = computed(() => props.forceMount || !rootContext.unmountOnHide.value);
 		return (_ctx, _cache) => {
 			return unref(rootContext)?.modal.value ? (openBlock(), createBlock(unref(Presence_default), {
 				key: 0,
-				present: _ctx.forceMount || unref(rootContext).open.value,
-				"force-mount": _ctx.forceMount || !unref(rootContext).unmountOnHide.value
+				present: unref(rootContext).open.value,
+				"force-mount": staysMounted.value
 			}, {
 				default: withCtx(({ present }) => [withDirectives(createVNode(DialogOverlayImpl_default, mergeProps(_ctx.$attrs, {
 					ref: unref(forwardRef),
 					as: _ctx.as,
 					"as-child": _ctx.asChild,
-					present: unref(rootContext).unmountOnHide.value || present
+					present: staysMounted.value ? present : true
 				}), {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 2
@@ -5780,7 +5810,7 @@ var DialogOverlay_default = /* @__PURE__ */ defineComponent({
 					"as",
 					"as-child",
 					"present"
-				]), [[vShow, unref(rootContext).unmountOnHide.value || present]])]),
+				]), [[vShow, _ctx.forceMount || unref(rootContext).unmountOnHide.value || present]])]),
 				_: 3
 			}, 8, ["present", "force-mount"])) : createCommentVNode("v-if", true);
 		};
@@ -6276,6 +6306,11 @@ function useCollection(options = {}) {
 		};
 		provide(injectionKey, context);
 	} else context = inject(injectionKey);
+	const getItem = (element, includeDisabledItem = false) => {
+		if (!context.collectionRef.value) return void 0;
+		const item = context.itemMap.value.get(element);
+		return item && (includeDisabledItem || item.ref.dataset.disabled !== "") ? item : void 0;
+	};
 	const getItems = (includeDisabledItem = false) => {
 		const collectionNode = context.collectionRef.value;
 		if (!collectionNode) return [];
@@ -6324,6 +6359,7 @@ function useCollection(options = {}) {
 	});
 	return {
 		getItems,
+		getItem,
 		reactiveItems: computed(() => Array.from(context.itemMap.value.values())),
 		itemMapSize: computed(() => context.itemMap.value.size),
 		CollectionSlot,
@@ -6654,7 +6690,7 @@ var ListboxRoot_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emits = __emit;
 		const { multiple, highlightOnHover, orientation, disabled, selectionBehavior, dir: propDir } = toRefs(props);
-		const { getItems } = useCollection({ isProvider: true });
+		const { getItems, getItem } = useCollection({ isProvider: true });
 		const { handleTypeaheadSearch } = useTypeahead();
 		const { primitiveElement, currentElement } = usePrimitiveElement();
 		const kbd = useKbd();
@@ -6713,7 +6749,7 @@ var ListboxRoot_default = /* @__PURE__ */ defineComponent({
 				if (element?.isConnected) element.scrollIntoView({ block: "nearest" });
 			} : void 0);
 			else if (scrollIntoView) highlightedElement.value.scrollIntoView({ block: "nearest" });
-			const highlightedItem = getItems().find((i) => i.ref === el);
+			const highlightedItem = getItem(el);
 			emits("highlight", highlightedItem);
 		}
 		function highlightItem(value) {
@@ -7210,7 +7246,8 @@ var ListboxItem_default = /* @__PURE__ */ defineComponent({
 					isHighlighted.value,
 					isSelected.value,
 					disabled.value,
-					unref(rootContext).focusable.value
+					unref(rootContext).focusable.value,
+					...Object.entries(_ctx.$attrs).flat()
 				], () => createVNode(unref(Primitive), mergeProps({ id: unref(id) }, _ctx.$attrs, {
 					ref: unref(forwardRef),
 					role: "option",
@@ -12977,7 +13014,10 @@ var calendarDateTimeGranularities = [
 ];
 function syncTimeSegmentValues(props) {
 	return Object.fromEntries(TIME_SEGMENT_PARTS.map((part) => {
-		if (part === "dayPeriod") return [part, props.formatter.dayPeriod(toDate(props.value))];
+		if (part === "dayPeriod") {
+			const timeZone = isZonedDateTime(props.value) ? props.value.timeZone : void 0;
+			return [part, props.formatter.dayPeriod(toDate(props.value), timeZone)];
+		}
 		return [part, props.value[part]];
 	}));
 }
@@ -19111,10 +19151,11 @@ var MenuItemImpl_default = /* @__PURE__ */ defineComponent({
 					onPointermove: handlePointerMove,
 					onPointerleave: handlePointerLeave,
 					onFocus: _cache[0] || (_cache[0] = async (event) => {
+						const item = event.currentTarget;
 						await nextTick();
 						if (event.defaultPrevented || _ctx.disabled) return;
 						isFocused.value = true;
-						unref(contentContext).highlightedElement.value = event.currentTarget;
+						unref(contentContext).highlightedElement.value = item;
 					}),
 					onBlur: _cache[1] || (_cache[1] = async (event) => {
 						await nextTick();
@@ -26516,12 +26557,14 @@ var DrawerContentImpl_default = /* @__PURE__ */ defineComponent({
 		initialFocus: {
 			type: [Boolean, null],
 			required: false,
-			skipCheck: true
+			skipCheck: true,
+			default: true
 		},
 		finalFocus: {
 			type: [Boolean, null],
 			required: false,
-			skipCheck: true
+			skipCheck: true,
+			default: true
 		},
 		disableOutsidePointerEvents: {
 			type: Boolean,
@@ -26681,6 +26724,15 @@ var DrawerContentImpl_default = /* @__PURE__ */ defineComponent({
 			}
 			emits("interactOutside", event);
 		}
+		function onMountAutoFocus(event) {
+			emits("openAutoFocus", event);
+			if (event.defaultPrevented) return;
+			if (props.initialFocus === false) event.preventDefault();
+			else if (props.initialFocus instanceof HTMLElement) {
+				event.preventDefault();
+				focus(props.initialFocus, { select: true });
+			}
+		}
 		let openCompleteCleanup;
 		function clearOpenCompleteListener() {
 			openCompleteCleanup?.();
@@ -26741,8 +26793,8 @@ var DrawerContentImpl_default = /* @__PURE__ */ defineComponent({
 				"as-child": "",
 				loop: "",
 				trapped: props.trapFocus,
-				onMountAutoFocus: _cache[0] || (_cache[0] = ($event) => emits("openAutoFocus", $event)),
-				onUnmountAutoFocus: _cache[1] || (_cache[1] = ($event) => emits("closeAutoFocus", $event))
+				onMountAutoFocus,
+				onUnmountAutoFocus: _cache[0] || (_cache[0] = ($event) => emits("closeAutoFocus", $event))
 			}, {
 				default: withCtx(() => [createVNode(unref(DismissableLayer_default), mergeProps({
 					id: unref(rootContext).contentId,
@@ -26790,12 +26842,14 @@ var DrawerContent_default = /* @__PURE__ */ defineComponent({
 		initialFocus: {
 			type: [Boolean, null],
 			required: false,
-			skipCheck: true
+			skipCheck: true,
+			default: true
 		},
 		finalFocus: {
 			type: [Boolean, null],
 			required: false,
-			skipCheck: true
+			skipCheck: true,
+			default: true
 		},
 		disableOutsidePointerEvents: {
 			type: Boolean,
@@ -26830,9 +26884,14 @@ var DrawerContent_default = /* @__PURE__ */ defineComponent({
 		const isTrapFocusOnly = computed(() => rootContext.modal.value === "trap-focus");
 		const shouldTrapFocus = computed(() => (isFullModal.value || isTrapFocusOnly.value) && rootContext.open.value);
 		useHideOthers(computed(() => isFullModal.value ? currentElement.value : void 0));
+		function finalFocusElement() {
+			if (props.finalFocus === false) return void 0;
+			if (props.finalFocus instanceof HTMLElement) return props.finalFocus;
+			return rootContext.triggerElement.value;
+		}
 		function onCloseAutoFocusNonModal(e) {
 			if (!e.defaultPrevented) {
-				if (!hasInteractedOutside.value) rootContext.triggerElement.value?.focus();
+				if (!hasInteractedOutside.value) finalFocusElement()?.focus();
 				e.preventDefault();
 			}
 			hasInteractedOutside.value = false;
@@ -26862,7 +26921,7 @@ var DrawerContent_default = /* @__PURE__ */ defineComponent({
 					onCloseAutoFocus: _cache[0] || (_cache[0] = (e) => {
 						if (!e.defaultPrevented) {
 							e.preventDefault();
-							unref(rootContext).triggerElement.value?.focus();
+							finalFocusElement()?.focus();
 						}
 					}),
 					onPointerDownOutside: _cache[1] || (_cache[1] = (e) => {
@@ -33523,42 +33582,85 @@ function $eb76cf4feb040f77$var$escapeRegex(string) {
 }
 //#endregion
 //#region ../../home/cosmin/Work/maizzle/framework/node_modules/reka-ui/dist/NumberField/utils.js
+var HOLD_DELAY = 400;
+var REPEAT_INTERVAL = 60;
+var TOUCH_MOVE_TOLERANCE = 10;
 function usePressedHold(options) {
 	const { disabled } = options;
 	const timeout = ref();
 	const triggerHook = createEventHook();
-	const resetTimeout = () => window.clearTimeout(timeout.value);
-	const onIncrementPressStart = (delay) => {
+	const isPressed = ref(false);
+	const target = computed(() => unrefElement(options.target));
+	let activePointerId;
+	let activePointerType = "";
+	let startX = 0;
+	let startY = 0;
+	let holdTriggered = false;
+	const resetTimeout = () => {
+		if (timeout.value === void 0) return;
+		window.clearTimeout(timeout.value);
+		timeout.value = void 0;
+	};
+	const resetPress = () => {
 		resetTimeout();
-		if (disabled.value) return;
-		triggerHook.trigger();
-		timeout.value = window.setTimeout(() => {
-			onIncrementPressStart(60);
-		}, delay);
+		activePointerId = void 0;
+		activePointerType = "";
+		holdTriggered = false;
+		isPressed.value = false;
 	};
-	const handlePressStart = () => {
-		onIncrementPressStart(400);
+	const trigger = () => {
+		if (disabled.value) {
+			resetPress();
+			return false;
+		}
+		triggerHook.trigger();
+		return true;
 	};
-	const handlePressEnd = () => {
+	const scheduleRepeat = (delay) => {
 		resetTimeout();
+		timeout.value = window.setTimeout(() => {
+			holdTriggered = true;
+			if (trigger()) scheduleRepeat(REPEAT_INTERVAL);
+		}, delay);
 	};
-	const isPressed = ref(false);
-	const target = computed(() => unrefElement(options.target));
 	const onPressStart = (event) => {
-		if (event.button !== 0 || isPressed.value) return;
+		if (event.button !== 0 || isPressed.value || disabled.value) return;
 		event.preventDefault();
+		activePointerId = event.pointerId;
+		activePointerType = event.pointerType;
+		startX = event.clientX;
+		startY = event.clientY;
+		holdTriggered = false;
 		isPressed.value = true;
-		handlePressStart();
+		if (event.pointerType === "mouse") {
+			holdTriggered = true;
+			if (trigger()) scheduleRepeat(HOLD_DELAY);
+			return;
+		}
+		scheduleRepeat(HOLD_DELAY);
 	};
-	const onPressRelease = () => {
-		isPressed.value = false;
-		handlePressEnd();
+	const onPressMove = (event) => {
+		if (event.pointerId !== activePointerId || activePointerType === "mouse") return;
+		const distanceX = event.clientX - startX;
+		const distanceY = event.clientY - startY;
+		if (distanceX * distanceX + distanceY * distanceY > TOUCH_MOVE_TOLERANCE ** 2) resetPress();
+	};
+	const onPressRelease = (event) => {
+		if (event.pointerId !== activePointerId) return;
+		const shouldTriggerTap = activePointerType !== "mouse" && !holdTriggered;
+		resetPress();
+		if (shouldTriggerTap) trigger();
+	};
+	const onPressCancel = (event) => {
+		if (event.pointerId === activePointerId) resetPress();
 	};
 	if (isClient) {
 		useEventListener(target || window, "pointerdown", onPressStart);
+		useEventListener(window, "pointermove", onPressMove);
 		useEventListener(window, "pointerup", onPressRelease);
-		useEventListener(window, "pointercancel", onPressRelease);
+		useEventListener(window, "pointercancel", onPressCancel);
 	}
+	onScopeDispose(resetPress);
 	return {
 		isPressed,
 		onTrigger: triggerHook.on
@@ -34644,8 +34746,10 @@ var PinInputInput_default = /* @__PURE__ */ defineComponent({
 		}
 		function handleKeydown(event) {
 			if (isComposing.value || event.isComposing) return;
+			const firstEmptyInputIdx = getFirstEmptyInputIndex();
+			const itemsArray = firstEmptyInputIdx === -1 ? inputElements.value : inputElements.value.slice(0, firstEmptyInputIdx + 1);
 			useArrowNavigation(event, getActiveElement(), void 0, {
-				itemsArray: inputElements.value,
+				itemsArray,
 				focus: true,
 				loop: false,
 				arrowKeyOptions: "horizontal",
@@ -34669,11 +34773,29 @@ var PinInputInput_default = /* @__PURE__ */ defineComponent({
 				updateModelValueAt(props.index, "");
 			}
 		}
+		/**
+		* In OTP mode, inputs should be filled one by one without skipping middle inputs.
+		* Returns the index of the first empty input, or `-1` when not in OTP mode / all filled.
+		*/
+		function getFirstEmptyInputIndex() {
+			if (!context.otp.value) return -1;
+			return inputElements.value.findIndex((_, idx) => context.currentModelValue.value[idx] === "" || context.currentModelValue.value[idx] === void 0);
+		}
+		function getEarlierEmptyInput() {
+			const firstEmptyInputIdx = getFirstEmptyInputIndex();
+			if (firstEmptyInputIdx !== -1 && firstEmptyInputIdx < props.index) return inputElements.value[firstEmptyInputIdx];
+		}
+		function handleMousedown(event) {
+			const earlierEmptyInput = getEarlierEmptyInput();
+			if (!earlierEmptyInput) return;
+			event.preventDefault();
+			earlierEmptyInput.focus();
+		}
 		function handleFocus(event) {
-			if (context.otp.value) {
-				const firstEmptyInputIdx = inputElements.value.findIndex((_, idx) => context.currentModelValue.value[idx] === "" || context.currentModelValue.value[idx] === void 0);
-				if (firstEmptyInputIdx !== -1 && firstEmptyInputIdx < props.index) {
-					inputElements.value[firstEmptyInputIdx].focus();
+			if (!inputElements.value.includes(event.relatedTarget)) {
+				const earlierEmptyInput = getEarlierEmptyInput();
+				if (earlierEmptyInput) {
+					earlierEmptyInput.focus();
 					return;
 				}
 			}
@@ -34719,7 +34841,7 @@ var PinInputInput_default = /* @__PURE__ */ defineComponent({
 			const tempModelValue = [...context.currentModelValue.value];
 			if (context.isNumericMode.value) {
 				const num = +value;
-				if (value === "" || isNaN(num)) delete tempModelValue[index];
+				if (value === "" || isNaN(num)) tempModelValue[index] = void 0;
 				else tempModelValue[index] = num;
 			} else tempModelValue[index] = value;
 			context.modelValue.value = removeTrailingEmptyStrings(tempModelValue);
@@ -34761,6 +34883,7 @@ var PinInputInput_default = /* @__PURE__ */ defineComponent({
 					withKeys(handleBackspace, ["backspace"]),
 					withKeys(handleDelete, ["delete"])
 				],
+				onMousedown: handleMousedown,
 				onFocus: handleFocus,
 				onBlur: handleBlur,
 				onPaste: handlePaste,
@@ -37144,6 +37267,10 @@ var SelectContentImpl_default = /* @__PURE__ */ defineComponent({
 		function handleKeyDown(event) {
 			const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
 			if (event.key === "Tab") event.preventDefault();
+			if (event.code === "Space") {
+				if (search.value === "") return;
+				event.preventDefault();
+			}
 			if (!isModifierKey && event.key.length === 1) handleTypeaheadSearch(event.key, getItems());
 			if ([
 				"ArrowUp",
@@ -38992,6 +39119,15 @@ function handlePointerMove(event) {
 	updateCursor();
 	if (intersectingHandles.length > 0) event.preventDefault();
 }
+function handlePointerOut(event) {
+	if (isPointerDown || !isIframeElement(event.relatedTarget)) return;
+	intersectingHandles.splice(0);
+	updateResizeHandlerStates("move", event);
+	updateCursor();
+}
+function isIframeElement(target) {
+	return target !== null && "tagName" in target && target.tagName === "IFRAME";
+}
 function handlePointerUp(event) {
 	const { target } = event;
 	const { x, y } = getResizeEventCoordinates(event);
@@ -39063,6 +39199,7 @@ function updateListeners() {
 		body.removeEventListener("mousedown", handlePointerDown);
 		body.removeEventListener("mouseleave", handlePointerMove);
 		body.removeEventListener("mousemove", handlePointerMove);
+		body.removeEventListener("mouseout", handlePointerOut);
 		body.removeEventListener("touchmove", handlePointerMove);
 		body.removeEventListener("touchstart", handlePointerDown);
 	});
@@ -39087,6 +39224,7 @@ function updateListeners() {
 		if (count > 0) {
 			body.addEventListener("mousedown", handlePointerDown);
 			body.addEventListener("mousemove", handlePointerMove);
+			body.addEventListener("mouseout", handlePointerOut);
 			body.addEventListener("touchmove", handlePointerMove, { passive: false });
 			body.addEventListener("touchstart", handlePointerDown);
 		}
@@ -44441,6 +44579,15 @@ var TooltipContentHoverable_default = /* @__PURE__ */ defineComponent({
 		onPointerExit(() => {
 			onClose();
 		});
+		useEventListener(currentElement, "pointermove", (event) => {
+			const content = currentElement.value;
+			if (!content || event.pointerType === "touch") return;
+			if (content.ownerDocument.elementsFromPoint?.(event.clientX, event.clientY).some((el) => {
+				if (content.contains(el)) return false;
+				const coveredTrigger = el.closest("[data-grace-area-trigger]");
+				return !!coveredTrigger && coveredTrigger !== trigger.value;
+			})) onClose();
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(TooltipContentImpl_default, mergeProps({ ref: unref(forwardRef) }, unref(forwardedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
@@ -44607,9 +44754,9 @@ var TooltipTrigger_default = /* @__PURE__ */ defineComponent({
 				blur: handleBlur
 			};
 		});
-		onMounted(() => {
-			rootContext.onTriggerChange(triggerElement.value);
-		});
+		watch(triggerElement, (el) => {
+			rootContext.onTriggerChange(el);
+		}, { immediate: true });
 		function handlePointerUp() {
 			setTimeout(() => {
 				isPointerDown.value = false;
@@ -44645,7 +44792,7 @@ var TooltipTrigger_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(PopperAnchor_default), {
 				"as-child": "",
-				reference: _ctx.reference
+				reference: _ctx.reference ?? unref(triggerElement)
 			}, {
 				default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
 					ref: unref(forwardRef),
@@ -44802,7 +44949,27 @@ var TreeRoot_default = /* @__PURE__ */ defineComponent({
 			expanded.value.map((i) => i);
 			return flattenItems(items$1 ?? []);
 		});
+		/**
+		* A form control rendered inside a tree item — an inline rename, a per-row
+		* filter or picker — owns its own keys. Without this, typing into it drives
+		* tree typeahead and selection, moving focus to another row mid-edit. `select`
+		* counts too: it consumes character keys for its own option typeahead and
+		* Shift+Arrow to extend a multiple selection.
+		*
+		* Same idea as the guard in `MenuContentImpl`, widened past `input`/`textarea`.
+		*/
+		const KEY_OWNING_TAGS = [
+			"input",
+			"textarea",
+			"select"
+		];
+		function isKeyDownInFormField(event) {
+			const target = event.target;
+			if (!target) return false;
+			return KEY_OWNING_TAGS.includes(target.tagName.toLowerCase()) || target.isContentEditable;
+		}
 		function handleKeydown(event) {
+			if (isKeyDownInFormField(event)) return;
 			if (isVirtual.value) virtualKeydownHook.trigger(event);
 			else {
 				const collections = rovingFocusGroupRef.value?.getItems() ?? [];
@@ -44810,7 +44977,7 @@ var TreeRoot_default = /* @__PURE__ */ defineComponent({
 			}
 		}
 		function handleKeydownNavigation(event) {
-			if (isVirtual.value) return;
+			if (isVirtual.value || isKeyDownInFormField(event)) return;
 			const intent = MAP_KEY_TO_FOCUS_INTENT[event.key];
 			nextTick(() => {
 				handleMultipleReplace(intent, getActiveElement(), rovingFocusGroupRef.value?.getItems, expandedItems.value.map((i) => i.value));
@@ -45033,8 +45200,8 @@ var TreeItem_default = /* @__PURE__ */ defineComponent({
 					"data-disabled": isDisabled.value ? "" : void 0,
 					onKeydown: [
 						withKeys(withModifiers(handleSelectCustomEvent, ["self", "prevent"]), ["enter", "space"]),
-						_cache[0] || (_cache[0] = withKeys(withModifiers((ev) => unref(rootContext).dir.value === "ltr" ? handleKeydownRight(ev) : handleKeydownLeft(ev), ["prevent"]), ["right"])),
-						_cache[1] || (_cache[1] = withKeys(withModifiers((ev) => unref(rootContext).dir.value === "ltr" ? handleKeydownLeft(ev) : handleKeydownRight(ev), ["prevent"]), ["left"]))
+						_cache[0] || (_cache[0] = withKeys(withModifiers((ev) => unref(rootContext).dir.value === "ltr" ? handleKeydownRight(ev) : handleKeydownLeft(ev), ["self", "prevent"]), ["right"])),
+						_cache[1] || (_cache[1] = withKeys(withModifiers((ev) => unref(rootContext).dir.value === "ltr" ? handleKeydownLeft(ev) : handleKeydownRight(ev), ["self", "prevent"]), ["left"]))
 					],
 					onClick: _cache[2] || (_cache[2] = withModifiers((ev) => {
 						handleSelectCustomEvent(ev);