@youcan/celeste 0.21.2 → 0.22.0

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

@@ -1,128 +1,10 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#region src/components/dropdown-menu/dropdown-menu-item.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -151,9 +33,9 @@ var dropdown_menu_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
-		const forwardedProps = require_useForwardProps.useForwardProps(delegatedProps);
+		const forwardedProps = (0, reka_ui.useForwardProps)(delegatedProps);
 		return (_ctx, _cache) => {
-			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) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuItem), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(clsx.default)("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)]),

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

@@ -1,62 +1,10 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#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",
@@ -74,9 +22,9 @@ var dropdown_menu_label_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
-		const forwardedProps = require_useForwardProps.useForwardProps(delegatedProps);
+		const forwardedProps = (0, reka_ui.useForwardProps)(delegatedProps);
 		return (_ctx, _cache) => {
-			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) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuLabel), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(clsx.default)("celeste-dropdown-menu-label", props.class) }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);

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

@@ -1,61 +1,10 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#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",
@@ -74,7 +23,7 @@ var dropdown_menu_separator_vue_vue_type_script_setup_true_lang_default = /*@__P
 		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)(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"]);
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuSeparator), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(clsx.default)("celeste-dropdown-menu-separator", props.class) }), null, 16, ["class"]);
 		};
 	}
 });

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

@@ -1,290 +1,10 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#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",
@@ -331,10 +51,10 @@ var dropdown_menu_sub_content_vue_vue_type_script_setup_true_lang_default = /*@_
 		const props = __props;
 		const emits = __emit;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
-		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
+		const forwarded = (0, reka_ui.useForwardPropsEmits)(delegatedProps, emits);
 		return (_ctx, _cache) => {
-			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") }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuPortal), null, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.DropdownMenuSubContent), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(clsx.default)(props.class, "celeste-dropdown-menu-sub-content") }), {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
 				}, 16, ["class"])]),