@youcan/celeste 0.6.102 → 0.7.0

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

@@ -1,26 +1,563 @@
-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_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.1_vue@3.5.13_typescript@5.9.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.1_vue@3.5.13_typescript@5.9.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.1_vue@3.5.13_typescript@5.9.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.1_vue@3.5.13_typescript@5.9.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
 //#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",
 	props: {
 		forceMount: { type: Boolean },
 		loop: { type: Boolean },
+		memoDependencies: {},
 		side: {},
 		sideOffset: { default: 4 },
+		sideFlip: { type: Boolean },
 		align: {},
 		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 +572,10 @@ var dropdown_menu_content_vue_vue_type_script_setup_true_lang_default = /* @__PU
 	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.fh), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+			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),
 					"side-offset": 8
 				}), {
@@ -52,7 +589,7 @@ var dropdown_menu_content_vue_vue_type_script_setup_true_lang_default = /* @__PU
 });
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-content.vue
-var dropdown_menu_content_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_content_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-29fe82ec"]]);
+var dropdown_menu_content_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_content_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9a689ae5"]]);
 //#endregion
 Object.defineProperty(exports, "dropdown_menu_content_default", {
 	enumerable: true,

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

@@ -1,6 +1,33 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 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.1_vue@3.5.13_typescript@5.9.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
 //#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",
@@ -11,7 +38,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)(require_dist.mh), (0, vue.mergeProps)({ class: "celeste-dropdown-menu-group" }, props), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DropdownMenuGroup_default), (0, vue.mergeProps)({ class: "celeste-dropdown-menu-group" }, props), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16);
@@ -20,7 +47,7 @@ var dropdown_menu_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 });
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-group.vue
-var dropdown_menu_group_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_group_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-87c13894"]]);
+var dropdown_menu_group_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_group_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-eff5858f"]]);
 //#endregion
 Object.defineProperty(exports, "dropdown_menu_group_default", {
 	enumerable: true,