@osiloke/chalo 0.1.0

package/dist/chalo.mjs

@@ -0,0 +1,3129 @@
+import { create as e } from "zustand";
+import { createContext as t, createElement as n, forwardRef as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { AnimatePresence as u, motion as d } from "framer-motion";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/zustand@5.0.12_@types+react@19.2.14_react@19.2.4/node_modules/zustand/esm/middleware.mjs
+function h(e, t) {
+	let n;
+	try {
+		n = e();
+	} catch {
+		return;
+	}
+	return {
+		getItem: (e) => {
+			let r = (e) => e === null ? null : JSON.parse(e, t?.reviver), i = n.getItem(e) ?? null;
+			return i instanceof Promise ? i.then(r) : r(i);
+		},
+		setItem: (e, r) => n.setItem(e, JSON.stringify(r, t?.replacer)),
+		removeItem: (e) => n.removeItem(e)
+	};
+}
+var g = (e) => (t) => {
+	try {
+		let n = e(t);
+		return n instanceof Promise ? n : {
+			then(e) {
+				return g(e)(n);
+			},
+			catch(e) {
+				return this;
+			}
+		};
+	} catch (e) {
+		return {
+			then(e) {
+				return this;
+			},
+			catch(t) {
+				return g(t)(e);
+			}
+		};
+	}
+}, _ = (e, t) => (n, r, i) => {
+	let a = {
+		storage: h(() => window.localStorage),
+		partialize: (e) => e,
+		version: 0,
+		merge: (e, t) => ({
+			...t,
+			...e
+		}),
+		...t
+	}, o = !1, s = 0, c = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set(), u = a.storage;
+	if (!u) return e((...e) => {
+		console.warn(`[zustand persist middleware] Unable to update item '${a.name}', the given storage is currently unavailable.`), n(...e);
+	}, r, i);
+	let d = () => {
+		let e = a.partialize({ ...r() });
+		return u.setItem(a.name, {
+			state: e,
+			version: a.version
+		});
+	}, f = i.setState;
+	i.setState = (e, t) => (f(e, t), d());
+	let p = e((...e) => (n(...e), d()), r, i);
+	i.getInitialState = () => p;
+	let m, _ = () => {
+		if (!u) return;
+		let e = ++s;
+		o = !1, c.forEach((e) => e(r() ?? p));
+		let t = a.onRehydrateStorage?.call(a, r() ?? p) || void 0;
+		return g(u.getItem.bind(u))(a.name).then((e) => {
+			if (e) if (typeof e.version == "number" && e.version !== a.version) {
+				if (a.migrate) {
+					let t = a.migrate(e.state, e.version);
+					return t instanceof Promise ? t.then((e) => [!0, e]) : [!0, t];
+				}
+				console.error("State loaded from storage couldn't be migrated since no migrate function was provided");
+			} else return [!1, e.state];
+			return [!1, void 0];
+		}).then((t) => {
+			if (e !== s) return;
+			let [i, o] = t;
+			if (m = a.merge(o, r() ?? p), n(m, !0), i) return d();
+		}).then(() => {
+			e === s && (t?.(r(), void 0), m = r(), o = !0, l.forEach((e) => e(m)));
+		}).catch((n) => {
+			e === s && t?.(void 0, n);
+		});
+	};
+	return i.persist = {
+		setOptions: (e) => {
+			a = {
+				...a,
+				...e
+			}, e.storage && (u = e.storage);
+		},
+		clearStorage: () => {
+			u?.removeItem(a.name);
+		},
+		getOptions: () => a,
+		rehydrate: () => _(),
+		hasHydrated: () => o,
+		onHydrate: (e) => (c.add(e), () => {
+			c.delete(e);
+		}),
+		onFinishHydration: (e) => (l.add(e), () => {
+			l.delete(e);
+		})
+	}, a.skipHydration || _(), m || p;
+}, v = async (e) => {
+	let t = e, n = t.field ? `[data-chalo-field="${t.field}"], #chalo-${t.field}` : t.selector;
+	if (!n) throw Error("Click action requires either \"field\" or \"selector\".");
+	let r = document.querySelector(n);
+	if (!r) throw Error(`Element not found: ${n}`);
+	return r.click(), { clicked: n };
+}, y = async (e) => {
+	let { selector: t, behavior: n = "smooth", field: r } = e, i = r ? `[data-chalo-field="${r}"], #chalo-${r}` : t;
+	if (i) {
+		let e = document.querySelector(i);
+		if (!e) throw Error(`Element not found: ${i}`);
+		return e.scrollIntoView({
+			behavior: n,
+			block: "center"
+		}), e.style.transition = "outline 0.2s", e.style.outline = "3px solid rgba(99, 102, 241, 0.6)", e.style.outlineOffset = "4px", setTimeout(() => {
+			e.style.outline = "none";
+		}, 2e3), { scrolled: i };
+	} else return window.scrollTo({
+		top: document.body.scrollHeight,
+		behavior: n
+	}), { scrolled: "bottom" };
+}, b = async (e, t) => {
+	let { field: n, value: r } = e;
+	t.variables[n] = r;
+	let i = document.querySelector(`[data-chalo-field="${n}"], #chalo-${n}, [name="${n}"], #${n}`);
+	return i && ((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set || Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, "value")?.set)?.call(i, r), i.dispatchEvent(new Event("input", { bubbles: !0 })), i.dispatchEvent(new Event("change", { bubbles: !0 }))), {
+		field: n,
+		value: r
+	};
+}, x = async (e) => {
+	let { url: t, method: n = "GET", headers: r, body: i } = e, a = await fetch(t, {
+		method: n,
+		headers: {
+			"Content-Type": "application/json",
+			...r
+		},
+		body: i ? JSON.stringify(i) : void 0
+	});
+	if (!a.ok) throw Error(`API call failed: ${a.status} ${a.statusText}`);
+	let o = await a.json();
+	return {
+		url: t,
+		status: a.status,
+		data: o
+	};
+}, S = async (e) => {
+	let { durationMs: t } = e;
+	return await new Promise((e) => setTimeout(e, t)), { waited: t };
+}, C = async (e, t) => {
+	let { condition: n } = e;
+	return { conditionMet: T(n, t) };
+}, w = async (e) => {
+	let { path: t } = e;
+	return window.history.pushState({}, "", t), window.dispatchEvent(new PopStateEvent("popstate")), { navigated: t };
+};
+function T(e, t) {
+	if (!e) return !0;
+	switch (e.type) {
+		case "field_value": return e.field ? t.variables[e.field] == e.value : !1;
+		case "field_touched": return e.field ? t.variables[`__touched_${e.field}`] === !0 : !1;
+		case "custom": return e.predicate ? e.predicate(t.variables, t.variables) : !1;
+		default: return !0;
+	}
+}
+var ee = {
+	click: v,
+	scroll: y,
+	fill_field: b,
+	api_call: x,
+	wait: S,
+	conditional: C,
+	navigate: w,
+	custom: async (e, t) => {
+		let { handlerId: n } = e;
+		throw Error(`No handler registered for custom action: ${n}`);
+	}
+};
+async function E(e, t) {
+	let n = t?.maxAttempts ?? 1, r = t?.delayMs ?? 1e3, i = t?.backoff ?? "fixed", a = null;
+	for (let t = 1; t <= n; t++) try {
+		return {
+			result: await e(),
+			attempts: t
+		};
+	} catch (e) {
+		if (a = e, t < n) {
+			let e = i === "exponential" ? r * 2 ** (t - 1) : r;
+			await new Promise((t) => setTimeout(t, e));
+		}
+	}
+	throw a;
+}
+function te(e) {
+	let t = new Map(e.map((e) => [e.id, e])), n = /* @__PURE__ */ new Set(), r = [];
+	function i(e) {
+		if (n.has(e)) return;
+		n.add(e);
+		let a = t.get(e);
+		a && (a.dependsOn?.forEach((e) => i(e)), r.push(a));
+	}
+	return e.forEach((e) => i(e.id)), r;
+}
+var D = new class {
+	handlers = new Map(Object.entries(ee));
+	abortController = null;
+	registerHandler(e, t) {
+		this.handlers.set(e, t);
+	}
+	getHandler(e) {
+		return this.handlers.get(e);
+	}
+	async executeAction(e, t) {
+		if (e.condition && !T(e.condition, t)) return {
+			id: e.id,
+			status: "skipped",
+			attempts: 0
+		};
+		if (e.dependsOn?.length) {
+			let n = e.dependsOn.filter((e) => t.results[e]?.status === "failed" || t.results[e]?.status === "cancelled");
+			if (n.length > 0) return {
+				id: e.id,
+				status: "skipped",
+				attempts: 0,
+				error: `Dependencies failed: ${n.join(", ")}`
+			};
+		}
+		let n = this.handlers.get(e.type);
+		if (!n) return {
+			id: e.id,
+			status: "failed",
+			attempts: 0,
+			error: `No handler for action type: ${e.type}`
+		};
+		t.currentActionId = e.id;
+		let r = {
+			id: e.id,
+			status: "running",
+			attempts: 0,
+			startedAt: Date.now()
+		};
+		try {
+			let { result: i, attempts: a } = await E(() => n(e.config, t), e.retry);
+			r.status = "success", r.data = i, r.attempts = a, r.completedAt = Date.now();
+		} catch (t) {
+			r.status = "failed", r.error = t.message, r.attempts = e.retry?.maxAttempts ?? 1, r.completedAt = Date.now();
+		}
+		return t.results[e.id] = r, t.currentActionId = null, r;
+	}
+	async executeSequence(e, t, n) {
+		this.abortController = new AbortController();
+		let r = te(e);
+		for (let e of r) {
+			if (this.abortController.signal.aborted) {
+				r.filter((e) => !t.results[e.id]).forEach((e) => {
+					t.results[e.id] = {
+						id: e.id,
+						status: "cancelled",
+						attempts: 0
+					};
+				});
+				break;
+			}
+			await this.executeAction(e, t), n?.({ ...t.results });
+		}
+		return this.abortController = null, t.results;
+	}
+	cancel() {
+		this.abortController?.abort();
+	}
+}(), ne = {
+	activeMissionId: null,
+	currentStepId: null,
+	missionProgress: 0,
+	fieldValues: {},
+	fieldStates: {},
+	missions: {},
+	interactionHistory: [],
+	tourHistory: {},
+	completedMissions: [],
+	executionContext: {
+		results: {},
+		variables: {},
+		isRunning: !1,
+		currentActionId: null
+	},
+	isPaused: !1,
+	isCompleted: !1,
+	error: null
+}, O = e()(_((e, t) => ({
+	...ne,
+	registerMission: (t) => {
+		e((e) => ({ missions: {
+			...e.missions,
+			[t.id]: t
+		} }));
+	},
+	startMission: (n) => {
+		let { missions: r } = t(), i = r[n];
+		if (!i) {
+			console.error(`Mission "${n}" not found in registry.`), e({ error: `Mission "${n}" not found in registry.` });
+			return;
+		}
+		e({
+			activeMissionId: i.id,
+			currentStepId: i.steps[0]?.id || null,
+			missionProgress: 0,
+			fieldValues: {},
+			fieldStates: {},
+			interactionHistory: [],
+			isPaused: !1,
+			isCompleted: !1,
+			error: null
+		});
+	},
+	pauseMission: () => e({ isPaused: !0 }),
+	resumeMission: () => e({ isPaused: !1 }),
+	completeMission: () => e({
+		isCompleted: !0,
+		activeMissionId: null,
+		currentStepId: null
+	}),
+	goToStep: (n) => {
+		let { activeMissionId: r } = t();
+		r && e({ currentStepId: n });
+	},
+	nextStep: () => {},
+	prevStep: () => {},
+	updateField: (n, r, i = "idle") => {
+		let { fieldValues: a, fieldStates: o } = t();
+		a[n] === r && o[n] === i || e((e) => ({
+			fieldValues: {
+				...e.fieldValues,
+				[n]: r
+			},
+			fieldStates: {
+				...e.fieldStates,
+				[n]: i
+			}
+		}));
+	},
+	addInteraction: (t, n) => {
+		e((e) => ({ interactionHistory: [...e.interactionHistory.filter((e) => e.stepId !== t), {
+			stepId: t,
+			actionText: n,
+			timestamp: Date.now()
+		}] }));
+	},
+	recordTourEntry: (t, n, r) => {
+		e((e) => ({ tourHistory: {
+			...e.tourHistory,
+			[t]: {
+				missionId: t,
+				lastStepId: n,
+				completed: r,
+				lastAccessed: Date.now()
+			}
+		} }));
+	},
+	resetMission: () => {
+		e({
+			activeMissionId: null,
+			currentStepId: null,
+			missionProgress: 0,
+			fieldValues: {},
+			fieldStates: {},
+			interactionHistory: [],
+			executionContext: {
+				results: {},
+				variables: {},
+				isRunning: !1,
+				currentActionId: null
+			},
+			isPaused: !1,
+			isCompleted: !1,
+			error: null
+		});
+	},
+	dismissAllTours: () => {
+		e((e) => ({ tourHistory: Object.fromEntries(Object.entries(e.tourHistory).map(([e, t]) => [e, {
+			...t,
+			completed: !0
+		}])) }));
+	},
+	markMissionCompleted: (n) => {
+		let { missions: r } = t();
+		if (!r[n]?.allowCompletion) {
+			console.warn(`Mission "${n}" does not allow completion. Set allowCompletion: true on the mission.`);
+			return;
+		}
+		e((e) => ({ completedMissions: e.completedMissions.includes(n) ? e.completedMissions : [...e.completedMissions, n] }));
+	},
+	registerActionHandler: (e, t) => {
+		D.registerHandler(e, t);
+	},
+	executeAction: async (n) => {
+		let { executionContext: r } = t();
+		e((e) => ({ executionContext: {
+			...e.executionContext,
+			isRunning: !0
+		} }));
+		let i = await D.executeAction(n, r);
+		return e((e) => ({ executionContext: {
+			...e.executionContext,
+			...r,
+			isRunning: !1
+		} })), i;
+	},
+	executeActionSequence: async (n, r) => {
+		let { executionContext: i, addInteraction: a } = t();
+		i.results = {}, i.variables = {}, i.isRunning = !0, e((e) => ({ executionContext: {
+			...e.executionContext,
+			...i
+		} }));
+		let o = await D.executeSequence(n, i, (t) => {
+			if (e((e) => ({ executionContext: {
+				...e.executionContext,
+				results: t,
+				isRunning: !0
+			} })), r) {
+				let e = Object.values(t).filter((e) => e.status === "success").length;
+				a(r, `Action progress: ${e}/${n.length} completed`);
+			}
+		});
+		return e((e) => ({ executionContext: {
+			...e.executionContext,
+			results: o,
+			isRunning: !1,
+			currentActionId: null
+		} })), o;
+	},
+	cancelExecution: () => {
+		D.cancel(), e((e) => ({ executionContext: {
+			...e.executionContext,
+			isRunning: !1,
+			currentActionId: null
+		} }));
+	},
+	reset: () => e(ne),
+	setError: (t) => e({ error: t })
+}), {
+	name: "chalo-storage",
+	storage: h(() => localStorage),
+	partialize: (e) => ({
+		activeMissionId: e.activeMissionId,
+		currentStepId: e.currentStepId,
+		fieldValues: e.fieldValues,
+		interactionHistory: e.interactionHistory,
+		tourHistory: e.tourHistory,
+		completedMissions: e.completedMissions,
+		isPaused: e.isPaused,
+		isCompleted: e.isCompleted
+	})
+}));
+//#endregion
+//#region src/hooks/use-chalo.ts
+function k(e) {
+	return e ? (e, t) => {
+		console.debug(`%c[use-chalo] %c${e}`, "color: #8b5cf6; font-weight: bold;", "color: #a78bfa;", t === void 0 ? "" : t);
+	} : () => {};
+}
+function A(e = {}) {
+	let { form: t, onMissionComplete: n, onStepChange: r, debug: a = !1 } = e, l = s(() => k(a), [a]), u = O((e) => e.activeMissionId), d = O((e) => e.currentStepId), f = O((e) => e.isCompleted), p = O((e) => e.isPaused), m = O((e) => e.missions), h = O((e) => e.fieldValues), g = O((e) => e.fieldStates), _ = O((e) => e.interactionHistory), v = O((e) => e.updateField), y = i((e, t, n) => {
+		l("updateField", {
+			name: e,
+			status: n
+		}), v(e, t, n);
+	}, [v, l]), b = O((e) => e.startMission), x = O((e) => e.pauseMission), S = i(() => {
+		l("pauseMission"), x();
+	}, [x, l]), C = O((e) => e.resumeMission), w = i(() => {
+		l("resumeMission"), C();
+	}, [C, l]), T = O((e) => e.completeMission), ee = i(() => {
+		l("completeMission"), T();
+	}, [T, l]), E = O((e) => e.goToStep), te = i((e) => {
+		l("goToStep", { stepId: e }), E(e);
+	}, [E, l]), D = O((e) => e.reset), ne = i(() => {
+		l("reset"), D();
+	}, [D, l]), A = O((e) => e.resetMission), re = i(() => {
+		l("resetMission"), A();
+	}, [A, l]), ie = O((e) => e.dismissAllTours), j = i(() => {
+		l("dismissAllTours"), ie();
+	}, [ie, l]), ae = O((e) => e.markMissionCompleted), oe = i((e) => {
+		l("markMissionCompleted", { missionId: e }), ae(e);
+	}, [ae, l]), se = O((e) => e.registerActionHandler), ce = i((e, t) => {
+		l("registerActionHandler", { type: e }), se(e, t);
+	}, [se, l]), M = O((e) => e.executeAction), N = i((e) => (l("executeAction", { type: e.type }), M(e)), [M, l]), P = O((e) => e.executeActionSequence), le = i((e, t) => (l("executeActionSequence", {
+		stepId: t,
+		count: e.length
+	}), P(e, t)), [P, l]), F = O((e) => e.cancelExecution), ue = i(() => {
+		l("cancelExecution"), F();
+	}, [F, l]), I = O((e) => e.addInteraction), L = i((e, t) => {
+		l("addInteraction", {
+			stepId: e,
+			actionText: t
+		}), I(e, t);
+	}, [I, l]), R = O((e) => e.registerMission), de = i((e) => {
+		l("registerMission", { missionId: e.id }), R(e);
+	}, [R, l]), z = O((e) => e.recordTourEntry), fe = i((e, t, n) => {
+		l("recordTourEntry", {
+			missionId: e,
+			stepId: t,
+			completed: n
+		}), z(e, t, n);
+	}, [z, l]), pe = O((e) => e.completedMissions), me = O((e) => e.executionContext), he = O((e) => e.tourHistory), ge = i((e) => {
+		l("startMission", { missionId: e }), z(e, "", !1), b(e);
+	}, [
+		b,
+		z,
+		l
+	]), _e = s(() => t?.formState.errors || {}, [t?.formState.errors]), ve = i((e) => m[e] || void 0, [m]), B = s(() => u && ve(u) || null, [u, ve]), V = s(() => !B || !d ? null : B.steps.find((e) => e.id === d) || null, [B, d]), H = c({}), U = c(/* @__PURE__ */ new Set());
+	o(() => {
+		if (!t || !u) return;
+		let e = t.watch((e, { name: t }) => {
+			if (t) {
+				let n = e[t];
+				U.current.add(t), y(t, n);
+			} else Object.entries(e).forEach(([e, t]) => {
+				U.current.add(e), y(e, t);
+			});
+		});
+		return () => e.unsubscribe();
+	}, [
+		t,
+		u,
+		y
+	]), o(() => {
+		!t || !u || Object.entries(h).forEach(([e, n]) => {
+			if (U.current.has(e)) {
+				U.current.delete(e), H.current[e] = n;
+				return;
+			}
+			if (H.current[e] !== n) {
+				try {
+					t.setValue(e, n, {
+						shouldValidate: !0,
+						shouldDirty: !0,
+						shouldTouch: !0
+					});
+				} catch {}
+				H.current[e] = n;
+			}
+		});
+	}, [
+		h,
+		t,
+		u
+	]), o(() => {
+		if (V?.targetField && t) {
+			let e = h[V.targetField];
+			if (e !== void 0) try {
+				t.setValue(V.targetField, e);
+			} catch {}
+			setTimeout(() => {
+				t.setFocus(V.targetField);
+			}, 100);
+		}
+		if (V?.waitFor?.type === "custom" && V.targetElement) {
+			let e = document.querySelector(V.targetElement);
+			e && e.removeAttribute("data-clicked");
+		}
+		r && d && r(d);
+	}, [
+		d,
+		V,
+		t,
+		r,
+		h
+	]);
+	let ye = c(/* @__PURE__ */ new Set());
+	o(() => {
+		ye.current.clear();
+	}, [u]), o(() => {
+		f && u && n && n(u);
+	}, [
+		f,
+		u,
+		n
+	]);
+	let be = s(() => {
+		if (!B || !d) return 0;
+		let e = B.steps.findIndex((e) => e.id === d);
+		return e === -1 ? 0 : Math.round((e + 1) / B.steps.length * 100);
+	}, [B, d]), xe = i((e) => {
+		if (!e) return !0;
+		switch (e.type) {
+			case "field_value": return e.field ? h[e.field] == e.value : !1;
+			case "field_touched": return e.field ? (g[e.field] || "idle") !== "idle" : !1;
+			case "custom": return e.predicate ? e.predicate(h, t?.getValues()) : !1;
+			default: return !0;
+		}
+	}, [
+		h,
+		g,
+		t
+	]), Se = i(() => {
+		if (!B || !d) return;
+		let e = B.steps, t = e.findIndex((e) => e.id === d);
+		t < e.length - 1 ? (l("nextStep", {
+			missionId: B.id,
+			stepId: e[t + 1].id
+		}), z(B.id, e[t + 1].id, !1), E(e[t + 1].id)) : (l("nextStep", {
+			missionId: B.id,
+			completing: !0
+		}), z(B.id, d, !0), T());
+	}, [
+		B,
+		d,
+		l,
+		z,
+		E,
+		T
+	]), Ce = i(() => {
+		if (!B || !d) return;
+		let e = B.steps, t = e.findIndex((e) => e.id === d);
+		t > 0 && (l("prevStep", { stepId: e[t - 1].id }), E(e[t - 1].id));
+	}, [
+		B,
+		d,
+		l,
+		E
+	]);
+	o(() => {
+		!V?.actionSequence || !d || ye.current.has(d) || V.condition && !xe(V.condition) || (ye.current.add(d), le(V.actionSequence, d));
+	}, [
+		d,
+		V?.actionSequence,
+		V?.condition,
+		le,
+		xe
+	]);
+	let we = c(/* @__PURE__ */ new Set()), W = c(null), Te = c(Se);
+	o(() => {
+		Te.current = Se;
+	}, [Se]), o(() => {
+		if (W.current &&= (clearTimeout(W.current), null), !V?.waitFor) {
+			we.current.clear();
+			return;
+		}
+		if (we.current.has(V.id)) return;
+		let e = setInterval(() => {
+			xe(V.waitFor) && (we.current.add(V.id), clearInterval(e), W.current = setTimeout(() => {
+				Te.current(), W.current = null;
+			}, 600));
+		}, 300);
+		return () => {
+			clearInterval(e), W.current &&= (clearTimeout(W.current), null);
+		};
+	}, [
+		V?.id,
+		V?.waitFor,
+		xe
+	]);
+	let Ee = i((e, n) => {
+		if (l("fillField", { name: e }), U.current.add(e), v(e, n, "valid"), t) try {
+			t.setValue(e, n, {
+				shouldValidate: !0,
+				shouldDirty: !0,
+				shouldTouch: !0
+			});
+		} catch {}
+	}, [t, l]);
+	return {
+		activeMissionId: u,
+		currentStepId: d,
+		isCompleted: f,
+		isPaused: p,
+		missions: m,
+		fieldValues: h,
+		fieldStates: g,
+		interactionHistory: _,
+		startMission: ge,
+		pauseMission: S,
+		resumeMission: w,
+		completeMission: ee,
+		goToStep: te,
+		reset: ne,
+		resetMission: re,
+		dismissAllTours: j,
+		markMissionCompleted: oe,
+		completedMissions: pe,
+		executionContext: me,
+		registerActionHandler: ce,
+		executeAction: N,
+		executeActionSequence: le,
+		cancelExecution: ue,
+		addInteraction: L,
+		registerMission: de,
+		activeMission: B,
+		currentStep: V,
+		missionProgress: be,
+		fieldErrors: _e,
+		nextStep: Se,
+		prevStep: Ce,
+		registerField: i((e, n) => {
+			if (l("registerField", { name: e }), h[e] !== void 0 && t) try {
+				t.setValue(e, h[e]);
+			} catch {}
+			let r = `chalo-${String(e)}`;
+			if (!t) return {
+				id: r,
+				name: e,
+				"data-chalo-field": String(e),
+				onChange: (t) => v(e, t.target.value),
+				onFocus: () => v(e, h[e], "focused"),
+				onBlur: () => v(e, h[e], "idle")
+			};
+			let i = t.register(e, n);
+			return {
+				...i,
+				id: r,
+				"data-chalo-field": String(e),
+				onChange: async (t) => {
+					await i.onChange(t), v(e, t.target.value);
+				},
+				onBlur: async (t) => {
+					await i.onBlur(t), v(e, h[e], "idle");
+				}
+			};
+		}, [
+			t,
+			v,
+			h,
+			l
+		]),
+		registerElement: i((e) => (t) => {
+			t && (t.setAttribute("data-chalo-field", e), t.id = t.id || `chalo-${e}`);
+		}, []),
+		fillField: Ee,
+		recordTourEntry: fe,
+		tourHistory: he,
+		evaluateCondition: xe
+	};
+}
+//#endregion
+//#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
+var re = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), ie = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), j = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), ae = (e) => {
+	let t = j(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, oe = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, se = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, ce = t({}), M = () => a(ce), N = r(({ color: e, size: t, strokeWidth: r, absoluteStrokeWidth: i, className: a = "", children: o, iconNode: s, ...c }, l) => {
+	let { size: u = 24, strokeWidth: d = 2, absoluteStrokeWidth: f = !1, color: p = "currentColor", className: m = "" } = M() ?? {}, h = i ?? f ? Number(r ?? d) * 24 / Number(t ?? u) : r ?? d;
+	return n("svg", {
+		ref: l,
+		...oe,
+		width: t ?? u ?? oe.width,
+		height: t ?? u ?? oe.height,
+		stroke: e ?? p,
+		strokeWidth: h,
+		className: re("lucide", m, a),
+		...!o && !se(c) && { "aria-hidden": "true" },
+		...c
+	}, [...s.map(([e, t]) => n(e, t)), ...Array.isArray(o) ? o : [o]]);
+}), P = (e, t) => {
+	let i = r(({ className: r, ...i }, a) => n(N, {
+		ref: a,
+		iconNode: t,
+		className: re(`lucide-${ie(ae(e))}`, `lucide-${e}`, r),
+		...i
+	}));
+	return i.displayName = ae(e), i;
+}, le = P("bot", [
+	["path", {
+		d: "M12 8V4H8",
+		key: "hb8ula"
+	}],
+	["rect", {
+		width: "16",
+		height: "12",
+		x: "4",
+		y: "8",
+		rx: "2",
+		key: "enze0r"
+	}],
+	["path", {
+		d: "M2 14h2",
+		key: "vft8re"
+	}],
+	["path", {
+		d: "M20 14h2",
+		key: "4cs60a"
+	}],
+	["path", {
+		d: "M15 13v2",
+		key: "1xurst"
+	}],
+	["path", {
+		d: "M9 13v2",
+		key: "rq6x2g"
+	}]
+]), F = P("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]), ue = P("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]), I = P("circle-alert", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "8",
+		y2: "12",
+		key: "1pkeuh"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12.01",
+		y1: "16",
+		y2: "16",
+		key: "4dfq90"
+	}]
+]), L = P("circle-check", [["circle", {
+	cx: "12",
+	cy: "12",
+	r: "10",
+	key: "1mglay"
+}], ["path", {
+	d: "m9 12 2 2 4-4",
+	key: "dzmm74"
+}]]), R = P("circle-x", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "m15 9-6 6",
+		key: "1uzhvr"
+	}],
+	["path", {
+		d: "m9 9 6 6",
+		key: "z0biqf"
+	}]
+]), de = P("list-filter", [
+	["path", {
+		d: "M2 5h20",
+		key: "1fs1ex"
+	}],
+	["path", {
+		d: "M6 12h12",
+		key: "8npq4p"
+	}],
+	["path", {
+		d: "M9 19h6",
+		key: "456am0"
+	}]
+]), z = P("loader-circle", [["path", {
+	d: "M21 12a9 9 0 1 1-6.219-8.56",
+	key: "13zald"
+}]]), fe = P("rotate-ccw", [["path", {
+	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+	key: "1357e3"
+}], ["path", {
+	d: "M3 3v5h5",
+	key: "1xhq8a"
+}]]), pe = P("send", [["path", {
+	d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
+	key: "1ffxy3"
+}], ["path", {
+	d: "m21.854 2.147-10.94 10.939",
+	key: "12cjpa"
+}]]), me = P("type", [
+	["path", {
+		d: "M12 4v16",
+		key: "1654pz"
+	}],
+	["path", {
+		d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2",
+		key: "e0r10z"
+	}],
+	["path", {
+		d: "M9 20h6",
+		key: "s66wpe"
+	}]
+]), he = P("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]);
+//#endregion
+//#region ../../node_modules/clsx/dist/clsx.mjs
+function ge(e) {
+	var t, n, r = "";
+	if (typeof e == "string" || typeof e == "number") r += e;
+	else if (typeof e == "object") if (Array.isArray(e)) {
+		var i = e.length;
+		for (t = 0; t < i; t++) e[t] && (n = ge(e[t])) && (r && (r += " "), r += n);
+	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	return r;
+}
+function _e() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = ge(e)) && (r && (r += " "), r += t);
+	return r;
+}
+//#endregion
+//#region ../../node_modules/tailwind-merge/dist/bundle-mjs.mjs
+var ve = (e, t) => {
+	let n = Array(e.length + t.length);
+	for (let t = 0; t < e.length; t++) n[t] = e[t];
+	for (let r = 0; r < t.length; r++) n[e.length + r] = t[r];
+	return n;
+}, B = (e, t) => ({
+	classGroupId: e,
+	validator: t
+}), V = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+	nextPart: e,
+	validators: t,
+	classGroupId: n
+}), H = "-", U = [], ye = "arbitrary..", be = (e) => {
+	let t = Ce(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+	return {
+		getClassGroupId: (e) => {
+			if (e.startsWith("[") && e.endsWith("]")) return Se(e);
+			let n = e.split(H);
+			return xe(n, n[0] === "" && n.length > 1 ? 1 : 0, t);
+		},
+		getConflictingClassGroupIds: (e, t) => {
+			if (t) {
+				let t = r[e], i = n[e];
+				return t ? i ? ve(i, t) : t : i || U;
+			}
+			return n[e] || U;
+		}
+	};
+}, xe = (e, t, n) => {
+	if (e.length - t === 0) return n.classGroupId;
+	let r = e[t], i = n.nextPart.get(r);
+	if (i) {
+		let n = xe(e, t + 1, i);
+		if (n) return n;
+	}
+	let a = n.validators;
+	if (a === null) return;
+	let o = t === 0 ? e.join(H) : e.slice(t).join(H), s = a.length;
+	for (let e = 0; e < s; e++) {
+		let t = a[e];
+		if (t.validator(o)) return t.classGroupId;
+	}
+}, Se = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+	let t = e.slice(1, -1), n = t.indexOf(":"), r = t.slice(0, n);
+	return r ? ye + r : void 0;
+})(), Ce = (e) => {
+	let { theme: t, classGroups: n } = e;
+	return we(n, t);
+}, we = (e, t) => {
+	let n = V();
+	for (let r in e) {
+		let i = e[r];
+		W(i, n, r, t);
+	}
+	return n;
+}, W = (e, t, n, r) => {
+	let i = e.length;
+	for (let a = 0; a < i; a++) {
+		let i = e[a];
+		Te(i, t, n, r);
+	}
+}, Te = (e, t, n, r) => {
+	if (typeof e == "string") {
+		Ee(e, t, n);
+		return;
+	}
+	if (typeof e == "function") {
+		De(e, t, n, r);
+		return;
+	}
+	Oe(e, t, n, r);
+}, Ee = (e, t, n) => {
+	let r = e === "" ? t : ke(t, e);
+	r.classGroupId = n;
+}, De = (e, t, n, r) => {
+	if (Ae(e)) {
+		W(e(r), t, n, r);
+		return;
+	}
+	t.validators === null && (t.validators = []), t.validators.push(B(n, e));
+}, Oe = (e, t, n, r) => {
+	let i = Object.entries(e), a = i.length;
+	for (let e = 0; e < a; e++) {
+		let [a, o] = i[e];
+		W(o, ke(t, a), n, r);
+	}
+}, ke = (e, t) => {
+	let n = e, r = t.split(H), i = r.length;
+	for (let e = 0; e < i; e++) {
+		let t = r[e], i = n.nextPart.get(t);
+		i || (i = V(), n.nextPart.set(t, i)), n = i;
+	}
+	return n;
+}, Ae = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, je = (e) => {
+	if (e < 1) return {
+		get: () => void 0,
+		set: () => {}
+	};
+	let t = 0, n = Object.create(null), r = Object.create(null), i = (i, a) => {
+		n[i] = a, t++, t > e && (t = 0, r = n, n = Object.create(null));
+	};
+	return {
+		get(e) {
+			let t = n[e];
+			if (t !== void 0) return t;
+			if ((t = r[e]) !== void 0) return i(e, t), t;
+		},
+		set(e, t) {
+			e in n ? n[e] = t : i(e, t);
+		}
+	};
+}, Me = "!", Ne = ":", Pe = [], Fe = (e, t, n, r, i) => ({
+	modifiers: e,
+	hasImportantModifier: t,
+	baseClassName: n,
+	maybePostfixModifierPosition: r,
+	isExternal: i
+}), Ie = (e) => {
+	let { prefix: t, experimentalParseClassName: n } = e, r = (e) => {
+		let t = [], n = 0, r = 0, i = 0, a, o = e.length;
+		for (let s = 0; s < o; s++) {
+			let o = e[s];
+			if (n === 0 && r === 0) {
+				if (o === Ne) {
+					t.push(e.slice(i, s)), i = s + 1;
+					continue;
+				}
+				if (o === "/") {
+					a = s;
+					continue;
+				}
+			}
+			o === "[" ? n++ : o === "]" ? n-- : o === "(" ? r++ : o === ")" && r--;
+		}
+		let s = t.length === 0 ? e : e.slice(i), c = s, l = !1;
+		s.endsWith(Me) ? (c = s.slice(0, -1), l = !0) : s.startsWith(Me) && (c = s.slice(1), l = !0);
+		let u = a && a > i ? a - i : void 0;
+		return Fe(t, l, c, u);
+	};
+	if (t) {
+		let e = t + Ne, n = r;
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : Fe(Pe, !1, t, void 0, !0);
+	}
+	if (n) {
+		let e = r;
+		r = (t) => n({
+			className: t,
+			parseClassName: e
+		});
+	}
+	return r;
+}, Le = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	return e.orderSensitiveModifiers.forEach((e, n) => {
+		t.set(e, 1e6 + n);
+	}), (e) => {
+		let n = [], r = [];
+		for (let i = 0; i < e.length; i++) {
+			let a = e[i], o = a[0] === "[", s = t.has(a);
+			o || s ? (r.length > 0 && (r.sort(), n.push(...r), r = []), n.push(a)) : r.push(a);
+		}
+		return r.length > 0 && (r.sort(), n.push(...r)), n;
+	};
+}, Re = (e) => ({
+	cache: je(e.cacheSize),
+	parseClassName: Ie(e),
+	sortModifiers: Le(e),
+	...be(e)
+}), ze = /\s+/, Be = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a } = t, o = [], s = e.trim().split(ze), c = "";
+	for (let e = s.length - 1; e >= 0; --e) {
+		let t = s[e], { isExternal: l, modifiers: u, hasImportantModifier: d, baseClassName: f, maybePostfixModifierPosition: p } = n(t);
+		if (l) {
+			c = t + (c.length > 0 ? " " + c : c);
+			continue;
+		}
+		let m = !!p, h = r(m ? f.substring(0, p) : f);
+		if (!h) {
+			if (!m) {
+				c = t + (c.length > 0 ? " " + c : c);
+				continue;
+			}
+			if (h = r(f), !h) {
+				c = t + (c.length > 0 ? " " + c : c);
+				continue;
+			}
+			m = !1;
+		}
+		let g = u.length === 0 ? "" : u.length === 1 ? u[0] : a(u).join(":"), _ = d ? g + Me : g, v = _ + h;
+		if (o.indexOf(v) > -1) continue;
+		o.push(v);
+		let y = i(h, m);
+		for (let e = 0; e < y.length; ++e) {
+			let t = y[e];
+			o.push(_ + t);
+		}
+		c = t + (c.length > 0 ? " " + c : c);
+	}
+	return c;
+}, Ve = (...e) => {
+	let t = 0, n, r, i = "";
+	for (; t < e.length;) (n = e[t++]) && (r = He(n)) && (i && (i += " "), i += r);
+	return i;
+}, He = (e) => {
+	if (typeof e == "string") return e;
+	let t, n = "";
+	for (let r = 0; r < e.length; r++) e[r] && (t = He(e[r])) && (n && (n += " "), n += t);
+	return n;
+}, Ue = (e, ...t) => {
+	let n, r, i, a, o = (o) => (n = Re(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
+		let t = r(e);
+		if (t) return t;
+		let a = Be(e, n);
+		return i(e, a), a;
+	};
+	return a = o, (...e) => a(Ve(...e));
+}, We = [], G = (e) => {
+	let t = (t) => t[e] || We;
+	return t.isThemeGetter = !0, t;
+}, Ge = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ke = /^\((?:(\w[\w-]*):)?(.+)\)$/i, qe = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Je = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ye = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Xe = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ze = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Qe = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, K = (e) => qe.test(e), q = (e) => !!e && !Number.isNaN(Number(e)), J = (e) => !!e && Number.isInteger(Number(e)), $e = (e) => e.endsWith("%") && q(e.slice(0, -1)), Y = (e) => Je.test(e), et = () => !0, tt = (e) => Ye.test(e) && !Xe.test(e), nt = () => !1, rt = (e) => Ze.test(e), it = (e) => Qe.test(e), at = (e) => !X(e) && !Z(e), ot = (e) => Q(e, wt, nt), X = (e) => Ge.test(e), st = (e) => Q(e, Tt, tt), ct = (e) => Q(e, Et, q), lt = (e) => Q(e, Ot, et), ut = (e) => Q(e, Dt, nt), dt = (e) => Q(e, St, nt), ft = (e) => Q(e, Ct, it), pt = (e) => Q(e, kt, rt), Z = (e) => Ke.test(e), mt = (e) => xt(e, Tt), ht = (e) => xt(e, Dt), gt = (e) => xt(e, St), _t = (e) => xt(e, wt), vt = (e) => xt(e, Ct), yt = (e) => xt(e, kt, !0), bt = (e) => xt(e, Ot, !0), Q = (e, t, n) => {
+	let r = Ge.exec(e);
+	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
+}, xt = (e, t, n = !1) => {
+	let r = Ke.exec(e);
+	return r ? r[1] ? t(r[1]) : n : !1;
+}, St = (e) => e === "position" || e === "percentage", Ct = (e) => e === "image" || e === "url", wt = (e) => e === "length" || e === "size" || e === "bg-size", Tt = (e) => e === "length", Et = (e) => e === "number", Dt = (e) => e === "family-name", Ot = (e) => e === "number" || e === "weight", kt = (e) => e === "shadow", At = /* @__PURE__ */ Ue(() => {
+	let e = G("color"), t = G("font"), n = G("text"), r = G("font-weight"), i = G("tracking"), a = G("leading"), o = G("breakpoint"), s = G("container"), c = G("spacing"), l = G("radius"), u = G("shadow"), d = G("inset-shadow"), f = G("text-shadow"), p = G("drop-shadow"), m = G("blur"), h = G("perspective"), g = G("aspect"), _ = G("ease"), v = G("animate"), y = () => [
+		"auto",
+		"avoid",
+		"all",
+		"avoid-page",
+		"page",
+		"left",
+		"right",
+		"column"
+	], b = () => [
+		"center",
+		"top",
+		"bottom",
+		"left",
+		"right",
+		"top-left",
+		"left-top",
+		"top-right",
+		"right-top",
+		"bottom-right",
+		"right-bottom",
+		"bottom-left",
+		"left-bottom"
+	], x = () => [
+		...b(),
+		Z,
+		X
+	], S = () => [
+		"auto",
+		"hidden",
+		"clip",
+		"visible",
+		"scroll"
+	], C = () => [
+		"auto",
+		"contain",
+		"none"
+	], w = () => [
+		Z,
+		X,
+		c
+	], T = () => [
+		K,
+		"full",
+		"auto",
+		...w()
+	], ee = () => [
+		J,
+		"none",
+		"subgrid",
+		Z,
+		X
+	], E = () => [
+		"auto",
+		{ span: [
+			"full",
+			J,
+			Z,
+			X
+		] },
+		J,
+		Z,
+		X
+	], te = () => [
+		J,
+		"auto",
+		Z,
+		X
+	], D = () => [
+		"auto",
+		"min",
+		"max",
+		"fr",
+		Z,
+		X
+	], ne = () => [
+		"start",
+		"end",
+		"center",
+		"between",
+		"around",
+		"evenly",
+		"stretch",
+		"baseline",
+		"center-safe",
+		"end-safe"
+	], O = () => [
+		"start",
+		"end",
+		"center",
+		"stretch",
+		"center-safe",
+		"end-safe"
+	], k = () => ["auto", ...w()], A = () => [
+		K,
+		"auto",
+		"full",
+		"dvw",
+		"dvh",
+		"lvw",
+		"lvh",
+		"svw",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...w()
+	], re = () => [
+		K,
+		"screen",
+		"full",
+		"dvw",
+		"lvw",
+		"svw",
+		"min",
+		"max",
+		"fit",
+		...w()
+	], ie = () => [
+		K,
+		"screen",
+		"full",
+		"lh",
+		"dvh",
+		"lvh",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...w()
+	], j = () => [
+		e,
+		Z,
+		X
+	], ae = () => [
+		...b(),
+		gt,
+		dt,
+		{ position: [Z, X] }
+	], oe = () => ["no-repeat", { repeat: [
+		"",
+		"x",
+		"y",
+		"space",
+		"round"
+	] }], se = () => [
+		"auto",
+		"cover",
+		"contain",
+		_t,
+		ot,
+		{ size: [Z, X] }
+	], ce = () => [
+		$e,
+		mt,
+		st
+	], M = () => [
+		"",
+		"none",
+		"full",
+		l,
+		Z,
+		X
+	], N = () => [
+		"",
+		q,
+		mt,
+		st
+	], P = () => [
+		"solid",
+		"dashed",
+		"dotted",
+		"double"
+	], le = () => [
+		"normal",
+		"multiply",
+		"screen",
+		"overlay",
+		"darken",
+		"lighten",
+		"color-dodge",
+		"color-burn",
+		"hard-light",
+		"soft-light",
+		"difference",
+		"exclusion",
+		"hue",
+		"saturation",
+		"color",
+		"luminosity"
+	], F = () => [
+		q,
+		$e,
+		gt,
+		dt
+	], ue = () => [
+		"",
+		"none",
+		m,
+		Z,
+		X
+	], I = () => [
+		"none",
+		q,
+		Z,
+		X
+	], L = () => [
+		"none",
+		q,
+		Z,
+		X
+	], R = () => [
+		q,
+		Z,
+		X
+	], de = () => [
+		K,
+		"full",
+		...w()
+	];
+	return {
+		cacheSize: 500,
+		theme: {
+			animate: [
+				"spin",
+				"ping",
+				"pulse",
+				"bounce"
+			],
+			aspect: ["video"],
+			blur: [Y],
+			breakpoint: [Y],
+			color: [et],
+			container: [Y],
+			"drop-shadow": [Y],
+			ease: [
+				"in",
+				"out",
+				"in-out"
+			],
+			font: [at],
+			"font-weight": [
+				"thin",
+				"extralight",
+				"light",
+				"normal",
+				"medium",
+				"semibold",
+				"bold",
+				"extrabold",
+				"black"
+			],
+			"inset-shadow": [Y],
+			leading: [
+				"none",
+				"tight",
+				"snug",
+				"normal",
+				"relaxed",
+				"loose"
+			],
+			perspective: [
+				"dramatic",
+				"near",
+				"normal",
+				"midrange",
+				"distant",
+				"none"
+			],
+			radius: [Y],
+			shadow: [Y],
+			spacing: ["px", q],
+			text: [Y],
+			"text-shadow": [Y],
+			tracking: [
+				"tighter",
+				"tight",
+				"normal",
+				"wide",
+				"wider",
+				"widest"
+			]
+		},
+		classGroups: {
+			aspect: [{ aspect: [
+				"auto",
+				"square",
+				K,
+				X,
+				Z,
+				g
+			] }],
+			container: ["container"],
+			columns: [{ columns: [
+				q,
+				X,
+				Z,
+				s
+			] }],
+			"break-after": [{ "break-after": y() }],
+			"break-before": [{ "break-before": y() }],
+			"break-inside": [{ "break-inside": [
+				"auto",
+				"avoid",
+				"avoid-page",
+				"avoid-column"
+			] }],
+			"box-decoration": [{ "box-decoration": ["slice", "clone"] }],
+			box: [{ box: ["border", "content"] }],
+			display: [
+				"block",
+				"inline-block",
+				"inline",
+				"flex",
+				"inline-flex",
+				"table",
+				"inline-table",
+				"table-caption",
+				"table-cell",
+				"table-column",
+				"table-column-group",
+				"table-footer-group",
+				"table-header-group",
+				"table-row-group",
+				"table-row",
+				"flow-root",
+				"grid",
+				"inline-grid",
+				"contents",
+				"list-item",
+				"hidden"
+			],
+			sr: ["sr-only", "not-sr-only"],
+			float: [{ float: [
+				"right",
+				"left",
+				"none",
+				"start",
+				"end"
+			] }],
+			clear: [{ clear: [
+				"left",
+				"right",
+				"both",
+				"none",
+				"start",
+				"end"
+			] }],
+			isolation: ["isolate", "isolation-auto"],
+			"object-fit": [{ object: [
+				"contain",
+				"cover",
+				"fill",
+				"none",
+				"scale-down"
+			] }],
+			"object-position": [{ object: x() }],
+			overflow: [{ overflow: S() }],
+			"overflow-x": [{ "overflow-x": S() }],
+			"overflow-y": [{ "overflow-y": S() }],
+			overscroll: [{ overscroll: C() }],
+			"overscroll-x": [{ "overscroll-x": C() }],
+			"overscroll-y": [{ "overscroll-y": C() }],
+			position: [
+				"static",
+				"fixed",
+				"absolute",
+				"relative",
+				"sticky"
+			],
+			inset: [{ inset: T() }],
+			"inset-x": [{ "inset-x": T() }],
+			"inset-y": [{ "inset-y": T() }],
+			start: [{
+				"inset-s": T(),
+				start: T()
+			}],
+			end: [{
+				"inset-e": T(),
+				end: T()
+			}],
+			"inset-bs": [{ "inset-bs": T() }],
+			"inset-be": [{ "inset-be": T() }],
+			top: [{ top: T() }],
+			right: [{ right: T() }],
+			bottom: [{ bottom: T() }],
+			left: [{ left: T() }],
+			visibility: [
+				"visible",
+				"invisible",
+				"collapse"
+			],
+			z: [{ z: [
+				J,
+				"auto",
+				Z,
+				X
+			] }],
+			basis: [{ basis: [
+				K,
+				"full",
+				"auto",
+				s,
+				...w()
+			] }],
+			"flex-direction": [{ flex: [
+				"row",
+				"row-reverse",
+				"col",
+				"col-reverse"
+			] }],
+			"flex-wrap": [{ flex: [
+				"nowrap",
+				"wrap",
+				"wrap-reverse"
+			] }],
+			flex: [{ flex: [
+				q,
+				K,
+				"auto",
+				"initial",
+				"none",
+				X
+			] }],
+			grow: [{ grow: [
+				"",
+				q,
+				Z,
+				X
+			] }],
+			shrink: [{ shrink: [
+				"",
+				q,
+				Z,
+				X
+			] }],
+			order: [{ order: [
+				J,
+				"first",
+				"last",
+				"none",
+				Z,
+				X
+			] }],
+			"grid-cols": [{ "grid-cols": ee() }],
+			"col-start-end": [{ col: E() }],
+			"col-start": [{ "col-start": te() }],
+			"col-end": [{ "col-end": te() }],
+			"grid-rows": [{ "grid-rows": ee() }],
+			"row-start-end": [{ row: E() }],
+			"row-start": [{ "row-start": te() }],
+			"row-end": [{ "row-end": te() }],
+			"grid-flow": [{ "grid-flow": [
+				"row",
+				"col",
+				"dense",
+				"row-dense",
+				"col-dense"
+			] }],
+			"auto-cols": [{ "auto-cols": D() }],
+			"auto-rows": [{ "auto-rows": D() }],
+			gap: [{ gap: w() }],
+			"gap-x": [{ "gap-x": w() }],
+			"gap-y": [{ "gap-y": w() }],
+			"justify-content": [{ justify: [...ne(), "normal"] }],
+			"justify-items": [{ "justify-items": [...O(), "normal"] }],
+			"justify-self": [{ "justify-self": ["auto", ...O()] }],
+			"align-content": [{ content: ["normal", ...ne()] }],
+			"align-items": [{ items: [...O(), { baseline: ["", "last"] }] }],
+			"align-self": [{ self: [
+				"auto",
+				...O(),
+				{ baseline: ["", "last"] }
+			] }],
+			"place-content": [{ "place-content": ne() }],
+			"place-items": [{ "place-items": [...O(), "baseline"] }],
+			"place-self": [{ "place-self": ["auto", ...O()] }],
+			p: [{ p: w() }],
+			px: [{ px: w() }],
+			py: [{ py: w() }],
+			ps: [{ ps: w() }],
+			pe: [{ pe: w() }],
+			pbs: [{ pbs: w() }],
+			pbe: [{ pbe: w() }],
+			pt: [{ pt: w() }],
+			pr: [{ pr: w() }],
+			pb: [{ pb: w() }],
+			pl: [{ pl: w() }],
+			m: [{ m: k() }],
+			mx: [{ mx: k() }],
+			my: [{ my: k() }],
+			ms: [{ ms: k() }],
+			me: [{ me: k() }],
+			mbs: [{ mbs: k() }],
+			mbe: [{ mbe: k() }],
+			mt: [{ mt: k() }],
+			mr: [{ mr: k() }],
+			mb: [{ mb: k() }],
+			ml: [{ ml: k() }],
+			"space-x": [{ "space-x": w() }],
+			"space-x-reverse": ["space-x-reverse"],
+			"space-y": [{ "space-y": w() }],
+			"space-y-reverse": ["space-y-reverse"],
+			size: [{ size: A() }],
+			"inline-size": [{ inline: ["auto", ...re()] }],
+			"min-inline-size": [{ "min-inline": ["auto", ...re()] }],
+			"max-inline-size": [{ "max-inline": ["none", ...re()] }],
+			"block-size": [{ block: ["auto", ...ie()] }],
+			"min-block-size": [{ "min-block": ["auto", ...ie()] }],
+			"max-block-size": [{ "max-block": ["none", ...ie()] }],
+			w: [{ w: [
+				s,
+				"screen",
+				...A()
+			] }],
+			"min-w": [{ "min-w": [
+				s,
+				"screen",
+				"none",
+				...A()
+			] }],
+			"max-w": [{ "max-w": [
+				s,
+				"screen",
+				"none",
+				"prose",
+				{ screen: [o] },
+				...A()
+			] }],
+			h: [{ h: [
+				"screen",
+				"lh",
+				...A()
+			] }],
+			"min-h": [{ "min-h": [
+				"screen",
+				"lh",
+				"none",
+				...A()
+			] }],
+			"max-h": [{ "max-h": [
+				"screen",
+				"lh",
+				...A()
+			] }],
+			"font-size": [{ text: [
+				"base",
+				n,
+				mt,
+				st
+			] }],
+			"font-smoothing": ["antialiased", "subpixel-antialiased"],
+			"font-style": ["italic", "not-italic"],
+			"font-weight": [{ font: [
+				r,
+				bt,
+				lt
+			] }],
+			"font-stretch": [{ "font-stretch": [
+				"ultra-condensed",
+				"extra-condensed",
+				"condensed",
+				"semi-condensed",
+				"normal",
+				"semi-expanded",
+				"expanded",
+				"extra-expanded",
+				"ultra-expanded",
+				$e,
+				X
+			] }],
+			"font-family": [{ font: [
+				ht,
+				ut,
+				t
+			] }],
+			"font-features": [{ "font-features": [X] }],
+			"fvn-normal": ["normal-nums"],
+			"fvn-ordinal": ["ordinal"],
+			"fvn-slashed-zero": ["slashed-zero"],
+			"fvn-figure": ["lining-nums", "oldstyle-nums"],
+			"fvn-spacing": ["proportional-nums", "tabular-nums"],
+			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+			tracking: [{ tracking: [
+				i,
+				Z,
+				X
+			] }],
+			"line-clamp": [{ "line-clamp": [
+				q,
+				"none",
+				Z,
+				ct
+			] }],
+			leading: [{ leading: [a, ...w()] }],
+			"list-image": [{ "list-image": [
+				"none",
+				Z,
+				X
+			] }],
+			"list-style-position": [{ list: ["inside", "outside"] }],
+			"list-style-type": [{ list: [
+				"disc",
+				"decimal",
+				"none",
+				Z,
+				X
+			] }],
+			"text-alignment": [{ text: [
+				"left",
+				"center",
+				"right",
+				"justify",
+				"start",
+				"end"
+			] }],
+			"placeholder-color": [{ placeholder: j() }],
+			"text-color": [{ text: j() }],
+			"text-decoration": [
+				"underline",
+				"overline",
+				"line-through",
+				"no-underline"
+			],
+			"text-decoration-style": [{ decoration: [...P(), "wavy"] }],
+			"text-decoration-thickness": [{ decoration: [
+				q,
+				"from-font",
+				"auto",
+				Z,
+				st
+			] }],
+			"text-decoration-color": [{ decoration: j() }],
+			"underline-offset": [{ "underline-offset": [
+				q,
+				"auto",
+				Z,
+				X
+			] }],
+			"text-transform": [
+				"uppercase",
+				"lowercase",
+				"capitalize",
+				"normal-case"
+			],
+			"text-overflow": [
+				"truncate",
+				"text-ellipsis",
+				"text-clip"
+			],
+			"text-wrap": [{ text: [
+				"wrap",
+				"nowrap",
+				"balance",
+				"pretty"
+			] }],
+			indent: [{ indent: w() }],
+			"vertical-align": [{ align: [
+				"baseline",
+				"top",
+				"middle",
+				"bottom",
+				"text-top",
+				"text-bottom",
+				"sub",
+				"super",
+				Z,
+				X
+			] }],
+			whitespace: [{ whitespace: [
+				"normal",
+				"nowrap",
+				"pre",
+				"pre-line",
+				"pre-wrap",
+				"break-spaces"
+			] }],
+			break: [{ break: [
+				"normal",
+				"words",
+				"all",
+				"keep"
+			] }],
+			wrap: [{ wrap: [
+				"break-word",
+				"anywhere",
+				"normal"
+			] }],
+			hyphens: [{ hyphens: [
+				"none",
+				"manual",
+				"auto"
+			] }],
+			content: [{ content: [
+				"none",
+				Z,
+				X
+			] }],
+			"bg-attachment": [{ bg: [
+				"fixed",
+				"local",
+				"scroll"
+			] }],
+			"bg-clip": [{ "bg-clip": [
+				"border",
+				"padding",
+				"content",
+				"text"
+			] }],
+			"bg-origin": [{ "bg-origin": [
+				"border",
+				"padding",
+				"content"
+			] }],
+			"bg-position": [{ bg: ae() }],
+			"bg-repeat": [{ bg: oe() }],
+			"bg-size": [{ bg: se() }],
+			"bg-image": [{ bg: [
+				"none",
+				{
+					linear: [
+						{ to: [
+							"t",
+							"tr",
+							"r",
+							"br",
+							"b",
+							"bl",
+							"l",
+							"tl"
+						] },
+						J,
+						Z,
+						X
+					],
+					radial: [
+						"",
+						Z,
+						X
+					],
+					conic: [
+						J,
+						Z,
+						X
+					]
+				},
+				vt,
+				ft
+			] }],
+			"bg-color": [{ bg: j() }],
+			"gradient-from-pos": [{ from: ce() }],
+			"gradient-via-pos": [{ via: ce() }],
+			"gradient-to-pos": [{ to: ce() }],
+			"gradient-from": [{ from: j() }],
+			"gradient-via": [{ via: j() }],
+			"gradient-to": [{ to: j() }],
+			rounded: [{ rounded: M() }],
+			"rounded-s": [{ "rounded-s": M() }],
+			"rounded-e": [{ "rounded-e": M() }],
+			"rounded-t": [{ "rounded-t": M() }],
+			"rounded-r": [{ "rounded-r": M() }],
+			"rounded-b": [{ "rounded-b": M() }],
+			"rounded-l": [{ "rounded-l": M() }],
+			"rounded-ss": [{ "rounded-ss": M() }],
+			"rounded-se": [{ "rounded-se": M() }],
+			"rounded-ee": [{ "rounded-ee": M() }],
+			"rounded-es": [{ "rounded-es": M() }],
+			"rounded-tl": [{ "rounded-tl": M() }],
+			"rounded-tr": [{ "rounded-tr": M() }],
+			"rounded-br": [{ "rounded-br": M() }],
+			"rounded-bl": [{ "rounded-bl": M() }],
+			"border-w": [{ border: N() }],
+			"border-w-x": [{ "border-x": N() }],
+			"border-w-y": [{ "border-y": N() }],
+			"border-w-s": [{ "border-s": N() }],
+			"border-w-e": [{ "border-e": N() }],
+			"border-w-bs": [{ "border-bs": N() }],
+			"border-w-be": [{ "border-be": N() }],
+			"border-w-t": [{ "border-t": N() }],
+			"border-w-r": [{ "border-r": N() }],
+			"border-w-b": [{ "border-b": N() }],
+			"border-w-l": [{ "border-l": N() }],
+			"divide-x": [{ "divide-x": N() }],
+			"divide-x-reverse": ["divide-x-reverse"],
+			"divide-y": [{ "divide-y": N() }],
+			"divide-y-reverse": ["divide-y-reverse"],
+			"border-style": [{ border: [
+				...P(),
+				"hidden",
+				"none"
+			] }],
+			"divide-style": [{ divide: [
+				...P(),
+				"hidden",
+				"none"
+			] }],
+			"border-color": [{ border: j() }],
+			"border-color-x": [{ "border-x": j() }],
+			"border-color-y": [{ "border-y": j() }],
+			"border-color-s": [{ "border-s": j() }],
+			"border-color-e": [{ "border-e": j() }],
+			"border-color-bs": [{ "border-bs": j() }],
+			"border-color-be": [{ "border-be": j() }],
+			"border-color-t": [{ "border-t": j() }],
+			"border-color-r": [{ "border-r": j() }],
+			"border-color-b": [{ "border-b": j() }],
+			"border-color-l": [{ "border-l": j() }],
+			"divide-color": [{ divide: j() }],
+			"outline-style": [{ outline: [
+				...P(),
+				"none",
+				"hidden"
+			] }],
+			"outline-offset": [{ "outline-offset": [
+				q,
+				Z,
+				X
+			] }],
+			"outline-w": [{ outline: [
+				"",
+				q,
+				mt,
+				st
+			] }],
+			"outline-color": [{ outline: j() }],
+			shadow: [{ shadow: [
+				"",
+				"none",
+				u,
+				yt,
+				pt
+			] }],
+			"shadow-color": [{ shadow: j() }],
+			"inset-shadow": [{ "inset-shadow": [
+				"none",
+				d,
+				yt,
+				pt
+			] }],
+			"inset-shadow-color": [{ "inset-shadow": j() }],
+			"ring-w": [{ ring: N() }],
+			"ring-w-inset": ["ring-inset"],
+			"ring-color": [{ ring: j() }],
+			"ring-offset-w": [{ "ring-offset": [q, st] }],
+			"ring-offset-color": [{ "ring-offset": j() }],
+			"inset-ring-w": [{ "inset-ring": N() }],
+			"inset-ring-color": [{ "inset-ring": j() }],
+			"text-shadow": [{ "text-shadow": [
+				"none",
+				f,
+				yt,
+				pt
+			] }],
+			"text-shadow-color": [{ "text-shadow": j() }],
+			opacity: [{ opacity: [
+				q,
+				Z,
+				X
+			] }],
+			"mix-blend": [{ "mix-blend": [
+				...le(),
+				"plus-darker",
+				"plus-lighter"
+			] }],
+			"bg-blend": [{ "bg-blend": le() }],
+			"mask-clip": [{ "mask-clip": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }, "mask-no-clip"],
+			"mask-composite": [{ mask: [
+				"add",
+				"subtract",
+				"intersect",
+				"exclude"
+			] }],
+			"mask-image-linear-pos": [{ "mask-linear": [q] }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": F() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": F() }],
+			"mask-image-linear-from-color": [{ "mask-linear-from": j() }],
+			"mask-image-linear-to-color": [{ "mask-linear-to": j() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": F() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": F() }],
+			"mask-image-t-from-color": [{ "mask-t-from": j() }],
+			"mask-image-t-to-color": [{ "mask-t-to": j() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": F() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": F() }],
+			"mask-image-r-from-color": [{ "mask-r-from": j() }],
+			"mask-image-r-to-color": [{ "mask-r-to": j() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": F() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": F() }],
+			"mask-image-b-from-color": [{ "mask-b-from": j() }],
+			"mask-image-b-to-color": [{ "mask-b-to": j() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": F() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": F() }],
+			"mask-image-l-from-color": [{ "mask-l-from": j() }],
+			"mask-image-l-to-color": [{ "mask-l-to": j() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": F() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": F() }],
+			"mask-image-x-from-color": [{ "mask-x-from": j() }],
+			"mask-image-x-to-color": [{ "mask-x-to": j() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": F() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": F() }],
+			"mask-image-y-from-color": [{ "mask-y-from": j() }],
+			"mask-image-y-to-color": [{ "mask-y-to": j() }],
+			"mask-image-radial": [{ "mask-radial": [Z, X] }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": F() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": F() }],
+			"mask-image-radial-from-color": [{ "mask-radial-from": j() }],
+			"mask-image-radial-to-color": [{ "mask-radial-to": j() }],
+			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
+			"mask-image-radial-size": [{ "mask-radial": [{
+				closest: ["side", "corner"],
+				farthest: ["side", "corner"]
+			}] }],
+			"mask-image-radial-pos": [{ "mask-radial-at": b() }],
+			"mask-image-conic-pos": [{ "mask-conic": [q] }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": F() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": F() }],
+			"mask-image-conic-from-color": [{ "mask-conic-from": j() }],
+			"mask-image-conic-to-color": [{ "mask-conic-to": j() }],
+			"mask-mode": [{ mask: [
+				"alpha",
+				"luminance",
+				"match"
+			] }],
+			"mask-origin": [{ "mask-origin": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }],
+			"mask-position": [{ mask: ae() }],
+			"mask-repeat": [{ mask: oe() }],
+			"mask-size": [{ mask: se() }],
+			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
+			"mask-image": [{ mask: [
+				"none",
+				Z,
+				X
+			] }],
+			filter: [{ filter: [
+				"",
+				"none",
+				Z,
+				X
+			] }],
+			blur: [{ blur: ue() }],
+			brightness: [{ brightness: [
+				q,
+				Z,
+				X
+			] }],
+			contrast: [{ contrast: [
+				q,
+				Z,
+				X
+			] }],
+			"drop-shadow": [{ "drop-shadow": [
+				"",
+				"none",
+				p,
+				yt,
+				pt
+			] }],
+			"drop-shadow-color": [{ "drop-shadow": j() }],
+			grayscale: [{ grayscale: [
+				"",
+				q,
+				Z,
+				X
+			] }],
+			"hue-rotate": [{ "hue-rotate": [
+				q,
+				Z,
+				X
+			] }],
+			invert: [{ invert: [
+				"",
+				q,
+				Z,
+				X
+			] }],
+			saturate: [{ saturate: [
+				q,
+				Z,
+				X
+			] }],
+			sepia: [{ sepia: [
+				"",
+				q,
+				Z,
+				X
+			] }],
+			"backdrop-filter": [{ "backdrop-filter": [
+				"",
+				"none",
+				Z,
+				X
+			] }],
+			"backdrop-blur": [{ "backdrop-blur": ue() }],
+			"backdrop-brightness": [{ "backdrop-brightness": [
+				q,
+				Z,
+				X
+			] }],
+			"backdrop-contrast": [{ "backdrop-contrast": [
+				q,
+				Z,
+				X
+			] }],
+			"backdrop-grayscale": [{ "backdrop-grayscale": [
+				"",
+				q,
+				Z,
+				X
+			] }],
+			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
+				q,
+				Z,
+				X
+			] }],
+			"backdrop-invert": [{ "backdrop-invert": [
+				"",
+				q,
+				Z,
+				X
+			] }],
+			"backdrop-opacity": [{ "backdrop-opacity": [
+				q,
+				Z,
+				X
+			] }],
+			"backdrop-saturate": [{ "backdrop-saturate": [
+				q,
+				Z,
+				X
+			] }],
+			"backdrop-sepia": [{ "backdrop-sepia": [
+				"",
+				q,
+				Z,
+				X
+			] }],
+			"border-collapse": [{ border: ["collapse", "separate"] }],
+			"border-spacing": [{ "border-spacing": w() }],
+			"border-spacing-x": [{ "border-spacing-x": w() }],
+			"border-spacing-y": [{ "border-spacing-y": w() }],
+			"table-layout": [{ table: ["auto", "fixed"] }],
+			caption: [{ caption: ["top", "bottom"] }],
+			transition: [{ transition: [
+				"",
+				"all",
+				"colors",
+				"opacity",
+				"shadow",
+				"transform",
+				"none",
+				Z,
+				X
+			] }],
+			"transition-behavior": [{ transition: ["normal", "discrete"] }],
+			duration: [{ duration: [
+				q,
+				"initial",
+				Z,
+				X
+			] }],
+			ease: [{ ease: [
+				"linear",
+				"initial",
+				_,
+				Z,
+				X
+			] }],
+			delay: [{ delay: [
+				q,
+				Z,
+				X
+			] }],
+			animate: [{ animate: [
+				"none",
+				v,
+				Z,
+				X
+			] }],
+			backface: [{ backface: ["hidden", "visible"] }],
+			perspective: [{ perspective: [
+				h,
+				Z,
+				X
+			] }],
+			"perspective-origin": [{ "perspective-origin": x() }],
+			rotate: [{ rotate: I() }],
+			"rotate-x": [{ "rotate-x": I() }],
+			"rotate-y": [{ "rotate-y": I() }],
+			"rotate-z": [{ "rotate-z": I() }],
+			scale: [{ scale: L() }],
+			"scale-x": [{ "scale-x": L() }],
+			"scale-y": [{ "scale-y": L() }],
+			"scale-z": [{ "scale-z": L() }],
+			"scale-3d": ["scale-3d"],
+			skew: [{ skew: R() }],
+			"skew-x": [{ "skew-x": R() }],
+			"skew-y": [{ "skew-y": R() }],
+			transform: [{ transform: [
+				Z,
+				X,
+				"",
+				"none",
+				"gpu",
+				"cpu"
+			] }],
+			"transform-origin": [{ origin: x() }],
+			"transform-style": [{ transform: ["3d", "flat"] }],
+			translate: [{ translate: de() }],
+			"translate-x": [{ "translate-x": de() }],
+			"translate-y": [{ "translate-y": de() }],
+			"translate-z": [{ "translate-z": de() }],
+			"translate-none": ["translate-none"],
+			accent: [{ accent: j() }],
+			appearance: [{ appearance: ["none", "auto"] }],
+			"caret-color": [{ caret: j() }],
+			"color-scheme": [{ scheme: [
+				"normal",
+				"dark",
+				"light",
+				"light-dark",
+				"only-dark",
+				"only-light"
+			] }],
+			cursor: [{ cursor: [
+				"auto",
+				"default",
+				"pointer",
+				"wait",
+				"text",
+				"move",
+				"help",
+				"not-allowed",
+				"none",
+				"context-menu",
+				"progress",
+				"cell",
+				"crosshair",
+				"vertical-text",
+				"alias",
+				"copy",
+				"no-drop",
+				"grab",
+				"grabbing",
+				"all-scroll",
+				"col-resize",
+				"row-resize",
+				"n-resize",
+				"e-resize",
+				"s-resize",
+				"w-resize",
+				"ne-resize",
+				"nw-resize",
+				"se-resize",
+				"sw-resize",
+				"ew-resize",
+				"ns-resize",
+				"nesw-resize",
+				"nwse-resize",
+				"zoom-in",
+				"zoom-out",
+				Z,
+				X
+			] }],
+			"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
+			"pointer-events": [{ "pointer-events": ["auto", "none"] }],
+			resize: [{ resize: [
+				"none",
+				"",
+				"y",
+				"x"
+			] }],
+			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
+			"scroll-m": [{ "scroll-m": w() }],
+			"scroll-mx": [{ "scroll-mx": w() }],
+			"scroll-my": [{ "scroll-my": w() }],
+			"scroll-ms": [{ "scroll-ms": w() }],
+			"scroll-me": [{ "scroll-me": w() }],
+			"scroll-mbs": [{ "scroll-mbs": w() }],
+			"scroll-mbe": [{ "scroll-mbe": w() }],
+			"scroll-mt": [{ "scroll-mt": w() }],
+			"scroll-mr": [{ "scroll-mr": w() }],
+			"scroll-mb": [{ "scroll-mb": w() }],
+			"scroll-ml": [{ "scroll-ml": w() }],
+			"scroll-p": [{ "scroll-p": w() }],
+			"scroll-px": [{ "scroll-px": w() }],
+			"scroll-py": [{ "scroll-py": w() }],
+			"scroll-ps": [{ "scroll-ps": w() }],
+			"scroll-pe": [{ "scroll-pe": w() }],
+			"scroll-pbs": [{ "scroll-pbs": w() }],
+			"scroll-pbe": [{ "scroll-pbe": w() }],
+			"scroll-pt": [{ "scroll-pt": w() }],
+			"scroll-pr": [{ "scroll-pr": w() }],
+			"scroll-pb": [{ "scroll-pb": w() }],
+			"scroll-pl": [{ "scroll-pl": w() }],
+			"snap-align": [{ snap: [
+				"start",
+				"end",
+				"center",
+				"align-none"
+			] }],
+			"snap-stop": [{ snap: ["normal", "always"] }],
+			"snap-type": [{ snap: [
+				"none",
+				"x",
+				"y",
+				"both"
+			] }],
+			"snap-strictness": [{ snap: ["mandatory", "proximity"] }],
+			touch: [{ touch: [
+				"auto",
+				"none",
+				"manipulation"
+			] }],
+			"touch-x": [{ "touch-pan": [
+				"x",
+				"left",
+				"right"
+			] }],
+			"touch-y": [{ "touch-pan": [
+				"y",
+				"up",
+				"down"
+			] }],
+			"touch-pz": ["touch-pinch-zoom"],
+			select: [{ select: [
+				"none",
+				"text",
+				"all",
+				"auto"
+			] }],
+			"will-change": [{ "will-change": [
+				"auto",
+				"scroll",
+				"contents",
+				"transform",
+				Z,
+				X
+			] }],
+			fill: [{ fill: ["none", ...j()] }],
+			"stroke-w": [{ stroke: [
+				q,
+				mt,
+				st,
+				ct
+			] }],
+			stroke: [{ stroke: ["none", ...j()] }],
+			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
+		},
+		conflictingClassGroups: {
+			overflow: ["overflow-x", "overflow-y"],
+			overscroll: ["overscroll-x", "overscroll-y"],
+			inset: [
+				"inset-x",
+				"inset-y",
+				"inset-bs",
+				"inset-be",
+				"start",
+				"end",
+				"top",
+				"right",
+				"bottom",
+				"left"
+			],
+			"inset-x": ["right", "left"],
+			"inset-y": ["top", "bottom"],
+			flex: [
+				"basis",
+				"grow",
+				"shrink"
+			],
+			gap: ["gap-x", "gap-y"],
+			p: [
+				"px",
+				"py",
+				"ps",
+				"pe",
+				"pbs",
+				"pbe",
+				"pt",
+				"pr",
+				"pb",
+				"pl"
+			],
+			px: ["pr", "pl"],
+			py: ["pt", "pb"],
+			m: [
+				"mx",
+				"my",
+				"ms",
+				"me",
+				"mbs",
+				"mbe",
+				"mt",
+				"mr",
+				"mb",
+				"ml"
+			],
+			mx: ["mr", "ml"],
+			my: ["mt", "mb"],
+			size: ["w", "h"],
+			"font-size": ["leading"],
+			"fvn-normal": [
+				"fvn-ordinal",
+				"fvn-slashed-zero",
+				"fvn-figure",
+				"fvn-spacing",
+				"fvn-fraction"
+			],
+			"fvn-ordinal": ["fvn-normal"],
+			"fvn-slashed-zero": ["fvn-normal"],
+			"fvn-figure": ["fvn-normal"],
+			"fvn-spacing": ["fvn-normal"],
+			"fvn-fraction": ["fvn-normal"],
+			"line-clamp": ["display", "overflow"],
+			rounded: [
+				"rounded-s",
+				"rounded-e",
+				"rounded-t",
+				"rounded-r",
+				"rounded-b",
+				"rounded-l",
+				"rounded-ss",
+				"rounded-se",
+				"rounded-ee",
+				"rounded-es",
+				"rounded-tl",
+				"rounded-tr",
+				"rounded-br",
+				"rounded-bl"
+			],
+			"rounded-s": ["rounded-ss", "rounded-es"],
+			"rounded-e": ["rounded-se", "rounded-ee"],
+			"rounded-t": ["rounded-tl", "rounded-tr"],
+			"rounded-r": ["rounded-tr", "rounded-br"],
+			"rounded-b": ["rounded-br", "rounded-bl"],
+			"rounded-l": ["rounded-tl", "rounded-bl"],
+			"border-spacing": ["border-spacing-x", "border-spacing-y"],
+			"border-w": [
+				"border-w-x",
+				"border-w-y",
+				"border-w-s",
+				"border-w-e",
+				"border-w-bs",
+				"border-w-be",
+				"border-w-t",
+				"border-w-r",
+				"border-w-b",
+				"border-w-l"
+			],
+			"border-w-x": ["border-w-r", "border-w-l"],
+			"border-w-y": ["border-w-t", "border-w-b"],
+			"border-color": [
+				"border-color-x",
+				"border-color-y",
+				"border-color-s",
+				"border-color-e",
+				"border-color-bs",
+				"border-color-be",
+				"border-color-t",
+				"border-color-r",
+				"border-color-b",
+				"border-color-l"
+			],
+			"border-color-x": ["border-color-r", "border-color-l"],
+			"border-color-y": ["border-color-t", "border-color-b"],
+			translate: [
+				"translate-x",
+				"translate-y",
+				"translate-none"
+			],
+			"translate-none": [
+				"translate",
+				"translate-x",
+				"translate-y",
+				"translate-z"
+			],
+			"scroll-m": [
+				"scroll-mx",
+				"scroll-my",
+				"scroll-ms",
+				"scroll-me",
+				"scroll-mbs",
+				"scroll-mbe",
+				"scroll-mt",
+				"scroll-mr",
+				"scroll-mb",
+				"scroll-ml"
+			],
+			"scroll-mx": ["scroll-mr", "scroll-ml"],
+			"scroll-my": ["scroll-mt", "scroll-mb"],
+			"scroll-p": [
+				"scroll-px",
+				"scroll-py",
+				"scroll-ps",
+				"scroll-pe",
+				"scroll-pbs",
+				"scroll-pbe",
+				"scroll-pt",
+				"scroll-pr",
+				"scroll-pb",
+				"scroll-pl"
+			],
+			"scroll-px": ["scroll-pr", "scroll-pl"],
+			"scroll-py": ["scroll-pt", "scroll-pb"],
+			touch: [
+				"touch-x",
+				"touch-y",
+				"touch-pz"
+			],
+			"touch-x": ["touch"],
+			"touch-y": ["touch"],
+			"touch-pz": ["touch"]
+		},
+		conflictingClassGroupModifiers: { "font-size": ["leading"] },
+		orderSensitiveModifiers: [
+			"*",
+			"**",
+			"after",
+			"backdrop",
+			"before",
+			"details-content",
+			"file",
+			"first-letter",
+			"first-line",
+			"marker",
+			"placeholder",
+			"selection"
+		]
+	};
+});
+//#endregion
+//#region src/components/TargetHighlight.tsx
+function jt({ selector: e, label: t, pulse: n = !0 }) {
+	let [r, i] = l(null), a = c(0);
+	return o(() => {
+		let t = () => {
+			let n = document.querySelector(e);
+			if (!n) {
+				i(null);
+				return;
+			}
+			let r = n.getBoundingClientRect();
+			i({
+				top: r.top + window.scrollY,
+				left: r.left + window.scrollX,
+				width: r.width,
+				height: r.height
+			}), a.current = requestAnimationFrame(t);
+		};
+		return a.current = requestAnimationFrame(t), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
+			a.current && cancelAnimationFrame(a.current), window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
+		};
+	}, [e]), r ? /* @__PURE__ */ p(u, { children: /* @__PURE__ */ m(d.div, {
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		className: "fixed pointer-events-none z-[9999]",
+		style: {
+			top: r.top - 8,
+			left: r.left - 8,
+			width: r.width + 16,
+			height: r.height + 16
+		},
+		children: [/* @__PURE__ */ p(d.div, {
+			className: "absolute inset-0 rounded-xl border-2 border-indigo-500",
+			animate: n ? { boxShadow: [
+				"0 0 0px rgba(99,102,241,0)",
+				"0 0 20px rgba(99,102,241,0.4)",
+				"0 0 0px rgba(99,102,241,0)"
+			] } : {},
+			transition: {
+				repeat: Infinity,
+				duration: 2
+			}
+		}), t && /* @__PURE__ */ p("div", {
+			className: "absolute -top-8 left-1/2 -translate-x-1/2 whitespace-nowrap bg-indigo-600 text-white text-xs font-bold px-3 py-1 rounded-lg shadow-lg",
+			children: t
+		})]
+	}) }) : null;
+}
+//#endregion
+//#region src/components/SmartDrawer.tsx
+function $(...e) {
+	return At(_e(e));
+}
+var Mt = ({ content: e }) => /* @__PURE__ */ p("div", {
+	className: "bg-white dark:bg-slate-800 text-slate-700 dark:text-slate-300 border border-slate-100 dark:border-slate-700 rounded-2xl rounded-tl-sm p-4 text-sm shadow-sm w-fit max-w-[90%]",
+	children: e
+}), Nt = ({ targetField: e, value: t, onChange: n }) => /* @__PURE__ */ m("div", {
+	className: "bg-indigo-50/50 dark:bg-indigo-900/10 border border-indigo-100 dark:border-indigo-800/30 rounded-2xl p-4 space-y-2 w-full max-w-[90%]",
+	children: [/* @__PURE__ */ m("div", {
+		className: "flex items-center space-x-2 text-[10px] font-bold text-indigo-500 uppercase tracking-widest",
+		children: [/* @__PURE__ */ p(me, { size: 12 }), /* @__PURE__ */ m("span", { children: ["Manual Entry: ", e] })]
+	}), /* @__PURE__ */ p("input", {
+		value: String(t || ""),
+		onChange: (e) => n(e.target.value),
+		className: "w-full bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-xl px-4 py-2.5 text-sm outline-none focus:ring-2 focus:ring-indigo-500 shadow-sm transition-all text-slate-900 dark:text-white",
+		placeholder: `Type ${e}...`
+	})]
+}), Pt = ({ targetField: e, value: t, options: n, onChange: r }) => /* @__PURE__ */ m("div", {
+	className: "bg-indigo-50/50 dark:bg-indigo-900/10 border border-indigo-100 dark:border-indigo-800/30 rounded-2xl p-4 space-y-2 w-full max-w-[90%]",
+	children: [/* @__PURE__ */ m("div", {
+		className: "flex items-center space-x-2 text-[10px] font-bold text-indigo-500 uppercase tracking-widest",
+		children: [/* @__PURE__ */ p(de, { size: 12 }), /* @__PURE__ */ m("span", { children: ["Select for: ", e] })]
+	}), /* @__PURE__ */ m("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ m("select", {
+			value: String(t || ""),
+			onChange: (e) => r(e.target.value),
+			className: "w-full bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-xl px-4 py-2.5 text-sm outline-none focus:ring-2 focus:ring-indigo-500 shadow-sm transition-all appearance-none text-slate-900 dark:text-white",
+			children: [/* @__PURE__ */ p("option", {
+				value: "",
+				disabled: !0,
+				children: "Select option..."
+			}), n?.map((e, t) => /* @__PURE__ */ p("option", {
+				value: String(e.value),
+				children: e.label
+			}, t))]
+		}), /* @__PURE__ */ p("div", {
+			className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none text-slate-400",
+			children: /* @__PURE__ */ p(ue, {
+				size: 16,
+				className: "rotate-90"
+			})
+		})]
+	})]
+}), Ft = ({ actions: e, onAction: t, onNext: n, onPrev: r }) => /* @__PURE__ */ p("div", {
+	className: "flex flex-col items-end space-y-2 mt-2 w-full",
+	children: e.map((e, i) => /* @__PURE__ */ m("button", {
+		onClick: () => {
+			t(e), e.type === "next" && n(), e.type === "prev" && r();
+		},
+		className: "bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-semibold py-2.5 px-5 rounded-2xl rounded-tr-sm shadow-lg shadow-indigo-500/10 transition-all active:scale-95 flex items-center space-x-2",
+		children: [/* @__PURE__ */ p("span", { children: e.label }), e.type === "next" && /* @__PURE__ */ p(ue, { size: 16 })]
+	}, i))
+}), It = ({ action: e, result: t }) => {
+	let n = {
+		running: {
+			icon: z,
+			color: "text-blue-500",
+			bg: "bg-blue-50 dark:bg-blue-900/10",
+			border: "border-blue-200 dark:border-blue-800/30",
+			label: "Executing..."
+		},
+		success: {
+			icon: L,
+			color: "text-emerald-500",
+			bg: "bg-emerald-50 dark:bg-emerald-900/10",
+			border: "border-emerald-200 dark:border-emerald-800/30",
+			label: "Completed"
+		},
+		failed: {
+			icon: I,
+			color: "text-rose-500",
+			bg: "bg-rose-50 dark:bg-rose-900/10",
+			border: "border-rose-200 dark:border-rose-800/30",
+			label: "Failed"
+		},
+		cancelled: {
+			icon: R,
+			color: "text-slate-400",
+			bg: "bg-slate-50 dark:bg-slate-800/10",
+			border: "border-slate-200 dark:border-slate-700/30",
+			label: "Cancelled"
+		},
+		skipped: {
+			icon: ue,
+			color: "text-amber-500",
+			bg: "bg-amber-50 dark:bg-amber-900/10",
+			border: "border-amber-200 dark:border-amber-800/30",
+			label: "Skipped"
+		},
+		pending: {
+			icon: z,
+			color: "text-slate-400",
+			bg: "bg-slate-50 dark:bg-slate-800/10",
+			border: "border-slate-200 dark:border-slate-700/30",
+			label: "Pending"
+		}
+	}[t.status], r = n.icon, i = e.label || e.type;
+	return /* @__PURE__ */ m("div", {
+		className: $("flex flex-col space-y-1 px-4 py-2.5 rounded-xl border text-sm", n.bg, n.border),
+		children: [/* @__PURE__ */ m("div", {
+			className: "flex items-center space-x-3",
+			children: [/* @__PURE__ */ p(r, {
+				size: 16,
+				className: $(n.color, t.status === "running" && "animate-spin")
+			}), /* @__PURE__ */ p("span", {
+				className: $("font-medium", n.color),
+				children: i
+			})]
+		}), /* @__PURE__ */ m("div", {
+			className: "flex items-center space-x-2 ml-7",
+			children: [
+				/* @__PURE__ */ p("span", {
+					className: "text-xs text-slate-400",
+					children: n.label
+				}),
+				t.error && /* @__PURE__ */ m("span", {
+					className: "text-xs text-rose-400",
+					children: ["· ", t.error]
+				}),
+				t.attempts > 1 && /* @__PURE__ */ m("span", {
+					className: "text-xs text-slate-400",
+					children: [
+						"· (",
+						t.attempts,
+						" attempts)"
+					]
+				})
+			]
+		})]
+	});
+}, Lt = ({ bubble: e, fieldValues: t, onFill: n, onNext: r, onPrev: i, onInteraction: a }) => {
+	switch (e.type) {
+		case "message": return /* @__PURE__ */ p(Mt, { content: e.content });
+		case "input": return /* @__PURE__ */ p(Nt, {
+			targetField: e.targetField,
+			value: t[e.targetField],
+			onChange: (t) => {
+				n(e.targetField, t);
+			}
+		});
+		case "select": return /* @__PURE__ */ p(Pt, {
+			targetField: e.targetField,
+			options: e.options,
+			value: t[e.targetField],
+			onChange: (t) => {
+				n(e.targetField, t);
+			}
+		});
+		case "action-group": return /* @__PURE__ */ p(Ft, {
+			actions: e.actions || [],
+			onNext: r,
+			onPrev: i,
+			onAction: (e) => {
+				if (e.type === "fill_field" && e.data) {
+					let t = e.data;
+					n(t.field, t.value), a(`Auto-filled ${t.field} with ${t.value}`);
+				} else if (e.type === "click" && e.data) {
+					let t = e.data, n = document.querySelector(t.selector);
+					n && (n.click(), a(`Clicked: ${t.selector}`));
+				} else e.onClick ? (e.onClick(), a(`Performed action: ${e.label}`)) : a(`Clicked: ${e.label}`);
+			}
+		});
+		default: return null;
+	}
+};
+function Rt({ className: e }) {
+	let t = O(), { activeMission: n, currentStep: r, nextStep: i, prevStep: a, fillField: h, fieldErrors: g, fieldValues: _, executionContext: v, cancelExecution: y } = A({ debug: !1 }), [b, x] = l(!1), [S, C] = l(!1), w = c(null), [T, ee] = l(null);
+	o(() => {
+		x(!!t.activeMissionId && !t.isPaused);
+	}, [t.activeMissionId, t.isPaused]), o(() => {
+		if (r && r.id !== T) {
+			C(!0);
+			let e = setTimeout(() => {
+				C(!1), ee(r.id);
+			}, 1200);
+			return () => clearTimeout(e);
+		}
+	}, [r, T]);
+	let E = s(() => {
+		if (!n) return [];
+		let e = [], r = n.steps.findIndex((e) => e.id === T);
+		return r === -1 || n.steps.slice(0, r + 1).forEach((n) => {
+			e.push({
+				id: `sys-${n.id}`,
+				role: "system",
+				content: n.content
+			});
+			let r = t.interactionHistory.find((e) => e.stepId === n.id);
+			r && e.push({
+				id: `usr-${n.id}`,
+				role: "user",
+				content: r.actionText
+			});
+		}), e;
+	}, [
+		n,
+		T,
+		t.interactionHistory
+	]);
+	if (o(() => {
+		w.current && (w.current.scrollTop = w.current.scrollHeight);
+	}, [E, S]), !n || !r) {
+		let e = Object.values(t.tourHistory).find((e) => !e.completed && e.lastAccessed > Date.now() - 10080 * 60 * 1e3);
+		if (e) {
+			let n = t.missions[e.missionId];
+			if (n) return /* @__PURE__ */ p(d.div, {
+				initial: {
+					opacity: 0,
+					x: 20
+				},
+				animate: {
+					opacity: 1,
+					x: 0
+				},
+				exit: {
+					opacity: 0,
+					x: 20
+				},
+				className: "h-screen w-[400px] bg-white/95 dark:bg-slate-900/95 backdrop-blur-xl border-l border-slate-200 dark:border-slate-800 shadow-2xl flex flex-col shrink-0 z-[60]",
+				children: /* @__PURE__ */ m("div", {
+					className: "p-6 flex flex-col items-center text-center space-y-4",
+					children: [
+						/* @__PURE__ */ p("div", {
+							className: "p-4 bg-amber-500/10 rounded-2xl",
+							children: /* @__PURE__ */ p(fe, {
+								size: 32,
+								className: "text-amber-500"
+							})
+						}),
+						/* @__PURE__ */ p("h3", {
+							className: "text-lg font-bold text-slate-900 dark:text-white",
+							children: "Resume Tour?"
+						}),
+						/* @__PURE__ */ m("p", {
+							className: "text-sm text-slate-500 dark:text-slate-400",
+							children: [
+								"You were taking the ",
+								/* @__PURE__ */ p("strong", { children: n.title }),
+								" tour. Would you like to continue where you left off?"
+							]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "flex flex-col w-full space-y-2 pt-2",
+							children: [/* @__PURE__ */ m("button", {
+								onClick: () => {
+									t.startMission(e.missionId), e.lastStepId && t.goToStep(e.lastStepId);
+								},
+								className: "w-full py-3 rounded-xl bg-indigo-600 text-white font-semibold hover:bg-indigo-700 shadow-lg shadow-indigo-500/20 transition-all flex items-center justify-center space-x-2",
+								children: [/* @__PURE__ */ p(fe, { size: 16 }), /* @__PURE__ */ p("span", { children: "Resume Tour" })]
+							}), /* @__PURE__ */ p("button", {
+								onClick: () => t.recordTourEntry(e.missionId, e.lastStepId, !0),
+								className: "w-full py-3 rounded-xl border border-slate-200 dark:border-slate-700 text-slate-500 dark:text-slate-400 font-medium hover:bg-slate-50 dark:hover:bg-slate-800 transition-all text-sm",
+								children: "Dismiss"
+							})]
+						})
+					]
+				})
+			});
+		}
+		return null;
+	}
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(u, { children: b && /* @__PURE__ */ m(d.aside, {
+		initial: {
+			width: 0,
+			opacity: 0
+		},
+		animate: {
+			width: 400,
+			opacity: 1
+		},
+		exit: {
+			width: 0,
+			opacity: 0
+		},
+		transition: {
+			type: "spring",
+			damping: 25,
+			stiffness: 200
+		},
+		className: $("h-screen overflow-hidden bg-white/95 dark:bg-slate-900/95 backdrop-blur-xl border-l border-slate-200 dark:border-slate-800 shadow-2xl flex flex-col shrink-0 z-[60]", e),
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "p-5 border-b border-slate-200 dark:border-slate-800 flex items-center justify-between bg-slate-50/50 dark:bg-slate-800/50 backdrop-blur-sm z-10 shrink-0",
+				children: [/* @__PURE__ */ m("div", {
+					className: "flex items-center space-x-3 overflow-hidden",
+					children: [/* @__PURE__ */ m("div", {
+						className: "relative shrink-0",
+						children: [/* @__PURE__ */ p("div", {
+							className: "p-2 bg-indigo-500 rounded-xl text-white shadow-lg shadow-indigo-500/30",
+							children: /* @__PURE__ */ p(le, { size: 20 })
+						}), /* @__PURE__ */ p("span", { className: "absolute -bottom-1 -right-1 w-3 h-3 bg-emerald-500 border-2 border-white dark:border-slate-900 rounded-full" })]
+					}), /* @__PURE__ */ m("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ p("h2", {
+							className: "text-sm font-bold text-slate-900 dark:text-white leading-tight truncate",
+							children: "Chalo Guide"
+						}), /* @__PURE__ */ p("p", {
+							className: "text-[11px] font-semibold text-slate-500 dark:text-slate-400 truncate",
+							children: n.title
+						})]
+					})]
+				}), /* @__PURE__ */ p("button", {
+					className: "p-2 hover:bg-slate-200 dark:hover:bg-slate-700 rounded-lg text-slate-500 transition-colors shrink-0",
+					onClick: () => {
+						t.dismissAllTours(), t.resetMission();
+					},
+					children: /* @__PURE__ */ p(he, { size: 18 })
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				ref: w,
+				className: "flex-1 overflow-y-auto p-5 space-y-6 scroll-smooth min-h-0",
+				children: [/* @__PURE__ */ m(u, {
+					initial: !1,
+					children: [E.map((e) => /* @__PURE__ */ p(d.div, {
+						initial: {
+							opacity: 0,
+							y: 10,
+							scale: .95
+						},
+						animate: {
+							opacity: 1,
+							y: 0,
+							scale: 1
+						},
+						className: $("flex w-full", e.role === "user" ? "justify-end" : "justify-start"),
+						children: /* @__PURE__ */ p("div", {
+							className: $("max-w-[85%] rounded-2xl p-4 text-sm shadow-sm", e.role === "user" ? "bg-slate-900 dark:bg-slate-100 text-white dark:text-slate-900 rounded-tr-sm" : "bg-white dark:bg-slate-800 text-slate-700 dark:text-slate-300 border border-slate-100 dark:border-slate-700 rounded-tl-sm"),
+							children: e.content
+						})
+					}, e.id)), S && /* @__PURE__ */ p(d.div, {
+						initial: {
+							opacity: 0,
+							y: 10
+						},
+						animate: {
+							opacity: 1,
+							y: 0
+						},
+						exit: {
+							opacity: 0,
+							scale: .9
+						},
+						className: "flex justify-start w-full",
+						children: /* @__PURE__ */ m("div", {
+							className: "bg-white dark:bg-slate-800 border border-slate-100 dark:border-slate-700 rounded-2xl rounded-tl-sm p-4 px-5 shadow-sm flex items-center space-x-1",
+							children: [
+								/* @__PURE__ */ p(d.div, {
+									className: "w-1.5 h-1.5 bg-slate-400 rounded-full",
+									animate: { y: [
+										0,
+										-3,
+										0
+									] },
+									transition: {
+										repeat: Infinity,
+										duration: .6,
+										delay: 0
+									}
+								}),
+								/* @__PURE__ */ p(d.div, {
+									className: "w-1.5 h-1.5 bg-slate-400 rounded-full",
+									animate: { y: [
+										0,
+										-3,
+										0
+									] },
+									transition: {
+										repeat: Infinity,
+										duration: .6,
+										delay: .2
+									}
+								}),
+								/* @__PURE__ */ p(d.div, {
+									className: "w-1.5 h-1.5 bg-slate-400 rounded-full",
+									animate: { y: [
+										0,
+										-3,
+										0
+									] },
+									transition: {
+										repeat: Infinity,
+										duration: .6,
+										delay: .4
+									}
+								})
+							]
+						})
+					})]
+				}), !S && /* @__PURE__ */ m(d.div, {
+					initial: { opacity: 0 },
+					animate: { opacity: 1 },
+					className: "space-y-4",
+					children: [
+						r.bubbles?.map((e) => /* @__PURE__ */ p("div", {
+							className: $("flex w-full", e.type === "action-group" ? "justify-end" : "justify-start"),
+							children: /* @__PURE__ */ p(Lt, {
+								bubble: e,
+								fieldValues: _ || {},
+								onFill: h,
+								onNext: i,
+								onPrev: a,
+								onInteraction: (e) => t.addInteraction(r.id, e)
+							})
+						}, e.id)),
+						!r.bubbles && r.actions && r.actions.length > 0 && /* @__PURE__ */ p(Ft, {
+							actions: r.actions,
+							onNext: i,
+							onPrev: a,
+							onAction: (e) => {
+								if (e.type === "fill_field" && e.data) {
+									let n = e.data;
+									h(n.field, n.value), t.addInteraction(r.id, `Used auto-fill: ${n.value}`);
+								} else if (e.type === "click" && e.data) {
+									let n = e.data, i = document.querySelector(n.selector);
+									i && (i.click(), t.addInteraction(r.id, `Clicked: ${n.selector}`));
+								} else e.onClick && (e.onClick(), t.addInteraction(r.id, `Selected: ${e.label}`));
+							}
+						}),
+						r?.actionSequence && Object.keys(v.results).length > 0 && /* @__PURE__ */ m("div", {
+							className: "space-y-2",
+							children: [r.actionSequence.map((e) => {
+								let t = v.results[e.id];
+								return t ? /* @__PURE__ */ p("div", {
+									className: "flex justify-start w-full",
+									children: /* @__PURE__ */ p(It, {
+										action: e,
+										result: t
+									})
+								}, e.id) : null;
+							}), v.isRunning && /* @__PURE__ */ m("button", {
+								onClick: y,
+								className: "flex items-center space-x-1 text-xs text-rose-500 hover:text-rose-600 font-medium ml-2 mt-1",
+								children: [/* @__PURE__ */ p(R, { size: 12 }), /* @__PURE__ */ p("span", { children: "Cancel execution" })]
+							})]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "p-4 bg-white dark:bg-slate-900 border-t border-slate-100 dark:border-slate-800 shrink-0",
+				children: /* @__PURE__ */ m("div", {
+					className: "flex items-center justify-between space-x-2",
+					children: [
+						/* @__PURE__ */ p("button", {
+							onClick: () => {
+								t.addInteraction(r.id, "Navigated backwards"), a();
+							},
+							disabled: n.steps.indexOf(r) === 0,
+							className: "p-3 text-slate-400 hover:text-slate-900 dark:hover:text-white disabled:opacity-30 transition-colors",
+							children: /* @__PURE__ */ p(F, { size: 20 })
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "flex-1 bg-slate-100 dark:bg-slate-800 rounded-xl px-4 py-3 flex items-center overflow-hidden",
+							children: /* @__PURE__ */ p("span", {
+								className: "text-sm text-slate-400 flex-1 truncate",
+								children: r.targetField ? `Focusing on ${r.targetField}...` : "Reading..."
+							})
+						}),
+						/* @__PURE__ */ p("button", {
+							onClick: () => {
+								if (r.targetField) {
+									let e = _[r.targetField];
+									t.addInteraction(r.id, `Confirmed value: ${e}`);
+								} else t.interactionHistory.find((e) => e.stepId === r.id) || t.addInteraction(r.id, "Proceeded to next step");
+								i();
+							},
+							disabled: r.targetField && !!g?.[r.targetField] || n.steps.indexOf(r) === n.steps.length - 1,
+							className: $("p-3 bg-indigo-600 hover:bg-indigo-700 text-white rounded-xl shadow-md active:scale-95 transition-all disabled:opacity-50"),
+							children: n.steps.indexOf(r) === n.steps.length - 1 ? /* @__PURE__ */ p(L, { size: 20 }) : /* @__PURE__ */ p(pe, { size: 20 })
+						})
+					]
+				})
+			})
+		]
+	}) }), r?.targetElement && /* @__PURE__ */ p(jt, {
+		selector: r.targetElement,
+		label: r.title
+	})] });
+}
+//#endregion
+export { Rt as SmartDrawer, jt as TargetHighlight, A as useChalo, O as useChaloStore };