@youcan/celeste 0.15.0 → 0.17.0

package/dist/cjs/chunks/ComboboxContent.cjs

@@ -3,6 +3,7 @@ const require_createContext = require("./createContext.cjs");
 const require_getActiveElement = require("./getActiveElement.cjs");
 const require_dist = require("./dist.cjs");
 const require_Primitive = require("./Primitive.cjs");
+const require_DismissableLayer = require("./DismissableLayer.cjs");
 const require_FocusScope = require("./FocusScope.cjs");
 const require_useFocusGuards = require("./useFocusGuards.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
@@ -11,11 +12,10 @@ const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
 const require_useHideOthers = require("./useHideOthers.cjs");
 const require_useId = require("./useId.cjs");
 const require_Presence = require("./Presence.cjs");
-const require_DismissableLayer = require("./DismissableLayer.cjs");
 const require_Collection = require("./Collection.cjs");
 const require_PopperContent = require("./PopperContent.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/ListboxContent.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/ListboxContent.js
 var ListboxContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ListboxContent",
 	props: {
@@ -81,7 +81,7 @@ var ListboxContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxContentImpl.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxContentImpl.js
 var [injectComboboxContentContext, provideComboboxContentContext] = /*#__PURE__*/ require_createContext.createContext("ComboboxContent");
 var ComboboxContentImpl_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ComboboxContentImpl",
@@ -203,6 +203,8 @@ var ComboboxContentImpl_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const emits = __emit;
 		const { position } = (0, vue.toRefs)(props);
 		const rootContext = require_ComboboxRoot.injectComboboxRootContext();
+		const contentId = Symbol("ComboboxContent");
+		(0, vue.watch)(position, (value) => rootContext.onContentPositionChange(contentId, value), { immediate: true });
 		const isEmpty = (0, vue.computed)(() => rootContext.ignoreFilter.value ? rootContext.allItems.value.size === 0 : rootContext.filterState.value.count === 0);
 		const { forwardRef, currentElement } = require_useForwardExpose.useForwardExpose();
 		require_FocusScope.useBodyScrollLock(props.bodyLock);
@@ -230,6 +232,7 @@ var ComboboxContentImpl_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}
 		});
 		(0, vue.onUnmounted)(() => {
+			rootContext.onContentUnmount(contentId);
 			const activeElement = require_getActiveElement.getActiveElement();
 			if (isInputWithinContent.value && (!activeElement || activeElement === document.body)) rootContext.triggerElement.value?.focus();
 		});
@@ -238,6 +241,7 @@ var ComboboxContentImpl_default = /* @__PURE__ */ (0, vue.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 (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ListboxContent_default), { "as-child": "" }, {
 				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_FocusScope.FocusScope_default), {
@@ -275,7 +279,7 @@ var ComboboxContentImpl_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								outline: "none",
 								...(0, vue.unref)(position) === "popper" ? popperStyle : {}
 							}
-						}), {
+						}, (0, vue.toHandlers)((0, vue.unref)(position) === "popper" ? popperContentEvents : {})), {
 							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 							_: 3
 						}, 16, [
@@ -295,7 +299,7 @@ var ComboboxContentImpl_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxContent.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxContent.js
 var ComboboxContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ComboboxContent",
 	props: {

package/dist/cjs/chunks/ComboboxGroup.cjs

@@ -3,7 +3,7 @@ const require_createContext = require("./createContext.cjs");
 const require_Primitive = require("./Primitive.cjs");
 const require_useId = require("./useId.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/ListboxGroup.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/ListboxGroup.js
 var [injectListboxGroupContext, provideListboxGroupContext] = /*#__PURE__*/ require_createContext.createContext("ListboxGroup");
 var ListboxGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ListboxGroup",
@@ -30,7 +30,7 @@ var ListboxGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxGroup.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxGroup.js
 var [injectComboboxGroupContext, provideComboboxGroupContext] = /*#__PURE__*/ require_createContext.createContext("ComboboxGroup");
 var ComboboxGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ComboboxGroup",

package/dist/cjs/chunks/ComboboxInput.cjs

@@ -4,7 +4,7 @@ const require_Primitive = require("./Primitive.cjs");
 const require_useComposing = require("./useComposing.cjs");
 const require_usePrimitiveElement = require("./usePrimitiveElement.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/ListboxFilter.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/ListboxFilter.js
 var ListboxFilter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ListboxFilter",
 	props: {
@@ -51,7 +51,7 @@ var ListboxFilter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		(0, vue.onUnmounted)(() => {
 			rootContext.focusable.value = true;
 		});
-		const { isComposing, handleCompositionStart, handleCompositionEnd } = require_useComposing.useComposing((event) => {
+		const { isComposing, shouldDeferInput, handleCompositionStart, handleCompositionUpdate, handleCompositionEnd } = require_useComposing.useComposing((event) => {
 			modelValue.value = event.target.value;
 			rootContext.onCompositionEnd();
 			rootContext.highlightFirstItem();
@@ -61,7 +61,7 @@ var ListboxFilter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			handleCompositionStart();
 		}
 		function handleInput(event) {
-			if (isComposing.value) return;
+			if (shouldDeferInput.value) return;
 			modelValue.value = event.target.value;
 			rootContext.highlightFirstItem();
 		}
@@ -94,6 +94,7 @@ var ListboxFilter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				]), (0, vue.withKeys)(handleKeydownEnter, ["enter"])],
 				onInput: handleInput,
 				onCompositionstart: onCompositionStart,
+				onCompositionupdate: (0, vue.unref)(handleCompositionUpdate),
 				onCompositionend: (0, vue.unref)(handleCompositionEnd)
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", { modelValue: (0, vue.unref)(modelValue) })]),
@@ -106,13 +107,14 @@ var ListboxFilter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"data-disabled",
 				"aria-disabled",
 				"aria-activedescendant",
+				"onCompositionupdate",
 				"onCompositionend"
 			]);
 		};
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxInput.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxInput.js
 var ComboboxInput_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ComboboxInput",
 	props: {
@@ -153,7 +155,7 @@ var ComboboxInput_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		(0, vue.onMounted)(() => {
 			if (currentElement.value) rootContext.onInputElementChange(currentElement.value);
 		});
-		const { isComposing, handleCompositionStart, handleCompositionEnd } = require_useComposing.useComposing((event) => {
+		const { isComposing, shouldDeferInput, handleCompositionStart, handleCompositionUpdate, handleCompositionEnd } = require_useComposing.useComposing((event) => {
 			const el = event.target;
 			if (el) processInputValue(el.value);
 		});
@@ -174,7 +176,7 @@ var ComboboxInput_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			} else rootContext.filterSearch.value = value;
 		}
 		function handleInput(event) {
-			if (isComposing.value) return;
+			if (shouldDeferInput.value) return;
 			processInputValue(event.target.value);
 		}
 		function handleFocus() {
@@ -238,6 +240,7 @@ var ComboboxInput_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				onFocus: handleFocus,
 				onBlur: handleBlur,
 				onCompositionstart: (0, vue.unref)(handleCompositionStart),
+				onCompositionupdate: (0, vue.unref)(handleCompositionUpdate),
 				onCompositionend: (0, vue.unref)(handleCompositionEnd)
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
@@ -251,6 +254,7 @@ var ComboboxInput_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"aria-expanded",
 				"aria-controls",
 				"onCompositionstart",
+				"onCompositionupdate",
 				"onCompositionend"
 			]);
 		};

package/dist/cjs/chunks/ComboboxItem.cjs

@@ -8,7 +8,7 @@ const require_usePrimitiveElement = require("./usePrimitiveElement.cjs");
 const require_Collection = require("./Collection.cjs");
 const require_ComboboxGroup = require("./ComboboxGroup.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/ListboxItem.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/ListboxItem.js
 var LISTBOX_SELECT = "listbox.select";
 var [injectListboxItemContext, provideListboxItemContext] = /*#__PURE__*/ require_createContext.createContext("ListboxItem");
 var ListboxItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -65,7 +65,8 @@ var ListboxItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					isHighlighted.value,
 					isSelected.value,
 					disabled.value,
-					(0, vue.unref)(rootContext).focusable.value
+					(0, vue.unref)(rootContext).focusable.value,
+					...Object.entries(_ctx.$attrs).flat()
 				], () => (0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)({ id: (0, vue.unref)(id) }, _ctx.$attrs, {
 					ref: (0, vue.unref)(forwardRef),
 					role: "option",
@@ -104,7 +105,7 @@ var ListboxItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxItem.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxItem.js
 var ComboboxItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ComboboxItem",
 	props: {

package/dist/cjs/chunks/ComboboxLabel.cjs

@@ -3,7 +3,7 @@ const require_useForwardExpose = require("./useForwardExpose.cjs");
 const require_useId = require("./useId.cjs");
 const require_ComboboxGroup = require("./ComboboxGroup.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxLabel.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxLabel.js
 var ComboboxLabel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ComboboxLabel",
 	props: {

package/dist/cjs/chunks/ComboboxRoot.cjs

@@ -13,7 +13,7 @@ const require_VisuallyHiddenInput = require("./VisuallyHiddenInput.cjs");
 const require_utils = require("./utils2.cjs");
 const require_PopperRoot = require("./PopperRoot.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/arrays.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/arrays.js
 /**
 * The function `findValuesBetween` takes an array and two values, then returns a subarray containing
 * elements between the first occurrence of the start value and the first occurrence of the end value
@@ -36,7 +36,7 @@ function findValuesBetween(array, start, end) {
 	return array.slice(minIndex, maxIndex + 1);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useFilter.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useFilter.js
 /**
 * Provides locale-aware string filtering functions.
 * Uses `Intl.Collator` for comparison to ensure proper Unicode handling.
@@ -74,12 +74,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 {
@@ -89,7 +88,7 @@ function useFilter(options) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/utils.js
 function valueComparator(value, currentValue, comparator) {
 	if (value === void 0) return false;
 	else if (Array.isArray(value)) return value.some((val) => compare(val, currentValue, comparator));
@@ -103,8 +102,9 @@ function compare(value, currentValue, comparator) {
 	return require_ohash_D__AXeF1.isEqual(value, currentValue);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/ListboxRoot.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/ListboxRoot.js
 var [injectListboxRootContext, provideListboxRootContext] = /*#__PURE__*/ require_createContext.createContext("ListboxRoot");
+var [injectListboxHighlightScrollContext, provideListboxHighlightScrollContext] = /*#__PURE__*/ require_createContext.createContext("ListboxHighlightScroll");
 var ListboxRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ListboxRoot",
 	props: {
@@ -173,11 +173,16 @@ var ListboxRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const props = __props;
 		const emits = __emit;
 		const { multiple, highlightOnHover, orientation, disabled, selectionBehavior, dir: propDir } = (0, vue.toRefs)(props);
-		const { getItems } = require_Collection.useCollection({ isProvider: true });
+		const { getItems, getItem } = require_Collection.useCollection({ isProvider: true });
 		const { handleTypeaheadSearch } = require_useTypeahead.useTypeahead();
 		const { primitiveElement, currentElement } = require_usePrimitiveElement.usePrimitiveElement();
 		const kbd = require_useKbd.useKbd();
 		const dir = require_useDirection.useDirection(propDir);
+		const highlightScrollContext = injectListboxHighlightScrollContext(null);
+		provideListboxHighlightScrollContext({
+			suppressHighlightScroll: (0, vue.ref)(false),
+			onHighlightScrollRequest: () => {}
+		});
 		const isFormControl = require_useFormControl.useFormControl(currentElement);
 		const firstValue = (0, vue.ref)();
 		const isUserAction = (0, vue.ref)(false);
@@ -219,9 +224,15 @@ var ListboxRoot_default = /* @__PURE__ */ (0, vue.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 highlightedItem = getItems().find((i) => i.ref === el);
+			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 = getItem(el);
 			emits("highlight", highlightedItem);
 		}
 		function highlightItem(value) {
@@ -429,7 +440,49 @@ var ListboxRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxRoot.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/useComboboxContentPositioning.js
+function useComboboxContentPositioning(open) {
+	const contentPosition = (0, vue.ref)("inline");
+	const contentPlaced = (0, vue.ref)(false);
+	const currentContent = (0, vue.ref)();
+	const suppressHighlightScroll = (0, vue.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 ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxRoot.js
 var [injectComboboxRootContext, provideComboboxRootContext] = /*#__PURE__*/ require_createContext.createContext("ComboboxRoot");
 var ComboboxRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ComboboxRoot",
@@ -559,6 +612,7 @@ var ComboboxRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const inputElement = (0, vue.ref)();
 		const triggerElement = (0, vue.ref)();
 		const highlightedElement = (0, vue.computed)(() => primitiveElement.value?.highlightedElement ?? void 0);
+		const contentPositioning = useComboboxContentPositioning(open);
 		const allItems = (0, vue.ref)(/* @__PURE__ */ new Map());
 		const allGroups = (0, vue.ref)(/* @__PURE__ */ new Map());
 		const { contains } = useFilter({ sensitivity: "base" });
@@ -608,6 +662,7 @@ var ComboboxRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			disabled,
 			open,
 			onOpenChange,
+			...contentPositioning,
 			contentId: "",
 			isUserInputted,
 			isVirtual,

package/dist/cjs/chunks/ComboboxSeparator.cjs

@@ -1,7 +1,7 @@
 const require_Primitive = require("./Primitive.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxSeparator.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxSeparator.js
 var ComboboxSeparator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ComboboxSeparator",
 	props: {

package/dist/cjs/chunks/ConfigProvider.cjs

@@ -1,6 +1,6 @@
 const require_createContext = require("./createContext.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ConfigProvider/ConfigProvider.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ConfigProvider/ConfigProvider.js
 var [injectConfigProviderContext, provideConfigProviderContext] = /*#__PURE__*/ require_createContext.createContext("ConfigProvider");
 var ConfigProvider_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	inheritAttrs: false,

package/dist/cjs/chunks/DialogClose.cjs

@@ -2,7 +2,7 @@ const require_Primitive = require("./Primitive.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
 const require_DialogRoot = require("./DialogRoot.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogClose.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogClose.js
 var DialogClose_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DialogClose",
 	props: {

package/dist/cjs/chunks/DialogDescription.cjs

@@ -2,7 +2,7 @@ const require_Primitive = require("./Primitive.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
 const require_DialogRoot = require("./DialogRoot.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogDescription.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogDescription.js
 var DialogDescription_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DialogDescription",
 	props: {

package/dist/cjs/chunks/DialogPortal.cjs

@@ -1,5 +1,6 @@
 const require_getActiveElement = require("./getActiveElement.cjs");
 const require_Primitive = require("./Primitive.cjs");
+const require_DismissableLayer = require("./DismissableLayer.cjs");
 const require_FocusScope = require("./FocusScope.cjs");
 const require_useEmitAsProps = require("./useEmitAsProps.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
@@ -7,11 +8,10 @@ const require_useHideOthers = require("./useHideOthers.cjs");
 const require_useId = require("./useId.cjs");
 const require_Presence = require("./Presence.cjs");
 const require_DialogRoot = require("./DialogRoot.cjs");
-const require_DismissableLayer = require("./DismissableLayer.cjs");
 const require_utils = require("./utils.cjs");
 const require_Teleport = require("./Teleport.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/utils.js
 var DEFAULT_TITLE_NAME = "DialogTitle";
 var DEFAULT_CONTENT_NAME = "DialogContent";
 function useWarning({ titleName = DEFAULT_TITLE_NAME, contentName = DEFAULT_CONTENT_NAME, componentLink = "dialog.html#title", titleId, descriptionId, contentElement }) {
@@ -30,7 +30,7 @@ For more information, see https://www.reka-ui.com/docs/components/${componentLin
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogContentImpl.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogContentImpl.js
 var DialogContentImpl_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DialogContentImpl",
 	props: {
@@ -131,7 +131,7 @@ var DialogContentImpl_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogContentModal.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogContentModal.js
 var DialogContentModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DialogContentModal",
 	props: {
@@ -219,7 +219,7 @@ var DialogContentModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogContentNonModal.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogContentNonModal.js
 var DialogContentNonModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DialogContentNonModal",
 	props: {
@@ -307,7 +307,7 @@ var DialogContentNonModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogContent.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogContent.js
 var DialogContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DialogContent",
 	props: {
@@ -343,15 +343,16 @@ var DialogContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const rootContext = require_DialogRoot.injectDialogRootContext();
 		const emitsAsProps = require_useEmitAsProps.useEmitAsProps(emits);
 		const { forwardRef } = require_useForwardExpose.useForwardExpose();
+		const staysMounted = (0, vue.computed)(() => props.forceMount || !rootContext.unmountOnHide.value);
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Presence.Presence_default), {
-				present: _ctx.forceMount || (0, vue.unref)(rootContext).open.value,
-				"force-mount": _ctx.forceMount || !(0, vue.unref)(rootContext).unmountOnHide.value
+				present: (0, vue.unref)(rootContext).open.value,
+				"force-mount": staysMounted.value
 			}, {
 				default: (0, vue.withCtx)(({ present }) => [(0, vue.unref)(rootContext).modal.value ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createBlock)(DialogContentModal_default, (0, vue.mergeProps)({
 					key: 0,
 					ref: (0, vue.unref)(forwardRef),
-					present: (0, vue.unref)(rootContext).unmountOnHide.value || present
+					present: staysMounted.value ? present : true
 				}, {
 					...props,
 					...(0, vue.unref)(emitsAsProps),
@@ -359,10 +360,10 @@ var DialogContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}), {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 					_: 2
-				}, 1040, ["present"])), [[vue.vShow, (0, vue.unref)(rootContext).unmountOnHide.value || present]]) : (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createBlock)(DialogContentNonModal_default, (0, vue.mergeProps)({
+				}, 1040, ["present"])), [[vue.vShow, _ctx.forceMount || (0, vue.unref)(rootContext).unmountOnHide.value || present]]) : (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createBlock)(DialogContentNonModal_default, (0, vue.mergeProps)({
 					key: 1,
 					ref: (0, vue.unref)(forwardRef),
-					present: (0, vue.unref)(rootContext).unmountOnHide.value || present
+					present: staysMounted.value ? present : true
 				}, {
 					...props,
 					...(0, vue.unref)(emitsAsProps),
@@ -370,14 +371,14 @@ var DialogContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}), {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 					_: 2
-				}, 1040, ["present"])), [[vue.vShow, (0, vue.unref)(rootContext).unmountOnHide.value || present]])]),
+				}, 1040, ["present"])), [[vue.vShow, _ctx.forceMount || (0, vue.unref)(rootContext).unmountOnHide.value || present]])]),
 				_: 3
 			}, 8, ["present", "force-mount"]);
 		};
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogOverlayImpl.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogOverlayImpl.js
 var DialogOverlayImpl_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DialogOverlayImpl",
 	props: {
@@ -424,7 +425,7 @@ var DialogOverlayImpl_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogOverlay.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogOverlay.js
 var DialogOverlay_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DialogOverlay",
 	props: {
@@ -442,19 +443,21 @@ var DialogOverlay_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}
 	},
 	setup(__props) {
+		const props = __props;
 		const rootContext = require_DialogRoot.injectDialogRootContext();
 		const { forwardRef } = require_useForwardExpose.useForwardExpose();
+		const staysMounted = (0, vue.computed)(() => props.forceMount || !rootContext.unmountOnHide.value);
 		return (_ctx, _cache) => {
 			return (0, vue.unref)(rootContext)?.modal.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Presence.Presence_default), {
 				key: 0,
-				present: _ctx.forceMount || (0, vue.unref)(rootContext).open.value,
-				"force-mount": _ctx.forceMount || !(0, vue.unref)(rootContext).unmountOnHide.value
+				present: (0, vue.unref)(rootContext).open.value,
+				"force-mount": staysMounted.value
 			}, {
 				default: (0, vue.withCtx)(({ present }) => [(0, vue.withDirectives)((0, vue.createVNode)(DialogOverlayImpl_default, (0, vue.mergeProps)(_ctx.$attrs, {
 					ref: (0, vue.unref)(forwardRef),
 					as: _ctx.as,
 					"as-child": _ctx.asChild,
-					present: (0, vue.unref)(rootContext).unmountOnHide.value || present
+					present: staysMounted.value ? present : true
 				}), {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 					_: 2
@@ -462,14 +465,14 @@ var DialogOverlay_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"as",
 					"as-child",
 					"present"
-				]), [[vue.vShow, (0, vue.unref)(rootContext).unmountOnHide.value || present]])]),
+				]), [[vue.vShow, _ctx.forceMount || (0, vue.unref)(rootContext).unmountOnHide.value || present]])]),
 				_: 3
 			}, 8, ["present", "force-mount"])) : (0, vue.createCommentVNode)("v-if", true);
 		};
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogPortal.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogPortal.js
 var DialogPortal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DialogPortal",
 	props: {

package/dist/cjs/chunks/DialogRoot.cjs

@@ -1,7 +1,7 @@
 const require_createContext = require("./createContext.cjs");
 const require_dist = require("./dist2.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogRoot.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogRoot.js
 var [injectDialogRootContext, provideDialogRootContext] = /*#__PURE__*/ require_createContext.createContext("DialogRoot");
 var DialogRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	inheritAttrs: false,

package/dist/cjs/chunks/DialogTitle.cjs

@@ -2,7 +2,7 @@ const require_Primitive = require("./Primitive.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
 const require_DialogRoot = require("./DialogRoot.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogTitle.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogTitle.js
 var DialogTitle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DialogTitle",
 	props: {

package/dist/cjs/chunks/DialogTrigger.cjs

@@ -3,7 +3,7 @@ const require_useForwardExpose = require("./useForwardExpose.cjs");
 const require_useId = require("./useId.cjs");
 const require_DialogRoot = require("./DialogRoot.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogTrigger.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Dialog/DialogTrigger.js
 var DialogTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DialogTrigger",
 	props: {