bootstrap-vue-next 0.45.9 → 0.46.0

package/dist/{PopperContent-DmSgsjSC.mjs → PopperContent-C9eeL6LH.js}

@@ -1,11 +1,14 @@
-import { C as computedEager, D as isClient, E as createSharedComposable, O as isIOS, P as tryOnBeforeUnmount, T as createGlobalState, a as onKeyStroke, f as useEventListener, g as useMounted, n as defaultWindow, o as unrefElement } from "./dist-Dk9C_HFS.mjs";
-import { c as createContext, o as injectConfigProviderContext, r as Primitive, s as renderSlotFragments } from "./VisuallyHidden-C4sXnc-k.mjs";
-import { n as getActiveElement, t as useForwardExpose } from "./useForwardExpose-Cob6LlGd.mjs";
-import { n as defu, r as isNullish } from "./useKbd-DfmgFov6.mjs";
-import { a as flip, c as limitShift, d as size, i as autoUpdate, l as offset, n as useFloating, o as hide, t as arrow, u as shift } from "./floating-ui.vue-CH2o_mZU.mjs";
+import { n as __reExport, t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
+import { n as createGlobalState, r as createSharedComposable } from "./dist-DKc2ivHS.js";
+import { a as onKeyStroke, f as useEventListener, g as useMounted, n as defaultWindow, o as unrefElement } from "./dist-9-XTMhb-.js";
+import { a as useDirection, c as getActiveElement, l as createContext, o as injectConfigProviderContext, r as Primitive, s as renderSlotFragments } from "./VisuallyHidden-BYzyjJiY.js";
+import { n as defu, r as isNullish } from "./useKbd-DRsaFU_f.js";
+import { n as isIOS, s as tryOnBeforeUnmount, t as isClient } from "./dist-B-regXAP.js";
+import { t as useForwardExpose } from "./useForwardExpose-DDvk7mir.js";
+import { a as flip, c as limitShift, d as size, f as getNodeName, i as computePosition, l as offset, o as hide, p as isNode, r as autoUpdate, t as arrow$1, u as shift } from "./floating-ui.dom-C7UZexJK.js";
 import * as vue from "vue";
-import { Teleport, camelize, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, getCurrentInstance, h, mergeDefaults, mergeProps, nextTick, normalizeStyle, onMounted, onUnmounted, openBlock, reactive, ref, renderSlot, toHandlerKey, toRef, toRefs, toValue, unref, watch, watchEffect, watchPostEffect, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/handleAndDispatchCustomEvent.js
+import { Teleport, camelize, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, getCurrentInstance, h, mergeDefaults, mergeProps, nextTick, normalizeStyle, onMounted, onUnmounted, openBlock, reactive, ref, renderSlot, toHandlerKey, toRef, toRefs, toValue, unref, watch, watchEffect, watchPostEffect, withCtx, withMemo } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/handleAndDispatchCustomEvent.js
 function handleAndDispatchCustomEvent(name, handler, detail) {
 	const target = detail.originalEvent.target;
 	const event = new CustomEvent(name, {
@@ -17,7 +20,15 @@ function handleAndDispatchCustomEvent(name, handler, detail) {
 	target.dispatchEvent(event);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useBodyScrollLock.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/DismissableLayer/context.js
+var context = /*#__PURE__*/ reactive({
+	layersRoot: /* @__PURE__ */ new Set(),
+	layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+	originalBodyPointerEvents: void 0,
+	branches: /* @__PURE__ */ new Set()
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useBodyScrollLock.js
 var useBodyLockStackCount = createSharedComposable(() => {
 	const map = ref(/* @__PURE__ */ new Map());
 	const initialOverflow = ref();
@@ -25,12 +36,12 @@ var useBodyLockStackCount = createSharedComposable(() => {
 		for (const value of map.value.values()) if (value) return true;
 		return false;
 	});
-	const context = injectConfigProviderContext({ scrollBody: ref(true) });
+	const context$1 = injectConfigProviderContext({ scrollBody: ref(true) });
 	let stopTouchMoveListener = null;
 	const resetBodyStyle = () => {
 		document.body.style.paddingRight = "";
 		document.body.style.marginRight = "";
-		document.body.style.pointerEvents = "";
+		if (context.layersWithOutsidePointerEventsDisabled.size === 0) document.body.style.pointerEvents = "";
 		document.documentElement.style.removeProperty("--scrollbar-width");
 		document.body.style.overflow = initialOverflow.value ?? "";
 		isIOS && stopTouchMoveListener?.();
@@ -48,9 +59,9 @@ var useBodyLockStackCount = createSharedComposable(() => {
 			padding: verticalScrollbarWidth,
 			margin: 0
 		};
-		const config = context.scrollBody?.value ? typeof context.scrollBody.value === "object" ? defu({
-			padding: context.scrollBody.value.padding === true ? verticalScrollbarWidth : context.scrollBody.value.padding,
-			margin: context.scrollBody.value.margin === true ? verticalScrollbarWidth : context.scrollBody.value.margin
+		const config = context$1.scrollBody?.value ? typeof context$1.scrollBody.value === "object" ? defu({
+			padding: context$1.scrollBody.value.padding === true ? verticalScrollbarWidth : context$1.scrollBody.value.padding,
+			margin: context$1.scrollBody.value.margin === true ? verticalScrollbarWidth : context$1.scrollBody.value.margin
 		}, defaultConfig) : defaultConfig : {
 			padding: 0,
 			margin: 0
@@ -104,11 +115,16 @@ function preventDefault(rawEvent) {
 	return false;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useEmitAsProps.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useEmitAsProps.js
 /**
 * The `useEmitAsProps` function is a TypeScript utility that converts emitted events into props for a
 * Vue component.
+*
+* @template Name - The event name string union type.
+* @template Fn - The emit function type.
+*
 * @param emit - The `emit` parameter is a function that is used to emit events from a component. It
+*
 * takes two parameters: `name` which is the name of the event to be emitted, and `...args` which are
 * the arguments to be passed along with the event.
 * @returns The function `useEmitAsProps` returns an object that maps event names to functions that
@@ -125,7 +141,7 @@ function useEmitAsProps(emit) {
 	return result;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useFocusGuards.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useFocusGuards.js
 /** Number of components which have requested interest to have focus guards */
 var count$1 = 0;
 /**
@@ -156,7 +172,7 @@ function createFocusGuard() {
 	return element;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useForwardProps.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useForwardProps.js
 /**
 * The `useForwardProps` function in TypeScript takes in a set of props and returns a computed value
 * that combines default props with assigned props from the current instance.
@@ -188,19 +204,7 @@ function useForwardProps(props) {
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useForwardPropsEmits.js
-/**
-* The function `useForwardPropsEmits` takes in props and an optional emit function, and returns a
-* computed object that combines the parsed props and emits as props.
-* @param {T} props - The `props` parameter is of type `T`, which is a generic type that extends the
-* parameters of the `useForwardProps` function. It represents the props object that is passed to the
-* `useForwardProps` function.
-* @param [emit] - The `emit` parameter is a function that can be used to emit events. It takes two
-* arguments: `name`, which is the name of the event to be emitted, and `args`, which are the arguments
-* to be passed along with the event.
-* @returns a computed property that combines the parsed
-* props and emits as props.
-*/
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useForwardPropsEmits.js
 function useForwardPropsEmits(props, emit) {
 	const parsedProps = useForwardProps(props);
 	const emitsAsProps = emit ? useEmitAsProps(emit) : {};
@@ -316,7 +320,7 @@ var hideOthers = function(originalTarget, parentNode, markerName) {
 	return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
 };
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useHideOthers.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useHideOthers.js
 /**
 * The `useHideOthers` function is a TypeScript function that takes a target element reference and
 * hides all other elements in ARIA when the target element is present, and restores the visibility of the
@@ -339,29 +343,32 @@ function useHideOthers(target) {
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useId.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useId.js
 var count = 0;
 /**
-* The `useId` function generates a unique identifier using a provided deterministic ID or a default
-* one prefixed with "reka-", or the provided one via `useId` props from `<ConfigProvider>`.
+* The `useId` function generates a unique identifier using a provided deterministic ID,
+* a configured `<ConfigProvider>` ID source, Vue's native `useId`, or a fallback counter.
 * @param {string | null | undefined} [deterministicId] - The `useId` function you provided takes an
 * optional parameter `deterministicId`, which can be a string, null, or undefined. If
 * `deterministicId` is provided, the function will return it. Otherwise, it will generate an id using
-* the `useId` function obtained
+* the configured ID source.
 */
 function useId$1(deterministicId, prefix = "reka") {
 	if (deterministicId) return deterministicId;
 	let id;
-	if ("useId" in vue) id = vue.useId?.();
-	else id = injectConfigProviderContext({ useId: void 0 }).useId?.() ?? `${++count}`;
+	const configProviderContext = injectConfigProviderContext({ useId: void 0 });
+	if (configProviderContext.useId) id = configProviderContext.useId();
+	else if ("useId" in vue) id = vue.useId?.();
+	else id = `${++count}`;
 	return prefix ? `${prefix}-${id}` : id;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useSize.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useSize.js
 function useSize(element) {
 	const size = ref();
 	const width = computed(() => size.value?.width ?? 0);
 	const height = computed(() => size.value?.height ?? 0);
+	let resizeObserver;
 	onMounted(() => {
 		const el = unrefElement(element);
 		if (el) {
@@ -369,7 +376,7 @@ function useSize(element) {
 				width: el.offsetWidth,
 				height: el.offsetHeight
 			};
-			const resizeObserver = new ResizeObserver((entries) => {
+			resizeObserver = new ResizeObserver((entries) => {
 				if (!Array.isArray(entries)) return;
 				if (!entries.length) return;
 				const entry = entries[0];
@@ -390,16 +397,19 @@ function useSize(element) {
 				};
 			});
 			resizeObserver.observe(el, { box: "border-box" });
-			return () => resizeObserver.unobserve(el);
 		} else size.value = void 0;
 	});
+	onUnmounted(() => {
+		resizeObserver?.disconnect();
+		resizeObserver = void 0;
+	});
 	return {
 		width,
 		height
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useStateMachine.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useStateMachine.js
 /**
 * The `useStateMachine` function is a TypeScript function that creates a state machine and returns the
 * current state and a dispatch function to update the state based on events.
@@ -425,7 +435,7 @@ function useStateMachine(initialState, machine) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Presence/usePresence.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Presence/usePresence.js
 function usePresence(present, node) {
 	const stylesRef = ref({});
 	const prevAnimationNameRef = ref("none");
@@ -482,10 +492,11 @@ function usePresence(present, node) {
 	* make sure we only trigger ANIMATION_END for the currently active animation.
 	*/
 	const handleAnimationEnd = (event) => {
+		if (event.target !== node.value) return;
 		const currentAnimationName = getAnimationName(node.value);
 		const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
 		const directionName = state.value === "mounted" ? "enter" : "leave";
-		if (event.target === node.value && isCurrentAnimation) {
+		if (isCurrentAnimation) {
 			dispatchCustomEvent(`after-${directionName}`);
 			dispatch("ANIMATION_END");
 			if (!prevPresentRef.value) {
@@ -496,7 +507,7 @@ function usePresence(present, node) {
 				});
 			}
 		}
-		if (event.target === node.value && currentAnimationName === "none") dispatch("ANIMATION_END");
+		if (currentAnimationName === "none") dispatch("ANIMATION_END");
 	};
 	const handleAnimationStart = (event) => {
 		if (event.target === node.value) prevAnimationNameRef.value = getAnimationName(node.value);
@@ -522,6 +533,12 @@ function usePresence(present, node) {
 	onUnmounted(() => {
 		watcher();
 		stateWatcher();
+		if (node.value) {
+			node.value.removeEventListener("animationstart", handleAnimationStart);
+			node.value.removeEventListener("animationcancel", handleAnimationEnd);
+			node.value.removeEventListener("animationend", handleAnimationEnd);
+		}
+		if (timeoutId !== void 0) ownerWindow?.clearTimeout(timeoutId);
 	});
 	return { isPresent: computed(() => ["mounted", "unmountSuspended"].includes(state.value)) };
 }
@@ -529,8 +546,8 @@ function getAnimationName(node) {
 	return node ? getComputedStyle(node).animationName || "none" : "none";
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Presence/Presence.js
-var Presence_default = defineComponent({
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Presence/Presence.js
+var Presence_default = /*#__PURE__*/ defineComponent({
 	name: "Presence",
 	props: {
 		present: {
@@ -571,7 +588,7 @@ var Presence_default = defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/DismissableLayer/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/DismissableLayer/utils.js
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 function isLayerExist(layerElement, targetElement) {
@@ -684,13 +701,7 @@ function useFocusOutside(onFocusOutside, element, enabled = true) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/DismissableLayer/DismissableLayer.js
-var context = reactive({
-	layersRoot: /* @__PURE__ */ new Set(),
-	layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-	originalBodyPointerEvents: void 0,
-	branches: /* @__PURE__ */ new Set()
-});
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/DismissableLayer/DismissableLayer.js
 var DismissableLayer_default = /* @__PURE__ */ defineComponent({
 	__name: "DismissableLayer",
 	props: {
@@ -706,6 +717,11 @@ var DismissableLayer_default = /* @__PURE__ */ defineComponent({
 		as: {
 			type: null,
 			required: false
+		},
+		present: {
+			type: Boolean,
+			required: false,
+			default: true
 		}
 	},
 	emits: [
@@ -735,37 +751,50 @@ var DismissableLayer_default = /* @__PURE__ */ defineComponent({
 		});
 		const pointerDownOutside = usePointerDownOutside(async (event) => {
 			const isPointerDownOnBranch = [...context.branches].some((branch) => branch?.contains(event.target));
-			if (!isPointerEventsEnabled.value || isPointerDownOnBranch) return;
+			if (!props.present || !isPointerEventsEnabled.value || isPointerDownOnBranch) return;
 			emits("pointerDownOutside", event);
 			emits("interactOutside", event);
 			await nextTick();
 			if (!event.defaultPrevented) emits("dismiss");
 		}, layerElement);
 		const focusOutside = useFocusOutside((event) => {
-			if ([...context.branches].some((branch) => branch?.contains(event.target))) return;
+			const isFocusInBranch = [...context.branches].some((branch) => branch?.contains(event.target));
+			if (!props.present || isFocusInBranch) return;
 			emits("focusOutside", event);
 			emits("interactOutside", event);
 			if (!event.defaultPrevented) emits("dismiss");
 		}, layerElement);
 		onKeyStroke("Escape", (event) => {
+			if (!props.present) return;
 			if (!(index.value === layers.value.size - 1)) return;
 			emits("escapeKeyDown", event);
 			if (!event.defaultPrevented) emits("dismiss");
 		});
-		watchEffect((cleanupFn) => {
-			if (!layerElement.value) return;
-			if (props.disableOutsidePointerEvents) {
+		watch([
+			layerElement,
+			() => props.disableOutsidePointerEvents,
+			() => props.present
+		], ([element, disableOutsidePointerEvents, present], _, onCleanup) => {
+			if (!element || !present) return;
+			if (disableOutsidePointerEvents) {
 				if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
 					context.originalBodyPointerEvents = ownerDocument.value.body.style.pointerEvents;
 					ownerDocument.value.body.style.pointerEvents = "none";
 				}
-				context.layersWithOutsidePointerEventsDisabled.add(layerElement.value);
+				context.layersWithOutsidePointerEventsDisabled.add(element);
+				onCleanup(() => {
+					context.layersWithOutsidePointerEventsDisabled.delete(element);
+					if (context.layersWithOutsidePointerEventsDisabled.size === 0 && !isNullish(context.originalBodyPointerEvents)) ownerDocument.value.body.style.pointerEvents = context.originalBodyPointerEvents;
+				});
 			}
-			layers.value.add(layerElement.value);
-			cleanupFn(() => {
-				if (props.disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1 && !isNullish(context.originalBodyPointerEvents)) ownerDocument.value.body.style.pointerEvents = context.originalBodyPointerEvents;
+		}, { immediate: true });
+		watch([layerElement, () => props.present], ([element, present], _, onCleanup) => {
+			if (!element || !present) return;
+			layers.value.add(element);
+			onCleanup(() => {
+				layers.value.delete(element);
 			});
-		});
+		}, { immediate: true });
 		watchEffect((cleanupFn) => {
 			cleanupFn(() => {
 				if (!layerElement.value) return;
@@ -798,7 +827,7 @@ var DismissableLayer_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/FocusScope/stack.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/FocusScope/stack.js
 var useFocusStackState = createGlobalState(() => {
 	return ref([]);
 });
@@ -825,7 +854,7 @@ function arrayRemove(array, item) {
 	return updatedArray;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/FocusScope/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/FocusScope/utils.js
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS = {
@@ -897,7 +926,7 @@ function focus(element, { select = false } = {}) {
 	}
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/FocusScope/FocusScope.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/FocusScope/FocusScope.js
 var FocusScope_default = /* @__PURE__ */ defineComponent({
 	__name: "FocusScope",
 	props: {
@@ -911,6 +940,11 @@ var FocusScope_default = /* @__PURE__ */ defineComponent({
 			required: false,
 			default: false
 		},
+		present: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
 		asChild: {
 			type: Boolean,
 			required: false
@@ -927,7 +961,7 @@ var FocusScope_default = /* @__PURE__ */ defineComponent({
 		const { currentRef, currentElement } = useForwardExpose();
 		const lastFocusedElementRef = ref(null);
 		const focusScopesStack = createFocusScopesStack();
-		const focusScope = reactive({
+		const focusScope = /*#__PURE__*/ reactive({
 			paused: false,
 			pause() {
 				this.paused = true;
@@ -953,7 +987,10 @@ var FocusScope_default = /* @__PURE__ */ defineComponent({
 				if (!container.contains(relatedTarget)) focus(lastFocusedElementRef.value, { select: true });
 			}
 			function handleMutations(mutations) {
-				if (!container.contains(lastFocusedElementRef.value)) focus(container);
+				const lastFocusedElement = lastFocusedElementRef.value;
+				if (lastFocusedElement === null) return;
+				if (!mutations.some((m) => m.removedNodes.length > 0)) return;
+				if (!container.contains(lastFocusedElement)) focus(container);
 			}
 			document.addEventListener("focusin", handleFocusIn);
 			document.addEventListener("focusout", handleFocusOut);
@@ -968,36 +1005,54 @@ var FocusScope_default = /* @__PURE__ */ defineComponent({
 				mutationObserver.disconnect();
 			});
 		});
+		function dispatchMountAutoFocus(container, previouslyFocusedElement) {
+			const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
+			const handleMountAutoFocus = (ev) => emits("mountAutoFocus", ev);
+			container.addEventListener(AUTOFOCUS_ON_MOUNT, handleMountAutoFocus);
+			container.dispatchEvent(mountEvent);
+			container.removeEventListener(AUTOFOCUS_ON_MOUNT, handleMountAutoFocus);
+			if (!mountEvent.defaultPrevented) {
+				focusFirst(getTabbableCandidates(container), { select: true });
+				if (getActiveElement() === previouslyFocusedElement) focus(container);
+			}
+		}
 		watchEffect(async (cleanupFn) => {
 			const container = currentElement.value;
 			await nextTick();
 			if (!container) return;
-			focusScopesStack.add(focusScope);
+			if (props.present !== false) focusScopesStack.add(focusScope);
 			const previouslyFocusedElement = getActiveElement();
-			if (!container.contains(previouslyFocusedElement)) {
-				const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
-				container.addEventListener(AUTOFOCUS_ON_MOUNT, (ev) => emits("mountAutoFocus", ev));
-				container.dispatchEvent(mountEvent);
-				if (!mountEvent.defaultPrevented) {
-					focusFirst(getTabbableCandidates(container), { select: true });
-					if (getActiveElement() === previouslyFocusedElement) focus(container);
-				}
-			}
+			if (!container.contains(previouslyFocusedElement) && props.present !== false) dispatchMountAutoFocus(container, previouslyFocusedElement);
 			cleanupFn(() => {
-				container.removeEventListener(AUTOFOCUS_ON_MOUNT, (ev) => emits("mountAutoFocus", ev));
 				const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);
 				const unmountEventHandler = (ev) => {
 					emits("unmountAutoFocus", ev);
 				};
 				container.addEventListener(AUTOFOCUS_ON_UNMOUNT, unmountEventHandler);
 				container.dispatchEvent(unmountEvent);
+				container.setAttribute("data-focus-scope-unmounting", "");
 				setTimeout(() => {
 					if (!unmountEvent.defaultPrevented) focus(previouslyFocusedElement ?? document.body, { select: true });
 					container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, unmountEventHandler);
 					focusScopesStack.remove(focusScope);
+					container.removeAttribute("data-focus-scope-unmounting");
 				}, 0);
 			});
 		});
+		watch(() => props.present, async (present, prevPresent) => {
+			if (!isClient) return;
+			if (present === false && prevPresent === true) {
+				focusScopesStack.remove(focusScope);
+				return;
+			}
+			if (present !== true || prevPresent !== false) return;
+			focusScopesStack.add(focusScope);
+			await nextTick();
+			const container = currentElement.value;
+			if (!container) return;
+			const previouslyFocusedElement = getActiveElement();
+			if (!container.contains(previouslyFocusedElement)) dispatchMountAutoFocus(container, previouslyFocusedElement);
+		});
 		function handleKeyDown(event) {
 			if (!props.loop && !props.trapped) return;
 			if (focusScope.paused) return;
@@ -1033,14 +1088,13 @@ var FocusScope_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Teleport/Teleport.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Teleport/Teleport.js
 var Teleport_default = /* @__PURE__ */ defineComponent({
 	__name: "Teleport",
 	props: {
 		to: {
 			type: null,
-			required: false,
-			default: "body"
+			required: false
 		},
 		disabled: {
 			type: Boolean,
@@ -1056,11 +1110,14 @@ var Teleport_default = /* @__PURE__ */ defineComponent({
 		}
 	},
 	setup(__props) {
+		const props = __props;
+		const configContext = injectConfigProviderContext({});
+		const target = computed(() => props.to ?? configContext.teleportTo?.value ?? "body");
 		const isMounted = useMounted();
 		return (_ctx, _cache) => {
 			return unref(isMounted) || _ctx.forceMount ? (openBlock(), createBlock(Teleport, {
 				key: 0,
-				to: _ctx.to,
+				to: target.value,
 				disabled: _ctx.disabled,
 				defer: _ctx.defer
 			}, [renderSlot(_ctx.$slots, "default")], 8, [
@@ -1072,8 +1129,8 @@ var Teleport_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Popper/PopperRoot.js
-var [injectPopperRootContext, providePopperRootContext] = createContext("PopperRoot");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Popper/PopperRoot.js
+var [injectPopperRootContext, providePopperRootContext] = /*#__PURE__*/ createContext("PopperRoot");
 var PopperRoot_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "PopperRoot",
@@ -1089,7 +1146,7 @@ var PopperRoot_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Popper/PopperAnchor.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Popper/PopperAnchor.js
 var PopperAnchor_default = /* @__PURE__ */ defineComponent({
 	__name: "PopperAnchor",
 	props: {
@@ -1126,7 +1183,7 @@ var PopperAnchor_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Popper/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Popper/utils.js
 function isNotNull(value) {
 	return value !== null;
 }
@@ -1140,7 +1197,12 @@ function transformOrigin(options) {
 			const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;
 			const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;
 			const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
-			const noArrowAlign = {
+			const noArrowAlignX = {
+				start: options.dir === "rtl" ? "100%" : "0%",
+				center: "50%",
+				end: options.dir === "rtl" ? "0%" : "100%"
+			}[placedAlign];
+			const noArrowAlignY = {
 				start: "0%",
 				center: "50%",
 				end: "100%"
@@ -1150,17 +1212,17 @@ function transformOrigin(options) {
 			let x = "";
 			let y = "";
 			if (placedSide === "bottom") {
-				x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
+				x = isArrowHidden ? noArrowAlignX : `${arrowXCenter}px`;
 				y = `${-arrowHeight}px`;
 			} else if (placedSide === "top") {
-				x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
+				x = isArrowHidden ? noArrowAlignX : `${arrowXCenter}px`;
 				y = `${rects.floating.height + arrowHeight}px`;
 			} else if (placedSide === "right") {
 				x = `${-arrowHeight}px`;
-				y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
+				y = isArrowHidden ? noArrowAlignY : `${arrowYCenter}px`;
 			} else if (placedSide === "left") {
 				x = `${rects.floating.width + arrowHeight}px`;
-				y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
+				y = isArrowHidden ? noArrowAlignY : `${arrowYCenter}px`;
 			}
 			return { data: {
 				x,
@@ -1174,7 +1236,198 @@ function getSideAndAlignFromPlacement(placement) {
 	return [side, align];
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Popper/PopperContent.js
+//#region ../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.41_typescript@5.9.3_/node_modules/vue-demi/lib/index.mjs
+var lib_exports = /* @__PURE__ */ __exportAll({
+	Vue: () => vue,
+	Vue2: () => void 0,
+	del: () => del,
+	install: () => install,
+	isVue2: () => false,
+	isVue3: () => true,
+	set: () => set
+});
+import * as import_vue from "vue";
+__reExport(lib_exports, import_vue);
+function install() {}
+function set(target, key, val) {
+	if (Array.isArray(target)) {
+		target.length = Math.max(target.length, key);
+		target.splice(key, 1, val);
+		return val;
+	}
+	target[key] = val;
+	return val;
+}
+function del(target, key) {
+	if (Array.isArray(target)) {
+		target.splice(key, 1);
+		return;
+	}
+	delete target[key];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+vue@1.1.11_vue@3.5.41_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs
+function isComponentPublicInstance(target) {
+	return target != null && typeof target === "object" && "$el" in target;
+}
+function unwrapElement(target) {
+	if (isComponentPublicInstance(target)) {
+		const element = target.$el;
+		return isNode(element) && getNodeName(element) === "#comment" ? null : element;
+	}
+	return target;
+}
+function toValue$1(source) {
+	return typeof source === "function" ? source() : (0, lib_exports.unref)(source);
+}
+/**
+* Positions an inner element of the floating element such that it is centered to the reference element.
+* @param options The arrow options.
+* @see https://floating-ui.com/docs/arrow
+*/
+function arrow(options) {
+	return {
+		name: "arrow",
+		options,
+		fn(args) {
+			const element = unwrapElement(toValue$1(options.element));
+			if (element == null) return {};
+			return arrow$1({
+				element,
+				padding: options.padding
+			}).fn(args);
+		}
+	};
+}
+function getDPR(element) {
+	if (typeof window === "undefined") return 1;
+	return (element.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function roundByDPR(element, value) {
+	const dpr = getDPR(element);
+	return Math.round(value * dpr) / dpr;
+}
+/**
+* Computes the `x` and `y` coordinates that will place the floating element next to a reference element when it is given a certain CSS positioning strategy.
+* @param reference The reference template ref.
+* @param floating The floating template ref.
+* @param options The floating options.
+* @see https://floating-ui.com/docs/vue
+*/
+function useFloating(reference, floating, options) {
+	if (options === void 0) options = {};
+	const whileElementsMountedOption = options.whileElementsMounted;
+	const openOption = (0, lib_exports.computed)(() => {
+		var _toValue;
+		return (_toValue = toValue$1(options.open)) != null ? _toValue : true;
+	});
+	const middlewareOption = (0, lib_exports.computed)(() => toValue$1(options.middleware));
+	const placementOption = (0, lib_exports.computed)(() => {
+		var _toValue2;
+		return (_toValue2 = toValue$1(options.placement)) != null ? _toValue2 : "bottom";
+	});
+	const strategyOption = (0, lib_exports.computed)(() => {
+		var _toValue3;
+		return (_toValue3 = toValue$1(options.strategy)) != null ? _toValue3 : "absolute";
+	});
+	const transformOption = (0, lib_exports.computed)(() => {
+		var _toValue4;
+		return (_toValue4 = toValue$1(options.transform)) != null ? _toValue4 : true;
+	});
+	const referenceElement = (0, lib_exports.computed)(() => unwrapElement(reference.value));
+	const floatingElement = (0, lib_exports.computed)(() => unwrapElement(floating.value));
+	const x = (0, lib_exports.ref)(0);
+	const y = (0, lib_exports.ref)(0);
+	const strategy = (0, lib_exports.ref)(strategyOption.value);
+	const placement = (0, lib_exports.ref)(placementOption.value);
+	const middlewareData = (0, lib_exports.shallowRef)({});
+	const isPositioned = (0, lib_exports.ref)(false);
+	const floatingStyles = (0, lib_exports.computed)(() => {
+		const initialStyles = {
+			position: strategy.value,
+			left: "0",
+			top: "0"
+		};
+		if (!floatingElement.value) return initialStyles;
+		const xVal = roundByDPR(floatingElement.value, x.value);
+		const yVal = roundByDPR(floatingElement.value, y.value);
+		if (transformOption.value) return {
+			...initialStyles,
+			transform: "translate(" + xVal + "px, " + yVal + "px)",
+			...getDPR(floatingElement.value) >= 1.5 && { willChange: "transform" }
+		};
+		return {
+			position: strategy.value,
+			left: xVal + "px",
+			top: yVal + "px"
+		};
+	});
+	let whileElementsMountedCleanup;
+	function update() {
+		if (referenceElement.value == null || floatingElement.value == null) return;
+		const open = openOption.value;
+		computePosition(referenceElement.value, floatingElement.value, {
+			middleware: middlewareOption.value,
+			placement: placementOption.value,
+			strategy: strategyOption.value
+		}).then((position) => {
+			x.value = position.x;
+			y.value = position.y;
+			strategy.value = position.strategy;
+			placement.value = position.placement;
+			middlewareData.value = position.middlewareData;
+			/**
+			* The floating element's position may be recomputed while it's closed
+			* but still mounted (such as when transitioning out). To ensure
+			* `isPositioned` will be `false` initially on the next open, avoid
+			* setting it to `true` when `open === false` (must be specified).
+			*/
+			isPositioned.value = open !== false;
+		});
+	}
+	function cleanup() {
+		if (typeof whileElementsMountedCleanup === "function") {
+			whileElementsMountedCleanup();
+			whileElementsMountedCleanup = void 0;
+		}
+	}
+	function attach() {
+		cleanup();
+		if (whileElementsMountedOption === void 0) {
+			update();
+			return;
+		}
+		if (referenceElement.value != null && floatingElement.value != null) {
+			whileElementsMountedCleanup = whileElementsMountedOption(referenceElement.value, floatingElement.value, update);
+			return;
+		}
+	}
+	function reset() {
+		if (!openOption.value) isPositioned.value = false;
+	}
+	(0, lib_exports.watch)([
+		middlewareOption,
+		placementOption,
+		strategyOption,
+		openOption
+	], update, { flush: "sync" });
+	(0, lib_exports.watch)([referenceElement, floatingElement], attach, { flush: "sync" });
+	(0, lib_exports.watch)(openOption, reset, { flush: "sync" });
+	if ((0, lib_exports.getCurrentScope)()) (0, lib_exports.onScopeDispose)(cleanup);
+	return {
+		x: (0, lib_exports.shallowReadonly)(x),
+		y: (0, lib_exports.shallowReadonly)(y),
+		strategy: (0, lib_exports.shallowReadonly)(strategy),
+		placement: (0, lib_exports.shallowReadonly)(placement),
+		middlewareData: (0, lib_exports.shallowReadonly)(middlewareData),
+		isPositioned: (0, lib_exports.shallowReadonly)(isPositioned),
+		floatingStyles,
+		update
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Popper/PopperContent.js
+var _hoisted_1 = ["dir"];
 var PopperContentPropsDefaultValue = {
 	side: "bottom",
 	sideOffset: 0,
@@ -1193,11 +1446,15 @@ var PopperContentPropsDefaultValue = {
 	updatePositionStrategy: "optimized",
 	prioritizePosition: false
 };
-var [injectPopperContentContext, providePopperContentContext] = createContext("PopperContent");
+var [injectPopperContentContext, providePopperContentContext] = /*#__PURE__*/ createContext("PopperContent");
 var PopperContent_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "PopperContent",
 	props: /* @__PURE__ */ mergeDefaults({
+		memoDependencies: {
+			type: Array,
+			required: false
+		},
 		side: {
 			type: null,
 			required: false
@@ -1270,6 +1527,10 @@ var PopperContent_default = /* @__PURE__ */ defineComponent({
 			type: null,
 			required: false
 		},
+		dir: {
+			type: String,
+			required: false
+		},
 		asChild: {
 			type: Boolean,
 			required: false
@@ -1285,6 +1546,7 @@ var PopperContent_default = /* @__PURE__ */ defineComponent({
 		const emits = __emit;
 		const rootContext = injectPopperRootContext();
 		const { forwardRef, currentElement: contentElement } = useForwardExpose();
+		const dir = useDirection(computed(() => props.dir));
 		const floatingRef = ref();
 		const arrow$1 = ref();
 		const { width: arrowWidth, height: arrowHeight } = useSize(arrow$1);
@@ -1314,7 +1576,7 @@ var PopperContent_default = /* @__PURE__ */ defineComponent({
 				crossAxis: props.alignFlip
 			};
 		});
-		const computedMiddleware = computedEager(() => {
+		const computedMiddleware = computed(() => {
 			return [
 				offset({
 					mainAxis: props.sideOffset + arrowHeight.value,
@@ -1351,7 +1613,8 @@ var PopperContent_default = /* @__PURE__ */ defineComponent({
 				}),
 				transformOrigin({
 					arrowWidth: arrowWidth.value,
-					arrowHeight: arrowHeight.value
+					arrowHeight: arrowHeight.value,
+					dir: dir.value
 				}),
 				props.hideWhenDetached && hide({
 					strategy: "referenceHidden",
@@ -1395,6 +1658,7 @@ var PopperContent_default = /* @__PURE__ */ defineComponent({
 				ref_key: "floatingRef",
 				ref: floatingRef,
 				"data-reka-popper-content-wrapper": "",
+				dir: unref(dir),
 				style: normalizeStyle({
 					...unref(floatingStyles),
 					transform: unref(isPositioned) ? unref(floatingStyles).transform : "translate(0, -200%)",
@@ -1406,11 +1670,41 @@ var PopperContent_default = /* @__PURE__ */ defineComponent({
 						pointerEvents: "none"
 					}
 				})
-			}, [createVNode(unref(Primitive), mergeProps({ ref: unref(forwardRef) }, _ctx.$attrs, {
+			}, [props.memoDependencies ? withMemo([
+				props.asChild,
+				props.as,
+				placedSide.value,
+				placedAlign.value,
+				unref(isPositioned),
+				...Object.values(_ctx.$attrs),
+				...props.memoDependencies
+			], () => (openBlock(), createBlock(unref(Primitive), mergeProps({
+				key: 0,
+				ref: unref(forwardRef)
+			}, _ctx.$attrs, {
 				"as-child": props.asChild,
-				as: _ctx.as,
+				as: props.as,
+				"data-side": placedSide.value,
+				"data-align": placedAlign.value,
+				style: { animation: !unref(isPositioned) ? "none" : void 0 }
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"as-child",
+				"as",
+				"data-side",
+				"data-align",
+				"style"
+			])), _cache, 0) : (openBlock(), createBlock(unref(Primitive), mergeProps({
+				key: 1,
+				ref: unref(forwardRef)
+			}, _ctx.$attrs, {
+				"as-child": props.asChild,
+				as: props.as,
 				"data-side": placedSide.value,
 				"data-align": placedAlign.value,
+				dir: unref(dir),
 				style: { animation: !unref(isPositioned) ? "none" : void 0 }
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
@@ -1420,12 +1714,13 @@ var PopperContent_default = /* @__PURE__ */ defineComponent({
 				"as",
 				"data-side",
 				"data-align",
+				"dir",
 				"style"
-			])], 4);
+			]))], 12, _hoisted_1);
 		};
 	}
 });
 //#endregion
 export { FocusScope_default as a, useId$1 as c, useForwardProps as d, useFocusGuards as f, Teleport_default as i, useHideOthers as l, handleAndDispatchCustomEvent as m, PopperAnchor_default as n, DismissableLayer_default as o, useBodyScrollLock as p, PopperRoot_default as r, Presence_default as s, PopperContent_default as t, useForwardPropsEmits as u };
 
-//# sourceMappingURL=PopperContent-DmSgsjSC.mjs.map
+//# sourceMappingURL=PopperContent-C9eeL6LH.js.map