@youcan/celeste 0.6.102 → 0.7.0

package/dist/es/chunks/popover-content.js

@@ -1,9 +1,705 @@
-import { A as Ps, I as Se, R as Ss, it as _s, u as Es } from "./dist.js";
+import { n as PopperContent_default } from "./PopperContent.js";
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { m as reactiveOmit } from "./dist.js";
+import { t as Primitive } from "./Primitive.js";
+import { t as DismissableLayer_default } from "./DismissableLayer.js";
+import { n as useBodyScrollLock, t as FocusScope_default } from "./FocusScope.js";
+import { t as useFocusGuards } from "./useFocusGuards.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { t as useForwardProps } from "./useForwardProps.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 { t as Teleport_default } from "./Teleport.js";
+import { t as PopperArrow_default } from "./PopperArrow.js";
+import { n as injectPopoverRootContext } from "./PopoverRoot.js";
 import { t as compact_button_default } from "./compact-button.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Popover/PopoverArrow.js
+var PopoverArrow_default = /* @__PURE__ */ defineComponent({
+	__name: "PopoverArrow",
+	props: {
+		width: {
+			type: Number,
+			required: false,
+			default: 10
+		},
+		height: {
+			type: Number,
+			required: false,
+			default: 5
+		},
+		rounded: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "svg"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PopperArrow_default), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [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/Popover/PopoverClose.js
+var PopoverClose_default = /* @__PURE__ */ defineComponent({
+	__name: "PopoverClose",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		const rootContext = injectPopoverRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				type: _ctx.as === "button" ? "button" : void 0,
+				as: _ctx.as,
+				"as-child": props.asChild,
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(false))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"type",
+				"as",
+				"as-child"
+			]);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Popover/PopoverContentImpl.js
+var PopoverContentImpl_default = /* @__PURE__ */ defineComponent({
+	__name: "PopoverContentImpl",
+	props: {
+		trapFocus: {
+			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
+		},
+		dir: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = useForwardProps(reactiveOmit(props, "trapFocus", "disableOutsidePointerEvents"));
+		const { forwardRef } = useForwardExpose();
+		const rootContext = injectPopoverRootContext();
+		useFocusGuards();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(FocusScope_default), {
+				"as-child": "",
+				loop: "",
+				trapped: _ctx.trapFocus,
+				onMountAutoFocus: _cache[5] || (_cache[5] = ($event) => emits("openAutoFocus", $event)),
+				onUnmountAutoFocus: _cache[6] || (_cache[6] = ($event) => emits("closeAutoFocus", $event))
+			}, {
+				default: withCtx(() => [createVNode(unref(DismissableLayer_default), {
+					"as-child": "",
+					"disable-outside-pointer-events": _ctx.disableOutsidePointerEvents,
+					onPointerDownOutside: _cache[0] || (_cache[0] = ($event) => emits("pointerDownOutside", $event)),
+					onInteractOutside: _cache[1] || (_cache[1] = ($event) => emits("interactOutside", $event)),
+					onEscapeKeyDown: _cache[2] || (_cache[2] = ($event) => emits("escapeKeyDown", $event)),
+					onFocusOutside: _cache[3] || (_cache[3] = ($event) => emits("focusOutside", $event)),
+					onDismiss: _cache[4] || (_cache[4] = ($event) => unref(rootContext).onOpenChange(false))
+				}, {
+					default: withCtx(() => [createVNode(unref(PopperContent_default), mergeProps(unref(forwarded), {
+						id: unref(rootContext).contentId,
+						ref: unref(forwardRef),
+						"data-state": unref(rootContext).open.value ? "open" : "closed",
+						"aria-labelledby": unref(rootContext).triggerId,
+						style: {
+							"--reka-popover-content-transform-origin": "var(--reka-popper-transform-origin)",
+							"--reka-popover-content-available-width": "var(--reka-popper-available-width)",
+							"--reka-popover-content-available-height": "var(--reka-popper-available-height)",
+							"--reka-popover-trigger-width": "var(--reka-popper-anchor-width)",
+							"--reka-popover-trigger-height": "var(--reka-popper-anchor-height)"
+						},
+						role: "dialog"
+					}), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					}, 16, [
+						"id",
+						"data-state",
+						"aria-labelledby"
+					])]),
+					_: 3
+				}, 8, ["disable-outside-pointer-events"])]),
+				_: 3
+			}, 8, ["trapped"]);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Popover/PopoverContentModal.js
+var PopoverContentModal_default = /* @__PURE__ */ defineComponent({
+	__name: "PopoverContentModal",
+	props: {
+		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
+		},
+		dir: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const rootContext = injectPopoverRootContext();
+		const isRightClickOutsideRef = ref(false);
+		useBodyScrollLock(true);
+		const forwarded = useForwardPropsEmits(props, emits);
+		const { forwardRef, currentElement } = useForwardExpose();
+		useHideOthers(currentElement);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(PopoverContentImpl_default, mergeProps(unref(forwarded), {
+				ref: unref(forwardRef),
+				"trap-focus": unref(rootContext).open.value,
+				"disable-outside-pointer-events": "",
+				onCloseAutoFocus: _cache[0] || (_cache[0] = withModifiers((event) => {
+					emits("closeAutoFocus", event);
+					if (!isRightClickOutsideRef.value) unref(rootContext).triggerElement.value?.focus();
+				}, ["prevent"])),
+				onPointerDownOutside: _cache[1] || (_cache[1] = (event) => {
+					emits("pointerDownOutside", event);
+					const originalEvent = event.detail.originalEvent;
+					const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+					isRightClickOutsideRef.value = originalEvent.button === 2 || ctrlLeftClick;
+				}),
+				onFocusOutside: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"]))
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["trap-focus"]);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Popover/PopoverContentNonModal.js
+var PopoverContentNonModal_default = /* @__PURE__ */ defineComponent({
+	__name: "PopoverContentNonModal",
+	props: {
+		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
+		},
+		dir: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const rootContext = injectPopoverRootContext();
+		const hasInteractedOutsideRef = ref(false);
+		const hasPointerDownOutsideRef = ref(false);
+		const forwarded = useForwardPropsEmits(props, emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(PopoverContentImpl_default, mergeProps(unref(forwarded), {
+				"trap-focus": false,
+				"disable-outside-pointer-events": false,
+				onCloseAutoFocus: _cache[0] || (_cache[0] = (event) => {
+					emits("closeAutoFocus", event);
+					if (!event.defaultPrevented) {
+						if (!hasInteractedOutsideRef.value) unref(rootContext).triggerElement.value?.focus();
+						event.preventDefault();
+					}
+					hasInteractedOutsideRef.value = false;
+					hasPointerDownOutsideRef.value = false;
+				}),
+				onInteractOutside: _cache[1] || (_cache[1] = async (event) => {
+					emits("interactOutside", event);
+					if (!event.defaultPrevented) {
+						hasInteractedOutsideRef.value = true;
+						if (event.detail.originalEvent.type === "pointerdown") hasPointerDownOutsideRef.value = true;
+					}
+					const target = event.target;
+					if (unref(rootContext).triggerElement.value?.contains(target)) event.preventDefault();
+					if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.value) event.preventDefault();
+				})
+			}), {
+				default: withCtx(() => [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/Popover/PopoverContent.js
+var PopoverContent_default = /* @__PURE__ */ defineComponent({
+	__name: "PopoverContent",
+	props: {
+		forceMount: {
+			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
+		},
+		dir: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const rootContext = injectPopoverRootContext();
+		const forwarded = useForwardPropsEmits(props, emits);
+		const { forwardRef } = useForwardExpose();
+		rootContext.contentId ||= useId(void 0, "reka-popover-content");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Presence_default), { present: _ctx.forceMount || unref(rootContext).open.value }, {
+				default: withCtx(() => [unref(rootContext).modal.value ? (openBlock(), createBlock(PopoverContentModal_default, mergeProps({ key: 0 }, unref(forwarded), { ref: unref(forwardRef) }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16)) : (openBlock(), createBlock(PopoverContentNonModal_default, mergeProps({ key: 1 }, unref(forwarded), { ref: unref(forwardRef) }), {
+					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@5.9.3_/node_modules/reka-ui/dist/Popover/PopoverPortal.js
+var PopoverPortal_default = /* @__PURE__ */ defineComponent({
+	__name: "PopoverPortal",
+	props: {
+		to: {
+			type: null,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		defer: {
+			type: Boolean,
+			required: false
+		},
+		forceMount: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Teleport_default), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
 //#region src/components/popover/popover-content.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-icon-size"];
 var _hoisted_2 = { class: "celeste-popover-title" };
@@ -49,10 +745,10 @@ var popover_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, ["class", "title"]);
 		const sideOffset = props.showTail ? 0 : props.sideOffset ?? 8;
-		const forwarded = Se(delegatedProps, emits);
+		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_s), null, {
-				default: withCtx(() => [createVNode(unref(Ss), mergeProps({
+			return openBlock(), createBlock(unref(PopoverPortal_default), null, {
+				default: withCtx(() => [createVNode(unref(PopoverContent_default), mergeProps({
 					...unref(forwarded),
 					..._ctx.$attrs
 				}, {
@@ -72,7 +768,7 @@ var popover_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(
 							createElementVNode("p", _hoisted_2, toDisplayString(_ctx.title), 1),
 							createElementVNode("p", _hoisted_3, toDisplayString(_ctx.description), 1)
 						], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)], 6),
-						_ctx.showTail ? (openBlock(), createBlock(unref(Es), {
+						_ctx.showTail ? (openBlock(), createBlock(unref(PopoverArrow_default), {
 							key: 0,
 							"as-child": "",
 							width: 16,
@@ -81,7 +777,7 @@ var popover_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(
 							default: withCtx(() => _cache[0] || (_cache[0] = [createElementVNode("span", { class: "celeste-popover-arrow" }, null, -1)])),
 							_: 1
 						})) : createCommentVNode("", true),
-						_ctx.dismissible ? (openBlock(), createBlock(unref(Ps), {
+						_ctx.dismissible ? (openBlock(), createBlock(unref(PopoverClose_default), {
 							key: 1,
 							"as-child": "",
 							class: "PopoverClose",
@@ -102,6 +798,6 @@ var popover_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(
 			});
 		};
 	}
-}), [["__scopeId", "data-v-2c991232"]]);
+}), [["__scopeId", "data-v-9034edc8"]]);
 //#endregion
 export { popover_content_default as t };