@wirekyt/vue 0.0.1 → 0.0.2

package/dist/tooltip.js

@@ -0,0 +1,242 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$1, c as normalizeProps$1, d as useForwardExpose, m as createContext, n as RenderStrategyPropsProvider, s as useMachine } from "./utils-D95V66v9.js";
+import { a as DEFAULT_LOCALE, d as useEnvironmentContext, o as useLocaleContext, u as DEFAULT_ENVIRONMENT } from "./providers-C3XQH-uu.js";
+import { t as cleanProps } from "./clean-props--1kqQE0Y.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { n as PresenceProvider, r as usePresenceContext } from "./presence-jaHZaD_O.js";
+import { t as usePresence } from "./use-presence-oNdFU2c2.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as tooltip from "@wirekyt/dom/machines/tooltip";
+import { anatomy as tooltipAnatomy } from "@wirekyt/dom/machines/tooltip";
+//#region src/components/tooltip/use-context.ts
+const [TooltipProvider, useTooltipContext] = createContext("TooltipContext");
+//#endregion
+//#region src/components/tooltip/arrow-tip.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "arrow-tip",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tooltip = useTooltipContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(tooltip).getArrowTipProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/tooltip/arrow.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "arrow",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tooltip = useTooltipContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(tooltip).getArrowProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/tooltip/content.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "content",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tooltip = useTooltipContext();
+		const presence = usePresenceContext();
+		const mergedProps = computed(() => mergeProps$1(tooltip.value.getContentProps(), presence.value.presenceProps));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(wire).div, mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/tooltip/context.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const tooltip = useTooltipContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(tooltip))));
+		};
+	}
+});
+//#endregion
+//#region src/components/tooltip/positioner.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "positioner",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tooltip = useTooltipContext();
+		const presence = usePresenceContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(wire).div, mergeProps({ key: 0 }, unref(tooltip).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/tooltip/root-provider.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean }
+	},
+	emits: ["exitComplete"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const tooltip = computed(() => props.value);
+		const presence = usePresence(computed(() => ({
+			present: tooltip.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		TooltipProvider(tooltip);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/tooltip/use-tooltip.ts
+const useTooltip = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const context = computed(() => {
+		const localProps = toValue(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localProps),
+			onOpenChange: (details) => {
+				emit?.("openChange", details);
+				emit?.("update:open", details.open);
+				localProps.onOpenChange?.(details);
+			},
+			onTriggerValueChange: (details) => {
+				emit?.("triggerValueChange", details);
+				localProps.onTriggerValueChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(tooltip.machine, context);
+	return computed(() => tooltip.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/tooltip/root.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		"aria-label": {},
+		closeDelay: {},
+		closeOnClick: { type: Boolean },
+		closeOnEscape: { type: Boolean },
+		closeOnPointerDown: { type: Boolean },
+		closeOnScroll: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		disabled: { type: Boolean },
+		id: {},
+		ids: {},
+		interactive: { type: Boolean },
+		open: { type: Boolean },
+		openDelay: {},
+		positioning: {},
+		triggerValue: {},
+		defaultTriggerValue: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean }
+	}, {
+		closeOnClick: void 0,
+		closeOnEscape: void 0,
+		closeOnPointerDown: void 0,
+		closeOnScroll: void 0,
+		defaultOpen: void 0,
+		disabled: void 0,
+		interactive: void 0,
+		open: void 0
+	}),
+	emits: [
+		"exitComplete",
+		"openChange",
+		"triggerValueChange",
+		"update:open"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const tooltip = useTooltip(props, emits);
+		const presence = usePresence(computed(() => ({
+			present: tooltip.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		TooltipProvider(tooltip);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/tooltip/trigger.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "trigger",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const tooltip = useTooltipContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(tooltip).getTriggerProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/tooltip/tooltip.ts
+var tooltip_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => _sfc_main,
+	ArrowTip: () => _sfc_main$1,
+	Content: () => _sfc_main$2,
+	Context: () => _sfc_main$3,
+	Positioner: () => _sfc_main$4,
+	Root: () => _sfc_main$5,
+	RootProvider: () => _sfc_main$6,
+	Trigger: () => _sfc_main$7
+});
+//#endregion
+export { tooltip_exports as Tooltip, _sfc_main as TooltipArrow, _sfc_main$1 as TooltipArrowTip, _sfc_main$2 as TooltipContent, _sfc_main$3 as TooltipContext, _sfc_main$4 as TooltipPositioner, _sfc_main$5 as TooltipRoot, _sfc_main$6 as TooltipRootProvider, _sfc_main$7 as TooltipTrigger, tooltipAnatomy, useTooltip, useTooltipContext };

package/dist/tour.cjs

@@ -0,0 +1,418 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-XrBZd2Yk.cjs");
+const require_providers = require("./providers-5QhcwgSd.cjs");
+const require_clean_props = require("./clean-props-MyKqus13.cjs");
+const require_factory = require("./factory-JL7MPjkk.cjs");
+const require_presence = require("./presence-DD3l4Tgb.cjs");
+const require_use_presence = require("./use-presence-CtEY6ZT8.cjs");
+let vue = require("vue");
+let _wirekyt_dom_machines_tour = require("@wirekyt/dom/machines/tour");
+_wirekyt_dom_machines_tour = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_tour, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/tour/wait-for-event.ts
+function waitForEvent(target, event, options) {
+	let cleanup;
+	const { predicate, ...listenerOptions } = options ?? {};
+	return [new Promise((resolve) => {
+		const element = target?.();
+		if (!element) return;
+		const handler = (e) => {
+			if (!predicate || predicate(element)) {
+				resolve(e);
+				cleanup?.();
+			}
+		};
+		element.addEventListener(event, handler, listenerOptions);
+		cleanup = () => element.removeEventListener(event, handler, listenerOptions);
+	}), () => cleanup?.()];
+}
+//#endregion
+//#region src/components/tour/use-context.ts
+const [TourProvider, useTourContext] = require_utils.createContext("TourContext");
+//#endregion
+//#region src/components/tour/action-trigger.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "action-trigger",
+	props: {
+		action: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const tour = useTourContext();
+		const slots = (0, vue.useSlots)();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(tour).getActionTriggerProps(props), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(slots.default?.() || props.action.label), 1)])]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/actions.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "actions",
+	setup(__props) {
+		const tour = useTourContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(tour).step?.actions ?? [])));
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/arrow-tip.vue
+const _sfc_main$3 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "arrow-tip",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tour = useTourContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(tour).getArrowTipProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/arrow.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "arrow",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tour = useTourContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.unref)(tour).step?.arrow ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ key: 0 }, (0, vue.unref)(tour).getArrowProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/backdrop.vue
+const _sfc_main$4 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "backdrop",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tour = useTourContext();
+		const renderStrategy = require_utils.useRenderStrategyProps();
+		const presence = require_use_presence.usePresence((0, vue.computed)(() => ({
+			...renderStrategy.value,
+			present: tour.value.open
+		})));
+		const mergedProps = (0, vue.computed)(() => (0, _wirekyt_dom.mergeProps)(tour.value.getBackdropProps(), presence.value.presenceProps));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.unref)(tour).step?.backdrop && !(0, vue.unref)(presence).unmounted ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/close-trigger.vue
+const _sfc_main$5 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "close-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tour = useTourContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(tour).getCloseTriggerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/content.vue
+const _sfc_main$6 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "content",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tour = useTourContext();
+		const presence = require_presence.usePresenceContext();
+		const mergedProps = (0, vue.computed)(() => (0, _wirekyt_dom.mergeProps)(tour.value.getContentProps(), presence.value.presenceProps));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return !(0, vue.unref)(presence).unmounted ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/context.vue
+const _sfc_main$7 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const tour = useTourContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(tour))));
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/anatomy.ts
+const tourAnatomy = _wirekyt_dom_machines_tour.anatomy.extendWith("control");
+//#endregion
+//#region src/components/tour/control.vue
+const _sfc_main$8 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ ...(0, vue.unref)(tourAnatomy).build().control.attrs }, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/description.vue
+const _sfc_main$9 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "description",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tour = useTourContext();
+		const slots = (0, vue.useSlots)();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(tour).getDescriptionProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(slots.default?.() || (0, vue.unref)(tour).step?.description), 1)])]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/positioner.vue
+const _sfc_main$10 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "positioner",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tour = useTourContext();
+		const presence = require_presence.usePresenceContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return !(0, vue.unref)(presence).unmounted ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ key: 0 }, (0, vue.unref)(tour).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/progress-text.vue
+const _sfc_main$11 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "progress-text",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tour = useTourContext();
+		const slots = (0, vue.useSlots)();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(tour).getProgressTextProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(slots.default?.() || (0, vue.unref)(tour).getProgressText()), 1)])]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/root.vue
+const _sfc_main$12 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: {
+		tour: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean }
+	},
+	emits: [
+		"exitComplete",
+		"focusOutside",
+		"interactOutside",
+		"pointerDownOutside",
+		"statusChange",
+		"stepChange",
+		"stepsChange"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const tour = (0, vue.computed)(() => props.tour);
+		const presence = require_use_presence.usePresence((0, vue.computed)(() => ({
+			present: tour.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		TourProvider(tour);
+		require_presence.PresenceProvider(presence);
+		require_utils.RenderStrategyPropsProvider((0, vue.computed)(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/spotlight.vue
+const _sfc_main$13 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "spotlight",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tour = useTourContext();
+		const renderStrategy = require_utils.useRenderStrategyProps();
+		const presence = require_use_presence.usePresence((0, vue.computed)(() => ({
+			...renderStrategy.value,
+			present: tour.value.open
+		})));
+		require_presence.PresenceProvider(presence);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return !(0, vue.unref)(presence).unmounted ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ key: 0 }, (0, vue.unref)(tour).getSpotlightProps(), {
+				hidden: !(0, vue.unref)(tour).open || !(0, vue.unref)(tour).step?.target?.(),
+				"as-child": __props.asChild
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["hidden", "as-child"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/title.vue
+const _sfc_main$14 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "title",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tour = useTourContext();
+		const slots = (0, vue.useSlots)();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).h2, (0, vue.mergeProps)((0, vue.unref)(tour).getTitleProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(slots.default?.() || (0, vue.unref)(tour).step?.title), 1)])]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/tour/use-tour.ts
+const useTour = (props = {}, emit) => {
+	const id = (0, vue.useId)();
+	const env = require_providers.useEnvironmentContext(require_providers.DEFAULT_ENVIRONMENT);
+	const locale = require_providers.useLocaleContext(require_providers.DEFAULT_LOCALE);
+	const context = (0, vue.computed)(() => {
+		const localProps = (0, vue.toValue)(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...require_clean_props.cleanProps(localProps),
+			onFocusOutside: (details) => {
+				emit?.("focusOutside", details);
+				localProps.onFocusOutside?.(details);
+			},
+			onInteractOutside: (details) => {
+				emit?.("interactOutside", details);
+				localProps.onInteractOutside?.(details);
+			},
+			onPointerDownOutside: (details) => {
+				emit?.("pointerDownOutside", details);
+				localProps.onPointerDownOutside?.(details);
+			},
+			onStatusChange: (details) => {
+				emit?.("statusChange", details);
+				localProps.onStatusChange?.(details);
+			},
+			onStepChange: (details) => {
+				emit?.("stepChange", details);
+				localProps.onStepChange?.(details);
+			},
+			onStepsChange(details) {
+				emit?.("stepsChange", details);
+				localProps.onStepsChange?.(details);
+			}
+		};
+	});
+	const service = require_utils.useMachine(_wirekyt_dom_machines_tour.machine, context);
+	return (0, vue.computed)(() => _wirekyt_dom_machines_tour.connect(service, require_utils.normalizeProps));
+};
+//#endregion
+//#region src/components/tour/tour.ts
+var tour_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	ActionTrigger: () => _sfc_main,
+	Actions: () => _sfc_main$1,
+	Arrow: () => _sfc_main$2,
+	ArrowTip: () => _sfc_main$3,
+	Backdrop: () => _sfc_main$4,
+	CloseTrigger: () => _sfc_main$5,
+	Content: () => _sfc_main$6,
+	Context: () => _sfc_main$7,
+	Control: () => _sfc_main$8,
+	Description: () => _sfc_main$9,
+	Positioner: () => _sfc_main$10,
+	ProgressText: () => _sfc_main$11,
+	Root: () => _sfc_main$12,
+	Spotlight: () => _sfc_main$13,
+	Title: () => _sfc_main$14
+});
+//#endregion
+Object.defineProperty(exports, "Tour", {
+	enumerable: true,
+	get: function() {
+		return tour_exports;
+	}
+});
+exports.TourActionTrigger = _sfc_main;
+exports.TourActions = _sfc_main$1;
+exports.TourArrow = _sfc_main$2;
+exports.TourArrowTip = _sfc_main$3;
+exports.TourBackdrop = _sfc_main$4;
+exports.TourCloseTrigger = _sfc_main$5;
+exports.TourContent = _sfc_main$6;
+exports.TourContext = _sfc_main$7;
+exports.TourControl = _sfc_main$8;
+exports.TourDescription = _sfc_main$9;
+exports.TourPositioner = _sfc_main$10;
+exports.TourProgressText = _sfc_main$11;
+exports.TourRoot = _sfc_main$12;
+exports.TourSpotlight = _sfc_main$13;
+exports.TourTitle = _sfc_main$14;
+exports.tourAnatomy = tourAnatomy;
+exports.useTour = useTour;
+exports.useTourContext = useTourContext;
+Object.defineProperty(exports, "waitForElement", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_tour.waitForElement;
+	}
+});
+Object.defineProperty(exports, "waitForElementValue", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_tour.waitForElementValue;
+	}
+});
+exports.waitForEvent = waitForEvent;
+Object.defineProperty(exports, "waitForPromise", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_tour.waitForPromise;
+	}
+});