@youcan/celeste 0.6.101 → 0.7.0

package/dist/cjs/chunks/dropdown-menu-item.cjs

@@ -1,8 +1,129 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_useEmitAsProps = require("./useEmitAsProps.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useForwardProps = require("./useForwardProps.cjs");
+const require_utils = require("./utils.cjs");
+const require_MenuRoot = require("./MenuRoot.cjs");
+const require_MenuContentImpl = require("./MenuContentImpl.cjs");
+const require_MenuItemImpl = require("./MenuItemImpl.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("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__ */ (0, vue.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 } = require_useForwardExpose.useForwardExpose();
+		const rootContext = require_MenuRoot.injectMenuRootContext();
+		const contentContext = require_MenuContentImpl.injectMenuContentContext();
+		const isPointerDownRef = (0, vue.ref)(false);
+		async function handleSelect() {
+			const menuItem = currentElement.value;
+			if (!props.disabled && menuItem) {
+				const itemSelectEvent = new CustomEvent(require_utils.ITEM_SELECT, {
+					bubbles: true,
+					cancelable: true
+				});
+				emits("select", itemSelectEvent);
+				await (0, vue.nextTick)();
+				if (itemSelectEvent.defaultPrevented) isPointerDownRef.value = false;
+				else rootContext.onClose();
+			}
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(require_MenuItemImpl.MenuItemImpl_default, (0, vue.mergeProps)(props, {
+				ref: (0, vue.unref)(forwardRef),
+				onClick: handleSelect,
+				onPointerdown: _cache[0] || (_cache[0] = () => {
+					isPointerDownRef.value = true;
+				}),
+				onPointerup: _cache[1] || (_cache[1] = async (event) => {
+					await (0, vue.nextTick)();
+					if (event.defaultPrevented) return;
+					if (!isPointerDownRef.value) event.currentTarget?.click();
+				}),
+				onKeydown: _cache[2] || (_cache[2] = async (event) => {
+					const isTypingAhead = (0, vue.unref)(contentContext).searchRef.value !== "";
+					if (_ctx.disabled || isTypingAhead && event.key === " ") return;
+					if ((0, vue.unref)(require_utils.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: (0, vue.withCtx)(() => [(0, vue.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__ */ (0, vue.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 = require_useEmitAsProps.useEmitAsProps(__emit);
+		require_useForwardExpose.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(MenuItem_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)({
+				...props,
+				...(0, vue.unref)(emitsAsProps)
+			})), {
+				default: (0, vue.withCtx)(() => [(0, vue.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,
@@ -24,9 +145,9 @@ var dropdown_menu_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 	},
 	setup(__props) {
 		const props = __props;
-		const forwardedProps = require_dist.Ot(require_use_delegated_props.useDelegatedProps(props, "class"));
+		const forwardedProps = require_useForwardProps.useForwardProps(require_use_delegated_props.useDelegatedProps(props, "class"));
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.vh), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu-item", props.class) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DropdownMenuItem_default), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu-item", props.class) }), {
 				default: (0, vue.withCtx)(() => [
 					_ctx.$slots.prefix ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [(0, vue.renderSlot)(_ctx.$slots, "prefix", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
 					(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
@@ -39,7 +160,7 @@ var dropdown_menu_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 });
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-item.vue
-var dropdown_menu_item_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_item_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-88051c3a"]]);
+var dropdown_menu_item_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_item_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e2865942"]]);
 //#endregion
 Object.defineProperty(exports, "dropdown_menu_item_default", {
 	enumerable: true,

package/dist/cjs/chunks/dropdown-menu-label.cjs

@@ -1,8 +1,63 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useForwardProps = require("./useForwardProps.cjs");
+const require_MenuGroup = require("./MenuGroup.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("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__ */ (0, vue.defineComponent)({
+	__name: "MenuLabel",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const groupContext = require_MenuGroup.injectMenuGroupContext({ id: "" });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, { id: (0, vue.unref)(groupContext).id || void 0 }), {
+				default: (0, vue.withCtx)(() => [(0, vue.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__ */ (0, vue.defineComponent)({
+	__name: "DropdownMenuLabel",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		require_useForwardExpose.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(MenuLabel_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
 //#region src/components/dropdown-menu/dropdown-menu-label.vue?vue&type=script&setup=true&lang.ts
 var dropdown_menu_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "dropdown-menu-label",
@@ -13,9 +68,9 @@ var dropdown_menu_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 	},
 	setup(__props) {
 		const props = __props;
-		const forwardedProps = require_dist.Ot(require_use_delegated_props.useDelegatedProps(props, "class"));
+		const forwardedProps = require_useForwardProps.useForwardProps(require_use_delegated_props.useDelegatedProps(props, "class"));
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.bh), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu-label", props.class) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DropdownMenuLabel_default), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu-label", props.class) }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);
@@ -24,7 +79,7 @@ var dropdown_menu_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 });
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-label.vue
-var dropdown_menu_label_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-495f5d77"]]);
+var dropdown_menu_label_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6b5433c0"]]);
 //#endregion
 Object.defineProperty(exports, "dropdown_menu_label_default", {
 	enumerable: true,

package/dist/cjs/chunks/dropdown-menu-separator.cjs

@@ -1,8 +1,62 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("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__ */ (0, vue.defineComponent)({
+	__name: "MenuSeparator",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, {
+				role: "separator",
+				"aria-orientation": "horizontal"
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.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__ */ (0, vue.defineComponent)({
+	__name: "DropdownMenuSeparator",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		require_useForwardExpose.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(MenuSeparator_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
 //#region src/components/dropdown-menu/dropdown-menu-separator.vue?vue&type=script&setup=true&lang.ts
 var dropdown_menu_separator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "dropdown-menu-separator",
@@ -15,13 +69,13 @@ var dropdown_menu_separator_vue_vue_type_script_setup_true_lang_default = /* @__
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.hh), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu-separator", props.class) }), null, 16, ["class"]);
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DropdownMenuSeparator_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu-separator", props.class) }), null, 16, ["class"]);
 		};
 	}
 });
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-separator.vue
-var dropdown_menu_separator_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_separator_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9736785f"]]);
+var dropdown_menu_separator_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_separator_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a968f2e4"]]);
 //#endregion
 Object.defineProperty(exports, "dropdown_menu_separator_default", {
 	enumerable: true,

package/dist/cjs/chunks/dropdown-menu-sub-content.cjs

@@ -1,24 +1,314 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_useId = require("./useId.cjs");
+const require_Presence = require("./Presence.cjs");
+const require_utils = require("./utils.cjs");
+const require_MenuRoot = require("./MenuRoot.cjs");
+const require_MenuContentImpl = require("./MenuContentImpl.cjs");
+const require_DropdownMenuPortal = require("./DropdownMenuPortal.cjs");
+const require_MenuSub = require("./MenuSub.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("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__ */ (0, vue.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 = require_useForwardPropsEmits.useForwardPropsEmits(__props, __emit);
+		const menuContext = require_MenuRoot.injectMenuContext();
+		const rootContext = require_MenuRoot.injectMenuRootContext();
+		const menuSubContext = require_MenuSub.injectMenuSubContext();
+		const parentContentContext = require_MenuContentImpl.injectMenuContentContext();
+		const { forwardRef, currentElement: subContentElement } = require_useForwardExpose.useForwardExpose();
+		menuSubContext.contentId ||= require_useId.useId(void 0, "reka-menu-sub-content");
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Presence.Presence_default), { present: _ctx.forceMount || (0, vue.unref)(menuContext).open.value }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_MenuContentImpl.MenuContentImpl_default, (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+					id: (0, vue.unref)(menuSubContext).contentId,
+					ref: (0, vue.unref)(forwardRef),
+					"aria-labelledby": (0, vue.unref)(menuSubContext).triggerId,
+					align: "start",
+					side: (0, vue.unref)(rootContext).dir.value === "rtl" ? "left" : "right",
+					"disable-outside-pointer-events": false,
+					"disable-outside-scroll": false,
+					"trap-focus": false,
+					onOpenAutoFocus: _cache[0] || (_cache[0] = (0, vue.withModifiers)((event) => {
+						if ((0, vue.unref)(rootContext).isUsingKeyboardRef.value) (0, vue.unref)(subContentElement)?.focus();
+					}, ["prevent"])),
+					onCloseAutoFocus: _cache[1] || (_cache[1] = (0, vue.withModifiers)(() => {}, ["prevent"])),
+					onFocusOutside: _cache[2] || (_cache[2] = (event) => {
+						if (event.defaultPrevented) return;
+						const isMovingToParentContent = (0, vue.unref)(parentContentContext).filterElement.value?.contains(event.target);
+						if (event.target !== (0, vue.unref)(menuSubContext).trigger.value && !isMovingToParentContent) (0, vue.unref)(menuContext).onOpenChange(false);
+					}),
+					onEscapeKeyDown: _cache[3] || (_cache[3] = (event) => {
+						(0, vue.unref)(rootContext).onClose();
+						event.preventDefault();
+					}),
+					onKeydown: _cache[4] || (_cache[4] = (event) => {
+						const isKeyDownInside = event.currentTarget?.contains(event.target);
+						const isCloseKey = (0, vue.unref)(require_utils.SUB_CLOSE_KEYS)[(0, vue.unref)(rootContext).dir.value].includes(event.key);
+						if (isKeyDownInside && isCloseKey) {
+							(0, vue.unref)(menuContext).onOpenChange(false);
+							if ((0, vue.unref)(parentContentContext).filterElement.value) {
+								(0, vue.unref)(parentContentContext).filterElement.value.focus();
+								(0, vue.unref)(parentContentContext).highlightedElement.value = (0, vue.unref)(menuSubContext).trigger.value;
+								(0, vue.unref)(menuSubContext).trigger.value?.scrollIntoView({ block: "nearest" });
+							} else (0, vue.unref)(menuSubContext).trigger.value?.focus();
+							event.preventDefault();
+						}
+					})
+				}), {
+					default: (0, vue.withCtx)(() => [(0, vue.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__ */ (0, vue.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 = require_useForwardPropsEmits.useForwardPropsEmits(__props, __emit);
+		require_useForwardExpose.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(MenuSubContent_default), (0, vue.mergeProps)((0, vue.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: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
 //#region src/components/dropdown-menu/dropdown-menu-sub-content.vue?vue&type=script&setup=true&lang.ts
 var dropdown_menu_sub_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "dropdown-menu-sub-content",
 	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: {}
@@ -35,10 +325,10 @@ var dropdown_menu_sub_content_vue_vue_type_script_setup_true_lang_default = /* @
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = require_dist.Se(require_use_delegated_props.useDelegatedProps(props, "class"), emits);
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(require_use_delegated_props.useDelegatedProps(props, "class"), emits);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.ch), null, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.xh), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)(props.class, "celeste-dropdown-menu-sub-content") }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DropdownMenuPortal.DropdownMenuPortal_default), null, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(DropdownMenuSubContent_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)(props.class, "celeste-dropdown-menu-sub-content") }), {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
 				}, 16, ["class"])]),
@@ -49,7 +339,7 @@ var dropdown_menu_sub_content_vue_vue_type_script_setup_true_lang_default = /* @
 });
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-sub-content.vue
-var dropdown_menu_sub_content_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_sub_content_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-030354cd"]]);
+var dropdown_menu_sub_content_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_sub_content_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c783925d"]]);
 //#endregion
 Object.defineProperty(exports, "dropdown_menu_sub_content_default", {
 	enumerable: true,