@youcan/celeste 0.21.1 → 0.22.0

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

@@ -1,706 +1,9 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { f as reactiveOmit } from "./dist.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as DismissableLayer_default } from "./DismissableLayer.js";
-import { r 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 PopperContent_default } from "./PopperContent.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, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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;
-					const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-					isRightClickOutsideRef.value = isRightClick;
-				}),
-				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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { PopoverArrow, PopoverClose, PopoverContent, PopoverPortal, useForwardPropsEmits } from "reka-ui";
 //#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" };
@@ -754,8 +57,8 @@ var popover_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		const sideOffset = props.showTail ? 0 : props.sideOffset ?? 8;
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PopoverPortal_default), null, {
-				default: withCtx(() => [createVNode(unref(PopoverContent_default), mergeProps({
+			return openBlock(), createBlock(unref(PopoverPortal), null, {
+				default: withCtx(() => [createVNode(unref(PopoverContent), mergeProps({
 					...unref(forwarded),
 					..._ctx.$attrs
 				}, {
@@ -764,7 +67,7 @@ var popover_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 				}), {
 					default: withCtx(() => [
 						createElementVNode("div", {
-							class: normalizeClass(unref(clsx)("celeste-popover-content", props.class)),
+							class: normalizeClass(unref(clsx$1)("celeste-popover-content", props.class)),
 							style: normalizeStyle({ padding: !_ctx.$slots.default ? "var(--spacing-16)" : "" })
 						}, [!_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
 							__props.icon ? (openBlock(), createElementBlock("span", {
@@ -775,7 +78,7 @@ var popover_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 							createElementVNode("p", _hoisted_2, toDisplayString(__props.title), 1),
 							createElementVNode("p", _hoisted_3, toDisplayString(__props.description), 1)
 						], 64)) : renderSlot(_ctx.$slots, "default", {}, void 0, true, 1)], 6),
-						__props.showTail ? (openBlock(), createBlock(unref(PopoverArrow_default), {
+						__props.showTail ? (openBlock(), createBlock(unref(PopoverArrow), {
 							key: 0,
 							"as-child": "",
 							width: 16,
@@ -784,7 +87,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),
-						__props.dismissible ? (openBlock(), createBlock(unref(PopoverClose_default), {
+						__props.dismissible ? (openBlock(), createBlock(unref(PopoverClose), {
 							key: 1,
 							"as-child": "",
 							class: "PopoverClose",