@youcan/celeste 0.21.2 → 0.22.1

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

@@ -1,537 +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_useHideOthers = require("./useHideOthers.cjs");
-const require_useId = require("./useId.cjs");
-const require_Presence = require("./Presence.cjs");
-const require_MenuRoot = require("./MenuRoot.cjs");
-const require_MenuContentImpl = require("./MenuContentImpl.cjs");
-const require_DropdownMenuPortal = require("./DropdownMenuPortal.cjs");
-const require_DropdownMenuRoot = require("./DropdownMenuRoot.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/MenuRootContentModal.js
-var MenuRootContentModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "MenuRootContentModal",
-	props: {
-		loop: {
-			type: Boolean,
-			required: false
-		},
-		memoDependencies: {
-			type: Array,
-			required: false
-		},
-		side: {
-			type: null,
-			required: false
-		},
-		sideOffset: {
-			type: Number,
-			required: false
-		},
-		sideFlip: {
-			type: Boolean,
-			required: false
-		},
-		align: {
-			type: null,
-			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 props = __props;
-		const emits = __emit;
-		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(props, emits);
-		const menuContext = require_MenuRoot.injectMenuContext();
-		const { forwardRef, currentElement } = require_useForwardExpose.useForwardExpose();
-		require_useHideOthers.useHideOthers(currentElement);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)(require_MenuContentImpl.MenuContentImpl_default, (0, vue.mergeProps)((0, vue.unref)(forwarded), {
-				ref: (0, vue.unref)(forwardRef),
-				"trap-focus": (0, vue.unref)(menuContext).open.value,
-				"disable-outside-pointer-events": (0, vue.unref)(menuContext).open.value,
-				"disable-outside-scroll": true,
-				onDismiss: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(menuContext).onOpenChange(false)),
-				onFocusOutside: _cache[1] || (_cache[1] = (0, vue.withModifiers)(($event) => emits("focusOutside", $event), ["prevent"]))
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["trap-focus", "disable-outside-pointer-events"]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuRootContentNonModal.js
-var MenuRootContentNonModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "MenuRootContentNonModal",
-	props: {
-		loop: {
-			type: Boolean,
-			required: false
-		},
-		memoDependencies: {
-			type: Array,
-			required: false
-		},
-		side: {
-			type: null,
-			required: false
-		},
-		sideOffset: {
-			type: Number,
-			required: false
-		},
-		sideFlip: {
-			type: Boolean,
-			required: false
-		},
-		align: {
-			type: null,
-			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);
-		const menuContext = require_MenuRoot.injectMenuContext();
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)(require_MenuContentImpl.MenuContentImpl_default, (0, vue.mergeProps)((0, vue.unref)(forwarded), {
-				"trap-focus": false,
-				"disable-outside-pointer-events": false,
-				"disable-outside-scroll": false,
-				onDismiss: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(menuContext).onOpenChange(false))
-			}), {
-				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/Menu/MenuContent.js
-var MenuContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "MenuContent",
-	props: {
-		forceMount: {
-			type: Boolean,
-			required: false
-		},
-		loop: {
-			type: Boolean,
-			required: false
-		},
-		memoDependencies: {
-			type: Array,
-			required: false
-		},
-		side: {
-			type: null,
-			required: false
-		},
-		sideOffset: {
-			type: Number,
-			required: false
-		},
-		sideFlip: {
-			type: Boolean,
-			required: false
-		},
-		align: {
-			type: null,
-			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);
-		const menuContext = require_MenuRoot.injectMenuContext();
-		const rootContext = require_MenuRoot.injectMenuRootContext();
-		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.unref)(rootContext).modal.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(MenuRootContentModal_default, (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 0 }, {
-					..._ctx.$attrs,
-					...(0, vue.unref)(forwarded)
-				})), {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-					_: 3
-				}, 16)) : ((0, vue.openBlock)(), (0, vue.createBlock)(MenuRootContentNonModal_default, (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 1 }, {
-					..._ctx.$attrs,
-					...(0, vue.unref)(forwarded)
-				})), {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-					_: 3
-				}, 16))]),
-				_: 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/DropdownMenuContent.js
-var DropdownMenuContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "DropdownMenuContent",
-	props: {
-		forceMount: {
-			type: Boolean,
-			required: false
-		},
-		loop: {
-			type: Boolean,
-			required: false
-		},
-		memoDependencies: {
-			type: Array,
-			required: false
-		},
-		side: {
-			type: null,
-			required: false
-		},
-		sideOffset: {
-			type: Number,
-			required: false
-		},
-		sideFlip: {
-			type: Boolean,
-			required: false
-		},
-		align: {
-			type: null,
-			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",
-		"closeAutoFocus"
-	],
-	setup(__props, { emit: __emit }) {
-		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(__props, __emit);
-		require_useForwardExpose.useForwardExpose();
-		const rootContext = require_DropdownMenuRoot.injectDropdownMenuRootContext();
-		const hasInteractedOutsideRef = (0, vue.ref)(false);
-		function handleCloseAutoFocus(event) {
-			if (event.defaultPrevented) return;
-			if (!hasInteractedOutsideRef.value) setTimeout(() => {
-				rootContext.triggerElement.value?.focus();
-			}, 0);
-			hasInteractedOutsideRef.value = false;
-			event.preventDefault();
-		}
-		rootContext.contentId ||= require_useId.useId(void 0, "reka-dropdown-menu-content");
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(MenuContent_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
-				id: (0, vue.unref)(rootContext).contentId,
-				"aria-labelledby": (0, vue.unref)(rootContext)?.triggerId,
-				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)"
-				},
-				onCloseAutoFocus: handleCloseAutoFocus,
-				onInteractOutside: _cache[0] || (_cache[0] = (event) => {
-					if (event.defaultPrevented) return;
-					const originalEvent = event.detail.originalEvent;
-					const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
-					const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-					if (!(0, vue.unref)(rootContext).modal.value || isRightClick) hasInteractedOutsideRef.value = true;
-					if ((0, vue.unref)(rootContext).triggerElement.value?.contains(event.target)) event.preventDefault();
-				})
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["id", "aria-labelledby"]);
-		};
-	}
-});
-//#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-content.vue?vue&type=script&setup=true&lang.ts
 var dropdown_menu_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "dropdown-menu-content",
@@ -578,11 +51,11 @@ var dropdown_menu_content_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 		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)(DropdownMenuContent_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
-					class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu-content", props.class),
+			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.DropdownMenuContent), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+					class: (0, vue.unref)(clsx.default)("celeste-dropdown-menu-content", props.class),
 					"side-offset": 8
 				}), {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),

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

@@ -1,32 +1,6 @@
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_useForwardExpose = require("./useForwardExpose.cjs");
-const require_MenuGroup = require("./MenuGroup.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/DropdownMenu/DropdownMenuGroup.js
-var DropdownMenuGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "DropdownMenuGroup",
-	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)(require_MenuGroup.MenuGroup_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
+let reka_ui = require("reka-ui");
 //#region src/components/dropdown-menu/dropdown-menu-group.vue?vue&type=script&setup=true&lang.ts
 var dropdown_menu_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "dropdown-menu-group",
@@ -37,7 +11,7 @@ var dropdown_menu_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DropdownMenuGroup_default), (0, vue.mergeProps)({ class: "celeste-dropdown-menu-group" }, props), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuGroup), (0, vue.mergeProps)({ class: "celeste-dropdown-menu-group" }, props), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16);