@slotted/react 0.1.0-beta.1 → 0.1.0-beta.11

package/dist/tour-_CQ1kYov.js

@@ -0,0 +1,809 @@
+import { r as e } from "./i18n-D7xXDd8-.js";
+import { n as t, t as n } from "./icon-DjqSEQ-o.js";
+import { n as r } from "./icon-button-DbSZKGT4.js";
+import { keyedProps as i } from "@slotted/core/selector-key";
+import { createFocusScope as a, tabbables as o } from "@slotted/core/focus";
+import { createControllable as s } from "@slotted/core/state";
+import { createContext as c, useCallback as l, useContext as u, useEffect as d, useId as ee, useImperativeHandle as te, useLayoutEffect as ne, useMemo as re, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { createPresence as ie } from "@slotted/core/presence";
+import { tourMessages as ae } from "@slotted/core/i18n";
+import { createPortalRoot as oe, setPortalContainer as se } from "@slotted/core/portal";
+import { createDismissableLayer as ce } from "@slotted/core/dismissable-layer";
+import { createPositioner as le } from "@slotted/core/positioner";
+import { createPortal as ue } from "react-dom";
+import { getLiveAnnouncer as de } from "@slotted/core/live-announcer";
+import { cardFits as fe, compactSide as pe, createTourController as me, isCompactViewport as he, isTextEntry as ge, keepOverTarget as _e, resolveTarget as ve, stageStep as ye, tourKey as be, tourProgress as xe, watchTarget as Se, writeTargetRect as Ce } from "@slotted/core/tour";
+//#region src/tour/tour-defaults.tsx
+var we = {
+	align: "center",
+	alignOffset: 0,
+	arrow: !0,
+	arrowPadding: 12,
+	autoFocus: !0,
+	closeOnEscape: !0,
+	closeOnOutsidePress: !1,
+	collisionPadding: 8,
+	keyboardNavigation: !0,
+	layout: "auto",
+	missing: "center",
+	modal: !0,
+	scrollIntoView: !0,
+	side: "bottom",
+	sideOffset: 0,
+	size: "md",
+	spotlight: !0,
+	targetTimeout: 0
+}, Te = c(we);
+function Ee() {
+	return u(Te);
+}
+function De({ children: e, container: t, ...n }) {
+	let r = {
+		...Ee(),
+		...Oe(n)
+	};
+	return d(() => {
+		if (t !== void 0) return se(t), () => se(null);
+	}, [t]), /* @__PURE__ */ m(Te.Provider, {
+		value: r,
+		children: e
+	});
+}
+function Oe(e) {
+	let t = Object.entries(e).filter(([, e]) => e !== void 0);
+	return Object.fromEntries(t);
+}
+//#endregion
+//#region src/tour/tour-parts.tsx
+function g(e, t) {
+	return (n) => {
+		e?.(n), n.defaultPrevented || t(n);
+	};
+}
+function _(e, ...t) {
+	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
+}
+function ke({ children: e, ref: t, render: n, ...r }) {
+	let a = w(), o = l((e) => {
+		a.setContentNode(e), _(e, t);
+	}, [t, a.setContentNode]), s = i({
+		...r,
+		children: e,
+		...a.hasTitle ? { "aria-labelledby": a.titleId } : {},
+		...a.hasDescription ? { "aria-describedby": a.descriptionId } : {},
+		...a.modal ? { "aria-modal": !0 } : {},
+		"data-part": "content",
+		onKeyDown: g(r.onKeyDown, (e) => a.onKeyDown(e.nativeEvent)),
+		role: r.role ?? "dialog",
+		tabIndex: -1
+	});
+	return n === void 0 ? /* @__PURE__ */ m("div", {
+		...s,
+		ref: o
+	}) : n({
+		...s,
+		ref: o
+	});
+}
+function v({ children: e, ref: t, render: n, ...r }) {
+	let a = w(), o = e ?? a.step.media;
+	if (o == null) return null;
+	let s = i({
+		...r,
+		children: o,
+		"data-part": "media"
+	});
+	return n === void 0 ? /* @__PURE__ */ m("div", {
+		...s,
+		ref: t
+	}) : n({
+		...s,
+		ref: (e) => _(e, t)
+	});
+}
+function Ae({ children: e, ref: t, render: n, ...r }) {
+	let a = i({
+		...r,
+		children: e,
+		"data-part": "header"
+	});
+	return n === void 0 ? /* @__PURE__ */ m("div", {
+		...a,
+		ref: t
+	}) : n({
+		...a,
+		ref: (e) => _(e, t)
+	});
+}
+function je({ children: e, ref: t, render: n, ...r }) {
+	let a = w();
+	if (e === void 0 && a.total <= 1) return null;
+	let o = i({
+		...r,
+		children: e ?? a.t("progress", {
+			position: a.position,
+			total: a.total
+		}),
+		"data-part": "progress"
+	});
+	return n === void 0 ? /* @__PURE__ */ m("p", {
+		...o,
+		ref: t
+	}) : n({
+		...o,
+		ref: (e) => _(e, t)
+	});
+}
+function y({ children: e, onClick: r, ref: a, render: o, ...s }) {
+	let c = w();
+	if (c.step.actions?.close === !1) return null;
+	let l = i({
+		"aria-label": c.t("close"),
+		...s,
+		children: e ?? /* @__PURE__ */ m(n, {
+			size: "sm",
+			children: /* @__PURE__ */ m(t, { name: "x" })
+		}),
+		"data-part": "close",
+		onClick: g(r, (e) => c.close("close", {
+			detail: e.detail,
+			dismiss: !0
+		})),
+		type: "button"
+	});
+	return o === void 0 ? /* @__PURE__ */ m("button", {
+		...l,
+		ref: a
+	}) : o({
+		...l,
+		ref: (e) => _(e, a)
+	});
+}
+function b({ children: e, ref: t, render: n, ...r }) {
+	let a = w(), o = e ?? a.step.title, s = o != null && o !== !1;
+	d(() => (a.setHasTitle(s), () => a.setHasTitle(!1)), [s, a.setHasTitle]);
+	let c = l((e) => {
+		a.setTitleNode(e), _(e, t);
+	}, [t, a.setTitleNode]);
+	if (!s) return null;
+	let u = i({
+		...r,
+		children: o,
+		"data-part": "title",
+		id: a.titleId
+	});
+	return n === void 0 ? /* @__PURE__ */ m("h2", {
+		...u,
+		ref: c
+	}) : n({
+		...u,
+		ref: c
+	});
+}
+function x({ children: e, ref: t, render: n, ...r }) {
+	let a = w(), o = e ?? a.step.description, s = o != null && o !== !1;
+	if (d(() => (a.setHasDescription(s), () => a.setHasDescription(!1)), [s, a.setHasDescription]), !s) return null;
+	let c = i({
+		...r,
+		children: o,
+		"data-part": "description",
+		id: a.descriptionId
+	});
+	return n === void 0 ? /* @__PURE__ */ m("p", {
+		...c,
+		ref: t
+	}) : n({
+		...c,
+		ref: (e) => _(e, t)
+	});
+}
+function Me({ children: e, ref: t, render: n, ...r }) {
+	let a = w(), o = e ?? a.step.content;
+	if (o == null || o === !1) return null;
+	let s = i({
+		...r,
+		children: o,
+		"data-part": "body"
+	});
+	return n === void 0 ? /* @__PURE__ */ m("div", {
+		...s,
+		ref: t
+	}) : n({
+		...s,
+		ref: (e) => _(e, t)
+	});
+}
+function Ne({ children: e, ref: t, render: n, ...r }) {
+	let a = i({
+		...r,
+		children: e,
+		"data-part": "footer"
+	});
+	return n === void 0 ? /* @__PURE__ */ m("div", {
+		...a,
+		ref: t
+	}) : n({
+		...a,
+		ref: (e) => _(e, t)
+	});
+}
+function S(e, t, n, a, o, s = {}) {
+	let { children: c, onClick: l, render: u, ...d } = n;
+	return /* @__PURE__ */ m(r, {
+		...d,
+		...s.loading === void 0 ? {} : { loading: s.loading },
+		...s.loadingMessage === void 0 ? {} : { messages: { loading: s.loadingMessage } },
+		onClick: g(l, a),
+		render: ({ ref: t, ...n }) => {
+			let r = i({
+				...n,
+				"data-part": e,
+				...s.last ? { "data-last": "" } : {},
+				ref: (e) => _(e, t)
+			});
+			return u === void 0 ? /* @__PURE__ */ m("button", { ...r }) : u(r);
+		},
+		size: "sm",
+		tone: o.tone,
+		variant: o.variant,
+		children: c ?? t
+	});
+}
+function Pe(e) {
+	let t = w();
+	return t.step.actions?.skip ?? (!t.last && t.total > 1) ? S("skip", t.t("skip"), e, (e) => t.close("skip", { detail: e.detail }), {
+		tone: "secondary",
+		variant: "ghost"
+	}) : null;
+}
+function C(e) {
+	let t = w();
+	return t.step.actions?.prev ?? !t.first ? S("prev", t.t("prev"), e, (e) => t.prev({ detail: e.detail }), {
+		tone: "secondary",
+		variant: "outline"
+	}) : null;
+}
+function Fe(e) {
+	let t = w();
+	return t.step.actions?.next ?? t.step.advanceOn === void 0 ? S("next", t.t(t.last ? "done" : "next"), e, (e) => t.next({ detail: e.detail }), {
+		tone: "accent",
+		variant: "solid"
+	}, {
+		last: t.last,
+		loading: t.pending,
+		loadingMessage: t.t("preparing")
+	}) : null;
+}
+//#endregion
+//#region src/tour/tour.tsx
+var Ie = c(void 0);
+function w() {
+	let e = u(Ie);
+	if (e === void 0) throw Error("Every Tour part has to be inside a Tour.");
+	return e;
+}
+function T() {
+	return w();
+}
+function Le(e, t) {
+	return e === void 0 ? null : typeof e == "string" ? t.querySelector(e) : e instanceof Element ? e : e.current ?? null;
+}
+function Re(e) {
+	let t = e.closest("[dir]")?.getAttribute("dir");
+	return t === "rtl" || t === "ltr" ? t : e.ownerDocument.defaultView?.getComputedStyle(e).direction === "rtl" ? "rtl" : "ltr";
+}
+function ze(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+function Be(e) {
+	return e instanceof KeyboardEvent ? "keyboard" : e instanceof MouseEvent ? e.detail === 0 ? "keyboard" : "pointer" : "programmatic";
+}
+var Ve = {
+	back: "back",
+	blur: "programmatic",
+	escape: "escape",
+	outsidePress: "outsidePress",
+	programmatic: "programmatic"
+};
+function He(t) {
+	let { align: n, alignOffset: r, arrow: i, arrowPadding: c, autoFocus: u, children: se, closeOnEscape: we, closeOnOutsidePress: Te, collisionPadding: De, defaultOpen: Oe, defaultStep: g, keyboardNavigation: _, layout: ke, messages: v, missing: Ae, modal: je, onOpenChange: y, onStepChange: b, open: x, ref: Me, scrollIntoView: Ne, side: S, sideOffset: Pe, size: C, spotlight: Fe, step: w, steps: T, targetTimeout: He } = t, E = Ee(), Ge = ee(), [Ke, qe] = p(Oe ?? !1), [Je, Ye] = p(g ?? null), D = x ?? Ke, O = w === void 0 ? Je : w, [k, Xe] = p(null), [A, Ze] = p(null), [j, Qe] = p({
+		target: null,
+		move: "rest"
+	}), [$e, et] = p(!1), [tt, nt] = p(!1), [rt, it] = p(!1), [at, ot] = p("unmounted"), [st, ct] = p(null), [M, lt] = p(null), [N, ut] = p(null), [dt, ft] = p(null), [P, pt] = p(null), [mt, ht] = p(null), [gt, _t] = p(!1), [vt, yt] = p(!1), [bt, xt] = p(!1), St = ke ?? E.layout, Ct = St === "compact" || St === "auto" && bt, [wt, Tt] = p(!0), F = {
+		align: A?.step.align ?? n ?? E.align,
+		alignOffset: r ?? E.alignOffset,
+		arrow: i ?? E.arrow,
+		arrowPadding: c ?? E.arrowPadding,
+		autoFocus: u ?? E.autoFocus,
+		closeOnEscape: we ?? E.closeOnEscape,
+		closeOnOutsidePress: Te ?? E.closeOnOutsidePress,
+		collisionPadding: De ?? E.collisionPadding,
+		keyboardNavigation: _ ?? E.keyboardNavigation,
+		missing: Ae ?? E.missing,
+		modal: (je ?? E.modal) && A?.step.interactive !== !0,
+		scrollIntoView: Ne ?? E.scrollIntoView,
+		side: pe(A?.step.side ?? S ?? E.side, Ct),
+		sideOffset: Pe ?? E.sideOffset,
+		size: C ?? E.size,
+		spotlight: A?.step.spotlight ?? Fe ?? E.spotlight,
+		targetTimeout: He ?? E.targetTimeout
+	}, I = f({
+		currentId: O,
+		isOpen: D,
+		onOpenChange: y,
+		onStepChange: b,
+		open: x,
+		props: t,
+		settings: F,
+		step: w,
+		steps: T
+	});
+	I.current = {
+		currentId: O,
+		isOpen: D,
+		onOpenChange: y,
+		onStepChange: b,
+		open: x,
+		props: t,
+		settings: F,
+		step: w,
+		steps: T
+	};
+	let Et = f(void 0), L = l((e, t, n, r) => {
+		let i = I.current;
+		if (e === i.isOpen) return;
+		let a = !1, o = s({
+			controlled: i.open,
+			initial: i.isOpen,
+			onRequest: (e) => {
+				i.onOpenChange?.(e.value, {
+					get cancelled() {
+						return e.cancelled;
+					},
+					cancel: () => e.cancel(),
+					outcome: n,
+					previous: e.previous,
+					reason: t,
+					source: e.source,
+					value: e.value
+				}), a = e.cancelled;
+			}
+		}).request(e, t, r);
+		a || (e || (Et.current = n), o && qe(e));
+	}, []), Dt = l((e, t, n) => {
+		let r = I.current;
+		if (e === r.currentId) {
+			R.sync(e);
+			return;
+		}
+		let i = !1, a = s({
+			controlled: r.step,
+			initial: r.currentId,
+			onRequest: (e) => {
+				r.onStepChange?.(e.value, {
+					get cancelled() {
+						return e.cancelled;
+					},
+					cancel: () => e.cancel(),
+					previous: e.previous,
+					reason: t,
+					source: e.source,
+					value: e.value
+				}), i = e.cancelled;
+			}
+		}).request(e, t, n);
+		!i && a && Ye(e);
+	}, []), [R] = p(() => me({
+		steps: () => I.current.steps,
+		settings: () => ({
+			missing: I.current.settings.missing,
+			targetTimeout: I.current.settings.targetTimeout
+		}),
+		onShow: Xe,
+		onPending: (e) => {
+			if (e) {
+				let e = document.activeElement?.closest("[data-ui=\"tour\"] [data-part=\"content\"]");
+				Pt.current = e != null;
+			}
+			it(e);
+		},
+		requestStep: (e, t, n) => Dt(e, t, n),
+		requestClose: (e, t, n) => L(!1, t, e, n)
+	}));
+	d(() => () => R.destroy(), [R]), d(() => {
+		if (D) {
+			R.sync(O);
+			return;
+		}
+		R.reset(), it(!1);
+	}, [
+		R,
+		O,
+		D
+	]), d(() => {
+		if (D) return;
+		let e = Et.current;
+		Et.current = void 0, e !== void 0 && e !== "close" && Ye(null);
+	}, [D]), d(() => {
+		I.current.isOpen && k !== null && (T.some((e) => e.id === k.step.id) || R.sync(null));
+	}, [
+		R,
+		k,
+		T
+	]);
+	let Ot = f(null);
+	Ot.current = M;
+	let z = f(null);
+	z.current = A;
+	let kt = f(null);
+	kt.current = j.target;
+	let B = f(null);
+	d(() => {
+		if (k === null) {
+			B.current?.abort(), B.current = null, I.current.isOpen || (Ze(null), et(!1));
+			return;
+		}
+		B.current?.abort();
+		let e = new AbortController();
+		B.current = e;
+		let t = z.current === null;
+		ye({
+			root: Ot.current ?? k.target ?? H.current,
+			from: t ? void 0 : kt.current,
+			to: k.target,
+			scroll: I.current.settings.scrollIntoView,
+			signal: e.signal,
+			spot: (e, t) => Qe({
+				target: e,
+				move: t
+			}),
+			card: (e) => {
+				if (e === "leave") {
+					et(!0);
+					return;
+				}
+				nt(!1);
+				let t = k.target?.getBoundingClientRect();
+				Tt(t === void 0 || fe({
+					x: t.left,
+					y: t.top,
+					width: t.width,
+					height: t.height
+				}, {
+					width: window.innerWidth,
+					height: window.innerHeight
+				})), Ze(k), et(!1);
+			}
+		});
+	}, [k]), d(() => () => B.current?.abort(), []);
+	let V = f(null), H = f(null), At = f(null), jt = f(null), [Mt, Nt] = p(null), Pt = f(!1);
+	d(() => {
+		let e = ie({
+			present: !1,
+			onStatusChange: ot
+		});
+		return V.current = e, () => {
+			e.destroy(), V.current = null;
+		};
+	}, []);
+	let U = D && A !== null, [Ft, It] = p(!1);
+	d(() => {
+		V.current?.sync(U);
+	}, [U]), d(() => {
+		V.current?.setNode(M);
+	}, [M]), d(() => {
+		if (M === null || !U) {
+			It(!1);
+			return;
+		}
+		let e = requestAnimationFrame(() => It(!0));
+		return () => cancelAnimationFrame(e);
+	}, [M, U]);
+	let Lt = f(null);
+	A !== null && (Lt.current = A);
+	let W = A ?? Lt.current, G = W !== null && (U || at !== "unmounted"), Rt = W?.step.messages, zt = re(() => Rt === void 0 ? v : {
+		...v,
+		...Rt
+	}, [v, Rt]), Bt = e(ae, zt);
+	d(() => {
+		if (!G) {
+			ct(null);
+			return;
+		}
+		let e = Lt.current?.target ?? H.current ?? I.current.steps.map((e) => ve(e.target, document)).find((e) => e !== null) ?? null, t = oe({ origin: e });
+		return At.current = t, ct(t.container), () => {
+			At.current = null, t.release();
+		};
+	}, [G]);
+	let K = W?.target ?? null, q = K !== null && wt, Vt = F.spotlight && j.target !== null;
+	d(() => {
+		if (!G) return;
+		let e = () => xt(he(window));
+		return e(), window.addEventListener("resize", e, { passive: !0 }), () => window.removeEventListener("resize", e);
+	}, [G]);
+	let J = f(() => {}), Y = j.target;
+	d(() => {
+		if (M !== null) {
+			if (Y === null) {
+				Ce(M, null);
+				return;
+			}
+			return Se(Y, {
+				onRect: (e) => {
+					Ce(M, e), Y === z.current?.target && Tt(fe(e, {
+						width: window.innerWidth,
+						height: window.innerHeight
+					}));
+				},
+				onRemoved: () => R.markMissing()
+			});
+		}
+	}, [
+		R,
+		M,
+		Y
+	]);
+	let { alignOffset: Ht, arrowPadding: Ut, collisionPadding: Wt } = F, Gt = F.side, Kt = F.align, qt = F.sideOffset, Jt = W?.step.id;
+	ne(() => {
+		if (N === null) return;
+		if (K === null || !q) {
+			N.style.removeProperty("left"), N.style.removeProperty("top"), N.removeAttribute("data-side"), N.removeAttribute("data-positioned"), J.current = () => {};
+			let e = requestAnimationFrame(() => nt(!0));
+			return () => cancelAnimationFrame(e);
+		}
+		let e = le(K, N, {
+			align: Kt,
+			alignOffset: Ht,
+			boundaryPadding: Wt,
+			side: Gt,
+			sideOffset: qt,
+			strategy: "absolute",
+			...dt ? {
+				arrow: dt,
+				arrowPadding: Ut
+			} : {}
+		});
+		J.current = () => void e.update();
+		let t = !0;
+		return e.update().then(() => {
+			t && requestAnimationFrame(() => t && nt(!0));
+		}), () => {
+			t = !1, e.destroy(), N.removeAttribute("data-positioned"), J.current = () => {};
+		};
+	}, [
+		Kt,
+		q,
+		Ut,
+		dt,
+		Ht,
+		qt,
+		Wt,
+		Gt,
+		Jt,
+		N,
+		K
+	]);
+	let X = F.modal, Yt = F.closeOnEscape, Xt = F.closeOnOutsidePress, Zt = W?.step.interactive === !0 ? K : null;
+	d(() => {
+		if (M === null || N === null || !U) return;
+		let e = ce(M, {
+			back: X,
+			content: N,
+			escape: Yt,
+			modal: X,
+			outsidePress: Xt,
+			scrollLock: !1,
+			onDismiss: (e) => {
+				L(!1, Ve[e.reason], "close", e.source);
+			}
+		});
+		return jt.current = e, Nt(e), () => {
+			jt.current = null, Nt(null), e.destroy();
+		};
+	}, [
+		Yt,
+		X,
+		Xt,
+		L,
+		M,
+		N,
+		U
+	]), d(() => {
+		if (Mt !== null && Zt !== null) return Mt.addBranch(Zt);
+	}, [Zt, Mt]), ne(() => {
+		let e = M?.parentElement ?? null;
+		if (U && Y !== null && e !== null) return _e(e, Y, () => {
+			At.current?.raise(), jt.current?.raise();
+		});
+	}, [
+		M,
+		Y,
+		U
+	]), d(() => {
+		if (M === null || !U || !X) return;
+		let e = a(M, {
+			contain: !0,
+			initial: !1,
+			restore: !1
+		});
+		return () => e.destroy();
+	}, [
+		X,
+		M,
+		U
+	]);
+	let Z = f(null);
+	ne(() => {
+		if (D && H.current === null) {
+			let e = document.activeElement;
+			H.current = e instanceof HTMLElement && e !== document.body ? e : null;
+		}
+	}, [D]), d(() => {
+		if (!U || !Ft || P === null || A === null) return;
+		let e = A.step.id;
+		if (Z.current === e) return;
+		let t = Z.current === null;
+		Z.current = e;
+		let n = document.activeElement, r = n === null || n === document.body || (M?.contains(n) ?? !1), i = !t && Pt.current;
+		if (t || (Pt.current = !1), t ? I.current.settings.autoFocus : r || i) {
+			P.focus({ preventScroll: !0 });
+			return;
+		}
+		if (!t) {
+			let e = A.step.announcement ?? mt?.textContent ?? "";
+			e !== "" && de(document).announce(e);
+		}
+	}, [
+		Ft,
+		P,
+		M,
+		A,
+		mt,
+		U
+	]), d(() => {
+		if (D) return;
+		let e = Z.current !== null;
+		Z.current = null;
+		let t = H.current;
+		if (H.current = null, !e) return;
+		let n = document.activeElement;
+		if (!(n === null || n === document.body || (M?.contains(n) ?? !1))) return;
+		let r = Le(I.current.props.finalFocus, document) ?? t;
+		r?.isConnected && r.focus();
+	}, [D, M]);
+	let Q = W?.step.advanceOn;
+	d(() => {
+		if (!U || K === null || Q === void 0) return;
+		let e = (e) => R.next(Be(e), e);
+		return K.addEventListener(Q, e), () => K.removeEventListener(Q, e);
+	}, [
+		Q,
+		R,
+		K,
+		U
+	]), te(Me, () => ({
+		close: (e = "close") => L(!1, "programmatic", e, void 0),
+		goTo: (e) => R.goTo(e, "programmatic"),
+		next: () => R.next("programmatic"),
+		prev: () => R.prev("programmatic"),
+		reposition: () => J.current(),
+		start: (e) => {
+			e !== void 0 && Dt(e, "programmatic", void 0), L(!0, "programmatic", void 0, void 0);
+		}
+	}), [
+		R,
+		L,
+		Dt
+	]);
+	let Qt = l((e) => {
+		if (!I.current.settings.keyboardNavigation || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
+		let t = e.target instanceof Element ? e.target : null;
+		if (ge(t)) return;
+		let n = be(e.key, t === null ? "ltr" : Re(t));
+		n !== null && (e.preventDefault(), n === "next" ? R.next("keyboard", e) : R.prev("keyboard", e));
+	}, [R]);
+	if (!G || W === null || st === null) return null;
+	let $ = xe(T, W.step.id), $t = {
+		close: (e, t) => {
+			let n = typeof t == "object" && !!t && "dismiss" in t;
+			L(!1, n ? "dismiss" : Ue(t), e, t);
+		},
+		descriptionId: `${Ge}description`,
+		first: $.first,
+		goTo: (e) => R.goTo(e, "programmatic"),
+		hasDescription: vt,
+		hasTitle: gt,
+		last: $.last,
+		missing: W.missing,
+		modal: F.modal,
+		next: (e) => R.next(Ue(e), e),
+		onKeyDown: Qt,
+		pending: rt,
+		position: $.position,
+		press: (e) => ze(e),
+		prev: (e) => R.prev(Ue(e), e),
+		setContentNode: pt,
+		setHasDescription: yt,
+		setHasTitle: _t,
+		setTitleNode: ht,
+		step: W.step,
+		t: Bt,
+		target: W.target,
+		titleId: `${Ge}title`,
+		total: $.total
+	}, en = !F.modal && /* @__PURE__ */ m("span", {
+		"aria-hidden": "true",
+		"data-part": "focus-guard",
+		"data-part-focus-guard": "",
+		onFocus: () => {
+			let e = null;
+			K instanceof HTMLElement && (e = o(K)[0] ?? (K.tabIndex >= 0 ? K : null)), (e ?? P)?.focus();
+		},
+		tabIndex: 0
+	}), tn = /* @__PURE__ */ h("div", {
+		"data-align": q ? F.align : void 0,
+		"data-compact": Ct ? "" : void 0,
+		"data-missing": W.missing ? "" : void 0,
+		"data-modal": F.modal ? "" : void 0,
+		"data-open": U && Ft ? "" : void 0,
+		"data-part": "root",
+		"data-part-root": "",
+		"data-placement": q ? "anchored" : "centered",
+		"data-size": F.size,
+		"data-spot": j.move,
+		"data-spotlight": Vt ? "" : void 0,
+		"data-ui": "tour",
+		"data-ui-tour": "",
+		ref: lt,
+		children: [(F.modal || Vt) && /* @__PURE__ */ m("div", {
+			"aria-hidden": "true",
+			"data-part": "backdrop",
+			"data-part-backdrop": "",
+			children: Vt && /* @__PURE__ */ m("div", {
+				"data-part": "spotlight",
+				"data-part-spotlight": ""
+			})
+		}), /* @__PURE__ */ h("div", {
+			"data-leaving": $e ? "" : void 0,
+			"data-part": "surface",
+			"data-part-surface": "",
+			"data-placement": q ? "anchored" : "centered",
+			"data-ready": tt ? "" : void 0,
+			ref: ut,
+			children: [
+				en,
+				q && F.arrow && /* @__PURE__ */ m("div", {
+					"data-part": "arrow",
+					"data-part-arrow": "",
+					ref: ft
+				}),
+				se ?? /* @__PURE__ */ m(We, {}),
+				en
+			]
+		})]
+	});
+	return /* @__PURE__ */ m(Ie.Provider, {
+		value: $t,
+		children: ue(tn, st)
+	});
+}
+function Ue(e) {
+	return e instanceof Event ? Be(e) : typeof e == "object" && e && "detail" in e ? ze(e) : "programmatic";
+}
+function We() {
+	return /* @__PURE__ */ h(ke, { children: [
+		/* @__PURE__ */ m(v, {}),
+		/* @__PURE__ */ h(Ae, { children: [/* @__PURE__ */ m(je, {}), /* @__PURE__ */ m(y, {})] }),
+		/* @__PURE__ */ m(b, {}),
+		/* @__PURE__ */ m(x, {}),
+		/* @__PURE__ */ m(Me, {}),
+		/* @__PURE__ */ h(Ne, { children: [
+			/* @__PURE__ */ m(Pe, {}),
+			/* @__PURE__ */ m(C, {}),
+			/* @__PURE__ */ m(Fe, {})
+		] })
+	] });
+}
+//#endregion
+export { Ee as _, ke as a, Ae as c, C as d, je as f, De as g, we as h, y as i, v as l, b as m, T as n, x as o, Pe as p, Me as r, Ne as s, He as t, Fe as u };