@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/typewriter.js

@@ -1,7 +1,8 @@
-import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, onMounted as c, onUnmounted as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, watch as h } from "vue";
+import { n as e } from "./useReducedMotion-vCXA_vyM.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, normalizeClass as l, onMounted as u, onScopeDispose as d, onUnmounted as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, watch as v } from "vue";
 //#region src/components/typewriter/types.ts
-var g = {
+var y = {
 	ngramSize: {
 		min: 1,
 		max: 3
@@ -27,7 +28,7 @@ var g = {
 	deletingSpeed: 70,
 	respectReducedMotion: !0,
 	loop: !1
-}, _ = {
+}, b = {
 	1: {
 		row: 0,
 		col: 1,
@@ -310,42 +311,42 @@ var g = {
 		finger: "pinky",
 		hand: "right"
 	}
-}, v = (e, t) => {
-	let n = _[e.toLowerCase()], r = _[t.toLowerCase()];
+}, x = (e, t) => {
+	let n = b[e.toLowerCase()], r = b[t.toLowerCase()];
 	if (!n || !r) return 250;
 	if (n.hand !== r.hand) return 150 + Math.random() * 50;
 	if (n.row === r.row && n.col === r.col) return 350 + Math.random() * 100;
 	let i = Math.abs(n.col - r.col);
 	return i === 1 && n.row === r.row ? 180 + Math.random() * 40 : n.row === 2 && r.row === 2 ? 200 + Math.random() * 50 : n.row === 2 && r.row !== 2 || n.row !== 2 && r.row === 2 ? 280 + Math.random() * 70 : (n.row === 3 || r.row === 3) && (["pinky", "ring"].includes(n.finger) || ["pinky", "ring"].includes(r.finger)) ? 320 + Math.random() * 80 : Math.abs(n.row - r.row) > 1 || i > 2 ? 300 + Math.random() * 100 : 250 + Math.random() * 50;
-}, y = {
+}, S = {
 	0: 0,
 	1: .25,
 	2: .5,
 	3: .75,
 	4: 0
-}, b = 1.2, x = 1;
-function S(e, t) {
-	let n = y[e.row] ?? 0, r = y[t.row] ?? 0, i = e.col + n - (t.col + r), a = e.row - t.row;
+}, C = 1.2, w = 1;
+function T(e, t) {
+	let n = S[e.row] ?? 0, r = S[t.row] ?? 0, i = e.col + n - (t.col + r), a = e.row - t.row;
 	return Math.sqrt(i * i + a * a);
 }
-var C = {}, w = Object.entries(_).filter(([e]) => /^[a-z]$/.test(e));
-for (let [e, t] of w) {
+var E = {}, D = Object.entries(b).filter(([e]) => /^[a-z]$/.test(e));
+for (let [e, t] of D) {
 	let n = [];
-	for (let [r, i] of w) e !== r && (Math.abs(t.row - i.row) > x || S(t, i) <= b && n.push(r));
-	C[e] = n;
+	for (let [r, i] of D) e !== r && (Math.abs(t.row - i.row) > w || T(t, i) <= C && n.push(r));
+	E[e] = n;
 }
-function T(e) {
-	return C[e.toLowerCase()] ?? [];
+function O(e) {
+	return E[e.toLowerCase()] ?? [];
 }
-function E(e) {
-	let t = e.toLowerCase(), n = e !== t, r = _[t], i = C[t];
+function k(e) {
+	let t = e.toLowerCase(), n = e !== t, r = b[t], i = E[t];
 	if (!r || !i || i.length === 0) {
 		let e = "asdfghjkl"[Math.floor(Math.random() * 9)];
 		return n ? e.toUpperCase() : e;
 	}
 	let a = [];
 	for (let e of i) {
-		let t = _[e];
+		let t = b[e];
 		if (!t) continue;
 		let n = 1;
 		t.finger === r.finger ? n = 2 : t.hand === r.hand && (n = 1.5), a.push({
@@ -358,8 +359,14 @@ function E(e) {
 	throw Error("[typewriter:weighted-pool] pool exhausted without selection — invariant violation; ADJACENCY_MAP integrity check needed.");
 }
 //#endregion
+//#region src/components/typewriter/utils/graphemes.ts
+function A(e) {
+	let t = Intl.Segmenter;
+	return typeof t == "function" ? [...new t(void 0, { granularity: "grapheme" }).segment(e)].map(({ segment: e }) => e) : [...e];
+}
+//#endregion
 //#region src/components/typewriter/utils/pausePatterns.ts
-var D = {
+var j = {
 	sentenceEnd: {
 		min: 400,
 		max: 800
@@ -384,14 +391,14 @@ var D = {
 		min: 250,
 		max: 450
 	}
-}, O = (e, t) => Math.floor(Math.random() * (t - e + 1)) + e, k = (e, t, n) => [
+}, M = (e, t) => Math.floor(Math.random() * (t - e + 1)) + e, N = (e, t, n) => [
 	".",
 	"!",
 	"?"
-].includes(e) && t === " " ? O(n.sentenceEnd.min, n.sentenceEnd.max) : e === "," && t === " " ? O(n.commaBreak.min, n.commaBreak.max) : [":", ";"].includes(e) && t === " " ? O(n.colonPause.min, n.colonPause.max) : e === "-" && t === " " ? O(n.dashPause.min, n.dashPause.max) : e === " " && Math.random() < .3 ? O(n.wordBoundary.min, n.wordBoundary.max) : Math.random() < .05 ? O(n.thinkingPause.min, n.thinkingPause.max) : 0;
+].includes(e) && t === " " ? M(n.sentenceEnd.min, n.sentenceEnd.max) : e === "," && t === " " ? M(n.commaBreak.min, n.commaBreak.max) : [":", ";"].includes(e) && t === " " ? M(n.colonPause.min, n.colonPause.max) : e === "-" && t === " " ? M(n.dashPause.min, n.dashPause.max) : e === " " && Math.random() < .3 ? M(n.wordBoundary.min, n.wordBoundary.max) : Math.random() < .05 ? M(n.thinkingPause.min, n.thinkingPause.max) : 0;
 //#endregion
 //#region src/components/typewriter/utils/timing.ts
-function A() {
+function P() {
 	let e = /* @__PURE__ */ new Set(), t = !1;
 	return {
 		get cancelled() {
@@ -412,7 +419,7 @@ function A() {
 		}
 	};
 }
-function j(e, t) {
+function F(e, t) {
 	return t.cancelled ? Promise.resolve(!1) : e <= 0 ? Promise.resolve(!0) : new Promise((n) => {
 		let r = setTimeout(() => {
 			t.offCancel(i), n(!0);
@@ -423,14 +430,14 @@ function j(e, t) {
 		t.onCancel(i);
 	});
 }
-function M(e, t, n = 30, r = 600) {
+function I(e, t, n = 30, r = 600) {
 	let i = (Math.random() * 2 - 1) * t;
 	return Math.max(n, Math.min(r, e * (1 + i)));
 }
-function N(e, t, n, r) {
-	return M(e * Math.max(.3, 1 - r * n), t, 20, 200);
+function L(e, t, n, r) {
+	return I(e * Math.max(.3, 1 - r * n), t, 20, 200);
 }
-function P(e) {
+function R(e) {
 	if (typeof e == "number") return e;
 	let { min: t, max: n } = e;
 	if (t === n) return t;
@@ -441,15 +448,12 @@ function P(e) {
 	}
 	return n;
 }
-function F(e, t) {
+function z(e, t) {
 	return Math.floor(Math.random() * (t - e + 1)) + e;
 }
-function I() {
-	return typeof window > "u" ? !1 : window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
-}
 //#endregion
 //#region src/components/typewriter/utils/typoStateMachine.ts
-var L = {
+var B = {
 	maxCharsBeforeNotice: 4,
 	continueAfterTypoProbability: .6,
 	sequentialTypoDecay: .3,
@@ -458,7 +462,7 @@ var L = {
 	resumePauseMin: 100,
 	resumePauseMax: 300
 };
-function R() {
+function V() {
 	return {
 		state: "normal",
 		charsPastTypo: 0,
@@ -466,22 +470,22 @@ function R() {
 		sequentialTypoCount: 0
 	};
 }
-function z(e, t, n, r) {
+function H(e, t, n, r) {
 	switch (e.state) {
-		case "normal": return B(e, t, r);
-		case "typo_injected": return V(e, t, n);
-		case "typing_past": return H(e, t, n);
-		case "noticed": return U(e, n);
-		case "correcting": return W(e);
-		case "resuming": return G(e, n);
+		case "normal": return U(e, t, r);
+		case "typo_injected": return W(e, t, n);
+		case "typing_past": return G(e, t, n);
+		case "noticed": return K(e, n);
+		case "correcting": return q(e);
+		case "resuming": return J(e, n);
 	}
 }
-function B(e, t, n) {
+function U(e, t, n) {
 	let r = n * .7 ** e.sequentialTypoCount;
 	return Math.random() < r && /[a-zA-Z]/.test(t) ? {
 		action: {
 			type: "type_wrong",
-			char: E(t),
+			char: k(t),
 			intended: t
 		},
 		ctx: {
@@ -502,7 +506,7 @@ function B(e, t, n) {
 		}
 	};
 }
-function V(e, t, n) {
+function W(e, t, n) {
 	return Math.random() < n.continueAfterTypoProbability ? {
 		action: {
 			type: "type_past_correct",
@@ -517,7 +521,7 @@ function V(e, t, n) {
 	} : {
 		action: {
 			type: "notice",
-			pauseMs: F(n.noticePauseMin, n.noticePauseMax)
+			pauseMs: z(n.noticePauseMin, n.noticePauseMax)
 		},
 		ctx: {
 			...e,
@@ -525,11 +529,11 @@ function V(e, t, n) {
 		}
 	};
 }
-function H(e, t, n) {
+function G(e, t, n) {
 	return e.charsPastTypo >= n.maxCharsBeforeNotice ? {
 		action: {
 			type: "notice",
-			pauseMs: F(n.noticePauseMin, n.noticePauseMax)
+			pauseMs: z(n.noticePauseMin, n.noticePauseMax)
 		},
 		ctx: {
 			...e,
@@ -548,7 +552,7 @@ function H(e, t, n) {
 	} : {
 		action: {
 			type: "notice",
-			pauseMs: F(n.noticePauseMin, n.noticePauseMax)
+			pauseMs: z(n.noticePauseMin, n.noticePauseMax)
 		},
 		ctx: {
 			...e,
@@ -556,7 +560,7 @@ function H(e, t, n) {
 		}
 	};
 }
-function U(e, t) {
+function K(e, t) {
 	return {
 		action: {
 			type: "backspace",
@@ -569,11 +573,11 @@ function U(e, t) {
 		}
 	};
 }
-function W(e) {
+function q(e) {
 	return {
 		action: {
 			type: "resume",
-			pauseMs: F(100, 300)
+			pauseMs: z(100, 300)
 		},
 		ctx: {
 			...e,
@@ -581,7 +585,7 @@ function W(e) {
 		}
 	};
 }
-function G(e, t) {
+function J(e, t) {
 	return {
 		action: {
 			type: "type_correct",
@@ -597,143 +601,153 @@ function G(e, t) {
 }
 //#endregion
 //#region src/components/typewriter/composables/useTypewriter.ts
-function K(e) {
-	let t = {
-		...g,
-		...e
-	}, r = t.words != null && t.words.length > 0, i = d(""), a = d(!1), o = d(!0), s = d(!1), c = d(0), l = d(r ? t.words[0] : { text: t.text ?? "" }), u = r ? t.words[0].text : t.text ?? "", f = null;
-	function p() {
+function Y(t) {
+	let n = {
+		...y,
+		...t
+	}, i = n.respectReducedMotion ? e() : m(!1), a = n.words != null && n.words.length > 0, o = m(""), s = m(!1), c = m(!0), l = m(!1), u = m(0), f = m(a ? n.words[0] : { text: n.text ?? "" }), p = a ? n.words[0].text : n.text ?? "", h = A(p), g = null;
+	function _() {
 		return {
-			...L,
-			maxCharsBeforeNotice: t.maxCharsBeforeNotice,
-			continueAfterTypoProbability: t.continueAfterTypoProbability,
-			sequentialTypoDecay: t.sequentialTypoDecay
+			...B,
+			maxCharsBeforeNotice: n.maxCharsBeforeNotice,
+			continueAfterTypoProbability: n.continueAfterTypoProbability,
+			sequentialTypoDecay: n.sequentialTypoDecay
 		};
 	}
-	async function m(e) {
-		let n = u, r = R(), a = p(), s = o.value ? t.firstAnimationSpeedFactor : 1, c = o.value;
-		for (; i.value.length < n.length;) {
+	async function b(e) {
+		let t = h, r = V(), i = _(), a = c.value ? n.firstAnimationSpeedFactor : 1, s = c.value;
+		for (; A(o.value).length < t.length;) {
 			if (e.cancelled) return;
-			let l = i.value.length, u = n[l], d = l > 0 ? n[l - 1] : "";
+			let l = A(o.value).length, u = t[l], d = l > 0 ? t[l - 1] : "";
 			if (r.state !== "normal") {
-				let n = z(r, u, a, t.errorRate);
-				if (r = n.ctx, !await h(n.action, e, d, s)) return;
+				let t = H(r, u, i, n.errorRate);
+				if (r = t.ctx, !await S(t.action, e, d, a)) return;
 				continue;
 			}
-			if (!c && l > 3 && l < n.length - 3) {
-				let n = z(r, u, a, t.errorRate);
-				if (r = n.ctx, n.action.type === "type_wrong") {
-					if (!await h(n.action, e, d, s)) return;
+			if (!s && l > 3 && l < t.length - 3) {
+				let t = H(r, u, i, n.errorRate);
+				if (r = t.ctx, t.action.type === "type_wrong") {
+					if (!await S(t.action, e, d, a)) return;
 					continue;
 				}
 			}
-			let f = Math.min(P(t.ngramSize), n.length - l);
+			let f = Math.min(R(n.ngramSize), t.length - l);
 			for (let r = 0; r < f; r++) {
 				if (e.cancelled) return;
-				let a = l + r, c = n[a], u = a > 0 ? n[a - 1] : "";
-				if (i.value += c, r === f - 1) {
-					let r = n[a + 1] ?? "", i = M(v(u, c) * s, t.variance), l = 0;
-					if (o.value || (l = k(c, r, D)), !await j(i + l, e)) return;
+				let i = l + r, s = t[i], u = i > 0 ? t[i - 1] : "";
+				if (o.value += s, r === f - 1) {
+					let r = t[i + 1] ?? "", o = I(x(u, s) * a, n.variance), l = 0;
+					if (c.value || (l = N(s, r, j)), !await F(o + l, e)) return;
 				}
 			}
 		}
 	}
-	async function h(e, n, r, a) {
+	async function S(e, t, r, i) {
 		switch (e.type) {
-			case "type_correct": return e.char === "" ? !0 : (i.value += e.char, j(M(v(r, e.char) * a, t.variance), n));
-			case "type_wrong": return i.value += e.char, j(M(v(r, e.char) * a, t.variance), n);
-			case "type_past_correct": return i.value += e.char, j(M(v(r, e.char) * a * t.correctionSpeedMultiplier, t.variance), n);
-			case "notice": return j(e.pauseMs, n);
-			case "backspace": return _(e.count, n, e.frantic);
-			case "resume": return j(e.pauseMs, n);
+			case "type_correct": return e.char === "" ? !0 : (o.value += e.char, F(I(x(r, e.char) * i, n.variance), t));
+			case "type_wrong": return o.value += e.char, F(I(x(r, e.char) * i, n.variance), t);
+			case "type_past_correct": return o.value += e.char, F(I(x(r, e.char) * i * n.correctionSpeedMultiplier, n.variance), t);
+			case "notice": return F(e.pauseMs, t);
+			case "backspace": return C(e.count, t, e.frantic);
+			case "resume": return F(e.pauseMs, t);
 		}
 	}
-	async function _(e, n, r) {
-		let a = r ? t.correctionBaseDelay : t.backspaceBaseDelay, o = r ? t.backspaceAcceleration * 2 : t.backspaceAcceleration;
-		for (let r = 0; r < e; r++) if (n.cancelled || (i.value = i.value.slice(0, -1), !await j(N(a, t.variance * .5, r, o), n))) return !1;
+	async function C(e, t, r) {
+		let i = r ? n.correctionBaseDelay : n.backspaceBaseDelay, a = r ? n.backspaceAcceleration * 2 : n.backspaceAcceleration;
+		for (let r = 0; r < e; r++) if (t.cancelled || (o.value = A(o.value).slice(0, -1).join(""), !await F(L(i, n.variance * .5, r, a), t))) return !1;
 		return !0;
 	}
-	async function y(e) {
-		s.value = !0;
-		let n = t.deletingSpeed;
-		for (; i.value.length > 0;) if (e.cancelled || (i.value = i.value.slice(0, -1), !await j(n + Math.random() * 20, e))) return s.value = !1, !1;
-		return s.value = !1, !0;
+	async function w(e) {
+		l.value = !0;
+		let t = n.deletingSpeed;
+		for (; o.value.length > 0;) if (e.cancelled || (o.value = A(o.value).slice(0, -1).join(""), !await F(t + Math.random() * 20, e))) return l.value = !1, !1;
+		return l.value = !1, !0;
 	}
-	async function b(e) {
-		let n = t.words, r = c.value;
+	async function T(e) {
+		let t = n.words, r = u.value;
 		for (; !e.cancelled;) {
-			if (l.value = n[r], c.value = r, u = n[r].text, await m(e), e.cancelled || (o.value = !1, t.onWordComplete?.(r), !await j(t.pauseAfterType, e)) || !await y(e) || !await j(t.pauseAfterDelete, e)) return;
-			r = (r + 1) % n.length;
+			if (f.value = t[r], u.value = r, p = t[r].text, h = A(p), await b(e), e.cancelled || (c.value = !1, n.onWordComplete?.(r), !await F(n.pauseAfterType, e)) || !await w(e) || !await F(n.pauseAfterDelete, e)) return;
+			r = (r + 1) % t.length;
 		}
 	}
-	async function x() {
-		f?.cancel();
-		let e = A();
-		if (f = e, a.value = !0, t.respectReducedMotion && I()) {
-			r ? (i.value = t.words[0].text, l.value = t.words[0]) : i.value = u, a.value = !1, o.value = !1, t.onComplete?.();
+	async function E() {
+		g?.cancel();
+		let e = P();
+		if (g = e, s.value = !0, i.value) {
+			O();
 			return;
 		}
-		if (r) await b(e), e.cancelled || (a.value = !1);
+		if (a) await T(e), e.cancelled || (s.value = !1);
 		else {
-			if (!o.value && i.value.length > 0 && (!await j(t.preBackspacePause, e) || !await _(i.value.length, e, !1) || !await j(t.postBackspacePause, e))) return;
-			await m(e), e.cancelled || (o.value = !1, a.value = !1, t.onComplete?.(), t.loop && (await j(2e3, e), e.cancelled || x()));
+			if (!c.value && o.value.length > 0 && (!await F(n.preBackspacePause, e) || !await C(A(o.value).length, e, !1) || !await F(n.postBackspacePause, e))) return;
+			await b(e), e.cancelled || (c.value = !1, s.value = !1, n.onComplete?.(), n.loop && (await F(2e3, e), e.cancelled || E()));
 		}
 	}
-	function S() {
-		f?.cancel(), f = null, a.value = !1, s.value = !1;
+	function D() {
+		g?.cancel(), g = null, s.value = !1, l.value = !1;
 	}
-	function C() {
-		S(), i.value = "", o.value = !0, r && (c.value = 0, l.value = t.words[0], u = t.words[0].text);
+	function O() {
+		let e = s.value;
+		if (D(), a) {
+			let e = n.words[0];
+			u.value = 0, f.value = e, p = e.text, h = A(p);
+		}
+		o.value = p, c.value = !1, e && n.onComplete?.();
 	}
-	function w(e) {
-		u = e, r || (t.text = e), i.value.length > 0 && (o.value = !1);
+	function k() {
+		D(), o.value = "", c.value = !0, a && (u.value = 0, f.value = n.words[0], p = n.words[0].text, h = A(p));
 	}
-	async function T(e) {
-		if (a.value || e >= i.value.length || e < 0) return;
-		f?.cancel();
-		let t = A();
-		f = t, a.value = !0, await _(i.value.length - e, t, !1), a.value = !1, t.cancelled || (await j(200, t), t.cancelled || x());
+	function M(e) {
+		p = e, h = A(e), a || (n.text = e), o.value.length > 0 && (c.value = !1);
 	}
-	function E() {
-		S();
+	function z() {
+		D();
 	}
-	function O() {
-		a.value || x();
+	function U() {
+		s.value || E();
 	}
-	function F(e) {
-		let t = u.length, n = Math.max(0, Math.min(e, t));
-		i.value = u.slice(0, n);
+	function W(e) {
+		let t = h.length, n = Math.max(0, Math.min(e, t));
+		o.value = h.slice(0, n).join("");
 	}
-	function B(e, n) {
-		if (!r) return;
-		S();
-		let i = t.words, a = e % i.length;
-		c.value = a, l.value = i[a], u = i[a].text, F(n);
+	function G(e, t) {
+		if (!a) return;
+		D();
+		let r = n.words, i = e % r.length;
+		u.value = i, f.value = r[i], p = r[i].text, h = A(p), W(t);
 	}
-	return {
-		displayText: i,
-		isTyping: a,
-		isFirstAnimation: o,
-		isDeleting: s,
-		currentWordIndex: n(() => c.value),
-		currentWord: n(() => l.value),
-		startTyping: x,
-		stopTyping: S,
-		reset: C,
-		updateText: w,
-		backspaceToPosition: T,
-		pause: E,
-		resume: O,
-		setCharPosition: F,
-		forceWord: B
+	let K = v(i, (e) => {
+		e && s.value && O();
+	}, { flush: "sync" });
+	return d(() => {
+		K(), D();
+	}), {
+		displayText: o,
+		isTyping: s,
+		isFirstAnimation: c,
+		isDeleting: l,
+		currentWordIndex: r(() => u.value),
+		currentWord: r(() => f.value),
+		reducedMotion: i,
+		startTyping: E,
+		stopTyping: D,
+		reset: k,
+		updateText: M,
+		pause: z,
+		resume: U,
+		setCharPosition: W,
+		forceWord: G
 	};
 }
 //#endregion
 //#region src/components/typewriter/TypewriterText.vue?vue&type=script&setup=true&lang.ts
-var q = { class: "tw-root" }, J = ["onClick"], Y = {
+var X = { class: "tw-root" }, Z = { class: "sr-only tw-accessible" }, Q = {
+	class: "tw-visual",
+	"aria-hidden": "true"
+}, $ = {
 	key: 0,
 	class: "tw-tail"
-}, X = /* @__PURE__ */ e(/* @__PURE__ */ o({
+}, ee = /*#__PURE__*/ t(/* @__PURE__ */ c({
 	__name: "TypewriterText",
 	props: {
 		text: { default: void 0 },
@@ -767,10 +781,6 @@ var q = { class: "tw-root" }, J = ["onClick"], Y = {
 		pauseAfterType: { default: 3e3 },
 		pauseAfterDelete: { default: 800 },
 		deletingSpeed: { default: 70 },
-		interactive: {
-			type: Boolean,
-			default: !0
-		},
 		respectReducedMotion: {
 			type: Boolean,
 			default: !0
@@ -781,80 +791,84 @@ var q = { class: "tw-root" }, J = ["onClick"], Y = {
 		"start",
 		"wordComplete"
 	],
-	setup(e, { expose: o, emit: d }) {
-		let g = e, _ = d, v = K({
-			text: g.text,
-			words: g.words,
-			ngramSize: g.ngramSize,
-			baseSpeed: g.baseSpeed,
-			variance: g.variance,
-			errorRate: g.errorRate,
-			firstAnimationSpeedFactor: g.firstAnimationSpeedFactor,
-			maxCharsBeforeNotice: g.maxCharsBeforeNotice,
-			continueAfterTypoProbability: g.continueAfterTypoProbability,
-			sequentialTypoDecay: g.sequentialTypoDecay,
-			correctionSpeedMultiplier: g.correctionSpeedMultiplier,
-			cursorVisible: g.cursorVisible,
-			cursorBlink: g.cursorBlink,
-			cursorChar: g.cursorChar,
-			loop: g.loop,
-			pauseAfterType: g.pauseAfterType,
-			pauseAfterDelete: g.pauseAfterDelete,
-			deletingSpeed: g.deletingSpeed,
-			respectReducedMotion: g.respectReducedMotion,
-			onComplete: () => _("complete"),
-			onWordComplete: (e) => _("wordComplete", e)
-		}), { displayText: y, startTyping: b, stopTyping: x, reset: S, backspaceToPosition: C } = v, w = n(() => y.value.split("")), T = n(() => w.value.slice(0, -1)), E = n(() => w.value.length > 0 ? w.value[w.value.length - 1] : null), D = n(() => g.interactive ? "tw-char tw-char--interactive" : "tw-char"), O = /* @__PURE__ */ new Set();
-		function k(e, t) {
+	setup(e, { expose: t, emit: c }) {
+		let d = e, m = c, y = Y({
+			text: d.text,
+			words: d.words,
+			ngramSize: d.ngramSize,
+			baseSpeed: d.baseSpeed,
+			variance: d.variance,
+			errorRate: d.errorRate,
+			firstAnimationSpeedFactor: d.firstAnimationSpeedFactor,
+			maxCharsBeforeNotice: d.maxCharsBeforeNotice,
+			continueAfterTypoProbability: d.continueAfterTypoProbability,
+			sequentialTypoDecay: d.sequentialTypoDecay,
+			correctionSpeedMultiplier: d.correctionSpeedMultiplier,
+			cursorVisible: d.cursorVisible,
+			cursorBlink: d.cursorBlink,
+			cursorChar: d.cursorChar,
+			loop: d.loop,
+			pauseAfterType: d.pauseAfterType,
+			pauseAfterDelete: d.pauseAfterDelete,
+			deletingSpeed: d.deletingSpeed,
+			respectReducedMotion: d.respectReducedMotion,
+			onComplete: () => m("complete"),
+			onWordComplete: (e) => m("wordComplete", e)
+		}), { displayText: b, startTyping: x, stopTyping: S, reset: C } = y, w = r(() => d.words && d.words.length > 0 ? y.currentWord.value.text : d.text ?? ""), T = r(() => d.words && d.words.length > 0 ? d.words.map((e) => e.text) : [d.text ?? ""]), E = r(() => A(b.value)), D = r(() => E.value.slice(0, -1).join("")), O = r(() => E.value.length > 0 ? E.value[E.value.length - 1] : null), k = /* @__PURE__ */ new Set();
+		function j(e, t) {
 			let n = setTimeout(() => {
-				O.delete(n), e();
+				k.delete(n), e();
 			}, t);
-			return O.add(n), n;
+			return k.add(n), n;
 		}
-		function A() {
-			O.forEach((e) => clearTimeout(e)), O.clear();
+		function M() {
+			k.forEach((e) => clearTimeout(e)), k.clear();
 		}
-		function j() {
-			A(), k(() => {
-				_("start"), b();
-			}, g.startDelay);
-		}
-		function M(e) {
-			g.interactive && (e >= y.value.length || (v.isTyping.value ? (x(), k(() => void C(e + 1), 50)) : C(e + 1)));
+		function N() {
+			if (M(), y.reducedMotion.value) {
+				m("start"), x();
+				return;
+			}
+			j(() => {
+				m("start"), x();
+			}, d.startDelay);
 		}
-		return h(() => g.text, (e, t) => {
-			e !== t && e && (x(), v.updateText(e), j());
-		}), c(() => {
-			(g.text || g.words && g.words.length > 0) && j();
-		}), l(() => {
-			A(), x();
-		}), o({
-			startTyping: b,
-			stopTyping: x,
-			reset: S,
-			isTyping: v.isTyping,
-			isDeleting: v.isDeleting,
-			currentWord: v.currentWord,
-			currentWordIndex: v.currentWordIndex,
-			pause: v.pause,
-			resume: v.resume,
-			setCharPosition: v.setCharPosition,
-			forceWord: v.forceWord
-		}), (n, o) => (u(), i("span", q, [(u(!0), i(t, null, f(T.value, (e, t) => (u(), i("span", {
-			key: t,
-			class: s(D.value),
-			onClick: (e) => M(t)
-		}, p(e), 11, J))), 128)), E.value === null ? e.cursorVisible ? (u(), i("span", {
-			key: 1,
-			class: s(["tw-cursor", { "tw-cursor--blink": e.cursorBlink && !m(v).isTyping.value }])
-		}, p(e.cursorChar), 3)) : r("", !0) : (u(), i("span", Y, [a("span", {
-			class: s(D.value),
-			onClick: o[0] ||= (e) => M(w.value.length - 1)
-		}, p(E.value), 3), e.cursorVisible ? (u(), i("span", {
-			key: 0,
-			class: s(["tw-cursor", { "tw-cursor--blink": e.cursorBlink && !m(v).isTyping.value }])
-		}, p(e.cursorChar), 3)) : r("", !0)]))]));
+		return v(y.reducedMotion, (e) => {
+			e && k.size > 0 && N();
+		}, { flush: "sync" }), v(() => d.text, (e, t) => {
+			e !== t && e && (S(), y.updateText(e), N());
+		}), u(() => {
+			(d.text || d.words && d.words.length > 0) && N();
+		}), f(() => {
+			M(), S();
+		}), t({
+			startTyping: x,
+			stopTyping: S,
+			reset: C,
+			isTyping: y.isTyping,
+			isDeleting: y.isDeleting,
+			currentWord: y.currentWord,
+			currentWordIndex: y.currentWordIndex,
+			pause: y.pause,
+			resume: y.resume,
+			setCharPosition: y.setCharPosition,
+			forceWord: y.forceWord
+		}), (t, r) => (p(), a("span", X, [
+			o("span", Z, g(w.value), 1),
+			(p(!0), a(n, null, h(T.value, (e, t) => (p(), a("span", {
+				key: `${t}:${e}`,
+				class: "tw-reserve",
+				"aria-hidden": "true"
+			}, g(e), 1))), 128)),
+			o("span", Q, [o("span", null, g(D.value), 1), O.value === null ? e.cursorVisible ? (p(), a("span", {
+				key: 1,
+				class: l(["tw-cursor", { "tw-cursor--blink": e.cursorBlink && !_(y).isTyping.value }])
+			}, g(e.cursorChar), 3)) : i("", !0) : (p(), a("span", $, [s(g(O.value) + " ", 1), e.cursorVisible ? (p(), a("span", {
+				key: 0,
+				class: l(["tw-cursor", { "tw-cursor--blink": e.cursorBlink && !_(y).isTyping.value }])
+			}, g(e.cursorChar), 3)) : i("", !0)]))])
+		]));
 	}
-}), [["__scopeId", "data-v-3d7bf1c3"]]);
+}), [["__scopeId", "data-v-109a494c"]]);
 //#endregion
-export { g as DEFAULTS, L as DEFAULT_TYPO_CONFIG, D as PAUSE_PATTERNS, _ as QWERTY_MAP, X as TypewriterText, N as backspaceDelay, v as calculateKeyDelay, A as createCancellationToken, R as createTypoContext, T as getAdjacentKeys, k as getPauseDelay, z as nextTypoAction, P as pickNgramSize, E as pickTypoChar, I as prefersReducedMotion, F as randomInRange, j as sleep, M as stochasticDelay, K as useTypewriter };
+export { y as DEFAULTS, B as DEFAULT_TYPO_CONFIG, j as PAUSE_PATTERNS, b as QWERTY_MAP, ee as TypewriterText, L as backspaceDelay, x as calculateKeyDelay, P as createCancellationToken, V as createTypoContext, O as getAdjacentKeys, N as getPauseDelay, H as nextTypoAction, R as pickNgramSize, k as pickTypoChar, z as randomInRange, F as sleep, I as stochasticDelay, Y as useTypewriter };