@youcan/celeste 0.15.0 → 0.17.0

package/dist/es/chunks/DismissableLayer.js

@@ -5,11 +5,20 @@ import { r as onKeyStroke } from "./dist2.js";
 import { t as Primitive } from "./Primitive.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { computed, createBlock, defineComponent, nextTick, normalizeStyle, openBlock, reactive, ref, renderSlot, toValue, unref, watch, watchEffect, 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/DismissableLayer/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DismissableLayer/utils.js
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 function isLayerExist(layerElement, targetElement) {
 	if (!(targetElement instanceof Element)) return false;
+	if (layerElement.contains(targetElement)) return true;
 	const targetLayer = targetElement.closest("[data-dismissable-layer]");
 	const mainLayer = layerElement.dataset.dismissableLayer === "" ? layerElement : layerElement.querySelector("[data-dismissable-layer]");
 	const nodeList = Array.from(layerElement.ownerDocument.querySelectorAll("[data-dismissable-layer]"));
@@ -31,6 +40,7 @@ function usePointerDownOutside(onPointerDownOutside, element, enabled = true) {
 			const target = event.target;
 			if (!element?.value || !target) return;
 			if (isLayerExist(element.value, target)) {
+				ownerDocument.removeEventListener("click", handleClickRef.value);
 				isPointerInsideDOMTree.value = false;
 				return;
 			}
@@ -118,13 +128,7 @@ function useFocusOutside(onFocusOutside, element, enabled = true) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DismissableLayer/DismissableLayer.js
-var context = /*#__PURE__*/ reactive({
-	layersRoot: /* @__PURE__ */ new Set(),
-	layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-	originalBodyPointerEvents: void 0,
-	branches: /* @__PURE__ */ new Set()
-});
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DismissableLayer/DismissableLayer.js
 var DismissableLayer_default = /* @__PURE__ */ defineComponent({
 	__name: "DismissableLayer",
 	props: {
@@ -179,7 +183,7 @@ var DismissableLayer_default = /* @__PURE__ */ defineComponent({
 			emits("interactOutside", event);
 			await nextTick();
 			if (!event.defaultPrevented) emits("dismiss");
-		}, layerElement);
+		}, layerElement, () => props.present);
 		const focusOutside = useFocusOutside((event) => {
 			const isFocusInBranch = [...context.branches].some((branch) => branch?.contains(event.target));
 			if (!props.present || isFocusInBranch) return;
@@ -250,4 +254,4 @@ var DismissableLayer_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { DismissableLayer_default as t };
+export { context as n, DismissableLayer_default as t };

package/dist/es/chunks/DrawerClose.js

@@ -0,0 +1,35 @@
+import { t as Primitive } from "./Primitive.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { n as injectDrawerRootContext } from "./DrawerRoot.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Drawer/DrawerClose.js
+var DrawerClose_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerClose",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		const rootContext = injectDrawerRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+				type: _ctx.as === "button" ? "button" : void 0,
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(false, "close-press"))
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["type"]);
+		};
+	}
+});
+//#endregion
+export { DrawerClose_default as t };

package/dist/es/chunks/DrawerDescription.js

@@ -0,0 +1,32 @@
+import { t as Primitive } from "./Primitive.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { n as injectDrawerRootContext } from "./DrawerRoot.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Drawer/DrawerDescription.js
+var DrawerDescription_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerDescription",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "p"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		const rootContext = injectDrawerRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, { id: unref(rootContext).descriptionId }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id"]);
+		};
+	}
+});
+//#endregion
+export { DrawerDescription_default as t };

package/dist/es/chunks/DrawerRoot.js

@@ -0,0 +1,325 @@
+import { t as createContext } from "./createContext.js";
+import { p as useVModel } from "./dist2.js";
+import { t as useId } from "./useId.js";
+import { computed, defineComponent, onUnmounted, ref, renderSlot, toRefs, watch } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Drawer/DrawerProvider.js
+var [injectDrawerProviderContext, provideDrawerProviderContext] = /*#__PURE__*/ createContext("DrawerProvider");
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Drawer/utils.js
+var DRAWER_CSS_VARS = {
+	swipeMovementX: "--drawer-swipe-movement-x",
+	swipeMovementY: "--drawer-swipe-movement-y",
+	snapPointOffset: "--drawer-snap-point-offset",
+	height: "--drawer-height",
+	frontmostHeight: "--drawer-frontmost-height",
+	swipeProgress: "--drawer-swipe-progress",
+	swipeStrength: "--drawer-swipe-strength",
+	nestedDrawers: "--nested-drawers"
+};
+function createNestedSwipeProgressStore() {
+	let progress = 0;
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		getSnapshot: () => progress,
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => listeners.delete(listener);
+		},
+		set(next) {
+			if (next !== progress) {
+				progress = next;
+				listeners.forEach((l) => l());
+			}
+		}
+	};
+}
+function getDisplacement(direction, deltaX, deltaY) {
+	switch (direction) {
+		case "up": return -deltaY;
+		case "down": return deltaY;
+		case "left": return -deltaX;
+		case "right": return deltaX;
+		default: return 0;
+	}
+}
+var MIN_SWIPE_RELEASE_VELOCITY = .2;
+var MAX_SWIPE_RELEASE_VELOCITY = 4;
+var MIN_SWIPE_RELEASE_DURATION_MS = 80;
+var MAX_SWIPE_RELEASE_DURATION_MS = 360;
+var MIN_SWIPE_RELEASE_SCALAR = .1;
+var MAX_SWIPE_RELEASE_SCALAR = 1;
+function clamp(v, lo, hi) {
+	return Math.max(lo, Math.min(hi, v));
+}
+/**
+* Computes a 0.1 - 1.0 scalar for the `--drawer-swipe-strength` CSS var.
+* Ported from BaseUI `DrawerViewport.tsx:resolveSwipeRelease` (lines 243-337).
+*
+* The scalar is derived from how much further the drawer still has to travel
+* vs how fast the user flung it. A short remaining distance with high velocity
+* → near-zero scalar (fast release). A long distance / low velocity → near-1
+* (default release).
+*
+* Returns `null` when the formula is degenerate (no velocity, no distance, or
+* moving in the wrong direction).
+*/
+function computeSwipeReleaseScalar(params) {
+	const { direction, size, axisDelta, snapPointOffset, releaseVelocity } = params;
+	if (!Number.isFinite(size) || size <= 0) return null;
+	let baseOffset = 0;
+	if (direction === "down" || direction === "right") baseOffset = snapPointOffset;
+	else if (direction === "up" || direction === "left") baseOffset = -snapPointOffset;
+	const translation = baseOffset + axisDelta;
+	const translationAlongDirection = direction === "left" || direction === "up" ? -translation : translation;
+	const remainingDistance = Math.max(0, size - translationAlongDirection);
+	if (!Number.isFinite(remainingDistance) || remainingDistance <= 0) return null;
+	const directionalVelocity = direction === "left" || direction === "up" ? -releaseVelocity : releaseVelocity;
+	if (!Number.isFinite(directionalVelocity) || directionalVelocity <= MIN_SWIPE_RELEASE_VELOCITY) return null;
+	const durationMs = clamp(remainingDistance / clamp(directionalVelocity, MIN_SWIPE_RELEASE_VELOCITY, MAX_SWIPE_RELEASE_VELOCITY), MIN_SWIPE_RELEASE_DURATION_MS, MAX_SWIPE_RELEASE_DURATION_MS);
+	if (!Number.isFinite(durationMs)) return null;
+	const scalar = clamp(MIN_SWIPE_RELEASE_SCALAR + (durationMs - MIN_SWIPE_RELEASE_DURATION_MS) / 280 * .9, MIN_SWIPE_RELEASE_SCALAR, MAX_SWIPE_RELEASE_SCALAR);
+	if (!Number.isFinite(scalar) || scalar <= 0) return null;
+	return scalar;
+}
+var MATRIX_RE = /matrix(?:3d)?\(([^)]+)\)/;
+function getElementTransform(element) {
+	const transform = window.getComputedStyle(element).transform;
+	let x = 0;
+	let y = 0;
+	let scale = 1;
+	if (transform && transform !== "none") {
+		const matrix = transform.match(MATRIX_RE);
+		if (matrix) {
+			const v = matrix[1].split(", ").map(Number);
+			if (v.length === 6) {
+				x = v[4];
+				y = v[5];
+				scale = Math.sqrt(v[0] * v[0] + v[1] * v[1]);
+			} else if (v.length === 16) {
+				x = v[12];
+				y = v[13];
+				scale = v[0];
+			}
+		}
+	}
+	return {
+		x,
+		y,
+		scale
+	};
+}
+var drawerCssVarsRegistered = false;
+/**
+* Removes CSS variable inheritance for high-frequency drawer swipe vars.
+* Uses proper syntax types matching BaseUI:
+* - Length vars (<length>) with initialValue '0px' for use in calc()/translateY()
+* - Number vars (<number>) for opacity/strength scalars
+*/
+function registerDrawerCssProperties() {
+	if (drawerCssVarsRegistered || typeof CSS === "undefined" || !CSS.registerProperty) return;
+	const lengthVars = [
+		DRAWER_CSS_VARS.swipeMovementX,
+		DRAWER_CSS_VARS.swipeMovementY,
+		DRAWER_CSS_VARS.snapPointOffset
+	];
+	for (const name of lengthVars) try {
+		CSS.registerProperty({
+			name,
+			syntax: "<length>",
+			inherits: false,
+			initialValue: "0px"
+		});
+	} catch {}
+	const numberVars = [{
+		name: DRAWER_CSS_VARS.swipeProgress,
+		initialValue: "0"
+	}, {
+		name: DRAWER_CSS_VARS.swipeStrength,
+		initialValue: "1"
+	}];
+	for (const { name, initialValue } of numberVars) try {
+		CSS.registerProperty({
+			name,
+			syntax: "<number>",
+			inherits: false,
+			initialValue
+		});
+	} catch {}
+	drawerCssVarsRegistered = true;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Drawer/DrawerRoot.js
+var [injectDrawerRootContext, provideDrawerRootContext] = /*#__PURE__*/ createContext("DrawerRoot");
+var DrawerRoot_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerRoot",
+	props: {
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		modal: {
+			type: [Boolean, String],
+			required: false,
+			default: true
+		},
+		swipeDirection: {
+			type: String,
+			required: false,
+			default: "down"
+		},
+		snapPoints: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		snapPoint: {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		defaultSnapPoint: {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		snapToSequentialPoints: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	},
+	emits: [
+		"update:open",
+		"update:openComplete",
+		"update:snapPoint"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const uncontrolledOpen = ref(props.defaultOpen);
+		const open = computed({
+			get: () => props.open ?? uncontrolledOpen.value,
+			set: (value) => {
+				uncontrolledOpen.value = value;
+			}
+		});
+		const activeSnapPoint = useVModel(props, "snapPoint", emit, {
+			defaultValue: props.defaultSnapPoint ?? null,
+			passive: props.snapPoint === void 0,
+			eventName: "update:snapPoint"
+		});
+		const { modal, swipeDirection, snapPoints, snapToSequentialPoints } = toRefs(props);
+		const triggerElement = ref();
+		const contentElement = ref();
+		const popupHeight = ref(0);
+		const frontmostHeight = ref(0);
+		const hasNestedDrawer = ref(false);
+		const nestedOpenDrawerCount = ref(0);
+		const nestedSwiping = ref(false);
+		const isSwiping = ref(false);
+		const nestedSwipeProgressStore = createNestedSwipeProgressStore();
+		const parentContext = injectDrawerRootContext(null);
+		const providerContext = injectDrawerProviderContext(null);
+		const contentId = useId(void 0, "reka-drawer-content");
+		const titleId = useId(void 0, "reka-drawer-title");
+		const descriptionId = useId(void 0, "reka-drawer-description");
+		provideDrawerRootContext({
+			open,
+			modal,
+			swipeDirection,
+			snapPoints,
+			activeSnapPoint,
+			snapToSequentialPoints,
+			popupHeight,
+			frontmostHeight,
+			hasNestedDrawer,
+			nestedOpenDrawerCount,
+			nestedSwiping,
+			isSwiping,
+			nestedSwipeProgressStore,
+			onOpenChange: handleOpenChange,
+			onOpenToggle: handleOpenToggle,
+			notifyOpenComplete(value) {
+				emit("update:openComplete", value);
+			},
+			setActiveSnapPoint(point) {
+				activeSnapPoint.value = point;
+			},
+			onPopupHeightChange(h$1) {
+				popupHeight.value = h$1;
+				providerContext?.visualStateStore.set({ frontmostHeight: h$1 });
+			},
+			onNestedFrontmostHeightChange(h$1) {
+				frontmostHeight.value = h$1;
+			},
+			onNestedDrawerPresenceChange(present) {
+				if (present) nestedOpenDrawerCount.value++;
+				else nestedOpenDrawerCount.value = Math.max(0, nestedOpenDrawerCount.value - 1);
+				hasNestedDrawer.value = nestedOpenDrawerCount.value > 0;
+				parentContext?.notifyParentHasNestedDrawer?.(present);
+			},
+			onNestedSwipingChange(swiping) {
+				nestedSwiping.value = swiping;
+				parentContext?.notifyParentSwipingChange?.(swiping);
+			},
+			onNestedSwipeProgressChange(progress) {
+				nestedSwipeProgressStore.set(progress);
+				parentContext?.notifyParentSwipeProgressChange?.(progress);
+				providerContext?.visualStateStore.set({ swipeProgress: progress });
+			},
+			onSwipingChange(swiping) {
+				isSwiping.value = swiping;
+			},
+			notifyParentFrontmostHeight: parentContext?.onNestedFrontmostHeightChange,
+			notifyParentSwipingChange: parentContext?.onNestedSwipingChange,
+			notifyParentSwipeProgressChange: parentContext?.onNestedSwipeProgressChange,
+			notifyParentHasNestedDrawer: parentContext?.onNestedDrawerPresenceChange,
+			triggerElement,
+			contentElement,
+			contentId,
+			titleId,
+			descriptionId
+		});
+		function handleClose() {
+			handleOpenChange(false, "close-press");
+		}
+		function handleOpenChange(value, reason) {
+			if (open.value === value) return;
+			const details = reason ? { reason } : void 0;
+			uncontrolledOpen.value = value;
+			emit("update:open", value, details);
+		}
+		function handleOpenToggle() {
+			handleOpenChange(!open.value, "trigger-press");
+		}
+		watch(open, (isOpen) => {
+			if (isOpen) providerContext?.setDrawerOpen(contentId, true);
+			else providerContext?.setDrawerOpen(contentId, false);
+		}, { immediate: true });
+		onUnmounted(() => {
+			providerContext?.removeDrawer(contentId);
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", {
+				open: open.value,
+				close: handleClose
+			});
+		};
+	}
+});
+//#endregion
+export { getDisplacement as a, computeSwipeReleaseScalar as i, injectDrawerRootContext as n, getElementTransform as o, DRAWER_CSS_VARS as r, registerDrawerCssProperties as s, DrawerRoot_default as t };

package/dist/es/chunks/DrawerTitle.js

@@ -0,0 +1,32 @@
+import { t as Primitive } from "./Primitive.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { n as injectDrawerRootContext } from "./DrawerRoot.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Drawer/DrawerTitle.js
+var DrawerTitle_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerTitle",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "h2"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectDrawerRootContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, { id: unref(rootContext).titleId }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id"]);
+		};
+	}
+});
+//#endregion
+export { DrawerTitle_default as t };

package/dist/es/chunks/DropdownMenuPortal.js

@@ -1,6 +1,6 @@
 import { t as Teleport_default } from "./Teleport.js";
 import { createBlock, defineComponent, guardReactiveProps, normalizeProps, 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/Menu/MenuPortal.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuPortal.js
 var MenuPortal_default = /* @__PURE__ */ defineComponent({
 	__name: "MenuPortal",
 	props: {
@@ -32,7 +32,7 @@ var MenuPortal_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/DropdownMenu/DropdownMenuPortal.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuPortal.js
 var DropdownMenuPortal_default = /* @__PURE__ */ defineComponent({
 	__name: "DropdownMenuPortal",
 	props: {

package/dist/es/chunks/DropdownMenuRoot.js

@@ -4,7 +4,7 @@ import { t as useDirection } from "./useDirection.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as MenuRoot_default } from "./MenuRoot.js";
 import { createBlock, defineComponent, isRef, openBlock, ref, renderSlot, toRefs, 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/DropdownMenu/DropdownMenuRoot.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuRoot.js
 var [injectDropdownMenuRootContext, provideDropdownMenuRootContext] = /*#__PURE__*/ createContext("DropdownMenuRoot");
 var DropdownMenuRoot_default = /* @__PURE__ */ defineComponent({
 	__name: "DropdownMenuRoot",

package/dist/es/chunks/FocusScope.js

@@ -3,10 +3,11 @@ import { a as isClient, h as tryOnBeforeUnmount, n as createGlobalState, r as cr
 import { s as useEventListener } from "./dist2.js";
 import { t as Primitive } from "./Primitive.js";
 import { n as injectConfigProviderContext } from "./ConfigProvider.js";
+import { n as context } from "./DismissableLayer.js";
 import { t as defu } from "./defu.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { computed, createBlock, defineComponent, nextTick, openBlock, reactive, ref, renderSlot, unref, watch, watchEffect, 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/useBodyScrollLock.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useBodyScrollLock.js
 var useBodyLockStackCount = createSharedComposable(() => {
 	const map = ref(/* @__PURE__ */ new Map());
 	const initialOverflow = ref();
@@ -14,12 +15,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?.();
@@ -37,9 +38,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
@@ -93,7 +94,7 @@ function preventDefault(rawEvent) {
 	return false;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/FocusScope/stack.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/FocusScope/stack.js
 var useFocusStackState = createGlobalState(() => {
 	return ref([]);
 });
@@ -120,7 +121,7 @@ function arrayRemove(array, item) {
 	return updatedArray;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/FocusScope/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/FocusScope/utils.js
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS = {
@@ -192,7 +193,7 @@ function focus(element, { select = false } = {}) {
 	}
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/FocusScope/FocusScope.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/FocusScope/FocusScope.js
 var FocusScope_default = /* @__PURE__ */ defineComponent({
 	__name: "FocusScope",
 	props: {
@@ -256,6 +257,8 @@ var FocusScope_default = /* @__PURE__ */ defineComponent({
 				const lastFocusedElement = lastFocusedElementRef.value;
 				if (lastFocusedElement === null) return;
 				if (!mutations.some((m) => m.removedNodes.length > 0)) return;
+				const activeElement = getActiveElement();
+				if (activeElement && container.contains(activeElement)) return;
 				if (!container.contains(lastFocusedElement)) focus(container);
 			}
 			document.addEventListener("focusin", handleFocusIn);
@@ -354,4 +357,4 @@ var FocusScope_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { useBodyScrollLock as n, FocusScope_default as t };
+export { focus as n, useBodyScrollLock as r, FocusScope_default as t };

package/dist/es/chunks/Label.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/Label/Label.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Label/Label.js
 var Label_default = /* @__PURE__ */ defineComponent({
 	__name: "Label",
 	props: {

package/dist/es/chunks/MenuAnchor.js

@@ -1,6 +1,6 @@
 import { t as PopperAnchor_default } from "./PopperAnchor.js";
 import { createBlock, defineComponent, guardReactiveProps, normalizeProps, 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/Menu/MenuAnchor.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuAnchor.js
 var MenuAnchor_default = /* @__PURE__ */ defineComponent({
 	__name: "MenuAnchor",
 	props: {

package/dist/es/chunks/MenuContentImpl.js

@@ -1,17 +1,17 @@
 import { t as createContext } from "./createContext.js";
 import { t as getActiveElement } from "./getActiveElement.js";
 import { t as useArrowNavigation } from "./useArrowNavigation.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 useTypeahead } from "./useTypeahead.js";
-import { t as DismissableLayer_default } from "./DismissableLayer.js";
 import { c as getOpenState, l as isMouseEvent, r as LAST_KEYS, s as focusFirst, t as FIRST_LAST_KEYS, u as isPointerInGraceArea } from "./utils.js";
 import { n as PopperContent_default, t as PopperContentPropsDefaultValue } from "./PopperContent.js";
 import { t as RovingFocusGroup_default } from "./RovingFocusGroup.js";
 import { n as injectMenuContext, r as injectMenuRootContext } from "./MenuRoot.js";
 import { createBlock, createVNode, defineComponent, mergeDefaults, onUnmounted, 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/Menu/MenuContentImpl.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuContentImpl.js
 var [injectMenuContentContext, provideMenuContentContext] = /*#__PURE__*/ createContext("MenuContent");
 var MenuContentImpl_default = /* @__PURE__ */ defineComponent({
 	__name: "MenuContentImpl",

package/dist/es/chunks/MenuGroup.js

@@ -2,7 +2,7 @@ import { t as createContext } from "./createContext.js";
 import { t as Primitive } from "./Primitive.js";
 import { t as useId } from "./useId.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/Menu/MenuGroup.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuGroup.js
 var [injectMenuGroupContext, provideMenuGroupContext] = /*#__PURE__*/ createContext("MenuGroup");
 var MenuGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "MenuGroup",

package/dist/es/chunks/MenuItemImpl.js

@@ -5,7 +5,7 @@ import { l as isMouseEvent } from "./utils.js";
 import { t as useCollection } from "./Collection.js";
 import { n as injectMenuContentContext } from "./MenuContentImpl.js";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, nextTick, openBlock, ref, 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/Menu/MenuItemImpl.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuItemImpl.js
 var MenuItemImpl_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "MenuItemImpl",
@@ -65,10 +65,11 @@ var MenuItemImpl_default = /* @__PURE__ */ defineComponent({
 					onPointermove: handlePointerMove,
 					onPointerleave: handlePointerLeave,
 					onFocus: _cache[0] || (_cache[0] = async (event) => {
+						const item = event.currentTarget;
 						await nextTick();
 						if (event.defaultPrevented || _ctx.disabled) return;
 						isFocused.value = true;
-						unref(contentContext).highlightedElement.value = event.currentTarget;
+						unref(contentContext).highlightedElement.value = item;
 					}),
 					onBlur: _cache[1] || (_cache[1] = async (event) => {
 						await nextTick();