@mantine-vue/core 3.3.0 → 3.5.0

package/cjs/index.cjs

@@ -1738,7 +1738,7 @@ function hashStyleProps(styles, media) {
 	return `mantine-vue-${Math.abs(hash).toString(36)}`;
 }
 function useRandomClassName() {
-	return `mantine-vue-${Math.random().toString(36).slice(2, 9)}`;
+	return `mantine-vue-${((0, vue.getCurrentInstance)() ? (0, vue.useId)() : Math.random().toString(36).slice(2, 9)).replace(/[^A-Za-z0-9_-]/g, "-")}`;
 }
 //#endregion
 //#region src/core/Box/style-props/style-props-data.ts
@@ -8725,21 +8725,21 @@ var AccordionChevron = /* @__PURE__ */ (0, vue.defineComponent)({
 //#region src/components/Accordion/Accordion.context.ts
 var [provideAccordionContext, useAccordionContext] = createSafeContext("Accordion component was not found in the tree");
 var Accordion_module_default = {
-	root: "_root_ltqd9_1",
-	panel: "_panel_ltqd9_5",
-	content: "_content_ltqd9_9",
-	itemTitle: "_itemTitle_ltqd9_14",
-	control: "_control_ltqd9_20",
-	"control--default": "_control--default_ltqd9_42",
-	"control--contained": "_control--contained_ltqd9_43",
-	label: "_label_ltqd9_57",
-	chevron: "_chevron_ltqd9_67",
-	icon: "_icon_ltqd9_86",
-	item: "_item_ltqd9_14",
-	"item--default": "_item--default_ltqd9_110",
-	"item--contained": "_item--contained_ltqd9_114",
-	"item--filled": "_item--filled_ltqd9_147",
-	"item--separated": "_item--separated_ltqd9_155"
+	root: "_root_1ysxv_1",
+	panel: "_panel_1ysxv_5",
+	content: "_content_1ysxv_9",
+	itemTitle: "_itemTitle_1ysxv_14",
+	control: "_control_1ysxv_20",
+	"control--default": "_control--default_1ysxv_42",
+	"control--contained": "_control--contained_1ysxv_43",
+	label: "_label_1ysxv_57",
+	chevron: "_chevron_1ysxv_67",
+	icon: "_icon_1ysxv_86",
+	item: "_item_1ysxv_14",
+	"item--default": "_item--default_1ysxv_110",
+	"item--contained": "_item--contained_1ysxv_114",
+	"item--filled": "_item--filled_1ysxv_149",
+	"item--separated": "_item--separated_1ysxv_157"
 };
 //#endregion
 //#region src/components/Accordion/Accordion.vue?vue&type=script&setup=true&lang.ts
@@ -13852,13 +13852,21 @@ var leadingZerosPattern = /^-?0\d+(\.\d+)?\.?$/;
 var trailingZerosPattern = /\.\d*0$/;
 var trailingDecimalSeparatorPattern = /^-?\d+\.$/;
 function clamp$3(value, min, max) {
-	return Math.min(max ?? value, Math.max(min ?? value, value));
+	return Math.min(max ?? Number.POSITIVE_INFINITY, Math.max(min ?? Number.NEGATIVE_INFINITY, value));
 }
 function clampBigInt(value, min, max) {
 	if (min !== void 0 && value < min) return min;
 	if (max !== void 0 && value > max) return max;
 	return value;
 }
+function canStep(value) {
+	if (typeof value === "number") return value < Number.MAX_SAFE_INTEGER;
+	return value === "" || value !== "-" && !Number.isNaN(Number(value)) && Number(value) < Number.MAX_SAFE_INTEGER;
+}
+function canStepBigInt(value, allowNegative) {
+	if (typeof value === "bigint") return true;
+	return value === "" || value !== "-" && (allowNegative || !value.startsWith("-")) && /^-?\d+$/.test(value);
+}
 function stripFormatting(value, options) {
 	let next = value;
 	if (options.prefix && next.startsWith(options.prefix)) next = next.slice(options.prefix.length);
@@ -13888,25 +13896,77 @@ function parseNumberInputValue(rawValue, allowDecimal, allowNegative, allowLeadi
 	return parsed;
 }
 function sanitizeNumberInputString(rawValue, allowDecimal, allowNegative, decimalScale) {
-	let normalized = rawValue;
-	if (!allowNegative) normalized = normalized.replace(/-/g, "");
-	if (!allowDecimal) return normalized.split(".")[0];
+	let normalized = "";
+	let hasDecimalSeparator = false;
+	for (const character of rawValue) {
+		if (character === "." && !allowDecimal) break;
+		if (/\d/.test(character)) normalized += character;
+		else if (character === "-" && allowNegative && normalized.length === 0) normalized = "-";
+		else if (character === "." && allowDecimal && !hasDecimalSeparator) {
+			normalized += character;
+			hasDecimalSeparator = true;
+		}
+	}
+	if (normalized.startsWith(".")) normalized = `0${normalized}`;
+	else if (normalized.startsWith("-.")) normalized = `-0${normalized.slice(1)}`;
 	if (typeof decimalScale === "number" && normalized.includes(".")) {
 		const [integerPart, decimalPart = ""] = normalized.split(".");
 		return `${integerPart}.${decimalPart.slice(0, decimalScale)}`;
 	}
 	return normalized;
 }
-function clampAndSanitizeInput(sanitizedValue, max, min) {
-	const stringValue = sanitizedValue.toString();
-	const hasTrailingDecimalSeparator = trailingDecimalSeparatorPattern.test(stringValue);
-	const replaced = stringValue.replace(/^0+(?=\d)/, "");
-	const parsedValue = parseFloat(replaced);
-	if (Number.isNaN(parsedValue)) return replaced;
-	if (parsedValue > Number.MAX_SAFE_INTEGER) return max !== void 0 ? max : replaced;
-	const clamped = clamp$3(parsedValue, min, max);
-	if (hasTrailingDecimalSeparator) return `${clamped.toString().replace(/^0+(?=\d)/, "")}.`;
-	return clamped;
+function withTrailingSeparator(value, hasTrailingDecimalSeparator) {
+	return hasTrailingDecimalSeparator ? `${value}.` : value;
+}
+function sanitizeInputOnBlur(value, options) {
+	const hasTrailingDecimalSeparator = trailingDecimalSeparatorPattern.test(value);
+	const trimmed = options.trim ? value.replace(/^0+(?=\d)/, "") : value;
+	const parsedValue = parseFloat(trimmed);
+	if (Number.isNaN(parsedValue)) return trimmed;
+	if (!options.clamp) return options.trim ? withTrailingSeparator(parsedValue, hasTrailingDecimalSeparator) : value;
+	const clamped = parsedValue > Number.MAX_SAFE_INTEGER && options.max !== void 0 ? options.max : clamp$3(parsedValue, options.min, options.max);
+	if (!options.trim && clamped === parsedValue) return value;
+	return withTrailingSeparator(clamped, hasTrailingDecimalSeparator);
+}
+function countTrailingDigits(value, from) {
+	let count = 0;
+	while (from + count < value.length && /\d/.test(value[from + count])) count += 1;
+	return count;
+}
+function normalizePastedValue(value, options) {
+	const candidates = new Set([...options.allowedDecimalSeparators, options.decimalSeparator].filter((separator) => separator.length === 1));
+	const chars = value.split("");
+	const occurrences = chars.reduce((result, char, index) => {
+		if (candidates.has(char)) result.push(index);
+		return result;
+	}, []);
+	if (occurrences.length === 0) return value;
+	const lastIndex = occurrences[occurrences.length - 1];
+	const lastChar = chars[lastIndex];
+	const lastCharCount = occurrences.filter((index) => chars[index] === lastChar).length;
+	const lastGroupSize = options.thousandsGroupStyle === "wan" ? 4 : 3;
+	let decimalIndex = -1;
+	if (lastCharCount === 1) if (lastChar === options.decimalSeparator) decimalIndex = lastIndex;
+	else if (lastChar === options.thousandSeparator) decimalIndex = countTrailingDigits(value, lastIndex + 1) === lastGroupSize ? -1 : lastIndex;
+	else decimalIndex = lastIndex;
+	return chars.map((char, index) => {
+		if (index === decimalIndex) return options.decimalSeparator;
+		if (candidates.has(char) && char !== options.thousandSeparator) return "";
+		return char;
+	}).join("");
+}
+function isSignificant(char, decimalSeparator) {
+	return /\d/.test(char) || char === decimalSeparator;
+}
+function getCaretPositionAfterPaste(rawValue, rawCaret, formattedValue, decimalSeparator) {
+	let remaining = 0;
+	for (let index = 0; index < rawCaret && index < rawValue.length; index += 1) if (isSignificant(rawValue[index], decimalSeparator)) remaining += 1;
+	if (remaining === 0) return Math.min(rawCaret, formattedValue.length);
+	for (let index = 0; index < formattedValue.length; index += 1) if (isSignificant(formattedValue[index], decimalSeparator)) {
+		remaining -= 1;
+		if (remaining === 0) return index + 1;
+	}
+	return formattedValue.length;
 }
 function isInRange(value, min, max) {
 	if (value === void 0) return true;
@@ -14110,7 +14170,6 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const slots = (0, vue.useSlots)();
 		const attrs = (0, vue.useAttrs)();
 		const inputRef = (0, vue.ref)(null);
-		const isEditing = (0, vue.ref)(false);
 		const isBigIntMode = (0, vue.computed)(() => typeof props.modelValue === "bigint" || typeof props.defaultValue === "bigint");
 		const [value, setValue] = (0, _mantine_vue_hooks.useUncontrolled)({
 			value: () => props.modelValue,
@@ -14143,11 +14202,7 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			thousandsGroupStyle: props.thousandsGroupStyle,
 			thousandSeparator: props.thousandSeparator
 		}));
-		const getFormatterOptions = (nextValue = value.value) => ({
-			...formatterOptions.value,
-			fixedDecimalScale: isEditing.value || typeof nextValue === "string" ? false : formatterOptions.value.fixedDecimalScale
-		});
-		const displayValue = (0, vue.computed)(() => value.value === "" || value.value === "-" ? String(value.value) : formatNumber(value.value, getFormatterOptions()));
+		const displayValue = (0, vue.computed)(() => value.value === "" || value.value === "-" ? String(value.value) : formatNumber(value.value, formatterOptions.value));
 		const clampCaretToFormatting = (input) => {
 			const { min, max } = getCaretBoundaries(input.value, formatterOptions.value);
 			const start = input.selectionStart;
@@ -14160,6 +14215,14 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const scheduleCaretClamp = (input) => {
 			setTimeout(() => clampCaretToFormatting(input), 0);
 		};
+		const getFormattedCaretPosition = (value, formattedValue, position) => {
+			let formattedPosition = 0;
+			for (const character of value.slice(0, position)) {
+				const nextPosition = formattedValue.indexOf(character, formattedPosition);
+				if (nextPosition !== -1) formattedPosition = nextPosition + 1;
+			}
+			return formattedPosition;
+		};
 		const commitValue = (nextValue, source = "event") => {
 			if (props.clampBehavior === "strict") {
 				const numeric = toNumeric(nextValue);
@@ -14171,18 +14234,19 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			const raw = typeof nextValue === "bigint" ? nextValue.toString() : String(nextValue);
 			emit("value-change", {
 				floatValue: typeof nextValue === "number" ? nextValue : Number.isNaN(Number(raw)) ? void 0 : Number(raw),
-				formattedValue: nextValue === "" ? "" : formatNumber(nextValue, getFormatterOptions(nextValue)),
+				formattedValue: nextValue === "" ? "" : formatNumber(nextValue, formatterOptions.value),
 				value: raw
 			}, { source });
 		};
+		const canStepValue = (0, vue.computed)(() => isBigIntMode.value ? canStepBigInt(value.value, props.allowNegative) : canStep(value.value));
 		const stepValue = (direction) => {
-			if (props.disabled || props.readOnly) return;
+			if (props.disabled || props.readOnly || !canStepValue.value) return;
 			if (isBigIntMode.value) {
 				const current = typeof value.value === "bigint" ? value.value : BigInt(0);
 				const step = typeof props.step === "bigint" ? props.step : BigInt(props.step);
 				const start = typeof props.startValue === "bigint" ? props.startValue : BigInt(props.startValue);
 				const next = (value.value === "" || value.value === "-" ? start : current) + step * BigInt(direction);
-				const min = typeof props.min === "bigint" ? props.min : props.min === void 0 ? void 0 : BigInt(props.min);
+				const min = typeof props.min === "bigint" ? props.min : props.min === void 0 ? props.allowNegative ? void 0 : BigInt(0) : BigInt(props.min);
 				const max = typeof props.max === "bigint" ? props.max : props.max === void 0 ? void 0 : BigInt(props.max);
 				const clamped = clampBigInt(next, min, max);
 				if (max !== void 0 && next > max) emit("max-reached");
@@ -14272,7 +14336,7 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			onPointercancel: clearHold
 		}, () => (0, vue.h)(NumberInputChevron, { direction: "down" }))]);
 		/** The step controls double as the right section unless one was supplied. */
-		const rightSection = (0, vue.computed)(() => props.hideControls || props.readOnly ? props.rightSection : props.rightSection !== void 0 || slots.rightSection ? props.rightSection : controls);
+		const rightSection = (0, vue.computed)(() => props.hideControls || props.readOnly || !canStepValue.value ? props.rightSection : props.rightSection !== void 0 || slots.rightSection ? props.rightSection : controls);
 		const rightSectionPointerEvents = (0, vue.computed)(() => props.rightSectionPointerEvents ?? (props.disabled ? "none" : void 0));
 		const rightSectionWidth = (0, vue.computed)(() => props.rightSectionWidth ?? `var(--ni-right-section-width-${props.size || "sm"})`);
 		/** `bigint` values are integers only, so the numeric keypad is the right hint. */
@@ -14289,22 +14353,52 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		};
 		__expose({ rootElement });
 		function onInput(event) {
-			isEditing.value = true;
 			const input = event.currentTarget;
-			const rawValue = stripFormatting(input.value, formatterOptions.value);
+			const inputValue = input.value;
+			const selectionStart = input.selectionStart;
+			const selectionEnd = input.selectionEnd;
+			const rawValue = stripFormatting(inputValue, formatterOptions.value);
 			const decimalSeparator = props.decimalSeparator || ".";
-			const sanitized = sanitizeNumberInputString(props.allowedDecimalSeparators.filter((separator) => separator !== decimalSeparator).reduce((acc, separator) => acc.split(separator).join("."), rawValue.replace(decimalSeparator, ".")), props.allowDecimal, props.allowNegative, props.decimalScale);
+			const sanitized = sanitizeNumberInputString(props.allowedDecimalSeparators.filter((separator) => separator !== decimalSeparator).reduce((acc, separator) => acc.split(separator).join("."), rawValue.replace(decimalSeparator, ".")), isBigIntMode.value ? false : props.allowDecimal, props.allowNegative, props.decimalScale);
 			const nextValue = isBigIntMode.value ? parseBigIntInputValue(sanitized, props.allowNegative, props.allowLeadingZeros) : parseNumberInputValue(sanitized, props.allowDecimal, props.allowNegative, props.allowLeadingZeros, props.decimalScale, props.fixedDecimalScale);
 			if (props.clampBehavior === "strict" && !isBigIntMode.value && !isStrictAllowed(nextValue, typeof props.min === "number" ? props.min : void 0, typeof props.max === "number" ? props.max : void 0)) {
 				restoreInputValue(input, displayValue.value);
 				return;
 			}
-			const formattedNextValue = nextValue === "" || nextValue === "-" ? String(nextValue) : formatNumber(nextValue, getFormatterOptions(nextValue));
-			if (input.value !== formattedNextValue) restoreInputValue(input, formattedNextValue);
+			const formattedNextValue = nextValue === "" || nextValue === "-" ? String(nextValue) : formatNumber(nextValue, formatterOptions.value);
+			if (input.value !== formattedNextValue) {
+				restoreInputValue(input, formattedNextValue);
+				if (props.fixedDecimalScale && selectionStart !== null && selectionEnd !== null) input.setSelectionRange(getFormattedCaretPosition(inputValue, formattedNextValue, selectionStart), getFormattedCaretPosition(inputValue, formattedNextValue, selectionEnd));
+			}
 			scheduleCaretClamp(input);
-			commitValue(nextValue);
+			if (!Object.is(nextValue, value.value)) commitValue(nextValue);
 		}
 		function onKeydown(event) {
+			const input = event.currentTarget;
+			if (event.key === "Backspace" && !props.readOnly && !props.disabled && input.selectionStart !== null && input.selectionStart === input.selectionEnd) {
+				if (input.selectionStart === 0) event.preventDefault();
+				else if (props.fixedDecimalScale && typeof props.decimalScale === "number") {
+					const decimalPosition = input.value.indexOf(props.decimalSeparator);
+					const isAfterDecimalSeparator = input.value[input.selectionStart - 1] === props.decimalSeparator;
+					const deletePosition = input.selectionStart - (isAfterDecimalSeparator ? 2 : 1);
+					if (deletePosition >= 0 && deletePosition < decimalPosition) {
+						const nextInputValue = input.value.slice(0, deletePosition) + input.value.slice(deletePosition + 1);
+						const unformattedValue = stripFormatting(nextInputValue, formatterOptions.value);
+						const [integerPart, decimalPart = ""] = (unformattedValue.startsWith("-") ? unformattedValue.slice(1) : unformattedValue).split(".");
+						if (!/\d/.test(integerPart) && /^0*$/.test(decimalPart)) {
+							event.preventDefault();
+							input.value = "";
+							input.setSelectionRange(0, 0);
+							input.dispatchEvent(new Event("input", { bubbles: true }));
+						} else if (isAfterDecimalSeparator) {
+							event.preventDefault();
+							input.value = nextInputValue;
+							input.setSelectionRange(deletePosition, deletePosition);
+							input.dispatchEvent(new Event("input", { bubbles: true }));
+						}
+					}
+				}
+			}
 			if (!props.readOnly && props.withKeyboardEvents && event.key === "ArrowUp") {
 				event.preventDefault();
 				stepValue(1);
@@ -14313,7 +14407,7 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 				event.preventDefault();
 				stepValue(-1);
 			}
-			scheduleCaretClamp(event.currentTarget);
+			scheduleCaretClamp(input);
 		}
 		function onKeyup(event) {
 			scheduleCaretClamp(event.currentTarget);
@@ -14322,17 +14416,44 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			scheduleCaretClamp(event.currentTarget);
 		}
 		function onFocus(event) {
-			isEditing.value = true;
 			if (props.selectAllOnFocus) window.setTimeout(() => inputRef.value?.select(), 0);
 			else scheduleCaretClamp(event.currentTarget);
 		}
+		function onPaste(event) {
+			const pastedText = event.clipboardData?.getData("text") ?? "";
+			const decimalSeparator = props.decimalSeparator || ".";
+			const modifiedText = normalizePastedValue(pastedText, {
+				decimalSeparator,
+				thousandSeparator: props.thousandSeparator === true ? "," : props.thousandSeparator === false ? void 0 : props.thousandSeparator,
+				allowedDecimalSeparators: props.allowedDecimalSeparators,
+				thousandsGroupStyle: props.thousandsGroupStyle
+			});
+			if (modifiedText !== pastedText && inputRef.value) {
+				event.preventDefault();
+				const input = inputRef.value;
+				const start = input.selectionStart ?? 0;
+				const end = input.selectionEnd ?? 0;
+				const newValue = input.value.slice(0, start) + modifiedText + input.value.slice(end);
+				input.value = newValue;
+				input.dispatchEvent(new Event("input", { bubbles: true }));
+				const rawCaret = start + modifiedText.length;
+				setTimeout(() => {
+					const caret = getCaretPositionAfterPaste(newValue, rawCaret, input.value, decimalSeparator);
+					input.setSelectionRange(caret, caret);
+				}, 0);
+			}
+		}
 		function onBlur() {
-			isEditing.value = false;
 			let sanitizedValue = value.value;
 			const min = typeof props.min === "number" ? props.min : void 0;
 			const max = typeof props.max === "number" ? props.max : void 0;
 			if (props.clampBehavior === "blur" && typeof sanitizedValue === "number") sanitizedValue = clamp$3(sanitizedValue, min, max);
-			if (props.trimLeadingZeroesOnBlur && typeof sanitizedValue === "string" && getDecimalPlaces(sanitizedValue) < 15) sanitizedValue = clampAndSanitizeInput(sanitizedValue, max, min);
+			if (!isBigIntMode.value && typeof sanitizedValue === "string") sanitizedValue = sanitizeInputOnBlur(sanitizedValue, {
+				min,
+				max,
+				trim: props.trimLeadingZeroesOnBlur && getDecimalPlaces(sanitizedValue) < 15,
+				clamp: props.clampBehavior === "blur"
+			});
 			if (sanitizedValue !== value.value) commitValue(sanitizedValue, "blur");
 		}
 		return (_ctx, _cache) => {
@@ -14366,6 +14487,7 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 				onKeyup,
 				onClick,
 				onFocus,
+				onPaste,
 				onBlur
 			}), (0, vue.createSlots)({ _: 2 }, [
 				(0, vue.unref)(slots).label ? {
@@ -16482,8 +16604,16 @@ var SegmentedControl = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 			parent.value = node?.$el ?? node ?? null;
 		};
 		const setItemRef = (key, node) => {
-			itemRefs[key] = node?.$el ?? node ?? null;
+			const element = node?.$el ?? node ?? null;
+			if (element === null) delete itemRefs[key];
+			else itemRefs[key] = element;
 		};
+		(0, vue.watch)(normalizedData, (items) => {
+			const values = new Set(items.map((item) => String(item.value)));
+			Object.keys(itemRefs).forEach((key) => {
+				if (!values.has(key)) delete itemRefs[key];
+			});
+		});
 		const ItemLabel = (item) => (0, vue.h)("span", getStyles("innerLabel"), resolveNode(item.label));
 		const handleClick = (event) => {
 			if (props.readOnly) event.preventDefault();
@@ -18224,6 +18354,7 @@ var Autosize_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}
 		}
 		const cleanupFns = [];
+		let resizeFrame = 0;
 		(0, vue.onMounted)(() => {
 			resizeTextarea();
 			const onResize = () => resizeTextarea();
@@ -18235,11 +18366,15 @@ var Autosize_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				const observer = new ResizeObserver(() => {
 					if (textareaRef.value && textareaRef.value.offsetWidth !== widthRef.value) {
 						widthRef.value = textareaRef.value.offsetWidth;
-						resizeTextarea();
+						cancelAnimationFrame(resizeFrame);
+						resizeFrame = requestAnimationFrame(resizeTextarea);
 					}
 				});
 				observer.observe(node);
-				cleanupFns.push(() => observer.disconnect());
+				cleanupFns.push(() => {
+					cancelAnimationFrame(resizeFrame);
+					observer.disconnect();
+				});
 			}
 			const onFontsLoaded = () => resizeTextarea();
 			document.fonts.addEventListener("loadingdone", onFontsLoaded);
@@ -18256,6 +18391,7 @@ var Autosize_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			cleanupFns.push(() => document.body.removeEventListener("reset", onReset));
 		});
 		(0, vue.onUnmounted)(() => {
+			cancelAnimationFrame(resizeFrame);
 			cleanupFns.forEach((fn) => fn());
 			cleanupFns.length = 0;
 		});
@@ -22769,20 +22905,30 @@ function getEl$1(value) {
 function useDimensions(element) {
 	const dimensions = (0, vue.ref)(null);
 	let observer = null;
+	let frame = 0;
 	(0, vue.onMounted)(() => {
 		const el = getEl$1(element.value);
 		if (!el || typeof ResizeObserver === "undefined") return;
 		observer = new ResizeObserver(([entry]) => {
-			if (entry) dimensions.value = {
-				width: entry.borderBoxSize?.[0]?.inlineSize ?? entry.target.clientWidth,
-				height: entry.borderBoxSize?.[0]?.blockSize ?? entry.target.clientHeight,
-				contentWidth: entry.contentRect.width,
-				contentHeight: entry.contentRect.height
-			};
+			if (entry) {
+				const nextDimensions = {
+					width: entry.borderBoxSize?.[0]?.inlineSize ?? entry.target.clientWidth,
+					height: entry.borderBoxSize?.[0]?.blockSize ?? entry.target.clientHeight,
+					contentWidth: entry.contentRect.width,
+					contentHeight: entry.contentRect.height
+				};
+				cancelAnimationFrame(frame);
+				frame = requestAnimationFrame(() => {
+					dimensions.value = nextDimensions;
+				});
+			}
 		});
 		observer.observe(el);
 	});
-	(0, vue.onBeforeUnmount)(() => observer?.disconnect());
+	(0, vue.onBeforeUnmount)(() => {
+		cancelAnimationFrame(frame);
+		observer?.disconnect();
+	});
 	return dimensions;
 }
 var OverflowList_module_default = { root: "_root_uggjd_1" };
@@ -28211,7 +28357,10 @@ function useModal(input) {
 	const bodyMounted = (0, vue.ref)(false);
 	(0, _mantine_vue_hooks.useWindowEvent)("keydown", (event) => {
 		const stopped = event.target?.getAttribute?.("data-mantine-stop-propagation") === "true";
-		if (event.key === "Escape" && !event.isComposing && input.opened() && input.closeOnEscape() && !stopped) input.onClose();
+		if (event.key === "Escape" && !event.isComposing && input.opened() && input.closeOnEscape() && !input.handledEscapeEvents?.has(event) && !stopped) {
+			input.handledEscapeEvents?.add(event);
+			input.onClose();
+		}
 	}, { capture: true });
 	(0, _mantine_vue_hooks.useFocusReturn)({
 		opened: input.opened,
@@ -28230,6 +28379,7 @@ var ModalBase = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	inheritAttrs: false,
 	__name: "ModalBase",
 	props: {
+		__handledEscapeEvents: {},
 		rootRef: {},
 		opened: { type: Boolean },
 		id: { default: void 0 },
@@ -28291,7 +28441,8 @@ var ModalBase = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			onClose: () => emit("close"),
 			trapFocus: () => props.trapFocus,
 			closeOnEscape: () => props.closeOnEscape,
-			returnFocus: () => props.returnFocus
+			returnFocus: () => props.returnFocus,
+			handledEscapeEvents: props.__handledEscapeEvents
 		});
 		useLockScroll((0, vue.computed)(() => props.opened && props.lockScroll));
 		provideModalBaseContext({
@@ -28722,6 +28873,7 @@ var ModalRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		classNames: {},
 		styles: {},
 		vars: {},
+		__handledEscapeEvents: {},
 		rootRef: {},
 		opened: { type: Boolean },
 		id: {},
@@ -28885,6 +29037,7 @@ var Modal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		classNames: {},
 		styles: {},
 		vars: {},
+		__handledEscapeEvents: {},
 		rootRef: {},
 		opened: { type: Boolean },
 		id: {},
@@ -29107,6 +29260,7 @@ var DrawerRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		offset: { default: 0 },
 		size: { default: "md" },
 		scrollAreaComponent: {},
+		__handledEscapeEvents: {},
 		rootRef: {},
 		opened: { type: Boolean },
 		id: {},
@@ -29270,6 +29424,7 @@ var Drawer_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		offset: {},
 		size: {},
 		scrollAreaComponent: {},
+		__handledEscapeEvents: {},
 		rootRef: {},
 		opened: { type: Boolean },
 		id: {},
@@ -29341,7 +29496,8 @@ var Drawer_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			const isCurrent = stackCtx.currentId === props.stackId;
 			return {
 				closeOnEscape: isCurrent,
-				trapFocus: isCurrent
+				trapFocus: isCurrent,
+				__handledEscapeEvents: stackCtx.handledEscapeEvents
 			};
 		});
 		/** One overlay for the whole stack: only the topmost drawer renders it. */
@@ -29446,7 +29602,8 @@ var DrawerStack_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			},
 			get maxZIndex() {
 				return maxZIndex.value;
-			}
+			},
+			handledEscapeEvents: /* @__PURE__ */ new WeakSet()
 		}));
 		return (_ctx, _cache) => {
 			return (0, vue.renderSlot)(_ctx.$slots, "default");
@@ -32192,6 +32349,8 @@ var MenuSub_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	inheritAttrs: false,
 	__name: "MenuSub",
 	props: {
+		withinPortal: {},
+		portalProps: {},
 		opened: {
 			type: Boolean,
 			default: void 0
@@ -32225,7 +32384,7 @@ var MenuSub_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			transitionProps: props.transitionProps,
 			middlewares: props.middlewares,
 			closeOnItemClick: false,
-			withinPortal: attrs.withinPortal ?? false
+			withinPortal: false
 		}));
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)(Menu_default, (0, vue.normalizeProps)((0, vue.guardReactiveProps)(menuBindings.value)), {
@@ -33211,7 +33370,6 @@ function useCombobox(options = {}) {
 	const items = () => Array.from(list()?.querySelectorAll("[data-combobox-option]") ?? []);
 	const clearSelected = () => items().forEach((item) => {
 		item.removeAttribute("data-combobox-selected");
-		item.removeAttribute("aria-selected");
 	});
 	const selectOption = (index) => {
 		const optionsList = items();
@@ -33226,7 +33384,6 @@ function useCombobox(options = {}) {
 		selectedIndex.value = next;
 		clearSelected();
 		optionsList[next].setAttribute("data-combobox-selected", "true");
-		optionsList[next].setAttribute("aria-selected", "true");
 		optionsList[next].scrollIntoView?.({
 			block: "nearest",
 			behavior: options.scrollBehavior ?? "instant"
@@ -34678,7 +34835,6 @@ var ComboboxPopover_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			onDropdownClose: () => {
 				emit("dropdown-close");
 				combobox.resetSelectedOption();
-				if (props.searchable) combobox.focusTarget();
 			}
 		});
 		function handleSearchChange(val) {
@@ -34714,6 +34870,7 @@ var ComboboxPopover_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			styles: props.styles,
 			unstyled: props.unstyled,
 			onOptionSubmit: handleOptionSubmit,
+			returnFocus: true,
 			...props.comboboxProps,
 			...attrs
 		}));