@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/typewriter.js

@@ -1,7 +1,8 @@
-import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, onMounted as c, onUnmounted as l, openBlock as u, ref as d, toDisplayString as f, unref as p, watch as m } 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 h = {
+var y = {
 	ngramSize: {
 		min: 1,
 		max: 3
@@ -27,7 +28,7 @@ var h = {
 	deletingSpeed: 70,
 	respectReducedMotion: !0,
 	loop: !1
-}, g = {
+}, b = {
 	1: {
 		row: 0,
 		col: 1,
@@ -310,42 +311,42 @@ var h = {
 		finger: "pinky",
 		hand: "right"
 	}
-}, _ = (e, t) => {
-	let n = g[e.toLowerCase()], r = g[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;
-}, v = {
+}, S = {
 	0: 0,
 	1: .25,
 	2: .5,
 	3: .75,
 	4: 0
-}, y = 1.2, b = 1;
-function x(e, t) {
-	let n = v[e.row] ?? 0, r = v[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 S = {}, C = Object.entries(g).filter(([e]) => /^[a-z]$/.test(e));
-for (let [e, t] of C) {
+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 C) e !== r && (Math.abs(t.row - i.row) > b || x(t, i) <= y && n.push(r));
-	S[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 w(e) {
-	return S[e.toLowerCase()] ?? [];
+function O(e) {
+	return E[e.toLowerCase()] ?? [];
 }
-function T(e) {
-	let t = e.toLowerCase(), n = e !== t, r = g[t], i = S[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 = g[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({
@@ -359,13 +360,13 @@ function T(e) {
 }
 //#endregion
 //#region src/components/typewriter/utils/graphemes.ts
-function E(e) {
+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
@@ -390,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() {
@@ -418,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);
@@ -429,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;
@@ -447,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,
@@ -464,7 +462,7 @@ var L = {
 	resumePauseMin: 100,
 	resumePauseMax: 300
 };
-function R() {
+function V() {
 	return {
 		state: "normal",
 		charsPastTypo: 0,
@@ -472,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: T(t),
+			char: k(t),
 			intended: t
 		},
 		ctx: {
@@ -508,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",
@@ -523,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,
@@ -531,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,
@@ -554,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,
@@ -562,7 +560,7 @@ function H(e, t, n) {
 		}
 	};
 }
-function U(e, t) {
+function K(e, t) {
 	return {
 		action: {
 			type: "backspace",
@@ -575,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,
@@ -587,7 +585,7 @@ function W(e) {
 		}
 	};
 }
-function G(e, t) {
+function J(e, t) {
 	return {
 		action: {
 			type: "type_correct",
@@ -603,152 +601,158 @@ function G(e, t) {
 }
 //#endregion
 //#region src/components/typewriter/composables/useTypewriter.ts
-function K(e) {
+function Y(t) {
 	let n = {
-		...h,
-		...e
-	}, r = n.words != null && n.words.length > 0, i = d(""), a = d(!1), o = d(!0), s = d(!1), c = d(0), l = d(r ? n.words[0] : { text: n.text ?? "" }), u = r ? n.words[0].text : n.text ?? "", f = E(u), p = null;
-	function m() {
+		...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,
+			...B,
 			maxCharsBeforeNotice: n.maxCharsBeforeNotice,
 			continueAfterTypoProbability: n.continueAfterTypoProbability,
 			sequentialTypoDecay: n.sequentialTypoDecay
 		};
 	}
-	async function g(e) {
-		let t = f, r = R(), a = m(), s = o.value ? n.firstAnimationSpeedFactor : 1, c = o.value;
-		for (; E(i.value).length < t.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 = E(i.value).length, u = t[l], d = l > 0 ? t[l - 1] : "";
+			let l = A(o.value).length, u = t[l], d = l > 0 ? t[l - 1] : "";
 			if (r.state !== "normal") {
-				let t = z(r, u, a, n.errorRate);
-				if (r = t.ctx, !await v(t.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 < t.length - 3) {
-				let t = z(r, u, a, n.errorRate);
+			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 v(t.action, e, d, s)) return;
+					if (!await S(t.action, e, d, a)) return;
 					continue;
 				}
 			}
-			let f = Math.min(P(n.ngramSize), t.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 = t[a], u = a > 0 ? t[a - 1] : "";
-				if (i.value += c, r === f - 1) {
-					let r = t[a + 1] ?? "", i = M(_(u, c) * s, n.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 v(e, t, 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(_(r, e.char) * a, n.variance), t));
-			case "type_wrong": return i.value += e.char, j(M(_(r, e.char) * a, n.variance), t);
-			case "type_past_correct": return i.value += e.char, j(M(_(r, e.char) * a * n.correctionSpeedMultiplier, n.variance), t);
-			case "notice": return j(e.pauseMs, t);
-			case "backspace": return y(e.count, t, e.frantic);
-			case "resume": return j(e.pauseMs, t);
+			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 y(e, t, r) {
-		let a = r ? n.correctionBaseDelay : n.backspaceBaseDelay, o = r ? n.backspaceAcceleration * 2 : n.backspaceAcceleration;
-		for (let r = 0; r < e; r++) if (t.cancelled || (i.value = E(i.value).slice(0, -1).join(""), !await j(N(a, n.variance * .5, r, o), t))) 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 b(e) {
-		s.value = !0;
+	async function w(e) {
+		l.value = !0;
 		let t = n.deletingSpeed;
-		for (; i.value.length > 0;) if (e.cancelled || (i.value = E(i.value).slice(0, -1).join(""), !await j(t + Math.random() * 20, e))) return s.value = !1, !1;
-		return s.value = !1, !0;
+		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 x(e) {
-		let t = n.words, r = c.value;
+	async function T(e) {
+		let t = n.words, r = u.value;
 		for (; !e.cancelled;) {
-			if (l.value = t[r], c.value = r, u = t[r].text, f = E(u), await g(e), e.cancelled || (o.value = !1, n.onWordComplete?.(r), !await j(n.pauseAfterType, e)) || !await b(e) || !await j(n.pauseAfterDelete, e)) return;
+			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 S() {
-		p?.cancel();
-		let e = A();
-		if (p = e, a.value = !0, n.respectReducedMotion && I()) {
-			r ? (i.value = n.words[0].text, l.value = n.words[0]) : i.value = u, a.value = !1, o.value = !1, n.onComplete?.();
+	async function E() {
+		g?.cancel();
+		let e = P();
+		if (g = e, s.value = !0, i.value) {
+			O();
 			return;
 		}
-		if (r) await x(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(n.preBackspacePause, e) || !await y(E(i.value).length, e, !1) || !await j(n.postBackspacePause, e))) return;
-			await g(e), e.cancelled || (o.value = !1, a.value = !1, n.onComplete?.(), n.loop && (await j(2e3, e), e.cancelled || S()));
+			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 C() {
-		p?.cancel(), p = null, a.value = !1, s.value = !1;
+	function D() {
+		g?.cancel(), g = null, s.value = !1, l.value = !1;
 	}
-	function w() {
-		C(), i.value = "", o.value = !0, r && (c.value = 0, l.value = n.words[0], u = n.words[0].text, f = E(u));
+	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 T(e) {
-		u = e, f = E(e), r || (n.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));
 	}
-	function O() {
-		C();
+	function M(e) {
+		p = e, h = A(e), a || (n.text = e), o.value.length > 0 && (c.value = !1);
 	}
-	function F() {
-		a.value || S();
+	function z() {
+		D();
 	}
-	function B(e) {
-		let t = f.length, n = Math.max(0, Math.min(e, t));
-		i.value = f.slice(0, n).join("");
+	function U() {
+		s.value || E();
 	}
-	function V(e, t) {
-		if (!r) return;
-		C();
-		let i = n.words, a = e % i.length;
-		c.value = a, l.value = i[a], u = i[a].text, f = E(u), B(t);
+	function W(e) {
+		let t = h.length, n = Math.max(0, Math.min(e, t));
+		o.value = h.slice(0, n).join("");
 	}
-	return {
-		displayText: i,
-		isTyping: a,
-		isFirstAnimation: o,
-		isDeleting: s,
-		currentWordIndex: t(() => c.value),
-		currentWord: t(() => l.value),
-		startTyping: S,
-		stopTyping: C,
-		reset: w,
-		updateText: T,
-		pause: O,
-		resume: F,
-		setCharPosition: B,
-		forceWord: V
+	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);
+	}
+	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 = {
+var X = { class: "tw-root" }, Z = { class: "sr-only tw-accessible" }, Q = {
+	class: "tw-visual",
+	"aria-hidden": "true"
+}, $ = {
 	key: 0,
 	class: "tw-tail"
-}, Y = /* @__PURE__ */ e(/* @__PURE__ */ o({
+}, ee = /*#__PURE__*/ t(/* @__PURE__ */ c({
 	__name: "TypewriterText",
 	props: {
 		text: { default: void 0 },
 		words: { default: void 0 },
-		ngramSize: { default: () => ({
-			min: 1,
-			max: 3
-		}) },
 		baseSpeed: { default: 150 },
-		variance: { default: .4 },
-		errorRate: { default: .015 },
-		firstAnimationSpeedFactor: { default: .6 },
-		maxCharsBeforeNotice: { default: 4 },
-		continueAfterTypoProbability: { default: .6 },
-		sequentialTypoDecay: { default: .3 },
-		correctionSpeedMultiplier: { default: .5 },
 		cursorVisible: {
 			type: Boolean,
 			default: !0
@@ -757,16 +761,13 @@ var q = { class: "tw-root" }, J = {
 			type: Boolean,
 			default: !0
 		},
-		cursorChar: { default: "|" },
-		startDelay: { default: 0 },
 		loop: {
 			type: Boolean,
 			default: !1
 		},
 		pauseAfterType: { default: 3e3 },
 		pauseAfterDelete: { default: 800 },
-		deletingSpeed: { default: 70 },
-		respectReducedMotion: {
+		humanize: {
 			type: Boolean,
 			default: !0
 		}
@@ -776,70 +777,76 @@ var q = { class: "tw-root" }, J = {
 		"start",
 		"wordComplete"
 	],
-	setup(e, { expose: o, emit: d }) {
-		let h = e, g = d, _ = K({
-			text: h.text,
-			words: h.words,
-			ngramSize: h.ngramSize,
-			baseSpeed: h.baseSpeed,
-			variance: h.variance,
-			errorRate: h.errorRate,
-			firstAnimationSpeedFactor: h.firstAnimationSpeedFactor,
-			maxCharsBeforeNotice: h.maxCharsBeforeNotice,
-			continueAfterTypoProbability: h.continueAfterTypoProbability,
-			sequentialTypoDecay: h.sequentialTypoDecay,
-			correctionSpeedMultiplier: h.correctionSpeedMultiplier,
-			cursorVisible: h.cursorVisible,
-			cursorBlink: h.cursorBlink,
-			cursorChar: h.cursorChar,
-			loop: h.loop,
-			pauseAfterType: h.pauseAfterType,
-			pauseAfterDelete: h.pauseAfterDelete,
-			deletingSpeed: h.deletingSpeed,
-			respectReducedMotion: h.respectReducedMotion,
-			onComplete: () => g("complete"),
-			onWordComplete: (e) => g("wordComplete", e)
-		}), { displayText: v, startTyping: y, stopTyping: b, reset: x } = _, S = t(() => E(v.value)), C = t(() => S.value.slice(0, -1).join("")), w = t(() => S.value.length > 0 ? S.value[S.value.length - 1] : null), T = /* @__PURE__ */ new Set();
-		function D(e, t) {
+	setup(e, { expose: t, emit: c }) {
+		let d = e, m = c, y = Y({
+			text: d.text,
+			words: d.words,
+			baseSpeed: d.baseSpeed,
+			loop: d.loop,
+			pauseAfterType: d.pauseAfterType,
+			pauseAfterDelete: d.pauseAfterDelete,
+			...d.humanize ? {} : {
+				variance: 0,
+				errorRate: 0,
+				ngramSize: 1
+			},
+			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(() => {
-				T.delete(n), e();
+				k.delete(n), e();
 			}, t);
-			return T.add(n), n;
+			return k.add(n), n;
 		}
-		function O() {
-			T.forEach((e) => clearTimeout(e)), T.clear();
+		function M() {
+			k.forEach((e) => clearTimeout(e)), k.clear();
 		}
-		function k() {
-			O(), D(() => {
-				g("start"), y();
-			}, h.startDelay);
+		function N() {
+			if (M(), y.reducedMotion.value) {
+				m("start"), x();
+				return;
+			}
+			j(() => {
+				m("start"), x();
+			}, 0);
 		}
-		return m(() => h.text, (e, t) => {
-			e !== t && e && (b(), _.updateText(e), k());
-		}), c(() => {
-			(h.text || h.words && h.words.length > 0) && k();
-		}), l(() => {
-			O(), b();
-		}), o({
-			startTyping: y,
-			stopTyping: b,
-			reset: x,
-			isTyping: _.isTyping,
-			isDeleting: _.isDeleting,
-			currentWord: _.currentWord,
-			currentWordIndex: _.currentWordIndex,
-			pause: _.pause,
-			resume: _.resume,
-			setCharPosition: _.setCharPosition,
-			forceWord: _.forceWord
-		}), (t, o) => (u(), r("span", q, [i("span", null, f(C.value), 1), w.value === null ? e.cursorVisible ? (u(), r("span", {
-			key: 1,
-			class: s(["tw-cursor", { "tw-cursor--blink": e.cursorBlink && !p(_).isTyping.value }])
-		}, f(e.cursorChar), 3)) : n("", !0) : (u(), r("span", J, [a(f(w.value) + " ", 1), e.cursorVisible ? (u(), r("span", {
-			key: 0,
-			class: s(["tw-cursor", { "tw-cursor--blink": e.cursorBlink && !p(_).isTyping.value }])
-		}, f(e.cursorChar), 3)) : n("", !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 }])
+			}, " | ", 2)) : 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 }])
+			}, " | ", 2)) : i("", !0)]))])
+		]));
 	}
-}), [["__scopeId", "data-v-81b49262"]]);
+}), [["__scopeId", "data-v-5d7c7d10"]]);
 //#endregion
-export { h as DEFAULTS, L as DEFAULT_TYPO_CONFIG, D as PAUSE_PATTERNS, g as QWERTY_MAP, Y as TypewriterText, N as backspaceDelay, _ as calculateKeyDelay, A as createCancellationToken, R as createTypoContext, w as getAdjacentKeys, k as getPauseDelay, z as nextTypoAction, P as pickNgramSize, T 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 };