@youcan/celeste 0.6.102 → 0.7.0

package/dist/es/chunks/dropdown-menu-item.js

@@ -1,8 +1,128 @@
-import { Ht as vh, O as Ot } from "./dist.js";
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as useEmitAsProps } from "./useEmitAsProps.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { t as useForwardProps } from "./useForwardProps.js";
+import { i as SELECTION_KEYS, n as ITEM_SELECT } from "./utils.js";
+import { r as injectMenuRootContext } from "./MenuRoot.js";
+import { n as injectMenuContentContext } from "./MenuContentImpl.js";
+import { t as MenuItemImpl_default } from "./MenuItemImpl.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeProps, openBlock, ref, renderSlot, unref, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Menu/MenuItem.js
+var MenuItem_default = /* @__PURE__ */ defineComponent({
+	__name: "MenuItem",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		textValue: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { forwardRef, currentElement } = useForwardExpose();
+		const rootContext = injectMenuRootContext();
+		const contentContext = injectMenuContentContext();
+		const isPointerDownRef = ref(false);
+		async function handleSelect() {
+			const menuItem = currentElement.value;
+			if (!props.disabled && menuItem) {
+				const itemSelectEvent = new CustomEvent(ITEM_SELECT, {
+					bubbles: true,
+					cancelable: true
+				});
+				emits("select", itemSelectEvent);
+				await nextTick();
+				if (itemSelectEvent.defaultPrevented) isPointerDownRef.value = false;
+				else rootContext.onClose();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(MenuItemImpl_default, mergeProps(props, {
+				ref: unref(forwardRef),
+				onClick: handleSelect,
+				onPointerdown: _cache[0] || (_cache[0] = () => {
+					isPointerDownRef.value = true;
+				}),
+				onPointerup: _cache[1] || (_cache[1] = async (event) => {
+					await nextTick();
+					if (event.defaultPrevented) return;
+					if (!isPointerDownRef.value) event.currentTarget?.click();
+				}),
+				onKeydown: _cache[2] || (_cache[2] = async (event) => {
+					const isTypingAhead = unref(contentContext).searchRef.value !== "";
+					if (_ctx.disabled || isTypingAhead && event.key === " ") return;
+					if (unref(SELECTION_KEYS).includes(event.key)) {
+						event.currentTarget?.click();
+						/**
+						* We prevent default browser behaviour for selection keys as they should trigger
+						* a selection only:
+						* - prevents space from scrolling the page.
+						* - if keydown causes focus to move, prevents keydown from firing on the new target.
+						*/
+						event.preventDefault();
+					}
+				})
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuItem.js
+var DropdownMenuItem_default = /* @__PURE__ */ defineComponent({
+	__name: "DropdownMenuItem",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		textValue: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emitsAsProps = useEmitAsProps(__emit);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MenuItem_default), normalizeProps(guardReactiveProps({
+				...props,
+				...unref(emitsAsProps)
+			})), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
 //#region src/components/dropdown-menu/dropdown-menu-item.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -26,9 +146,9 @@ var dropdown_menu_item_default = /* @__PURE__ */ _plugin_vue_export_helper_defau
 	},
 	setup(__props) {
 		const props = __props;
-		const forwardedProps = Ot(useDelegatedProps(props, "class"));
+		const forwardedProps = useForwardProps(useDelegatedProps(props, "class"));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(vh), mergeProps(unref(forwardedProps), { class: unref(clsx)("celeste-dropdown-menu-item", props.class) }), {
+			return openBlock(), createBlock(unref(DropdownMenuItem_default), mergeProps(unref(forwardedProps), { class: unref(clsx)("celeste-dropdown-menu-item", props.class) }), {
 				default: withCtx(() => [
 					_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prefix", {}, void 0, true)])) : createCommentVNode("", true),
 					createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
@@ -38,6 +158,6 @@ var dropdown_menu_item_default = /* @__PURE__ */ _plugin_vue_export_helper_defau
 			}, 16, ["class"]);
 		};
 	}
-}), [["__scopeId", "data-v-88051c3a"]]);
+}), [["__scopeId", "data-v-e2865942"]]);
 //#endregion
 export { dropdown_menu_item_default as t };

package/dist/es/chunks/dropdown-menu-label.js

@@ -1,8 +1,61 @@
-import { O as Ot, ut as bh } from "./dist.js";
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as Primitive } from "./Primitive.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { t as useForwardProps } from "./useForwardProps.js";
+import { n as injectMenuGroupContext } from "./MenuGroup.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Menu/MenuLabel.js
+var MenuLabel_default = /* @__PURE__ */ defineComponent({
+	__name: "MenuLabel",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const groupContext = injectMenuGroupContext({ id: "" });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, { id: unref(groupContext).id || void 0 }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id"]);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuLabel.js
+var DropdownMenuLabel_default = /* @__PURE__ */ defineComponent({
+	__name: "DropdownMenuLabel",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MenuLabel_default), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-label.vue
 var dropdown_menu_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -14,14 +67,14 @@ var dropdown_menu_label_default = /* @__PURE__ */ _plugin_vue_export_helper_defa
 	},
 	setup(__props) {
 		const props = __props;
-		const forwardedProps = Ot(useDelegatedProps(props, "class"));
+		const forwardedProps = useForwardProps(useDelegatedProps(props, "class"));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(bh), mergeProps(unref(forwardedProps), { class: unref(clsx)("celeste-dropdown-menu-label", props.class) }), {
+			return openBlock(), createBlock(unref(DropdownMenuLabel_default), mergeProps(unref(forwardedProps), { class: unref(clsx)("celeste-dropdown-menu-label", props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);
 		};
 	}
-}), [["__scopeId", "data-v-495f5d77"]]);
+}), [["__scopeId", "data-v-6b5433c0"]]);
 //#endregion
 export { dropdown_menu_label_default as t };

package/dist/es/chunks/dropdown-menu-separator.js

@@ -1,8 +1,60 @@
-import { vt as hh } from "./dist.js";
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as Primitive } from "./Primitive.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Menu/MenuSeparator.js
+var MenuSeparator_default = /* @__PURE__ */ defineComponent({
+	__name: "MenuSeparator",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+				role: "separator",
+				"aria-orientation": "horizontal"
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuSeparator.js
+var DropdownMenuSeparator_default = /* @__PURE__ */ defineComponent({
+	__name: "DropdownMenuSeparator",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MenuSeparator_default), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-separator.vue
 var dropdown_menu_separator_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -16,9 +68,9 @@ var dropdown_menu_separator_default = /* @__PURE__ */ _plugin_vue_export_helper_
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(hh), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-dropdown-menu-separator", props.class) }), null, 16, ["class"]);
+			return openBlock(), createBlock(unref(DropdownMenuSeparator_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-dropdown-menu-separator", props.class) }), null, 16, ["class"]);
 		};
 	}
-}), [["__scopeId", "data-v-9736785f"]]);
+}), [["__scopeId", "data-v-a968f2e4"]]);
 //#endregion
 export { dropdown_menu_separator_default as t };

package/dist/es/chunks/dropdown-menu-sub-content.js

@@ -1,8 +1,289 @@
-import { I as Se, ft as ch, qt as xh } from "./dist.js";
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
+import { t as useId } from "./useId.js";
+import { t as Presence_default } from "./Presence.js";
+import { a as SUB_CLOSE_KEYS } from "./utils.js";
+import { n as injectMenuContext, r as injectMenuRootContext } from "./MenuRoot.js";
+import { n as injectMenuContentContext, t as MenuContentImpl_default } from "./MenuContentImpl.js";
+import { t as DropdownMenuPortal_default } from "./DropdownMenuPortal.js";
+import { n as injectMenuSubContext } from "./MenuSub.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx, withModifiers } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Menu/MenuSubContent.js
+var MenuSubContent_default = /* @__PURE__ */ defineComponent({
+	__name: "MenuSubContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: false
+		},
+		loop: {
+			type: Boolean,
+			required: false
+		},
+		memoDependencies: {
+			type: Array,
+			required: false
+		},
+		sideOffset: {
+			type: Number,
+			required: false
+		},
+		sideFlip: {
+			type: Boolean,
+			required: false
+		},
+		alignOffset: {
+			type: Number,
+			required: false
+		},
+		alignFlip: {
+			type: Boolean,
+			required: false
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: false
+		},
+		collisionBoundary: {
+			type: null,
+			required: false
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: false
+		},
+		arrowPadding: {
+			type: Number,
+			required: false
+		},
+		hideShiftedArrow: {
+			type: Boolean,
+			required: false
+		},
+		sticky: {
+			type: String,
+			required: false
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: false
+		},
+		positionStrategy: {
+			type: String,
+			required: false
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: false
+		},
+		disableUpdateOnLayoutShift: {
+			type: Boolean,
+			required: false
+		},
+		prioritizePosition: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		reference: {
+			type: null,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"entryFocus",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		const menuContext = injectMenuContext();
+		const rootContext = injectMenuRootContext();
+		const menuSubContext = injectMenuSubContext();
+		const parentContentContext = injectMenuContentContext();
+		const { forwardRef, currentElement: subContentElement } = useForwardExpose();
+		menuSubContext.contentId ||= useId(void 0, "reka-menu-sub-content");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Presence_default), { present: _ctx.forceMount || unref(menuContext).open.value }, {
+				default: withCtx(() => [createVNode(MenuContentImpl_default, mergeProps(unref(forwarded), {
+					id: unref(menuSubContext).contentId,
+					ref: unref(forwardRef),
+					"aria-labelledby": unref(menuSubContext).triggerId,
+					align: "start",
+					side: unref(rootContext).dir.value === "rtl" ? "left" : "right",
+					"disable-outside-pointer-events": false,
+					"disable-outside-scroll": false,
+					"trap-focus": false,
+					onOpenAutoFocus: _cache[0] || (_cache[0] = withModifiers((event) => {
+						if (unref(rootContext).isUsingKeyboardRef.value) unref(subContentElement)?.focus();
+					}, ["prevent"])),
+					onCloseAutoFocus: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
+					onFocusOutside: _cache[2] || (_cache[2] = (event) => {
+						if (event.defaultPrevented) return;
+						const isMovingToParentContent = unref(parentContentContext).filterElement.value?.contains(event.target);
+						if (event.target !== unref(menuSubContext).trigger.value && !isMovingToParentContent) unref(menuContext).onOpenChange(false);
+					}),
+					onEscapeKeyDown: _cache[3] || (_cache[3] = (event) => {
+						unref(rootContext).onClose();
+						event.preventDefault();
+					}),
+					onKeydown: _cache[4] || (_cache[4] = (event) => {
+						const isKeyDownInside = event.currentTarget?.contains(event.target);
+						const isCloseKey = unref(SUB_CLOSE_KEYS)[unref(rootContext).dir.value].includes(event.key);
+						if (isKeyDownInside && isCloseKey) {
+							unref(menuContext).onOpenChange(false);
+							if (unref(parentContentContext).filterElement.value) {
+								unref(parentContentContext).filterElement.value.focus();
+								unref(parentContentContext).highlightedElement.value = unref(menuSubContext).trigger.value;
+								unref(menuSubContext).trigger.value?.scrollIntoView({ block: "nearest" });
+							} else unref(menuSubContext).trigger.value?.focus();
+							event.preventDefault();
+						}
+					})
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, [
+					"id",
+					"aria-labelledby",
+					"side"
+				])]),
+				_: 3
+			}, 8, ["present"]);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuSubContent.js
+var DropdownMenuSubContent_default = /* @__PURE__ */ defineComponent({
+	__name: "DropdownMenuSubContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: false
+		},
+		loop: {
+			type: Boolean,
+			required: false
+		},
+		memoDependencies: {
+			type: Array,
+			required: false
+		},
+		sideOffset: {
+			type: Number,
+			required: false
+		},
+		sideFlip: {
+			type: Boolean,
+			required: false
+		},
+		alignOffset: {
+			type: Number,
+			required: false
+		},
+		alignFlip: {
+			type: Boolean,
+			required: false
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: false
+		},
+		collisionBoundary: {
+			type: null,
+			required: false
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: false
+		},
+		arrowPadding: {
+			type: Number,
+			required: false
+		},
+		hideShiftedArrow: {
+			type: Boolean,
+			required: false
+		},
+		sticky: {
+			type: String,
+			required: false
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: false
+		},
+		positionStrategy: {
+			type: String,
+			required: false
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: false
+		},
+		disableUpdateOnLayoutShift: {
+			type: Boolean,
+			required: false
+		},
+		prioritizePosition: {
+			type: Boolean,
+			required: false
+		},
+		reference: {
+			type: null,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"entryFocus",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MenuSubContent_default), mergeProps(unref(forwarded), { style: {
+				"--reka-dropdown-menu-content-transform-origin": "var(--reka-popper-transform-origin)",
+				"--reka-dropdown-menu-content-available-width": "var(--reka-popper-available-width)",
+				"--reka-dropdown-menu-content-available-height": "var(--reka-popper-available-height)",
+				"--reka-dropdown-menu-trigger-width": "var(--reka-popper-anchor-width)",
+				"--reka-dropdown-menu-trigger-height": "var(--reka-popper-anchor-height)"
+			} }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-sub-content.vue
 var dropdown_menu_sub_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -10,16 +291,23 @@ var dropdown_menu_sub_content_default = /* @__PURE__ */ _plugin_vue_export_helpe
 	props: {
 		forceMount: { type: Boolean },
 		loop: { type: Boolean },
+		memoDependencies: {},
 		sideOffset: {},
+		sideFlip: { type: Boolean },
 		alignOffset: {},
+		alignFlip: { type: Boolean },
 		avoidCollisions: { type: Boolean },
 		collisionBoundary: {},
 		collisionPadding: {},
 		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
 		sticky: {},
 		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
 		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
 		prioritizePosition: { type: Boolean },
+		reference: {},
 		asChild: { type: Boolean },
 		as: {},
 		class: {}
@@ -36,10 +324,10 @@ var dropdown_menu_sub_content_default = /* @__PURE__ */ _plugin_vue_export_helpe
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = Se(useDelegatedProps(props, "class"), emits);
+		const forwarded = useForwardPropsEmits(useDelegatedProps(props, "class"), emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ch), null, {
-				default: withCtx(() => [createVNode(unref(xh), mergeProps(unref(forwarded), { class: unref(clsx)(props.class, "celeste-dropdown-menu-sub-content") }), {
+			return openBlock(), createBlock(unref(DropdownMenuPortal_default), null, {
+				default: withCtx(() => [createVNode(unref(DropdownMenuSubContent_default), mergeProps(unref(forwarded), { class: unref(clsx)(props.class, "celeste-dropdown-menu-sub-content") }), {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
 				}, 16, ["class"])]),
@@ -47,6 +335,6 @@ var dropdown_menu_sub_content_default = /* @__PURE__ */ _plugin_vue_export_helpe
 			});
 		};
 	}
-}), [["__scopeId", "data-v-030354cd"]]);
+}), [["__scopeId", "data-v-c783925d"]]);
 //#endregion
 export { dropdown_menu_sub_content_default as t };