@youcan/celeste 0.6.102 → 0.7.1

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

@@ -1,8 +1,536 @@
-import { I as Se, ft as ch, ht as fh } 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 useHideOthers } from "./useHideOthers.js";
+import { t as useId } from "./useId.js";
+import { t as Presence_default } from "./Presence.js";
+import { n as injectMenuContext, r as injectMenuRootContext } from "./MenuRoot.js";
+import { t as MenuContentImpl_default } from "./MenuContentImpl.js";
+import { t as DropdownMenuPortal_default } from "./DropdownMenuPortal.js";
+import { n as injectDropdownMenuRootContext } from "./DropdownMenuRoot.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { createBlock, createVNode, defineComponent, mergeProps, normalizeProps, openBlock, ref, renderSlot, unref, withCtx, withModifiers } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuRootContentModal.js
+var MenuRootContentModal_default = /* @__PURE__ */ 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 = useForwardPropsEmits(props, emits);
+		const menuContext = injectMenuContext();
+		const { forwardRef, currentElement } = useForwardExpose();
+		useHideOthers(currentElement);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(MenuContentImpl_default, mergeProps(unref(forwarded), {
+				ref: unref(forwardRef),
+				"trap-focus": unref(menuContext).open.value,
+				"disable-outside-pointer-events": unref(menuContext).open.value,
+				"disable-outside-scroll": true,
+				onDismiss: _cache[0] || (_cache[0] = ($event) => unref(menuContext).onOpenChange(false)),
+				onFocusOutside: _cache[1] || (_cache[1] = withModifiers(($event) => emits("focusOutside", $event), ["prevent"]))
+			}), {
+				default: withCtx(() => [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@6.0.3_/node_modules/reka-ui/dist/Menu/MenuRootContentNonModal.js
+var MenuRootContentNonModal_default = /* @__PURE__ */ 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 = useForwardPropsEmits(__props, __emit);
+		const menuContext = injectMenuContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(MenuContentImpl_default, mergeProps(unref(forwarded), {
+				"trap-focus": false,
+				"disable-outside-pointer-events": false,
+				"disable-outside-scroll": false,
+				onDismiss: _cache[0] || (_cache[0] = ($event) => unref(menuContext).onOpenChange(false))
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuContent.js
+var MenuContent_default = /* @__PURE__ */ 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 = useForwardPropsEmits(__props, __emit);
+		const menuContext = injectMenuContext();
+		const rootContext = injectMenuRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Presence_default), { present: _ctx.forceMount || unref(menuContext).open.value }, {
+				default: withCtx(() => [unref(rootContext).modal.value ? (openBlock(), createBlock(MenuRootContentModal_default, normalizeProps(mergeProps({ key: 0 }, {
+					..._ctx.$attrs,
+					...unref(forwarded)
+				})), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16)) : (openBlock(), createBlock(MenuRootContentNonModal_default, normalizeProps(mergeProps({ key: 1 }, {
+					..._ctx.$attrs,
+					...unref(forwarded)
+				})), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16))]),
+				_: 3
+			}, 8, ["present"]);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuContent.js
+var DropdownMenuContent_default = /* @__PURE__ */ 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 = useForwardPropsEmits(__props, __emit);
+		useForwardExpose();
+		const rootContext = injectDropdownMenuRootContext();
+		const hasInteractedOutsideRef = 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 ||= useId(void 0, "reka-dropdown-menu-content");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MenuContent_default), mergeProps(unref(forwarded), {
+				id: unref(rootContext).contentId,
+				"aria-labelledby": 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 (!unref(rootContext).modal.value || isRightClick) hasInteractedOutsideRef.value = true;
+					if (unref(rootContext).triggerElement.value?.contains(event.target)) event.preventDefault();
+				})
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id", "aria-labelledby"]);
+		};
+	}
+});
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-content.vue
 var dropdown_menu_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -10,18 +538,25 @@ var dropdown_menu_content_default = /* @__PURE__ */ _plugin_vue_export_helper_de
 	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: {}
@@ -36,10 +571,10 @@ var dropdown_menu_content_default = /* @__PURE__ */ _plugin_vue_export_helper_de
 	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(fh), mergeProps(unref(forwarded), {
+			return openBlock(), createBlock(unref(DropdownMenuPortal_default), null, {
+				default: withCtx(() => [createVNode(unref(DropdownMenuContent_default), mergeProps(unref(forwarded), {
 					class: unref(clsx)("celeste-dropdown-menu-content", props.class),
 					"side-offset": 8
 				}), {
@@ -50,6 +585,6 @@ var dropdown_menu_content_default = /* @__PURE__ */ _plugin_vue_export_helper_de
 			});
 		};
 	}
-}), [["__scopeId", "data-v-29fe82ec"]]);
+}), [["__scopeId", "data-v-9a689ae5"]]);
 //#endregion
 export { dropdown_menu_content_default as t };

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

@@ -1,6 +1,31 @@
-import { Tt as mh } from "./dist.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { t as MenuGroup_default } from "./MenuGroup.js";
+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@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuGroup.js
+var DropdownMenuGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "DropdownMenuGroup",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MenuGroup_default), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-group.vue
 var dropdown_menu_group_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -12,12 +37,12 @@ var dropdown_menu_group_default = /* @__PURE__ */ _plugin_vue_export_helper_defa
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(mh), mergeProps({ class: "celeste-dropdown-menu-group" }, props), {
+			return openBlock(), createBlock(unref(DropdownMenuGroup_default), mergeProps({ class: "celeste-dropdown-menu-group" }, props), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16);
 		};
 	}
-}), [["__scopeId", "data-v-87c13894"]]);
+}), [["__scopeId", "data-v-eff5858f"]]);
 //#endregion
 export { dropdown_menu_group_default as t };