@youcan/celeste 0.15.0 → 0.17.0

package/dist/es/chunks/ComboboxContent.js

@@ -3,7 +3,8 @@ import { t as createContext } from "./createContext.js";
 import { t as getActiveElement } from "./getActiveElement.js";
 import { p as refAutoReset } from "./dist.js";
 import { t as Primitive } from "./Primitive.js";
-import { n as useBodyScrollLock, t as FocusScope_default } from "./FocusScope.js";
+import { t as DismissableLayer_default } from "./DismissableLayer.js";
+import { r as useBodyScrollLock, t as FocusScope_default } from "./FocusScope.js";
 import { t as useFocusGuards } from "./useFocusGuards.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as useForwardProps } from "./useForwardProps.js";
@@ -11,11 +12,10 @@ import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
 import { t as useHideOthers } from "./useHideOthers.js";
 import { t as useId } from "./useId.js";
 import { t as Presence_default } from "./Presence.js";
-import { t as DismissableLayer_default } from "./DismissableLayer.js";
 import { t as useCollection } from "./Collection.js";
 import { n as PopperContent_default } from "./PopperContent.js";
-import { computed, createBlock, createVNode, defineComponent, mergeProps, onMounted, onUnmounted, openBlock, ref, renderSlot, resolveDynamicComponent, toRefs, unref, withCtx, withKeys, withModifiers } from "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
+import { computed, createBlock, createVNode, defineComponent, mergeProps, onMounted, onUnmounted, openBlock, ref, renderSlot, resolveDynamicComponent, toHandlers, toRefs, unref, watch, withCtx, withKeys, withModifiers } from "vue";
+//#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__ */ defineComponent({
 	__name: "ListboxContent",
 	props: {
@@ -81,7 +81,7 @@ var ListboxContent_default = /* @__PURE__ */ 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__*/ createContext("ComboboxContent");
 var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxContentImpl",
@@ -203,6 +203,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);
@@ -230,6 +232,7 @@ var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 			}
 		});
 		onUnmounted(() => {
+			rootContext.onContentUnmount(contentId);
 			const activeElement = getActiveElement();
 			if (isInputWithinContent.value && (!activeElement || activeElement === document.body)) rootContext.triggerElement.value?.focus();
 		});
@@ -238,6 +241,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), {
@@ -275,7 +279,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, [
@@ -295,7 +299,7 @@ var ComboboxContentImpl_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "ComboboxContent",
 	props: {

package/dist/es/chunks/ComboboxGroup.js

@@ -3,7 +3,7 @@ import { t as createContext } from "./createContext.js";
 import { t as Primitive } from "./Primitive.js";
 import { t as useId } from "./useId.js";
 import { computed, createBlock, defineComponent, mergeProps, onMounted, onUnmounted, openBlock, renderSlot, unref, withCtx } from "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__*/ createContext("ListboxGroup");
 var ListboxGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "ListboxGroup",
@@ -30,7 +30,7 @@ var ListboxGroup_default = /* @__PURE__ */ 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__*/ createContext("ComboboxGroup");
 var ComboboxGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxGroup",

package/dist/es/chunks/ComboboxInput.js

@@ -4,7 +4,7 @@ import { t as Primitive } from "./Primitive.js";
 import { t as useComposing } from "./useComposing.js";
 import { t as usePrimitiveElement } from "./usePrimitiveElement.js";
 import { computed, createBlock, defineComponent, isRef, nextTick, onMounted, onUnmounted, openBlock, ref, renderSlot, unref, watch, watchSyncEffect, withCtx, withKeys } from "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__ */ defineComponent({
 	__name: "ListboxFilter",
 	props: {
@@ -51,7 +51,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();
@@ -61,7 +61,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();
 		}
@@ -94,6 +94,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) })]),
@@ -106,13 +107,14 @@ var ListboxFilter_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "ComboboxInput",
 	props: {
@@ -153,7 +155,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);
 		});
@@ -174,7 +176,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() {
@@ -238,6 +240,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")]),
@@ -251,6 +254,7 @@ var ComboboxInput_default = /* @__PURE__ */ defineComponent({
 				"aria-expanded",
 				"aria-controls",
 				"onCompositionstart",
+				"onCompositionupdate",
 				"onCompositionend"
 			]);
 		};

package/dist/es/chunks/ComboboxItem.js

@@ -8,7 +8,7 @@ import { t as usePrimitiveElement } from "./usePrimitiveElement.js";
 import { t as useCollection } from "./Collection.js";
 import { n as injectComboboxGroupContext } from "./ComboboxGroup.js";
 import { computed, createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, mergeProps, onMounted, onUnmounted, openBlock, renderSlot, toDisplayString, unref, withCtx, withKeys, withMemo, withModifiers } from "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__*/ createContext("ListboxItem");
 var ListboxItem_default = /* @__PURE__ */ defineComponent({
@@ -65,7 +65,8 @@ var ListboxItem_default = /* @__PURE__ */ defineComponent({
 					isHighlighted.value,
 					isSelected.value,
 					disabled.value,
-					unref(rootContext).focusable.value
+					unref(rootContext).focusable.value,
+					...Object.entries(_ctx.$attrs).flat()
 				], () => createVNode(unref(Primitive), mergeProps({ id: unref(id) }, _ctx.$attrs, {
 					ref: unref(forwardRef),
 					role: "option",
@@ -104,7 +105,7 @@ var ListboxItem_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "ComboboxItem",
 	props: {

package/dist/es/chunks/ComboboxLabel.js

@@ -3,7 +3,7 @@ import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as useId } from "./useId.js";
 import { n as injectComboboxGroupContext } from "./ComboboxGroup.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "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__ */ defineComponent({
 	__name: "ComboboxLabel",
 	props: {

package/dist/es/chunks/ComboboxRoot.js

@@ -13,7 +13,7 @@ import { t as VisuallyHiddenInput_default } from "./VisuallyHiddenInput.js";
 import { i as getFocusIntent } from "./utils2.js";
 import { t as PopperRoot_default } from "./PopperRoot.js";
 import { computed, createBlock, createCommentVNode, createVNode, defineComponent, getCurrentInstance, isRef, mergeProps, nextTick, onMounted, openBlock, ref, renderSlot, toRefs, unref, watch, withCtx } from "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 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__*/ createContext("ListboxRoot");
+var [injectListboxHighlightScrollContext, provideListboxHighlightScrollContext] = /*#__PURE__*/ createContext("ListboxHighlightScroll");
 var ListboxRoot_default = /* @__PURE__ */ defineComponent({
 	__name: "ListboxRoot",
 	props: {
@@ -173,11 +173,16 @@ var ListboxRoot_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emits = __emit;
 		const { multiple, highlightOnHover, orientation, disabled, selectionBehavior, dir: propDir } = toRefs(props);
-		const { getItems } = useCollection({ isProvider: true });
+		const { getItems, getItem } = useCollection({ isProvider: true });
 		const { handleTypeaheadSearch } = useTypeahead();
 		const { primitiveElement, currentElement } = usePrimitiveElement();
 		const kbd = useKbd();
 		const dir = useDirection(propDir);
+		const highlightScrollContext = injectListboxHighlightScrollContext(null);
+		provideListboxHighlightScrollContext({
+			suppressHighlightScroll: ref(false),
+			onHighlightScrollRequest: () => {}
+		});
 		const isFormControl = useFormControl(currentElement);
 		const firstValue = ref();
 		const isUserAction = ref(false);
@@ -219,9 +224,15 @@ 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 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__ */ 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 = 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 ../../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__*/ createContext("ComboboxRoot");
 var ComboboxRoot_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxRoot",
@@ -559,6 +612,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" });
@@ -608,6 +662,7 @@ var ComboboxRoot_default = /* @__PURE__ */ defineComponent({
 			disabled,
 			open,
 			onOpenChange,
+			...contentPositioning,
 			contentId: "",
 			isUserInputted,
 			isVirtual,

package/dist/es/chunks/ComboboxSeparator.js

@@ -1,7 +1,7 @@
 import { t as Primitive } from "./Primitive.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "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__ */ defineComponent({
 	__name: "ComboboxSeparator",
 	props: {

package/dist/es/chunks/ConfigProvider.js

@@ -1,6 +1,6 @@
 import { t as createContext } from "./createContext.js";
 import { defineComponent, renderSlot, toRefs } from "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__*/ createContext("ConfigProvider");
 var ConfigProvider_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,

package/dist/es/chunks/DialogClose.js

@@ -2,7 +2,7 @@ import { t as Primitive } from "./Primitive.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { n as injectDialogRootContext } from "./DialogRoot.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "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__ */ defineComponent({
 	__name: "DialogClose",
 	props: {

package/dist/es/chunks/DialogDescription.js

@@ -2,7 +2,7 @@ import { t as Primitive } from "./Primitive.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { n as injectDialogRootContext } from "./DialogRoot.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "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__ */ defineComponent({
 	__name: "DialogDescription",
 	props: {

package/dist/es/chunks/DialogPortal.js

@@ -1,17 +1,17 @@
 import { t as getActiveElement } from "./getActiveElement.js";
 import { t as Primitive } from "./Primitive.js";
-import { n as useBodyScrollLock, t as FocusScope_default } from "./FocusScope.js";
+import { t as DismissableLayer_default } from "./DismissableLayer.js";
+import { r as useBodyScrollLock, t as FocusScope_default } from "./FocusScope.js";
 import { t as useEmitAsProps } from "./useEmitAsProps.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as useHideOthers } from "./useHideOthers.js";
 import { t as useId } from "./useId.js";
 import { t as Presence_default } from "./Presence.js";
 import { n as injectDialogRootContext } from "./DialogRoot.js";
-import { t as DismissableLayer_default } from "./DismissableLayer.js";
 import { c as getOpenState } from "./utils.js";
 import { t as Teleport_default } from "./Teleport.js";
 import { computed, createBlock, createCommentVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, onMounted, openBlock, ref, renderSlot, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "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__ */ defineComponent({
 	__name: "DialogContentImpl",
 	props: {
@@ -131,7 +131,7 @@ var DialogContentImpl_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "DialogContentModal",
 	props: {
@@ -219,7 +219,7 @@ var DialogContentModal_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "DialogContentNonModal",
 	props: {
@@ -307,7 +307,7 @@ var DialogContentNonModal_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "DialogContent",
 	props: {
@@ -343,15 +343,16 @@ var DialogContent_default = /* @__PURE__ */ defineComponent({
 		const rootContext = injectDialogRootContext();
 		const emitsAsProps = useEmitAsProps(emits);
 		const { forwardRef } = useForwardExpose();
+		const staysMounted = computed(() => props.forceMount || !rootContext.unmountOnHide.value);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Presence_default), {
-				present: _ctx.forceMount || unref(rootContext).open.value,
-				"force-mount": _ctx.forceMount || !unref(rootContext).unmountOnHide.value
+				present: unref(rootContext).open.value,
+				"force-mount": staysMounted.value
 			}, {
 				default: withCtx(({ present }) => [unref(rootContext).modal.value ? withDirectives((openBlock(), createBlock(DialogContentModal_default, mergeProps({
 					key: 0,
 					ref: unref(forwardRef),
-					present: unref(rootContext).unmountOnHide.value || present
+					present: staysMounted.value ? present : true
 				}, {
 					...props,
 					...unref(emitsAsProps),
@@ -359,10 +360,10 @@ var DialogContent_default = /* @__PURE__ */ defineComponent({
 				}), {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 2
-				}, 1040, ["present"])), [[vShow, unref(rootContext).unmountOnHide.value || present]]) : withDirectives((openBlock(), createBlock(DialogContentNonModal_default, mergeProps({
+				}, 1040, ["present"])), [[vShow, _ctx.forceMount || unref(rootContext).unmountOnHide.value || present]]) : withDirectives((openBlock(), createBlock(DialogContentNonModal_default, mergeProps({
 					key: 1,
 					ref: unref(forwardRef),
-					present: unref(rootContext).unmountOnHide.value || present
+					present: staysMounted.value ? present : true
 				}, {
 					...props,
 					...unref(emitsAsProps),
@@ -370,14 +371,14 @@ var DialogContent_default = /* @__PURE__ */ defineComponent({
 				}), {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 2
-				}, 1040, ["present"])), [[vShow, unref(rootContext).unmountOnHide.value || present]])]),
+				}, 1040, ["present"])), [[vShow, _ctx.forceMount || unref(rootContext).unmountOnHide.value || present]])]),
 				_: 3
 			}, 8, ["present", "force-mount"]);
 		};
 	}
 });
 //#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__ */ defineComponent({
 	__name: "DialogOverlayImpl",
 	props: {
@@ -424,7 +425,7 @@ var DialogOverlayImpl_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "DialogOverlay",
 	props: {
@@ -442,19 +443,21 @@ var DialogOverlay_default = /* @__PURE__ */ defineComponent({
 		}
 	},
 	setup(__props) {
+		const props = __props;
 		const rootContext = injectDialogRootContext();
 		const { forwardRef } = useForwardExpose();
+		const staysMounted = computed(() => props.forceMount || !rootContext.unmountOnHide.value);
 		return (_ctx, _cache) => {
 			return unref(rootContext)?.modal.value ? (openBlock(), createBlock(unref(Presence_default), {
 				key: 0,
-				present: _ctx.forceMount || unref(rootContext).open.value,
-				"force-mount": _ctx.forceMount || !unref(rootContext).unmountOnHide.value
+				present: unref(rootContext).open.value,
+				"force-mount": staysMounted.value
 			}, {
 				default: withCtx(({ present }) => [withDirectives(createVNode(DialogOverlayImpl_default, mergeProps(_ctx.$attrs, {
 					ref: unref(forwardRef),
 					as: _ctx.as,
 					"as-child": _ctx.asChild,
-					present: unref(rootContext).unmountOnHide.value || present
+					present: staysMounted.value ? present : true
 				}), {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 2
@@ -462,14 +465,14 @@ var DialogOverlay_default = /* @__PURE__ */ defineComponent({
 					"as",
 					"as-child",
 					"present"
-				]), [[vShow, unref(rootContext).unmountOnHide.value || present]])]),
+				]), [[vShow, _ctx.forceMount || unref(rootContext).unmountOnHide.value || present]])]),
 				_: 3
 			}, 8, ["present", "force-mount"])) : createCommentVNode("v-if", true);
 		};
 	}
 });
 //#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__ */ defineComponent({
 	__name: "DialogPortal",
 	props: {

package/dist/es/chunks/DialogRoot.js

@@ -1,7 +1,7 @@
 import { t as createContext } from "./createContext.js";
 import { p as useVModel } from "./dist2.js";
 import { defineComponent, ref, renderSlot, toRefs, unref } from "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__*/ createContext("DialogRoot");
 var DialogRoot_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,

package/dist/es/chunks/DialogTitle.js

@@ -2,7 +2,7 @@ import { t as Primitive } from "./Primitive.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { n as injectDialogRootContext } from "./DialogRoot.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "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__ */ defineComponent({
 	__name: "DialogTitle",
 	props: {

package/dist/es/chunks/DialogTrigger.js

@@ -3,7 +3,7 @@ import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as useId } from "./useId.js";
 import { n as injectDialogRootContext } from "./DialogRoot.js";
 import { createBlock, defineComponent, mergeProps, onMounted, openBlock, renderSlot, unref, withCtx } from "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__ */ defineComponent({
 	__name: "DialogTrigger",
 	props: {