@slotted/react 0.0.0-stage → 0.1.0-beta.1

package/dist/tour-C11DmYTC.js

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