@slotted/react 0.1.0-beta.2 → 0.1.0-beta.3

package/dist/{tour-C11DmYTC.js → tour-BTdt716T.js}

@@ -1,20 +1,20 @@
-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 { n as e, t } from "./icon-T9Yt4tnm.js";
+import { r as n } from "./i18n-DpW8lqJ1.js";
+import { n as r } from "./icon-button-CCWkCDMs.js";
+import { createFocusScope as i, tabbables as a } from "@slotted/core/focus";
+import { createControllable as o } from "@slotted/core/state";
+import { createContext as s, useCallback as c, useContext as l, useEffect as u, useId as ee, useImperativeHandle as te, useLayoutEffect as ne, useMemo as re, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } 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";
+import { createPortal as le } from "react-dom";
+import { tourMessages as ue } from "@slotted/core/i18n";
+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 Ce = e(), we = {
+var we = {
 	align: "center",
 	alignOffset: 0,
 	arrow: !0,
@@ -33,18 +33,18 @@ var Ce = e(), we = {
 	size: "md",
 	spotlight: !0,
 	targetTimeout: 0
-}, Te = c(we);
+}, Te = s(we);
 function Ee() {
-	return u(Te);
+	return l(Te);
 }
 function De({ children: e, container: t, ...n }) {
 	let r = {
 		...Ee(),
 		...Oe(n)
 	};
-	return d(() => {
+	return u(() => {
 		if (t !== void 0) return oe(t), () => oe(null);
-	}, [t]), /* @__PURE__ */ m(Te.Provider, {
+	}, [t]), /* @__PURE__ */ p(Te.Provider, {
 		value: r,
 		children: e
 	});
@@ -55,17 +55,17 @@ function Oe(e) {
 }
 //#endregion
 //#region src/tour/tour-parts.tsx
-function g(e, t) {
+function h(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
 }
-function _(e, ...t) {
+function g(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);
+	let i = w(), a = c((e) => {
+		i.setContentNode(e), g(e, t);
 	}, [t, i.setContentNode]), o = {
 		...r,
 		children: e,
@@ -73,11 +73,11 @@ function ke({ children: e, ref: t, render: n, ...r }) {
 		...i.hasDescription ? { "aria-describedby": i.descriptionId } : {},
 		...i.modal ? { "aria-modal": !0 } : {},
 		"data-part": "content",
-		onKeyDown: g(r.onKeyDown, (e) => i.onKeyDown(e.nativeEvent)),
+		onKeyDown: h(r.onKeyDown, (e) => i.onKeyDown(e.nativeEvent)),
 		role: r.role ?? "dialog",
 		tabIndex: -1
 	};
-	return n === void 0 ? /* @__PURE__ */ m("div", {
+	return n === void 0 ? /* @__PURE__ */ p("div", {
 		...o,
 		ref: a
 	}) : n({
@@ -85,38 +85,38 @@ function ke({ children: e, ref: t, render: n, ...r }) {
 		ref: a
 	});
 }
-function v({ children: e, ref: t, render: n, ...r }) {
-	let i = T(), a = e ?? i.step.media;
+function Ae({ children: e, ref: t, render: n, ...r }) {
+	let i = w(), 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", {
+	return n === void 0 ? /* @__PURE__ */ p("div", {
 		...o,
 		ref: t
 	}) : n({
 		...o,
-		ref: (e) => _(e, t)
+		ref: (e) => g(e, t)
 	});
 }
-function Ae({ children: e, ref: t, render: n, ...r }) {
+function _({ children: e, ref: t, render: n, ...r }) {
 	let i = {
 		...r,
 		children: e,
 		"data-part": "header"
 	};
-	return n === void 0 ? /* @__PURE__ */ m("div", {
+	return n === void 0 ? /* @__PURE__ */ p("div", {
 		...i,
 		ref: t
 	}) : n({
 		...i,
-		ref: (e) => _(e, t)
+		ref: (e) => g(e, t)
 	});
 }
-function y({ children: e, ref: t, render: n, ...r }) {
-	let i = T();
+function je({ children: e, ref: t, render: n, ...r }) {
+	let i = w();
 	if (e === void 0 && i.total <= 1) return null;
 	let a = {
 		...r,
@@ -126,122 +126,122 @@ function y({ children: e, ref: t, render: n, ...r }) {
 		}),
 		"data-part": "progress"
 	};
-	return n === void 0 ? /* @__PURE__ */ m("p", {
+	return n === void 0 ? /* @__PURE__ */ p("p", {
 		...a,
 		ref: t
 	}) : n({
 		...a,
-		ref: (e) => _(e, t)
+		ref: (e) => g(e, t)
 	});
 }
-function b({ children: e, onClick: r, ref: i, render: a, ...o }) {
-	let s = T();
+function v({ children: n, onClick: r, ref: i, render: a, ...o }) {
+	let s = w();
 	if (s.step.actions?.close === !1) return null;
 	let c = {
 		"aria-label": s.t("close"),
 		...o,
-		children: e ?? /* @__PURE__ */ m(n, {
+		children: n ?? /* @__PURE__ */ p(t, {
 			size: "sm",
-			children: /* @__PURE__ */ m(t, { name: "x" })
+			children: /* @__PURE__ */ p(e, { name: "x" })
 		}),
 		"data-part": "close",
-		onClick: g(r, (e) => s.close("close", {
+		onClick: h(r, (e) => s.close("close", {
 			detail: e.detail,
 			dismiss: !0
 		})),
 		type: "button"
 	};
-	return a === void 0 ? /* @__PURE__ */ m("button", {
+	return a === void 0 ? /* @__PURE__ */ p("button", {
 		...c,
 		ref: i
 	}) : a({
 		...c,
-		ref: (e) => _(e, i)
+		ref: (e) => g(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);
+function y({ children: e, ref: t, render: n, ...r }) {
+	let i = w(), a = e ?? i.step.title, o = a != null && a !== !1;
+	u(() => (i.setHasTitle(o), () => i.setHasTitle(!1)), [o, i.setHasTitle]);
+	let s = c((e) => {
+		i.setTitleNode(e), g(e, t);
 	}, [t, i.setTitleNode]);
 	if (!o) return null;
-	let c = {
+	let l = {
 		...r,
 		children: a,
 		"data-part": "title",
 		id: i.titleId
 	};
-	return n === void 0 ? /* @__PURE__ */ m("h2", {
-		...c,
+	return n === void 0 ? /* @__PURE__ */ p("h2", {
+		...l,
 		ref: s
 	}) : n({
-		...c,
+		...l,
 		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;
+function b({ children: e, ref: t, render: n, ...r }) {
+	let i = w(), a = e ?? i.step.description, o = a != null && a !== !1;
+	if (u(() => (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", {
+	return n === void 0 ? /* @__PURE__ */ p("p", {
 		...s,
 		ref: t
 	}) : n({
 		...s,
-		ref: (e) => _(e, t)
+		ref: (e) => g(e, t)
 	});
 }
-function C({ children: e, ref: t, render: n, ...r }) {
-	let i = T(), a = e ?? i.step.content;
+function x({ children: e, ref: t, render: n, ...r }) {
+	let i = w(), 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", {
+	return n === void 0 ? /* @__PURE__ */ p("div", {
 		...o,
 		ref: t
 	}) : n({
 		...o,
-		ref: (e) => _(e, t)
+		ref: (e) => g(e, t)
 	});
 }
-function je({ children: e, ref: t, render: n, ...r }) {
+function S({ children: e, ref: t, render: n, ...r }) {
 	let i = {
 		...r,
 		children: e,
 		"data-part": "footer"
 	};
-	return n === void 0 ? /* @__PURE__ */ m("div", {
+	return n === void 0 ? /* @__PURE__ */ p("div", {
 		...i,
 		ref: t
 	}) : n({
 		...i,
-		ref: (e) => _(e, t)
+		ref: (e) => g(e, t)
 	});
 }
-function w(e, t, n, r, a, o = {}) {
+function C(e, t, n, i, a, o = {}) {
 	let { children: s, onClick: c, render: l, ...u } = n;
-	return /* @__PURE__ */ m(i, {
+	return /* @__PURE__ */ p(r, {
 		...u,
 		...o.loading === void 0 ? {} : { loading: o.loading },
 		...o.loadingMessage === void 0 ? {} : { messages: { loading: o.loadingMessage } },
-		onClick: g(c, r),
+		onClick: h(c, i),
 		render: ({ ref: t, ...n }) => {
 			let r = {
 				...n,
 				"data-part": e,
 				...o.last ? { "data-last": "" } : {},
-				ref: (e) => _(e, t)
+				ref: (e) => g(e, t)
 			};
-			return l === void 0 ? /* @__PURE__ */ m("button", { ...r }) : l(r);
+			return l === void 0 ? /* @__PURE__ */ p("button", { ...r }) : l(r);
 		},
 		size: "sm",
 		tone: a.tone,
@@ -250,22 +250,22 @@ function w(e, t, n, r, a, o = {}) {
 	});
 }
 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 }), {
+	let t = w();
+	return t.step.actions?.skip ?? (!t.last && t.total > 1) ? C("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 }), {
+	let t = w();
+	return t.step.actions?.prev ?? !t.first ? C("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 }), {
+	let t = w();
+	return t.step.actions?.next ?? t.step.advanceOn === void 0 ? C("next", t.t(t.last ? "done" : "next"), e, (e) => t.next({ detail: e.detail }), {
 		tone: "accent",
 		variant: "solid"
 	}, {
@@ -276,14 +276,14 @@ function Pe(e) {
 }
 //#endregion
 //#region src/tour/tour.tsx
-var Fe = c(void 0);
-function T() {
-	let e = u(Fe);
+var Fe = s(void 0);
+function w() {
+	let e = l(Fe);
 	if (e === void 0) throw Error("Every Tour part has to be inside a Tour.");
 	return e;
 }
-function E() {
-	return T();
+function T() {
+	return w();
 }
 function Ie(e, t) {
 	return e === void 0 ? null : typeof e == "string" ? t.querySelector(e) : e instanceof Element ? e : e.current ?? null;
@@ -305,34 +305,34 @@ var Be = {
 	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({
+function E(e) {
+	let { align: t, alignOffset: r, arrow: s, arrowPadding: l, autoFocus: oe, children: we, closeOnEscape: Te, closeOnOutsidePress: De, collisionPadding: Oe, defaultOpen: h, defaultStep: g, keyboardNavigation: ke, layout: Ae, messages: _, missing: je, modal: v, onOpenChange: y, onStepChange: b, open: x, ref: S, scrollIntoView: C, side: Me, sideOffset: Ne, size: Pe, spotlight: w, step: T, steps: E, targetTimeout: Ue } = e, D = Ee(), We = ee(), [Ge, Ke] = f(h ?? !1), [qe, Je] = f(g ?? null), O = x ?? Ge, k = T === void 0 ? qe : T, [A, Ye] = f(null), [j, Xe] = f(null), [M, Ze] = f({
 		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 = {
+	}), [Qe, $e] = f(!1), [et, tt] = f(!1), [nt, rt] = f(!1), [it, at] = f("unmounted"), [ot, st] = f(null), [N, ct] = f(null), [P, lt] = f(null), [ut, dt] = f(null), [F, ft] = f(null), [pt, mt] = f(null), [ht, gt] = f(!1), [_t, vt] = f(!1), [yt, bt] = f(!1), xt = Ae ?? D.layout, St = xt === "compact" || xt === "auto" && yt, [Ct, wt] = f(!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({
+		alignOffset: r ?? D.alignOffset,
+		arrow: s ?? D.arrow,
+		arrowPadding: l ?? D.arrowPadding,
+		autoFocus: oe ?? D.autoFocus,
+		closeOnEscape: Te ?? D.closeOnEscape,
+		closeOnOutsidePress: De ?? D.closeOnOutsidePress,
+		collisionPadding: Oe ?? D.collisionPadding,
+		keyboardNavigation: ke ?? D.keyboardNavigation,
+		missing: je ?? D.missing,
+		modal: (v ?? D.modal) && j?.step.interactive !== !0,
+		scrollIntoView: C ?? D.scrollIntoView,
+		side: pe(j?.step.side ?? Me ?? D.side, St),
+		sideOffset: Ne ?? D.sideOffset,
+		size: Pe ?? D.size,
+		spotlight: j?.step.spotlight ?? w ?? D.spotlight,
+		targetTimeout: Ue ?? D.targetTimeout
+	}, L = d({
 		currentId: k,
 		isOpen: O,
-		onOpenChange: b,
-		onStepChange: x,
-		open: S,
+		onOpenChange: y,
+		onStepChange: b,
+		open: x,
 		props: e,
 		settings: I,
 		step: T,
@@ -341,18 +341,18 @@ function Ve(e) {
 	L.current = {
 		currentId: k,
 		isOpen: O,
-		onOpenChange: b,
-		onStepChange: x,
-		open: S,
+		onOpenChange: y,
+		onStepChange: b,
+		open: x,
 		props: e,
 		settings: I,
 		step: T,
 		steps: E
 	};
-	let Tt = f(void 0), R = l((e, t, n, r) => {
+	let Tt = d(void 0), R = c((e, t, n, r) => {
 		let i = L.current;
 		if (e === i.isOpen) return;
-		let a = !1, o = s({
+		let a = !1, s = o({
 			controlled: i.open,
 			initial: i.isOpen,
 			onRequest: (e) => {
@@ -369,14 +369,14 @@ function Ve(e) {
 				}), a = e.cancelled;
 			}
 		}).request(e, t, r);
-		a || (e || (Tt.current = n), o && Ke(e));
-	}, []), Et = l((e, t, n) => {
+		a || (e || (Tt.current = n), s && Ke(e));
+	}, []), Et = c((e, t, n) => {
 		let r = L.current;
 		if (e === r.currentId) {
 			z.sync(e);
 			return;
 		}
-		let i = !1, a = s({
+		let i = !1, a = o({
 			controlled: r.step,
 			initial: r.currentId,
 			onRequest: (e) => {
@@ -393,7 +393,7 @@ function Ve(e) {
 			}
 		}).request(e, t, n);
 		!i && a && Je(e);
-	}, []), [z] = p(() => pe({
+	}, []), [z] = f(() => me({
 		steps: () => L.current.steps,
 		settings: () => ({
 			missing: L.current.settings.missing,
@@ -410,7 +410,7 @@ function Ve(e) {
 		requestStep: (e, t, n) => Et(e, t, n),
 		requestClose: (e, t, n) => R(!1, t, e, n)
 	}));
-	d(() => () => z.destroy(), [z]), d(() => {
+	u(() => () => z.destroy(), [z]), u(() => {
 		if (O) {
 			z.sync(k);
 			return;
@@ -420,25 +420,25 @@ function Ve(e) {
 		z,
 		k,
 		O
-	]), d(() => {
+	]), u(() => {
 		if (O) return;
 		let e = Tt.current;
 		Tt.current = void 0, e !== void 0 && e !== "close" && Je(null);
-	}, [O]), d(() => {
+	}, [O]), u(() => {
 		L.current.isOpen && A !== null && (E.some((e) => e.id === A.step.id) || z.sync(null));
 	}, [
 		z,
 		A,
 		E
 	]);
-	let Dt = f(null);
+	let Dt = d(null);
 	Dt.current = N;
-	let Ot = f(null);
+	let Ot = d(null);
 	Ot.current = j;
-	let kt = f(null);
+	let kt = d(null);
 	kt.current = M.target;
-	let B = f(null);
-	d(() => {
+	let B = d(null);
+	u(() => {
 		if (A === null) {
 			B.current?.abort(), B.current = null, L.current.isOpen || (Xe(null), $e(!1));
 			return;
@@ -447,7 +447,7 @@ function Ve(e) {
 		let e = new AbortController();
 		B.current = e;
 		let t = Ot.current === null;
-		ve({
+		ye({
 			root: Dt.current ?? A.target ?? H.current,
 			from: t ? void 0 : kt.current,
 			to: A.target,
@@ -464,7 +464,7 @@ function Ve(e) {
 				}
 				tt(!1);
 				let t = A.target?.getBoundingClientRect();
-				wt(t === void 0 || de({
+				wt(t === void 0 || fe({
 					x: t.left,
 					y: t.top,
 					width: t.width,
@@ -475,9 +475,9 @@ function Ve(e) {
 				})), 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(() => {
+	}, [A]), u(() => () => B.current?.abort(), []);
+	let V = d(null), H = d(null), At = d(null), jt = d(null), [Mt, Nt] = f(null), Pt = d(!1);
+	u(() => {
 		let e = ie({
 			present: !1,
 			onStatusChange: at
@@ -486,12 +486,12 @@ function Ve(e) {
 			e.destroy(), V.current = null;
 		};
 	}, []);
-	let U = O && j !== null, [Ft, It] = p(!1);
-	d(() => {
+	let U = O && j !== null, [Ft, It] = f(!1);
+	u(() => {
 		V.current?.sync(U);
-	}, [U]), d(() => {
+	}, [U]), u(() => {
 		V.current?.setNode(N);
-	}, [N]), d(() => {
+	}, [N]), u(() => {
 		if (N === null || !U) {
 			It(!1);
 			return;
@@ -499,38 +499,38 @@ function Ve(e) {
 		let e = requestAnimationFrame(() => It(!0));
 		return () => cancelAnimationFrame(e);
 	}, [N, U]);
-	let Lt = f(null);
+	let Lt = d(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,
+	let W = j ?? Lt.current, G = W !== null && (U || it !== "unmounted"), Rt = W?.step.messages, zt = re(() => Rt === void 0 ? _ : {
+		..._,
 		...Rt
-	}, [v, Rt]), Bt = r(le, zt);
-	d(() => {
+	}, [_, Rt]), Bt = n(ue, zt);
+	u(() => {
 		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 });
+		let e = Lt.current?.target ?? H.current ?? L.current.steps.map((e) => ve(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(() => {
+	u(() => {
 		if (!G) return;
-		let e = () => bt(me(window));
+		let e = () => bt(he(window));
 		return e(), window.addEventListener("resize", e, { passive: !0 }), () => window.removeEventListener("resize", e);
 	}, [G]);
-	let J = f(() => {}), Y = M.target;
-	d(() => {
+	let J = d(() => {}), Y = M.target;
+	u(() => {
 		if (N !== null) {
 			if (Y === null) {
-				Se(N, null);
+				Ce(N, null);
 				return;
 			}
-			return xe(Y, {
+			return Se(Y, {
 				onRect: (e) => {
-					Se(N, e), Y === Ot.current?.target && wt(de(e, {
+					Ce(N, e), Y === Ot.current?.target && wt(fe(e, {
 						width: window.innerWidth,
 						height: window.innerHeight
 					}));
@@ -584,7 +584,7 @@ function Ve(e) {
 		K
 	]);
 	let X = I.modal, Yt = I.closeOnEscape, Xt = I.closeOnOutsidePress, Zt = W?.step.interactive === !0 ? K : null;
-	d(() => {
+	u(() => {
 		if (N === null || P === null || !U) return;
 		let e = se(N, {
 			back: X,
@@ -608,20 +608,20 @@ function Ve(e) {
 		N,
 		P,
 		U
-	]), d(() => {
+	]), u(() => {
 		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, () => {
+		if (U && Y !== null && e !== null) return _e(e, Y, () => {
 			At.current?.raise(), jt.current?.raise();
 		});
 	}, [
 		N,
 		Y,
 		U
-	]), d(() => {
+	]), u(() => {
 		if (N === null || !U || !X) return;
-		let e = a(N, {
+		let e = i(N, {
 			contain: !0,
 			initial: !1,
 			restore: !1
@@ -632,13 +632,13 @@ function Ve(e) {
 		N,
 		U
 	]);
-	let Z = f(null);
+	let Z = d(null);
 	ne(() => {
 		if (O && H.current === null) {
 			let e = document.activeElement;
 			H.current = e instanceof HTMLElement && e !== document.body ? e : null;
 		}
-	}, [O]), d(() => {
+	}, [O]), u(() => {
 		if (!U || !Ft || F === null || j === null) return;
 		let e = j.step.id;
 		if (Z.current === e) return;
@@ -651,7 +651,7 @@ function Ve(e) {
 		}
 		if (!t) {
 			let e = j.step.announcement ?? pt?.textContent ?? "";
-			e !== "" && ue(document).announce(e);
+			e !== "" && de(document).announce(e);
 		}
 	}, [
 		Ft,
@@ -660,7 +660,7 @@ function Ve(e) {
 		j,
 		pt,
 		U
-	]), d(() => {
+	]), u(() => {
 		if (O) return;
 		let e = Z.current !== null;
 		Z.current = null;
@@ -672,7 +672,7 @@ function Ve(e) {
 		r?.isConnected && r.focus();
 	}, [O, N]);
 	let Q = W?.step.advanceOn;
-	d(() => {
+	u(() => {
 		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);
@@ -681,7 +681,7 @@ function Ve(e) {
 		z,
 		K,
 		U
-	]), te(C, () => ({
+	]), te(S, () => ({
 		close: (e = "close") => R(!1, "programmatic", e, void 0),
 		goTo: (e) => z.goTo(e, "programmatic"),
 		next: () => z.next("programmatic"),
@@ -695,18 +695,18 @@ function Ve(e) {
 		R,
 		Et
 	]);
-	let Qt = l((e) => {
+	let Qt = c((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));
+		if (ge(t)) return;
+		let n = be(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 = {
+	let $ = xe(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);
+			R(!1, n ? "dismiss" : Ve(t), e, t);
 		},
 		descriptionId: `${We}description`,
 		first: $.first,
@@ -716,12 +716,12 @@ function Ve(e) {
 		last: $.last,
 		missing: W.missing,
 		modal: I.modal,
-		next: (e) => z.next(He(e), e),
+		next: (e) => z.next(Ve(e), e),
 		onKeyDown: Qt,
 		pending: nt,
 		position: $.position,
 		press: (e) => Re(e),
-		prev: (e) => z.prev(He(e), e),
+		prev: (e) => z.prev(Ve(e), e),
 		setContentNode: ft,
 		setHasDescription: vt,
 		setHasTitle: gt,
@@ -731,15 +731,15 @@ function Ve(e) {
 		target: W.target,
 		titleId: `${We}title`,
 		total: $.total
-	}, en = !I.modal && /* @__PURE__ */ m("span", {
+	}, en = !I.modal && /* @__PURE__ */ p("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();
+			K instanceof HTMLElement && (e = a(K)[0] ?? (K.tabIndex >= 0 ? K : null)), (e ?? F)?.focus();
 		},
 		tabIndex: 0
-	}), tn = /* @__PURE__ */ h("div", {
+	}), tn = /* @__PURE__ */ m("div", {
 		"data-align": q ? I.align : void 0,
 		"data-compact": St ? "" : void 0,
 		"data-missing": W.missing ? "" : void 0,
@@ -752,11 +752,11 @@ function Ve(e) {
 		"data-spotlight": Vt ? "" : void 0,
 		"data-ui": "tour",
 		ref: ct,
-		children: [(I.modal || Vt) && /* @__PURE__ */ m("div", {
+		children: [(I.modal || Vt) && /* @__PURE__ */ p("div", {
 			"aria-hidden": "true",
 			"data-part": "backdrop",
-			children: Vt && /* @__PURE__ */ m("div", { "data-part": "spotlight" })
-		}), /* @__PURE__ */ h("div", {
+			children: Vt && /* @__PURE__ */ p("div", { "data-part": "spotlight" })
+		}), /* @__PURE__ */ m("div", {
 			"data-leaving": Qe ? "" : void 0,
 			"data-part": "surface",
 			"data-placement": q ? "anchored" : "centered",
@@ -764,36 +764,36 @@ function Ve(e) {
 			ref: lt,
 			children: [
 				en,
-				q && I.arrow && /* @__PURE__ */ m("div", {
+				q && I.arrow && /* @__PURE__ */ p("div", {
 					"data-part": "arrow",
 					ref: dt
 				}),
-				oe ?? /* @__PURE__ */ m(Ue, {}),
+				we ?? /* @__PURE__ */ p(He, {}),
 				en
 			]
 		})]
 	});
-	return /* @__PURE__ */ m(Fe.Provider, {
+	return /* @__PURE__ */ p(Fe.Provider, {
 		value: $t,
-		children: (0, Ce.createPortal)(tn, ot)
+		children: le(tn, ot)
 	});
 }
-function He(e) {
+function Ve(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, {})
+function He() {
+	return /* @__PURE__ */ m(ke, { children: [
+		/* @__PURE__ */ p(Ae, {}),
+		/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(je, {}), /* @__PURE__ */ p(v, {})] }),
+		/* @__PURE__ */ p(y, {}),
+		/* @__PURE__ */ p(b, {}),
+		/* @__PURE__ */ p(x, {}),
+		/* @__PURE__ */ m(S, { children: [
+			/* @__PURE__ */ p(Me, {}),
+			/* @__PURE__ */ p(Ne, {}),
+			/* @__PURE__ */ p(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 };
+export { Ee as _, ke as a, _ as c, Ne as d, je as f, De as g, we as h, v as i, Ae as l, y as m, T as n, b as o, Me as p, x as r, S as s, E as t, Pe as u };