@maizzle/framework 6.1.2 → 6.1.4

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

@@ -405,6 +405,14 @@ var ConfigProvider_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region ../../home/cosmin/Work/maizzle/framework/node_modules/reka-ui/dist/DismissableLayer/context.js
+var context = /*#__PURE__*/ reactive({
+	layersRoot: /* @__PURE__ */ new Set(),
+	layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+	originalBodyPointerEvents: void 0,
+	branches: /* @__PURE__ */ new Set()
+});
+//#endregion
 //#region ../../home/cosmin/Work/maizzle/framework/node_modules/defu/dist/defu.mjs
 function isPlainObject(value) {
 	if (value === null || typeof value !== "object") return false;
@@ -441,12 +449,12 @@ var useBodyLockStackCount = createSharedComposable(() => {
 		for (const value of map.value.values()) if (value) return true;
 		return false;
 	});
-	const context = injectConfigProviderContext({ scrollBody: ref(true) });
+	const context$1 = injectConfigProviderContext({ scrollBody: ref(true) });
 	let stopTouchMoveListener = null;
 	const resetBodyStyle = () => {
 		document.body.style.paddingRight = "";
 		document.body.style.marginRight = "";
-		document.body.style.pointerEvents = "";
+		if (context.layersWithOutsidePointerEventsDisabled.size === 0) document.body.style.pointerEvents = "";
 		document.documentElement.style.removeProperty("--scrollbar-width");
 		document.body.style.overflow = initialOverflow.value ?? "";
 		isIOS && stopTouchMoveListener?.();
@@ -464,9 +472,9 @@ var useBodyLockStackCount = createSharedComposable(() => {
 			padding: verticalScrollbarWidth,
 			margin: 0
 		};
-		const config = context.scrollBody?.value ? typeof context.scrollBody.value === "object" ? defu({
-			padding: context.scrollBody.value.padding === true ? verticalScrollbarWidth : context.scrollBody.value.padding,
-			margin: context.scrollBody.value.margin === true ? verticalScrollbarWidth : context.scrollBody.value.margin
+		const config = context$1.scrollBody?.value ? typeof context$1.scrollBody.value === "object" ? defu({
+			padding: context$1.scrollBody.value.padding === true ? verticalScrollbarWidth : context$1.scrollBody.value.padding,
+			margin: context$1.scrollBody.value.margin === true ? verticalScrollbarWidth : context$1.scrollBody.value.margin
 		}, defaultConfig) : defaultConfig : {
 			padding: 0,
 			margin: 0
@@ -521,10 +529,27 @@ function preventDefault(rawEvent) {
 }
 //#endregion
 //#region ../../home/cosmin/Work/maizzle/framework/node_modules/reka-ui/dist/shared/useComposing.js
+var imeScriptRE = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\p{Script=Bopomofo}]/u;
+var androidRE = /android/i;
+function isAndroid() {
+	return typeof navigator !== "undefined" && androidRE.test(navigator.userAgent);
+}
 function useComposing(onEnd) {
 	const isComposing = ref(false);
+	const isImeComposition = ref(true);
+	const sawImeScript = ref(false);
+	const shouldDeferInput = computed(() => isComposing.value && isImeComposition.value);
 	function handleCompositionStart() {
 		isComposing.value = true;
+		isImeComposition.value = true;
+		sawImeScript.value = false;
+	}
+	function handleCompositionUpdate(event) {
+		if (!event.data) return;
+		if (imeScriptRE.test(event.data)) {
+			isImeComposition.value = true;
+			sawImeScript.value = true;
+		} else if (isAndroid() && !sawImeScript.value) isImeComposition.value = false;
 	}
 	function handleCompositionEnd(event) {
 		nextTick(() => {
@@ -534,7 +559,9 @@ function useComposing(onEnd) {
 	}
 	return {
 		isComposing,
+		shouldDeferInput,
 		handleCompositionStart,
+		handleCompositionUpdate,
 		handleCompositionEnd
 	};
 }
@@ -3825,10 +3852,11 @@ function usePresence(present, node) {
 	* make sure we only trigger ANIMATION_END for the currently active animation.
 	*/
 	const handleAnimationEnd = (event) => {
+		if (event.target !== node.value) return;
 		const currentAnimationName = getAnimationName(node.value);
 		const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
 		const directionName = state.value === "mounted" ? "enter" : "leave";
-		if (event.target === node.value && isCurrentAnimation) {
+		if (isCurrentAnimation) {
 			dispatchCustomEvent(`after-${directionName}`);
 			dispatch("ANIMATION_END");
 			if (!prevPresentRef.value) {
@@ -3839,7 +3867,7 @@ function usePresence(present, node) {
 				});
 			}
 		}
-		if (event.target === node.value && currentAnimationName === "none") dispatch("ANIMATION_END");
+		if (currentAnimationName === "none") dispatch("ANIMATION_END");
 	};
 	const handleAnimationStart = (event) => {
 		if (event.target === node.value) prevAnimationNameRef.value = getAnimationName(node.value);
@@ -4789,12 +4817,6 @@ function useFocusOutside(onFocusOutside, element, enabled = true) {
 }
 //#endregion
 //#region ../../home/cosmin/Work/maizzle/framework/node_modules/reka-ui/dist/DismissableLayer/DismissableLayer.js
-var context = /*#__PURE__*/ reactive({
-	layersRoot: /* @__PURE__ */ new Set(),
-	layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-	originalBodyPointerEvents: void 0,
-	branches: /* @__PURE__ */ new Set()
-});
 var DismissableLayer_default = /* @__PURE__ */ defineComponent({
 	__name: "DismissableLayer",
 	props: {
@@ -4849,7 +4871,7 @@ var DismissableLayer_default = /* @__PURE__ */ defineComponent({
 			emits("interactOutside", event);
 			await nextTick();
 			if (!event.defaultPrevented) emits("dismiss");
-		}, layerElement);
+		}, layerElement, () => props.present);
 		const focusOutside = useFocusOutside((event) => {
 			const isFocusInBranch = [...context.branches].some((branch) => branch?.contains(event.target));
 			if (!props.present || isFocusInBranch) return;
@@ -4936,11 +4958,16 @@ var DismissableLayerBranch_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const { forwardRef, currentElement } = useForwardExpose();
+		let registeredElement = null;
 		onMounted(() => {
-			context.branches.add(currentElement.value);
+			registeredElement = currentElement.value;
+			if (registeredElement) context.branches.add(registeredElement);
 		});
 		onUnmounted(() => {
-			context.branches.delete(currentElement.value);
+			if (registeredElement) {
+				context.branches.delete(registeredElement);
+				registeredElement = null;
+			}
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Primitive), mergeProps({ ref: unref(forwardRef) }, props), {
@@ -5114,6 +5141,8 @@ var FocusScope_default = /* @__PURE__ */ defineComponent({
 				const lastFocusedElement = lastFocusedElementRef.value;
 				if (lastFocusedElement === null) return;
 				if (!mutations.some((m) => m.removedNodes.length > 0)) return;
+				const activeElement = getActiveElement();
+				if (activeElement && container.contains(activeElement)) return;
 				if (!container.contains(lastFocusedElement)) focus(container);
 			}
 			document.addEventListener("focusin", handleFocusIn);
@@ -6556,6 +6585,7 @@ function wrapArray(array, startIndex) {
 //#endregion
 //#region ../../home/cosmin/Work/maizzle/framework/node_modules/reka-ui/dist/Listbox/ListboxRoot.js
 var [injectListboxRootContext, provideListboxRootContext] = /*#__PURE__*/ createContext("ListboxRoot");
+var [injectListboxHighlightScrollContext, provideListboxHighlightScrollContext] = /*#__PURE__*/ createContext("ListboxHighlightScroll");
 var ListboxRoot_default = /* @__PURE__ */ defineComponent({
 	__name: "ListboxRoot",
 	props: {
@@ -6629,6 +6659,11 @@ var ListboxRoot_default = /* @__PURE__ */ defineComponent({
 		const { primitiveElement, currentElement } = usePrimitiveElement();
 		const kbd = useKbd();
 		const dir = useDirection(propDir);
+		const highlightScrollContext = injectListboxHighlightScrollContext(null);
+		provideListboxHighlightScrollContext({
+			suppressHighlightScroll: ref(false),
+			onHighlightScrollRequest: () => {}
+		});
 		const isFormControl = useFormControl(currentElement);
 		const firstValue = ref();
 		const isUserAction = ref(false);
@@ -6670,8 +6705,14 @@ var ListboxRoot_default = /* @__PURE__ */ defineComponent({
 		function changeHighlight(el, scrollIntoView = true, focus) {
 			if (!el) return;
 			highlightedElement.value = el;
-			if (focus ?? focusable.value) highlightedElement.value.focus();
-			if (scrollIntoView) highlightedElement.value.scrollIntoView({ block: "nearest" });
+			const suppressHighlightScroll = highlightScrollContext?.suppressHighlightScroll.value ?? false;
+			if (focus ?? focusable.value) if (suppressHighlightScroll) highlightedElement.value.focus({ preventScroll: true });
+			else highlightedElement.value.focus();
+			if (suppressHighlightScroll) highlightScrollContext?.onHighlightScrollRequest(scrollIntoView ? () => {
+				const element = highlightedElement.value;
+				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);
 			emits("highlight", highlightedItem);
 		}
@@ -6993,7 +7034,7 @@ var ListboxFilter_default = /* @__PURE__ */ defineComponent({
 		onUnmounted(() => {
 			rootContext.focusable.value = true;
 		});
-		const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing((event) => {
+		const { isComposing, shouldDeferInput, handleCompositionStart, handleCompositionUpdate, handleCompositionEnd } = useComposing((event) => {
 			modelValue.value = event.target.value;
 			rootContext.onCompositionEnd();
 			rootContext.highlightFirstItem();
@@ -7003,7 +7044,7 @@ var ListboxFilter_default = /* @__PURE__ */ defineComponent({
 			handleCompositionStart();
 		}
 		function handleInput(event) {
-			if (isComposing.value) return;
+			if (shouldDeferInput.value) return;
 			modelValue.value = event.target.value;
 			rootContext.highlightFirstItem();
 		}
@@ -7036,6 +7077,7 @@ var ListboxFilter_default = /* @__PURE__ */ defineComponent({
 				]), withKeys(handleKeydownEnter, ["enter"])],
 				onInput: handleInput,
 				onCompositionstart: onCompositionStart,
+				onCompositionupdate: unref(handleCompositionUpdate),
 				onCompositionend: unref(handleCompositionEnd)
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { modelValue: unref(modelValue) })]),
@@ -7048,6 +7090,7 @@ var ListboxFilter_default = /* @__PURE__ */ defineComponent({
 				"data-disabled",
 				"aria-disabled",
 				"aria-activedescendant",
+				"onCompositionupdate",
 				"onCompositionend"
 			]);
 		};
@@ -8417,8 +8460,8 @@ var ListboxVirtualizer_default = /* @__PURE__ */ defineComponent({
 				requestAnimationFrame(() => {
 					const item = queryCheckedElement(parentEl.value);
 					if (item) {
-						rootContext.changeHighlight(item, scroll, scroll ? void 0 : false);
-						if (event) item?.focus();
+						const focus = event ? true : scroll ? void 0 : false;
+						rootContext.changeHighlight(item, scroll, focus);
 					}
 				});
 			} else if (scroll) rootContext.highlightFirstItem();
@@ -10553,6 +10596,48 @@ var PopperArrow_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region ../../home/cosmin/Work/maizzle/framework/node_modules/reka-ui/dist/Combobox/useComboboxContentPositioning.js
+function useComboboxContentPositioning(open) {
+	const contentPosition = ref("inline");
+	const contentPlaced = ref(false);
+	const currentContent = ref();
+	const suppressHighlightScroll = computed(() => contentPosition.value === "popper" && !contentPlaced.value);
+	let pendingHighlightScroll;
+	provideListboxHighlightScrollContext({
+		suppressHighlightScroll,
+		onHighlightScrollRequest(scroll) {
+			pendingHighlightScroll = scroll;
+		}
+	});
+	function onContentPositionChange(content, position) {
+		if (currentContent.value !== content || contentPosition.value !== position) {
+			contentPlaced.value = false;
+			pendingHighlightScroll = void 0;
+		}
+		currentContent.value = content;
+		contentPosition.value = position;
+	}
+	function onContentPlaced(content) {
+		if (currentContent.value !== content || contentPosition.value !== "popper" || contentPlaced.value) return;
+		contentPlaced.value = true;
+		const scroll = pendingHighlightScroll;
+		pendingHighlightScroll = void 0;
+		if (open.value) scroll?.();
+	}
+	function onContentUnmount(content) {
+		if (currentContent.value !== content) return;
+		currentContent.value = void 0;
+		contentPosition.value = "inline";
+		contentPlaced.value = false;
+		pendingHighlightScroll = void 0;
+	}
+	return {
+		onContentPositionChange,
+		onContentPlaced,
+		onContentUnmount
+	};
+}
+//#endregion
 //#region ../../home/cosmin/Work/maizzle/framework/node_modules/reka-ui/dist/Combobox/ComboboxRoot.js
 var [injectComboboxRootContext, provideComboboxRootContext] = /*#__PURE__*/ createContext("ComboboxRoot");
 var ComboboxRoot_default = /* @__PURE__ */ defineComponent({
@@ -10683,6 +10768,7 @@ var ComboboxRoot_default = /* @__PURE__ */ defineComponent({
 		const inputElement = ref();
 		const triggerElement = ref();
 		const highlightedElement = computed(() => primitiveElement.value?.highlightedElement ?? void 0);
+		const contentPositioning = useComboboxContentPositioning(open);
 		const allItems = ref(/* @__PURE__ */ new Map());
 		const allGroups = ref(/* @__PURE__ */ new Map());
 		const { contains } = useFilter({ sensitivity: "base" });
@@ -10732,6 +10818,7 @@ var ComboboxRoot_default = /* @__PURE__ */ defineComponent({
 			disabled,
 			open,
 			onOpenChange,
+			...contentPositioning,
 			contentId: "",
 			isUserInputted,
 			isVirtual,
@@ -10915,6 +11002,7 @@ var AutocompleteRoot_default = /* @__PURE__ */ defineComponent({
 		const inputElement = ref();
 		const triggerElement = ref();
 		const highlightedElement = computed(() => primitiveElement.value?.highlightedElement ?? void 0);
+		const contentPositioning = useComboboxContentPositioning(open);
 		const allItems = ref(/* @__PURE__ */ new Map());
 		const allGroups = ref(/* @__PURE__ */ new Map());
 		const { contains } = useFilter({ sensitivity: "base" });
@@ -10964,6 +11052,7 @@ var AutocompleteRoot_default = /* @__PURE__ */ defineComponent({
 			disabled,
 			open,
 			onOpenChange,
+			...contentPositioning,
 			contentId: "",
 			isUserInputted,
 			isVirtual,
@@ -11064,7 +11153,7 @@ var AutocompleteInput_default = /* @__PURE__ */ defineComponent({
 		onMounted(() => {
 			if (currentElement.value) rootContext.onInputElementChange(currentElement.value);
 		});
-		const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing((event) => {
+		const { isComposing, shouldDeferInput, handleCompositionStart, handleCompositionUpdate, handleCompositionEnd } = useComposing((event) => {
 			const el = event.target;
 			if (el) processInputValue(el.value);
 		});
@@ -11086,7 +11175,7 @@ var AutocompleteInput_default = /* @__PURE__ */ defineComponent({
 			autocompleteContext.modelValue.value = value;
 		}
 		function handleInput(event) {
-			if (isComposing.value) return;
+			if (shouldDeferInput.value) return;
 			processInputValue(event.target.value);
 		}
 		function handleFocus() {
@@ -11125,6 +11214,7 @@ var AutocompleteInput_default = /* @__PURE__ */ defineComponent({
 				onKeydown: withKeys(handleKeyDown, ["down", "up"]),
 				onFocus: handleFocus,
 				onCompositionstart: unref(handleCompositionStart),
+				onCompositionupdate: unref(handleCompositionUpdate),
 				onCompositionend: unref(handleCompositionEnd)
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
@@ -11138,6 +11228,7 @@ var AutocompleteInput_default = /* @__PURE__ */ defineComponent({
 				"aria-expanded",
 				"aria-controls",
 				"onCompositionstart",
+				"onCompositionupdate",
 				"onCompositionend"
 			]);
 		};
@@ -11304,6 +11395,8 @@ var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 		const emits = __emit;
 		const { position } = toRefs(props);
 		const rootContext = injectComboboxRootContext();
+		const contentId = Symbol("ComboboxContent");
+		watch(position, (value) => rootContext.onContentPositionChange(contentId, value), { immediate: true });
 		const isEmpty = computed(() => rootContext.ignoreFilter.value ? rootContext.allItems.value.size === 0 : rootContext.filterState.value.count === 0);
 		const { forwardRef, currentElement } = useForwardExpose();
 		useBodyScrollLock(props.bodyLock);
@@ -11330,6 +11423,7 @@ var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 			}
 		});
 		onUnmounted(() => {
+			rootContext.onContentUnmount(contentId);
 			const activeElement = getActiveElement();
 			if (isInputWithinContent.value && (!activeElement || activeElement === document.body)) rootContext.triggerElement.value?.focus();
 		});
@@ -11338,6 +11432,7 @@ var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 			const control = (target instanceof Element ? target.closest("label") : null)?.control;
 			return !!control && !!rootContext.parentElement.value?.contains(control);
 		}
+		const popperContentEvents = { placed: () => rootContext.onContentPlaced(contentId) };
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ListboxContent_default), { "as-child": "" }, {
 				default: withCtx(() => [createVNode(unref(FocusScope_default), {
@@ -11375,7 +11470,7 @@ var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 								outline: "none",
 								...unref(position) === "popper" ? popperStyle : {}
 							}
-						}), {
+						}, toHandlers(unref(position) === "popper" ? popperContentEvents : {})), {
 							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 							_: 3
 						}, 16, [
@@ -11726,7 +11821,7 @@ var ComboboxInput_default = /* @__PURE__ */ defineComponent({
 		onMounted(() => {
 			if (currentElement.value) rootContext.onInputElementChange(currentElement.value);
 		});
-		const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing((event) => {
+		const { isComposing, shouldDeferInput, handleCompositionStart, handleCompositionUpdate, handleCompositionEnd } = useComposing((event) => {
 			const el = event.target;
 			if (el) processInputValue(el.value);
 		});
@@ -11747,7 +11842,7 @@ var ComboboxInput_default = /* @__PURE__ */ defineComponent({
 			} else rootContext.filterSearch.value = value;
 		}
 		function handleInput(event) {
-			if (isComposing.value) return;
+			if (shouldDeferInput.value) return;
 			processInputValue(event.target.value);
 		}
 		function handleFocus() {
@@ -11811,6 +11906,7 @@ var ComboboxInput_default = /* @__PURE__ */ defineComponent({
 				onFocus: handleFocus,
 				onBlur: handleBlur,
 				onCompositionstart: unref(handleCompositionStart),
+				onCompositionupdate: unref(handleCompositionUpdate),
 				onCompositionend: unref(handleCompositionEnd)
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
@@ -11824,6 +11920,7 @@ var ComboboxInput_default = /* @__PURE__ */ defineComponent({
 				"aria-expanded",
 				"aria-controls",
 				"onCompositionstart",
+				"onCompositionupdate",
 				"onCompositionend"
 			]);
 		};
@@ -21166,7 +21263,7 @@ var DateFieldRoot_default = /* @__PURE__ */ defineComponent({
 			elements: segmentElements,
 			setFocusedElement,
 			focusNext() {
-				nextFocusableSegment.value?.focus();
+				Array.from(segmentElements.value)[currentSegmentIndex.value + 1]?.focus();
 			}
 		});
 		__expose({ setFocusedElement });
@@ -22978,6 +23075,7 @@ var PopoverTrigger_default = /* @__PURE__ */ defineComponent({
 		const rootContext = injectPopoverRootContext();
 		const { forwardRef, currentElement: triggerElement } = useForwardExpose();
 		rootContext.triggerId ||= useId(void 0, "reka-popover-trigger");
+		rootContext.contentId ||= useId(void 0, "reka-popover-content");
 		onMounted(() => {
 			rootContext.triggerElement.value = triggerElement.value;
 		});
@@ -22989,7 +23087,7 @@ var PopoverTrigger_default = /* @__PURE__ */ defineComponent({
 					type: _ctx.as === "button" ? "button" : void 0,
 					"aria-haspopup": "dialog",
 					"aria-expanded": unref(rootContext).open.value,
-					"aria-controls": unref(rootContext).contentId,
+					"aria-controls": unref(rootContext).open.value ? unref(rootContext).contentId : void 0,
 					"data-state": unref(rootContext).open.value ? "open" : "closed",
 					as: _ctx.as,
 					"as-child": props.asChild,
@@ -23308,7 +23406,7 @@ var DateRangeFieldRoot_default = /* @__PURE__ */ defineComponent({
 			elements: segmentElements,
 			setFocusedElement,
 			focusNext() {
-				nextFocusableSegment.value?.focus();
+				Array.from(segmentElements.value)[currentSegmentIndex.value + 1]?.focus();
 			}
 		});
 		__expose({ setFocusedElement });
@@ -25740,12 +25838,8 @@ var DrawerRoot_default = /* @__PURE__ */ defineComponent({
 			nestedSwiping,
 			isSwiping,
 			nestedSwipeProgressStore,
-			onOpenChange(value, reason) {
-				if (open.value === value) return;
-				const details = reason ? { reason } : void 0;
-				uncontrolledOpen.value = value;
-				emit("update:open", value, details);
-			},
+			onOpenChange: handleOpenChange,
+			onOpenToggle: handleOpenToggle,
 			notifyOpenComplete(value) {
 				emit("update:openComplete", value);
 			},
@@ -25788,9 +25882,16 @@ var DrawerRoot_default = /* @__PURE__ */ defineComponent({
 			descriptionId
 		});
 		function handleClose() {
-			if (!open.value) return;
-			uncontrolledOpen.value = false;
-			emit("update:open", false, { reason: "close-press" });
+			handleOpenChange(false, "close-press");
+		}
+		function handleOpenChange(value, reason) {
+			if (open.value === value) return;
+			const details = reason ? { reason } : void 0;
+			uncontrolledOpen.value = value;
+			emit("update:open", value, details);
+		}
+		function handleOpenToggle() {
+			handleOpenChange(!open.value, "trigger-press");
 		}
 		watch(open, (isOpen) => {
 			if (isOpen) providerContext?.setDrawerOpen(contentId, true);
@@ -25954,6 +26055,8 @@ function useDrawerSnapPoints(options) {
 var DEFAULT_SWIPE_THRESHOLD = 40;
 var REVERSE_CANCEL_THRESHOLD = 10;
 var MIN_DRAG_THRESHOLD = 1;
+var AXIS_LOCK_SLOP = 6;
+var AXIS_LOCK_BIAS = 2;
 var MIN_RELEASE_VELOCITY_DURATION_MS = 16;
 var MAX_RELEASE_VELOCITY_AGE_MS = 80;
 var DEFAULT_IGNORE_SELECTOR = "button,a,input,select,textarea,label,[role=\"button\"]";
@@ -26007,6 +26110,10 @@ function useSwipeDismiss(options) {
 	const allowDown = computed(() => toValue$1(directions).includes("down"));
 	const allowLeft = computed(() => toValue$1(directions).includes("left"));
 	const allowRight = computed(() => toValue$1(directions).includes("right"));
+	const drawerAxis = computed(() => {
+		if (hasVertical.value === hasHorizontal.value) return null;
+		return hasVertical.value ? "vertical" : "horizontal";
+	});
 	const isSwiping = ref(false);
 	const swipeDirection = ref(void 0);
 	const dragOffset = ref({
@@ -26025,6 +26132,9 @@ function useSwipeDismiss(options) {
 	let pendingSwipeStartPos = null;
 	let swipeFromScrollable = false;
 	let scrollableAncestor = null;
+	let crossAxisScrollable = null;
+	let drawerAxisAttributed = false;
+	let preserveNativeCrossAxisScroll = false;
 	let elementSize = {
 		width: 0,
 		height: 0
@@ -26072,7 +26182,12 @@ function useSwipeDismiss(options) {
 		el.style.setProperty(movementCssVars.x, "0px");
 		el.style.setProperty(movementCssVars.y, "0px");
 	}
-	function reset() {
+	/**
+	* Clears the per-gesture tracking state. Deliberately leaves the pointer
+	* identity and the touch scroll-guard flags alone, so it is safe to call at
+	* the start of a gesture as well as at the end of one.
+	*/
+	function resetGestureState() {
 		setSwiping(false);
 		swipeDirection.value = void 0;
 		dragOffset.value = {
@@ -26089,8 +26204,6 @@ function useSwipeDismiss(options) {
 		isFirstMove = false;
 		pendingSwipe = false;
 		pendingSwipeStartPos = null;
-		swipeFromScrollable = false;
-		scrollableAncestor = null;
 		elementSize = {
 			width: 0,
 			height: 0
@@ -26102,10 +26215,19 @@ function useSwipeDismiss(options) {
 			y: 0
 		};
 		lockedAxis = null;
+	}
+	function reset() {
+		resetGestureState();
+		swipeFromScrollable = false;
+		scrollableAncestor = null;
+		crossAxisScrollable = null;
+		drawerAxisAttributed = false;
+		preserveNativeCrossAxisScroll = false;
 		activePointerId = null;
 		pointerStarted = false;
 	}
 	function startSwipe(el, pos) {
+		resetGestureState();
 		getElementTransform(el);
 		dragStartPos = pos;
 		pendingSwipeStartPos = pos;
@@ -26133,6 +26255,33 @@ function useSwipeDismiss(options) {
 			y: hasVertical.value ? dampAxis(deltaY, allowUp.value, allowDown.value) : exponent(deltaY)
 		};
 	}
+	/**
+	* Arbitrates a touchmove between the drawer swipe and a native scroll on the
+	* cross axis. Returns `true` when the move must be left alone — the cross axis
+	* already won the gesture, or neither axis has passed the slop yet.
+	*/
+	function shouldYieldTouchMove(e, pos) {
+		if (preserveNativeCrossAxisScroll) return true;
+		if (drawerAxisAttributed || !crossAxisScrollable || !drawerAxis.value) return false;
+		if (!e.cancelable) {
+			preserveNativeCrossAxisScroll = true;
+			return true;
+		}
+		const isVerticalDrawerAxis = drawerAxis.value === "vertical";
+		const drawerAxisDelta = isVerticalDrawerAxis ? pos.y - dragStartPos.y : pos.x - dragStartPos.x;
+		const crossAxisDelta = isVerticalDrawerAxis ? pos.x - dragStartPos.x : pos.y - dragStartPos.y;
+		const absDrawerAxisDelta = Math.abs(drawerAxisDelta);
+		const absCrossAxisDelta = Math.abs(crossAxisDelta);
+		if (absCrossAxisDelta >= AXIS_LOCK_SLOP && absCrossAxisDelta > absDrawerAxisDelta + AXIS_LOCK_BIAS) {
+			preserveNativeCrossAxisScroll = true;
+			return true;
+		}
+		if (absDrawerAxisDelta >= AXIS_LOCK_SLOP) {
+			drawerAxisAttributed = true;
+			return false;
+		}
+		return true;
+	}
 	function processMove(el, pos, time) {
 		const rawDx = pos.x - dragStartPos.x;
 		const rawDy = pos.y - dragStartPos.y;
@@ -26148,19 +26297,20 @@ function useSwipeDismiss(options) {
 		const dy = lockedAxis === "horizontal" ? 0 : rawDy;
 		const dir = toValue$1(directions).find((d) => getDisplacement(d, dx, dy) > 0);
 		if (pendingSwipe && pendingSwipeStartPos) {
-			if (!dir) return;
-			const pending = getDisplacement(dir, pos.x - pendingSwipeStartPos.x, pos.y - pendingSwipeStartPos.y);
-			if (Math.abs(pending) < MIN_DRAG_THRESHOLD) return;
+			if (Math.max(Math.abs(dx), Math.abs(dy)) < MIN_DRAG_THRESHOLD) return;
 			pendingSwipe = false;
-			intendedDirection = dir;
-			swipeDirection.value = dir;
 			setSwiping(true);
 			onSwipeStart?.();
 		}
 		if (!isSwiping.value) return;
-		const currentDir = intendedDirection ?? toValue$1(directions)[0];
-		const displacement = getDisplacement(currentDir, dx, dy);
-		if (!cancelledSwipe) {
+		if (!intendedDirection && dir) {
+			intendedDirection = dir;
+			swipeDirection.value = dir;
+			maxDisplacement = getDisplacement(dir, dx, dy);
+		}
+		const currentDir = intendedDirection;
+		if (currentDir && !cancelledSwipe) {
+			const displacement = getDisplacement(currentDir, dx, dy);
 			maxDisplacement = Math.max(maxDisplacement, displacement);
 			if (maxDisplacement > DEFAULT_SWIPE_THRESHOLD / 2 && maxDisplacement - displacement > REVERSE_CANCEL_THRESHOLD) cancelledSwipe = true;
 		}
@@ -26175,10 +26325,11 @@ function useSwipeDismiss(options) {
 			y: damped.y
 		}, time);
 		const currentEl = elementRef.value;
-		if (currentEl) {
-			const dim = currentDir === "up" || currentDir === "down" ? elementSize.height || currentEl.offsetHeight : elementSize.width || currentEl.offsetWidth;
-			const threshold = getThreshold(currentEl, currentDir);
-			const p = Math.min(1, Math.max(0, displacement / (dim + threshold)));
+		const progressDir = currentDir ?? toValue$1(directions)[0];
+		if (currentEl && progressDir) {
+			const dim = progressDir === "up" || progressDir === "down" ? elementSize.height || currentEl.offsetHeight : elementSize.width || currentEl.offsetWidth;
+			const threshold = getThreshold(currentEl, progressDir);
+			const p = Math.min(1, Math.max(0, getDisplacement(progressDir, dx, dy) / (dim + threshold)));
 			if (p !== swipeProgress) {
 				swipeProgress = p;
 				onProgress?.(p, {
@@ -26235,7 +26386,10 @@ function useSwipeDismiss(options) {
 		if (!pointerStarted || e.pointerId !== activePointerId) return;
 		const el = elementRef.value;
 		if (!el) return;
-		if ((e.buttons & 1) === 0) return;
+		if ((e.buttons & 1) === 0) {
+			finishSwipe(el);
+			return;
+		}
 		processMove(el, {
 			x: e.clientX,
 			y: e.clientY
@@ -26244,7 +26398,25 @@ function useSwipeDismiss(options) {
 	function onPointerUp(e) {
 		if (!pointerStarted || e.pointerId !== activePointerId) return;
 		const el = elementRef.value;
-		if (!el) return;
+		if (!el) {
+			reset();
+			return;
+		}
+		finishSwipe(el);
+	}
+	/**
+	* Ends an in-flight pointer drag that can no longer be tracked — pointer
+	* capture was lost, or the window lost focus mid-drag (which is what happens
+	* when the release lands over another application). The drawer settles from
+	* wherever it was last dragged to.
+	*/
+	function onPointerInterrupted() {
+		if (!pointerStarted) return;
+		const el = elementRef.value;
+		if (!el) {
+			reset();
+			return;
+		}
 		finishSwipe(el);
 	}
 	function onTouchStart(e) {
@@ -26254,6 +26426,9 @@ function useSwipeDismiss(options) {
 		if (target?.closest(DEFAULT_IGNORE_SELECTOR)) return;
 		const el = elementRef.value;
 		if (!el) return;
+		crossAxisScrollable = null;
+		drawerAxisAttributed = false;
+		preserveNativeCrossAxisScroll = false;
 		if (!options.ignoreScrollableAncestors) {
 			const scrollable = findScrollableAncestor(target, hasVertical.value ? "vertical" : "horizontal");
 			if (scrollable) {
@@ -26261,6 +26436,7 @@ function useSwipeDismiss(options) {
 				scrollableAncestor = scrollable;
 			}
 		}
+		if (drawerAxis.value) crossAxisScrollable = findScrollableAncestor(target, drawerAxis.value === "vertical" ? "horizontal" : "vertical");
 		const t = e.touches[0];
 		if (!t) return;
 		startSwipe(el, {
@@ -26277,6 +26453,7 @@ function useSwipeDismiss(options) {
 			x: t.clientX,
 			y: t.clientY
 		};
+		if (shouldYieldTouchMove(e, pos)) return;
 		if (swipeFromScrollable && pendingSwipe && scrollableAncestor) {
 			const dx = pos.x - dragStartPos.x;
 			const dy = pos.y - dragStartPos.y;
@@ -26311,7 +26488,10 @@ function useSwipeDismiss(options) {
 		cleanups.forEach((fn) => fn());
 		cleanups.length = 0;
 		if (!el) return;
-		cleanups.push(useEventListener(el, "pointerdown", onPointerDown), useEventListener(el, "pointermove", onPointerMove), useEventListener(el, "pointerup", onPointerUp), useEventListener(el, "pointercancel", onPointerUp), useEventListener(el, "touchstart", onTouchStart, { passive: true }), useEventListener(el, "touchmove", onTouchMove, { passive: false }), useEventListener(el, "touchend", onTouchEnd), useEventListener(el, "touchcancel", onTouchEnd));
+		const doc = el.ownerDocument;
+		const win = doc.defaultView;
+		cleanups.push(useEventListener(el, "pointerdown", onPointerDown), useEventListener(el, "pointermove", onPointerMove), useEventListener(el, "pointerup", onPointerUp), useEventListener(el, "pointercancel", onPointerUp), useEventListener(el, "lostpointercapture", onPointerInterrupted), useEventListener(doc, "pointerup", onPointerUp), useEventListener(doc, "pointercancel", onPointerUp), useEventListener(el, "touchstart", onTouchStart, { passive: true }), useEventListener(el, "touchmove", onTouchMove, { passive: false }), useEventListener(el, "touchend", onTouchEnd), useEventListener(el, "touchcancel", onTouchEnd));
+		if (win) cleanups.push(useEventListener(win, "blur", onPointerInterrupted));
 	}, { immediate: true });
 	onUnmounted(() => {
 		cleanups.forEach((fn) => fn());
@@ -27112,7 +27292,7 @@ var DrawerTrigger_default = /* @__PURE__ */ defineComponent({
 				"aria-expanded": unref(rootContext).open.value,
 				"aria-controls": unref(rootContext).open.value ? unref(rootContext).contentId : void 0,
 				"data-state": unref(rootContext).open.value ? "open" : "closed",
-				onClick: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(true, "trigger-press"))
+				onClick: unref(rootContext).onOpenToggle
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
@@ -27120,7 +27300,8 @@ var DrawerTrigger_default = /* @__PURE__ */ defineComponent({
 				"type",
 				"aria-expanded",
 				"aria-controls",
-				"data-state"
+				"data-state",
+				"onClick"
 			]);
 		};
 	}
@@ -27508,7 +27689,7 @@ var DropdownMenuFilter_default = /* @__PURE__ */ defineComponent({
 			contentContext.onFilterElementChange(void 0);
 			contentContext.searchRef.value = "";
 		});
-		const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing((event) => {
+		const { isComposing, shouldDeferInput, handleCompositionStart, handleCompositionUpdate, handleCompositionEnd } = useComposing((event) => {
 			const el = event.target;
 			if (el) {
 				modelValue.value = el.value;
@@ -27517,7 +27698,7 @@ var DropdownMenuFilter_default = /* @__PURE__ */ defineComponent({
 		});
 		function handleInput(event) {
 			if (disabled.value) return;
-			if (isComposing.value) return;
+			if (shouldDeferInput.value) return;
 			const target = event.target;
 			modelValue.value = target.value;
 			contentContext.searchRef.value = target.value;
@@ -27561,6 +27742,7 @@ var DropdownMenuFilter_default = /* @__PURE__ */ defineComponent({
 				onInput: handleInput,
 				onKeydown: handleKeyDown,
 				onCompositionstart: unref(handleCompositionStart),
+				onCompositionupdate: unref(handleCompositionUpdate),
 				onCompositionend: unref(handleCompositionEnd)
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { modelValue: unref(modelValue) })]),
@@ -27574,6 +27756,7 @@ var DropdownMenuFilter_default = /* @__PURE__ */ defineComponent({
 				"aria-disabled",
 				"aria-activedescendant",
 				"onCompositionstart",
+				"onCompositionupdate",
 				"onCompositionend"
 			]);
 		};
@@ -33840,6 +34023,7 @@ var NumberFieldInput_default = /* @__PURE__ */ defineComponent({
 				onWheel: handleWheelEvent,
 				onBeforeinput: _cache[0] || (_cache[0] = (event) => {
 					if (event.isComposing) return;
+					if (event.inputType.startsWith("delete") || event.inputType.startsWith("history")) return;
 					const target = event.target;
 					let nextValue = target.value.slice(0, target.selectionStart ?? void 0) + (event.data ?? "") + target.value.slice(target.selectionEnd ?? void 0);
 					if (!unref(rootContext).validate(nextValue)) event.preventDefault();
@@ -34806,7 +34990,7 @@ var Radio_default = /* @__PURE__ */ defineComponent({
 		const { forwardRef, currentElement: triggerElement } = useForwardExpose();
 		const isFormControl = useFormControl(triggerElement);
 		const scopeIdAttrs = useForwardScopeId();
-		const ariaLabel = computed(() => props.id && triggerElement.value ? document.querySelector(`[for="${props.id}"]`)?.innerText ?? props.value : void 0);
+		const ariaLabel = computed(() => props.id && triggerElement.value ? document.querySelector(`[for="${props.id}"]`)?.innerText : void 0);
 		function handleClick(event) {
 			if (props.disabled) return;
 			handleSelect(event, props.value, (ev) => {
@@ -35244,6 +35428,9 @@ var RatingRoot_default = /* @__PURE__ */ defineComponent({
 			if (disabled.value || !hoverable.value) return;
 			hoveredRating.value = rating;
 		}
+		function resetHoveredRating() {
+			hoveredRating.value = 0;
+		}
 		provideRatingRootContext({
 			modelValue,
 			items,
@@ -35254,7 +35441,10 @@ var RatingRoot_default = /* @__PURE__ */ defineComponent({
 			changeHoveredRating
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(RadioGroupRoot_default), mergeProps(unref(reactiveOmit)(props, "length", "clearable", "hoverable", "step"), { disabled: unref(disabled) }), {
+			return openBlock(), createBlock(unref(RadioGroupRoot_default), mergeProps(unref(reactiveOmit)(props, "length", "clearable", "hoverable", "step"), {
+				disabled: unref(disabled),
+				onMouseleave: resetHoveredRating
+			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
 					items: items.value,
 					modelValue: unref(modelValue)
@@ -38008,7 +38198,7 @@ var SelectTrigger_default = /* @__PURE__ */ defineComponent({
 					ref: unref(forwardRef),
 					role: "combobox",
 					type: _ctx.as === "button" ? "button" : void 0,
-					"aria-controls": unref(rootContext).contentId,
+					"aria-controls": unref(rootContext).open.value ? unref(rootContext).contentId : void 0,
 					"aria-expanded": unref(rootContext).open.value || false,
 					"aria-required": unref(rootContext).required?.value,
 					"aria-autocomplete": "none",
@@ -39051,6 +39241,7 @@ function recalculateLayoutForPixelPanels({ layout, panelDataArray, prevGroupSize
 //#region ../../home/cosmin/Work/maizzle/framework/node_modules/reka-ui/dist/utils/validation.js
 function validatePanelGroupLayout({ layout: prevLayout, panelConstraints }) {
 	const nextLayout = [...prevLayout];
+	if (nextLayout.length === 0 && panelConstraints.length === 0) return nextLayout;
 	const nextLayoutTotalSize = nextLayout.reduce((accumulated, current) => accumulated + current, 0);
 	if (nextLayout.length !== panelConstraints.length) throw new Error(`Invalid ${panelConstraints.length} panel layout: ${nextLayout.map((size) => `${size}%`).join(", ")}`);
 	else if (!fuzzyNumbersEqual(nextLayoutTotalSize, 100)) {
@@ -40325,7 +40516,8 @@ var StepperIndicator_default = /* @__PURE__ */ defineComponent({
 		},
 		as: {
 			type: null,
-			required: false
+			required: false,
+			default: "span"
 		}
 	},
 	setup(__props) {
@@ -40459,11 +40651,16 @@ var StepperTrigger_default = /* @__PURE__ */ defineComponent({
 			});
 		}
 		const { forwardRef, currentElement } = useForwardExpose();
+		let registeredElement = null;
 		onMounted(() => {
-			rootContext.totalStepperItems.value.add(currentElement.value);
+			registeredElement = currentElement.value;
+			if (registeredElement) rootContext.totalStepperItems.value.add(registeredElement);
 		});
 		onUnmounted(() => {
-			rootContext.totalStepperItems.value.delete(currentElement.value);
+			if (registeredElement) {
+				rootContext.totalStepperItems.value.delete(registeredElement);
+				registeredElement = null;
+			}
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Primitive), {
@@ -41154,9 +41351,9 @@ var TagsInputRoot_default = /* @__PURE__ */ defineComponent({
 		const currentModelValue = computed(() => Array.isArray(modelValue.value) ? [...modelValue.value] : []);
 		function handleRemoveTag(index) {
 			if (index !== -1) {
-				const collection = getItems().filter((i) => i.ref.dataset.disabled !== "");
+				const removedValue = modelValue.value[index];
 				modelValue.value = modelValue.value.filter((_, i) => i !== index);
-				emits("removeTag", collection[index].value);
+				emits("removeTag", removedValue);
 			}
 		}
 		provideTagsInputRootContext({
@@ -41196,7 +41393,8 @@ var TagsInputRoot_default = /* @__PURE__ */ defineComponent({
 						if (target.selectionStart !== 0 || target.selectionEnd !== 0) break;
 						if (selectedElement.value) {
 							const index = collection.findIndex((i) => i === selectedElement.value);
-							handleRemoveTag(index);
+							const selectedItem = getItems().find((i) => i.ref === selectedElement.value);
+							handleRemoveTag(selectedItem ? modelValue.value.findIndex((v) => isEqual(v, selectedItem.value)) : -1);
 							selectedElement.value = selectedElement.value === lastTag ? collection.at(index - 1) : collection.at(index + 1);
 							event.preventDefault();
 						} else if (event.key === "Backspace") {
@@ -41837,7 +42035,7 @@ var TimeFieldRoot_default = /* @__PURE__ */ defineComponent({
 			elements: segmentElements,
 			setFocusedElement,
 			focusNext() {
-				nextFocusableSegment.value?.focus();
+				Array.from(segmentElements.value)[currentSegmentIndex.value + 1]?.focus();
 			}
 		});
 		__expose({ setFocusedElement });
@@ -42279,7 +42477,7 @@ var TimeRangeFieldRoot_default = /* @__PURE__ */ defineComponent({
 			elements: segmentElements,
 			setFocusedElement,
 			focusNext() {
-				nextFocusableSegment.value?.focus();
+				Array.from(segmentElements.value)[currentSegmentIndex.value + 1]?.focus();
 			}
 		});
 		__expose({ setFocusedElement });
@@ -42673,10 +42871,10 @@ var ToastRootImpl_default = /* @__PURE__ */ defineComponent({
 				};
 				viewport.addEventListener(VIEWPORT_PAUSE, handlePause);
 				viewport.addEventListener(VIEWPORT_RESUME, handleResume);
-				return () => {
+				cleanupFn(() => {
 					viewport.removeEventListener(VIEWPORT_PAUSE, handlePause);
 					viewport.removeEventListener(VIEWPORT_RESUME, handleResume);
-				};
+				});
 			}
 		});
 		watch(() => [props.open, duration.value], () => {
@@ -44127,7 +44325,7 @@ var TooltipContentImpl_default = /* @__PURE__ */ defineComponent({
 			useEventListener(window, "scroll", (event) => {
 				if (event.target?.contains(rootContext.trigger.value)) rootContext.onClose();
 			}, { capture: true });
-			useEventListener(window, TOOLTIP_OPEN, rootContext.onClose);
+			useEventListener(document, TOOLTIP_OPEN, rootContext.onClose);
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DismissableLayer_default), {