@untemps/react-vocal 2.0.0-beta.6 → 2.0.0-beta.8

package/dist/index.es.js

@@ -3,661 +3,19 @@ import { cloneElement as e, isValidElement as t, useCallback as n, useEffect as
 var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), c = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
 	if (typeof require < "u") return require.apply(this, arguments);
 	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-}), l = function(e, t, n) {
-	return e(n = {
-		path: t,
-		exports: {},
-		require: function(e, t) {
-			return function() {
-				throw Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
-			}(t == null && n.path);
-		}
-	}, n.exports), n.exports;
-}((function(e) {
-	var t = function(e) {
-		var t = Object.prototype, n = t.hasOwnProperty, r = typeof Symbol == "function" ? Symbol : {}, i = r.iterator || "@@iterator", a = r.asyncIterator || "@@asyncIterator", o = r.toStringTag || "@@toStringTag";
-		function s(e, t, n) {
-			return Object.defineProperty(e, t, {
-				value: n,
-				enumerable: !0,
-				configurable: !0,
-				writable: !0
-			}), e[t];
-		}
-		try {
-			s({}, "");
-		} catch {
-			s = function(e, t, n) {
-				return e[t] = n;
-			};
-		}
-		function c(e, t, n, r) {
-			var i = t && t.prototype instanceof d ? t : d, a = Object.create(i.prototype);
-			return a._invoke = function(e, t, n) {
-				var r = "suspendedStart";
-				return function(i, a) {
-					if (r === "executing") throw Error("Generator is already running");
-					if (r === "completed") {
-						if (i === "throw") throw a;
-						return T();
-					}
-					for (n.method = i, n.arg = a;;) {
-						var o = n.delegate;
-						if (o) {
-							var s = b(o, n);
-							if (s) {
-								if (s === u) continue;
-								return s;
-							}
-						}
-						if (n.method === "next") n.sent = n._sent = n.arg;
-						else if (n.method === "throw") {
-							if (r === "suspendedStart") throw r = "completed", n.arg;
-							n.dispatchException(n.arg);
-						} else n.method === "return" && n.abrupt("return", n.arg);
-						r = "executing";
-						var c = l(e, t, n);
-						if (c.type === "normal") {
-							if (r = n.done ? "completed" : "suspendedYield", c.arg === u) continue;
-							return {
-								value: c.arg,
-								done: n.done
-							};
-						}
-						c.type === "throw" && (r = "completed", n.method = "throw", n.arg = c.arg);
-					}
-				};
-			}(e, n, new C(r || [])), a;
-		}
-		function l(e, t, n) {
-			try {
-				return {
-					type: "normal",
-					arg: e.call(t, n)
-				};
-			} catch (e) {
-				return {
-					type: "throw",
-					arg: e
-				};
-			}
-		}
-		e.wrap = c;
-		var u = {};
-		function d() {}
-		function f() {}
-		function p() {}
-		var m = {};
-		m[i] = function() {
-			return this;
-		};
-		var h = Object.getPrototypeOf, g = h && h(h(w([])));
-		g && g !== t && n.call(g, i) && (m = g);
-		var _ = p.prototype = d.prototype = Object.create(m);
-		function v(e) {
-			[
-				"next",
-				"throw",
-				"return"
-			].forEach((function(t) {
-				s(e, t, (function(e) {
-					return this._invoke(t, e);
-				}));
-			}));
-		}
-		function y(e, t) {
-			var r;
-			this._invoke = function(i, a) {
-				function o() {
-					return new t((function(r, o) {
-						(function r(i, a, o, s) {
-							var c = l(e[i], e, a);
-							if (c.type !== "throw") {
-								var u = c.arg, d = u.value;
-								return d && typeof d == "object" && n.call(d, "__await") ? t.resolve(d.__await).then((function(e) {
-									r("next", e, o, s);
-								}), (function(e) {
-									r("throw", e, o, s);
-								})) : t.resolve(d).then((function(e) {
-									u.value = e, o(u);
-								}), (function(e) {
-									return r("throw", e, o, s);
-								}));
-							}
-							s(c.arg);
-						})(i, a, r, o);
-					}));
-				}
-				return r = r ? r.then(o, o) : o();
-			};
-		}
-		function b(e, t) {
-			var n = e.iterator[t.method];
-			if (n === void 0) {
-				if (t.delegate = null, t.method === "throw") {
-					if (e.iterator.return && (t.method = "return", t.arg = void 0, b(e, t), t.method === "throw")) return u;
-					t.method = "throw", t.arg = /* @__PURE__ */ TypeError("The iterator does not provide a 'throw' method");
-				}
-				return u;
-			}
-			var r = l(n, e.iterator, t.arg);
-			if (r.type === "throw") return t.method = "throw", t.arg = r.arg, t.delegate = null, u;
-			var i = r.arg;
-			return i ? i.done ? (t[e.resultName] = i.value, t.next = e.nextLoc, t.method !== "return" && (t.method = "next", t.arg = void 0), t.delegate = null, u) : i : (t.method = "throw", t.arg = /* @__PURE__ */ TypeError("iterator result is not an object"), t.delegate = null, u);
-		}
-		function x(e) {
-			var t = { tryLoc: e[0] };
-			1 in e && (t.catchLoc = e[1]), 2 in e && (t.finallyLoc = e[2], t.afterLoc = e[3]), this.tryEntries.push(t);
-		}
-		function S(e) {
-			var t = e.completion || {};
-			t.type = "normal", delete t.arg, e.completion = t;
-		}
-		function C(e) {
-			this.tryEntries = [{ tryLoc: "root" }], e.forEach(x, this), this.reset(!0);
-		}
-		function w(e) {
-			if (e) {
-				var t = e[i];
-				if (t) return t.call(e);
-				if (typeof e.next == "function") return e;
-				if (!isNaN(e.length)) {
-					var r = -1, a = function t() {
-						for (; ++r < e.length;) if (n.call(e, r)) return t.value = e[r], t.done = !1, t;
-						return t.value = void 0, t.done = !0, t;
-					};
-					return a.next = a;
-				}
-			}
-			return { next: T };
-		}
-		function T() {
-			return {
-				value: void 0,
-				done: !0
-			};
-		}
-		return f.prototype = _.constructor = p, p.constructor = f, f.displayName = s(p, o, "GeneratorFunction"), e.isGeneratorFunction = function(e) {
-			var t = typeof e == "function" && e.constructor;
-			return !!t && (t === f || (t.displayName || t.name) === "GeneratorFunction");
-		}, e.mark = function(e) {
-			return Object.setPrototypeOf ? Object.setPrototypeOf(e, p) : (e.__proto__ = p, s(e, o, "GeneratorFunction")), e.prototype = Object.create(_), e;
-		}, e.awrap = function(e) {
-			return { __await: e };
-		}, v(y.prototype), y.prototype[a] = function() {
-			return this;
-		}, e.AsyncIterator = y, e.async = function(t, n, r, i, a) {
-			a === void 0 && (a = Promise);
-			var o = new y(c(t, n, r, i), a);
-			return e.isGeneratorFunction(n) ? o : o.next().then((function(e) {
-				return e.done ? e.value : o.next();
-			}));
-		}, v(_), s(_, o, "Generator"), _[i] = function() {
-			return this;
-		}, _.toString = function() {
-			return "[object Generator]";
-		}, e.keys = function(e) {
-			var t = [];
-			for (var n in e) t.push(n);
-			return t.reverse(), function n() {
-				for (; t.length;) {
-					var r = t.pop();
-					if (r in e) return n.value = r, n.done = !1, n;
-				}
-				return n.done = !0, n;
-			};
-		}, e.values = w, C.prototype = {
-			constructor: C,
-			reset: function(e) {
-				if (this.prev = 0, this.next = 0, this.sent = this._sent = void 0, this.done = !1, this.delegate = null, this.method = "next", this.arg = void 0, this.tryEntries.forEach(S), !e) for (var t in this) t.charAt(0) === "t" && n.call(this, t) && !isNaN(+t.slice(1)) && (this[t] = void 0);
-			},
-			stop: function() {
-				this.done = !0;
-				var e = this.tryEntries[0].completion;
-				if (e.type === "throw") throw e.arg;
-				return this.rval;
-			},
-			dispatchException: function(e) {
-				if (this.done) throw e;
-				var t = this;
-				function r(n, r) {
-					return o.type = "throw", o.arg = e, t.next = n, r && (t.method = "next", t.arg = void 0), !!r;
-				}
-				for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-					var a = this.tryEntries[i], o = a.completion;
-					if (a.tryLoc === "root") return r("end");
-					if (a.tryLoc <= this.prev) {
-						var s = n.call(a, "catchLoc"), c = n.call(a, "finallyLoc");
-						if (s && c) {
-							if (this.prev < a.catchLoc) return r(a.catchLoc, !0);
-							if (this.prev < a.finallyLoc) return r(a.finallyLoc);
-						} else if (s) {
-							if (this.prev < a.catchLoc) return r(a.catchLoc, !0);
-						} else {
-							if (!c) throw Error("try statement without catch or finally");
-							if (this.prev < a.finallyLoc) return r(a.finallyLoc);
-						}
-					}
-				}
-			},
-			abrupt: function(e, t) {
-				for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-					var i = this.tryEntries[r];
-					if (i.tryLoc <= this.prev && n.call(i, "finallyLoc") && this.prev < i.finallyLoc) {
-						var a = i;
-						break;
-					}
-				}
-				a && (e === "break" || e === "continue") && a.tryLoc <= t && t <= a.finallyLoc && (a = null);
-				var o = a ? a.completion : {};
-				return o.type = e, o.arg = t, a ? (this.method = "next", this.next = a.finallyLoc, u) : this.complete(o);
-			},
-			complete: function(e, t) {
-				if (e.type === "throw") throw e.arg;
-				return e.type === "break" || e.type === "continue" ? this.next = e.arg : e.type === "return" ? (this.rval = this.arg = e.arg, this.method = "return", this.next = "end") : e.type === "normal" && t && (this.next = t), u;
-			},
-			finish: function(e) {
-				for (var t = this.tryEntries.length - 1; t >= 0; --t) {
-					var n = this.tryEntries[t];
-					if (n.finallyLoc === e) return this.complete(n.completion, n.afterLoc), S(n), u;
-				}
-			},
-			catch: function(e) {
-				for (var t = this.tryEntries.length - 1; t >= 0; --t) {
-					var n = this.tryEntries[t];
-					if (n.tryLoc === e) {
-						var r = n.completion;
-						if (r.type === "throw") {
-							var i = r.arg;
-							S(n);
-						}
-						return i;
-					}
-				}
-				throw Error("illegal catch attempt");
-			},
-			delegateYield: function(e, t, n) {
-				return this.delegate = {
-					iterator: w(e),
-					resultName: t,
-					nextLoc: n
-				}, this.method === "next" && (this.arg = void 0), u;
-			}
-		}, e;
-	}(e.exports);
-	try {
-		regeneratorRuntime = t;
-	} catch {
-		Function("r", "regeneratorRuntime = r")(t);
-	}
-}));
-function u(e, t, n, r, i, a, o) {
-	try {
-		var s = e[a](o), c = s.value;
-	} catch (e) {
-		n(e);
-		return;
-	}
-	s.done ? t(c) : Promise.resolve(c).then(r, i);
-}
-var d = function(e) {
-	return function() {
-		var t = this, n = arguments;
-		return new Promise((function(r, i) {
-			var a = e.apply(t, n);
-			function o(e) {
-				u(a, r, i, o, s, "next", e);
-			}
-			function s(e) {
-				u(a, r, i, o, s, "throw", e);
-			}
-			o(void 0);
-		}));
-	};
-}, f = function(e) {
-	if (Array.isArray(e)) return e;
-}, p = function(e, t) {
-	if (typeof Symbol < "u" && Symbol.iterator in Object(e)) {
-		var n = [], r = !0, i = !1, a = void 0;
-		try {
-			for (var o, s = e[Symbol.iterator](); !(r = (o = s.next()).done) && (n.push(o.value), !t || n.length !== t); r = !0);
-		} catch (e) {
-			i = !0, a = e;
-		} finally {
-			try {
-				r || s.return == null || s.return();
-			} finally {
-				if (i) throw a;
-			}
-		}
-		return n;
-	}
-}, m = function(e, t) {
-	(t == null || t > e.length) && (t = e.length);
-	for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
-	return r;
-}, h = function(e, t) {
-	if (e) {
-		if (typeof e == "string") return m(e, t);
-		var n = Object.prototype.toString.call(e).slice(8, -1);
-		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? m(e, t) : void 0;
-	}
-}, g = function() {
-	throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}, _ = function(e, t) {
-	return f(e) || p(e, t) || h(e, t) || g();
-}, v = function(e, t) {
-	if (!(e instanceof t)) throw TypeError("Cannot call a class as a function");
-};
-function y(e, t) {
-	for (var n = 0; n < t.length; n++) {
-		var r = t[n];
-		r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, r.key, r);
-	}
-}
-var b = function(e, t, n) {
-	return t && y(e.prototype, t), n && y(e, n), e;
-}, x = function(e, t, n) {
-	return t in e ? Object.defineProperty(e, t, {
-		value: n,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[t] = n, e;
-}, S = function() {
-	return !!navigator.permissions;
-}, C = function() {
-	return !!navigator.mediaDevices;
-};
-function w(e, t, n, r, i, a, o) {
-	try {
-		var s = e[a](o), c = s.value;
-	} catch (e) {
-		n(e);
-		return;
-	}
-	s.done ? t(c) : Promise.resolve(c).then(r, i);
-}
-function T(e) {
-	return function() {
-		var t = this, n = arguments;
-		return new Promise((function(r, i) {
-			var a = e.apply(t, n);
-			function o(e) {
-				w(a, r, i, o, s, "next", e);
-			}
-			function s(e) {
-				w(a, r, i, o, s, "throw", e);
-			}
-			o(void 0);
-		}));
-	};
-}
-function E(e, t) {
-	return function(e) {
-		if (Array.isArray(e)) return e;
-	}(e) || function(e, t) {
-		if (typeof Symbol < "u" && Symbol.iterator in Object(e)) {
-			var n = [], r = !0, i = !1, a = void 0;
-			try {
-				for (var o, s = e[Symbol.iterator](); !(r = (o = s.next()).done) && (n.push(o.value), !t || n.length !== t); r = !0);
-			} catch (e) {
-				i = !0, a = e;
-			} finally {
-				try {
-					r || s.return == null || s.return();
-				} finally {
-					if (i) throw a;
-				}
-			}
-			return n;
-		}
-	}(e, t) || function(e, t) {
-		if (e) {
-			if (typeof e == "string") return D(e, t);
-			var n = Object.prototype.toString.call(e).slice(8, -1);
-			return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? D(e, t) : void 0;
-		}
-	}(e, t) || function() {
-		throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-	}();
-}
-function D(e, t) {
-	(t == null || t > e.length) && (t = e.length);
-	for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
-	return r;
-}
-var O = function() {
-	var e = T(regeneratorRuntime.mark((function e(t) {
-		return regeneratorRuntime.wrap((function(e) {
-			for (;;) switch (e.prev = e.next) {
-				case 0: return e.abrupt("return", new Promise(function() {
-					var e = T(regeneratorRuntime.mark((function e(n, r) {
-						var i, a;
-						return regeneratorRuntime.wrap((function(e) {
-							for (;;) switch (e.prev = e.next) {
-								case 0: return S() || r(new DOMException("Navigator API: permissions not supported", "NOT_SUPPORTED_ERR")), e.prev = 1, e.next = 4, navigator.permissions.query({ name: t });
-								case 4:
-									i = e.sent, a = function e(t) {
-										i.removeEventListener("change", e), k(t.target.state, n, r);
-									}, i.addEventListener("change", a), k(i.state, n, r), e.next = 13;
-									break;
-								case 10: e.prev = 10, e.t0 = e.catch(1), r(e.t0);
-								case 13:
-								case "end": return e.stop();
-							}
-						}), e, null, [[1, 10]]);
-					})));
-					return function(t, n) {
-						return e.apply(this, arguments);
-					};
-				}()));
-				case 1:
-				case "end": return e.stop();
-			}
-		}), e);
-	})));
-	return function(t) {
-		return e.apply(this, arguments);
-	};
-}(), k = function(e, t, n) {
-	switch (e) {
-		case "denied":
-			n(new DOMException("Permission denied", "NOT_ALLOWED_ERR"));
-			break;
-		default: t(e);
-	}
-}, A = function() {
-	var e = T(regeneratorRuntime.mark((function e(t, n) {
-		return regeneratorRuntime.wrap((function(e) {
-			for (;;) switch (e.prev = e.next) {
-				case 0: return e.abrupt("return", new Promise(function() {
-					var e = T(regeneratorRuntime.mark((function e(r, i) {
-						var a, o, s;
-						return regeneratorRuntime.wrap((function(e) {
-							for (;;) switch (e.prev = e.next) {
-								case 0: return S() && C() || i(new DOMException("Navigator API: permissions or Navigator API: mediaDevices not supported", "NOT_SUPPORTED_ERR")), e.prev = 1, e.t0 = Promise, e.next = 5, O(t);
-								case 5: return e.t1 = e.sent, e.next = 8, navigator.mediaDevices.getUserMedia(n);
-								case 8: return e.t2 = e.sent, e.t3 = [e.t1, e.t2], e.next = 12, e.t0.all.call(e.t0, e.t3);
-								case 12:
-									a = e.sent, o = E(a, 2), s = o[1], r(s), e.next = 21;
-									break;
-								case 18: e.prev = 18, e.t4 = e.catch(1), i(e.t4);
-								case 21:
-								case "end": return e.stop();
-							}
-						}), e, null, [[1, 18]]);
-					})));
-					return function(t, n) {
-						return e.apply(this, arguments);
-					};
-				}()));
-				case 1:
-				case "end": return e.stop();
-			}
-		}), e);
-	})));
-	return function(t, n) {
-		return e.apply(this, arguments);
-	};
-}();
-function j(e, t) {
-	var n = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var r = Object.getOwnPropertySymbols(e);
-		t && (r = r.filter((function(t) {
-			return Object.getOwnPropertyDescriptor(e, t).enumerable;
-		}))), n.push.apply(n, r);
-	}
-	return n;
-}
-function M(e) {
-	for (var t = 1; t < arguments.length; t++) {
-		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? j(Object(n), !0).forEach((function(t) {
-			x(e, t, n[t]);
-		})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : j(Object(n)).forEach((function(t) {
-			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
-		}));
-	}
-	return e;
-}
-var N = function() {
-	function e(t) {
-		var n = this;
-		v(this, e), x(this, "_instance", null), x(this, "_listeners", null);
-		var r = e._resolveSpeechRecognition();
-		if (!r) throw new DOMException("SpeechRecognition not supported", "NOT_SUPPORTED_ERR");
-		this._instance = new r(), this._listeners = {}, Object.entries(M(M({}, e.defaultOptions), t || {})).forEach((function(t) {
-			var r = _(t, 2), i = r[0], a = r[1];
-			if (i === "grammars" && !a) {
-				var o = e._resolveSpeechGrammarList();
-				o && (a = new o());
-			}
-			n._instance[i] = a;
-		}));
-	}
-	var t;
-	return b(e, null, [{
-		key: "isSupported",
-		get: function() {
-			return !!e._resolveSpeechRecognition() && !!S() && !!C();
-		},
-		set: function(e) {
-			throw Error("You cannot set isSupported directly.");
-		}
-	}]), b(e, [
-		{
-			key: "start",
-			value: (t = d(l.mark((function e() {
-				var t;
-				return l.wrap((function(e) {
-					for (;;) switch (e.prev = e.next) {
-						case 0:
-							if (!this._instance) {
-								e.next = 14;
-								break;
-							}
-							return e.prev = 1, e.next = 4, A("microphone", { audio: !0 });
-						case 4:
-							if (e.sent) {
-								e.next = 7;
-								break;
-							}
-							throw Error("Unable to retrieve the stream from media device");
-						case 7:
-							this._instance.start(), e.next = 14;
-							break;
-						case 10: e.prev = 10, e.t0 = e.catch(1), (t = this._listeners.error) && t(e.t0);
-						case 14: return e.abrupt("return", this);
-						case 15:
-						case "end": return e.stop();
-					}
-				}), e, this, [[1, 10]]);
-			}))), function() {
-				return t.apply(this, arguments);
-			})
-		},
-		{
-			key: "stop",
-			value: function() {
-				return this._instance && this._instance.stop(), this;
-			}
-		},
-		{
-			key: "abort",
-			value: function() {
-				return this._instance && this._instance.abort(), this;
-			}
-		},
-		{
-			key: "addEventListener",
-			value: function(t, n) {
-				var r = this;
-				if (this._instance && this._includesEventType(t)) {
-					this._listeners[t] && this.removeEventListener(t);
-					var i = function(i) {
-						var a = [];
-						t === e.eventTypes.RESULT && i.results && i.results.length > 0 && a.push(i.results[0][0].transcript), n && n.apply(r, [i].concat(a));
-					};
-					this._instance.addEventListener(t, i), this._listeners[t] = i;
-				}
-				return this;
-			}
-		},
-		{
-			key: "removeEventListener",
-			value: function(e) {
-				var t = this._listeners[e];
-				return this._instance.removeEventListener(e, t), delete this._listeners[e], this;
-			}
-		},
-		{
-			key: "cleanup",
-			value: function() {
-				var e = this;
-				return this.stop(), Object.keys(this._listeners).forEach((function(t) {
-					return e.removeEventListener(t);
-				})), this._instance = null, this;
-			}
-		},
-		{
-			key: "_includesEventType",
-			value: function(t) {
-				return !!Object.values(e.eventTypes).find((function(e) {
-					return e === t;
-				}));
-			}
-		},
-		{
-			key: "instance",
-			get: function() {
-				return this._instance;
-			},
-			set: function(e) {
-				throw Error("You cannot set instance directly.");
-			}
-		}
-	], [{
-		key: "_resolveSpeechRecognition",
-		value: function() {
-			return window.SpeechRecognition || window.webkitSpeechRecognition || window.mozSpeechRecognition || window.msSpeechRecognition;
-		}
-	}, {
-		key: "_resolveSpeechGrammarList",
-		value: function() {
-			return window.SpeechGrammarList || window.webkitSpeechGrammarList || window.mozSpeechGrammarList || window.msSpeechGrammarList;
-		}
-	}]), e;
-}();
-x(N, "defaultOptions", {
-	grammars: null,
-	lang: "en-US",
-	continuous: !1,
-	interimResults: !1,
-	maxAlternatives: 1,
-	serviceURI: null
-}), x(N, "eventTypes", {
+}), l = () => !!navigator.permissions, u = () => !!navigator.mediaDevices, d = async (e, t, { signal: n } = {}) => {
+	if (!l() || !u()) throw new DOMException("Navigator API: permissions or Navigator API: mediaDevices not supported", "NOT_SUPPORTED_ERR");
+	if (n?.throwIfAborted(), (await navigator.permissions.query({ name: e })).state === "denied") throw new DOMException("Permission denied", "NOT_ALLOWED_ERR");
+	n?.throwIfAborted();
+	let r = navigator.mediaDevices.getUserMedia(t);
+	if (!n) return r;
+	let i, a = new Promise((e, t) => {
+		i = () => t(n.reason), n.addEventListener("abort", i, { once: !0 });
+	});
+	return Promise.race([r, a]).finally(() => {
+		n.removeEventListener("abort", i);
+	});
+}, f = {
 	AUDIO_END: "audioend",
 	AUDIO_START: "audiostart",
 	END: "end",
@@ -669,47 +27,181 @@ x(N, "defaultOptions", {
 	SPEECH_END: "speechend",
 	SPEECH_START: "speechstart",
 	START: "start"
-});
-//#endregion
-//#region node_modules/@untemps/utils/dist/function/isFunction.js
-var P = (e) => typeof e == "function", F = (e = "en-US", t = null, i = 1, o = !1, s = null) => {
-	let c = a(null);
-	return r(() => {
-		if (N.isSupported) return c.current = s || new N({
-			lang: e,
-			grammars: t,
-			maxAlternatives: i,
-			continuous: o
-		}), () => {
-			c.current.abort(), c.current.cleanup();
+}, p = 1e3, m = new Set([
+	"not-allowed",
+	"service-not-allowed",
+	"audio-capture"
+]), h = {
+	grammars: null,
+	lang: "en-US",
+	continuous: !1,
+	interimResults: !1,
+	maxAlternatives: 1
+}, g = () => {
+	if (!(typeof window > "u")) return window.SpeechRecognition ?? window.webkitSpeechRecognition ?? window.mozSpeechRecognition ?? window.msSpeechRecognition;
+}, _ = () => window.SpeechGrammarList ?? window.webkitSpeechGrammarList ?? window.mozSpeechGrammarList ?? window.msSpeechGrammarList, v = (e) => e.reduce((e, t) => (t.confidence ?? 0) > (e.confidence ?? 0) ? t : e), y = (e) => {
+	let t = e.slice();
+	return Object.defineProperty(t, "isFinal", { value: !0 }), Object.defineProperty(t, "item", { value: (e) => t[e] }), t;
+}, b = (e) => {
+	let t = e.slice();
+	return Object.defineProperty(t, "item", { value: (e) => t[e] }), t;
+}, x = (e) => Object.values(f).includes(e), S = (e) => `Unknown event type "${e}". Valid types are: ${Object.values(f).join(", ")}.`, C = () => !!g() && !!l() && !!u(), w = (e) => {
+	let t = g();
+	if (!t) throw new DOMException("SpeechRecognition not supported", "NOT_SUPPORTED_ERR");
+	let n = new t(), r = {}, i = !1, a = !1, o = 0, s = null, c = !1, l = [], u = {
+		...h,
+		...e ?? {}
+	};
+	if (n.lang = u.lang, n.continuous = u.continuous, n.interimResults = u.interimResults, n.maxAlternatives = u.maxAlternatives, u.grammars) n.grammars = u.grammars;
+	else {
+		let e = _();
+		n.grammars = e ? new e() : null;
+	}
+	let C = () => {
+		s !== null && (clearTimeout(s), s = null), c = !1;
+	}, w = () => !!n && !a && n.continuous, T = () => {
+		s = null;
+		try {
+			n.start(), o = Date.now();
+		} catch {
+			c = !1, i = !1;
+		}
+	}, E = () => {
+		let e = l;
+		if (l = [], e.length === 0 || !r[f.RESULT]?.length) return;
+		let t = e.map((e) => v(Array.from(e)).transcript).join(" ").trim(), n = Object.assign(new Event(f.RESULT), {
+			resultIndex: 0,
+			results: b(e)
+		});
+		[...r[f.RESULT]].forEach(({ callback: e }) => {
+			e(n, t, [t]);
+		});
+	}, D = [
+		[f.END, (e) => {
+			if (w()) {
+				let t = Math.max(0, p - (Date.now() - o));
+				c = !0, s = setTimeout(T, t), e.stopImmediatePropagation();
+				return;
+			}
+			E(), i = !1;
+		}],
+		[f.START, (e) => {
+			c && (e.stopImmediatePropagation(), queueMicrotask(() => {
+				c = !1;
+			}));
+		}],
+		[f.ERROR, (e) => {
+			m.has(e.error) && (a = !0, C(), i = !1);
+		}],
+		[f.RESULT, (e) => {
+			if (!u.continuous) return;
+			let t = e, n = t.results?.[t.resultIndex];
+			n?.isFinal && l.push(y(Array.from(n)));
+		}]
+	];
+	D.forEach(([e, t]) => n.addEventListener(e, t));
+	let O = async ({ signal: e } = {}) => {
+		if (n) try {
+			let t = await d("microphone", { audio: !0 }, { signal: e });
+			if (e?.aborted || !n) return;
+			if (!t) throw Error("Unable to retrieve the stream from media device");
+			a = !1, l = [], n.start(), i = !0, o = Date.now();
+		} catch (e) {
+			if (e instanceof Error && e.name === "AbortError") return;
+			throw e;
+		}
+	}, k = () => {
+		n && (a = !0, C(), n.stop(), i = !1);
+	}, A = () => {
+		n && (a = !0, C(), l = [], n.abort(), i = !1);
+	}, j = (e, t) => {
+		if (!x(e)) throw Error(S(e));
+		if (!n) return;
+		let i = (n) => {
+			if (c && (e === f.END || e === f.START)) return;
+			if (e !== f.RESULT) {
+				t(n);
+				return;
+			}
+			let r = n;
+			if (!(r.results?.length > 0) || r.resultIndex >= r.results.length) {
+				t(n);
+				return;
+			}
+			let i = r.results[r.resultIndex];
+			if (u.continuous && i.isFinal) return;
+			let a = Array.from(i);
+			t(n, v(a).transcript, a.map((e) => e.transcript));
 		};
+		n.addEventListener(e, i), r[e] || (r[e] = []), r[e].push({
+			callback: t,
+			handler: i
+		});
+	}, M = (e, t) => {
+		if (!x(e)) throw Error(S(e));
+		if (!(!n || !r[e])) if (t !== void 0) {
+			let i = r[e].findIndex((e) => e.callback === t);
+			i !== -1 && (n.removeEventListener(e, r[e][i].handler), r[e].splice(i, 1), r[e].length === 0 && delete r[e]);
+		} else r[e].forEach(({ handler: t }) => n.removeEventListener(e, t)), delete r[e];
+	};
+	return {
+		get isRecording() {
+			return i;
+		},
+		start: O,
+		stop: k,
+		abort: A,
+		on: j,
+		off: M,
+		cleanup: () => {
+			k(), Object.keys(r).forEach((e) => M(e)), D.forEach(([e, t]) => n?.removeEventListener(e, t)), n = null;
+		}
+	};
+}, T = (e) => typeof e == "function", E = (e = "en-US", t = null, s = 1, c = !1, l = null) => {
+	let u = a(null), [d, f] = o(!1), p = i(() => C(), []);
+	return r(() => {
+		if (p) {
+			let n = l || w({
+				lang: e,
+				grammars: t,
+				maxAlternatives: s,
+				continuous: c
+			});
+			u.current = n;
+			let r = () => f(!0), i = () => f(!1);
+			return n.on("start", r), n.on("end", i), n.on("error", i), () => {
+				n.off("start", r), n.off("end", i), n.off("error", i), n.abort(), n.cleanup(), f(!1);
+			};
+		}
 	}, [
 		e,
 		t,
-		i,
-		o,
-		s
-	]), [c, {
-		start: n(() => {
-			c.current && c.current.start();
+		s,
+		c,
+		l,
+		p
+	]), [u, {
+		start: n((e) => {
+			if (u.current) return f(!0), u.current.start(e);
 		}, []),
 		stop: n(() => {
-			c.current && c.current.stop();
+			u.current && u.current.stop();
 		}, []),
 		abort: n(() => {
-			c.current && c.current.abort();
+			u.current && u.current.abort();
 		}, []),
 		subscribe: n((e, t) => {
-			c.current && c.current.addEventListener(e, t);
+			u.current && u.current.on(e, t);
 		}, []),
 		unsubscribe: n((e, t) => {
-			c.current && c.current.removeEventListener(e, t);
+			u.current && u.current.off(e, t);
 		}, []),
 		clean: n(() => {
-			c.current && c.current.cleanup();
-		}, [])
+			u.current && u.current.cleanup();
+		}, []),
+		isRecording: d
 	}];
-}, I = (e, t = 0) => {
+}, D = (e, t = 0) => {
 	let i = a(-1), o = n(() => {
 		clearTimeout(i.current), i.current = -1;
 	}, []), s = n(() => {
@@ -720,7 +212,7 @@ var P = (e) => typeof e == "function", F = (e = "en-US", t = null, i = 1, o = !1
 		o
 	]);
 	return r(() => o, [o]), [s, o];
-}, L = (e, t = .4) => {
+}, O = (e, t = .4) => {
 	let n = i(() => e ? Object.entries(e).reduce((e, [t, n]) => ({
 		...e,
 		[t.toLowerCase()]: n
@@ -761,7 +253,7 @@ var P = (e) => typeof e == "function", F = (e = "en-US", t = null, i = 1, o = !1
 		}
 		return null;
 	};
-}, R = /* @__PURE__ */ s(((e) => {
+}, k = /* @__PURE__ */ s(((e) => {
 	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
 	function r(e, n, r) {
 		var i = null;
@@ -776,7 +268,7 @@ var P = (e) => typeof e == "function", F = (e = "en-US", t = null, i = 1, o = !1
 		};
 	}
 	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), z = /* @__PURE__ */ s(((e) => {
+})), A = /* @__PURE__ */ s(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e) {
 			if (e == null) return null;
@@ -934,89 +426,70 @@ var P = (e) => typeof e == "function", F = (e = "en-US", t = null, i = 1, o = !1
 			return f(e, t, n, !0, r ? Error("react-stack-top-frame") : I, r ? N(i(e)) : L);
 		};
 	})();
-})), B = (/* @__PURE__ */ s(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = R() : t.exports = z();
-})))(), ee = ({ color: e = "black", activeColor: t = "red", isActive: n = !1 }) => /* @__PURE__ */ (0, B.jsx)("svg", {
+})), j = (/* @__PURE__ */ s(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = k() : t.exports = A();
+})))(), M = ({ color: e = "black", activeColor: t = "red", isActive: n = !1 }) => /* @__PURE__ */ (0, j.jsx)("svg", {
 	"data-testid": "__icon-root__",
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "100%",
 	height: "100%",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ (0, B.jsxs)("g", { children: [/* @__PURE__ */ (0, B.jsx)("path", {
+	children: /* @__PURE__ */ (0, j.jsxs)("g", { children: [/* @__PURE__ */ (0, j.jsx)("path", {
 		"data-testid": "__icon-path__",
 		fill: e,
 		d: "M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z"
-	}), n && /* @__PURE__ */ (0, B.jsx)("circle", {
+	}), n && /* @__PURE__ */ (0, j.jsx)("circle", {
 		"data-testid": "__icon-active__",
 		fill: t,
 		cx: "16",
 		cy: "4",
 		r: "4"
 	})] })
-}), te = (e, t) => {
-	for (let { alternatives: n } of e) for (let e of n) if (t(e) !== null) return;
-}, V = ({ children: r, commands: s = null, lang: c = "en-US", grammars: l = null, timeout: u = 3e3, silenceTimeout: d = null, precision: f = .4, maxAlternatives: p = 1, continuous: m = !1, ariaLabel: h = "start recognition", style: g = null, className: _ = null, outlineStyle: v = "2px solid", onStart: y = null, onEnd: b = null, onSpeechStart: x = null, onSpeechEnd: S = null, onResult: C = null, onError: w = null, onNoMatch: T = null, __rsInstance: E }) => {
-	let D = a(null), [O, k] = o(!1), [, { start: A, stop: j, subscribe: M, unsubscribe: R }] = F(c, l, p, m, E), z = L(s, f), V = a({});
+}), N = (e, t) => {
+	for (let n of e) for (let e of n) if (t(e.transcript ?? "") !== null) return;
+}, P = ({ children: r, commands: o = null, lang: s = "en-US", grammars: c = null, timeout: l = 3e3, silenceTimeout: u = null, precision: d = .4, maxAlternatives: f = 1, continuous: p = !1, ariaLabel: m = "start recognition", style: h = null, className: g = null, outlineStyle: _ = "2px solid", onStart: v = null, onEnd: y = null, onSpeechStart: b = null, onSpeechEnd: x = null, onResult: S = null, onError: w = null, onNoMatch: k = null, signal: A = null, __rsInstance: P }) => {
+	let F = a(null), I = i(() => C(), []), [, { start: L, stop: R, subscribe: ee, unsubscribe: te, isRecording: z }] = E(s, c, f, p, P), B = O(o, d), V = a({});
 	V.current = {
-		onStart: y,
-		onEnd: b,
-		onSpeechStart: x,
-		onSpeechEnd: S,
-		onResult: C,
+		onStart: v,
+		onEnd: y,
+		onSpeechStart: b,
+		onSpeechEnd: x,
+		onResult: S,
 		onError: w,
-		onNoMatch: T
+		onNoMatch: k
 	};
-	let H = a(m);
-	H.current = m;
-	let U = a({
-		transcript: "",
-		event: null
-	}), W = a(z);
-	W.current = z;
-	let G = a(null), ne = a(null), re = a(d);
-	re.current = d;
-	let ie = n(() => ne.current?.(), []), [K, q] = I(ie, u), [ae, J] = I(ie, d ?? 0), Y = n(() => {
+	let H = a(p);
+	H.current = p;
+	let U = a(B);
+	U.current = B;
+	let W = a(null), ne = a(null), G = a(!1), re = a(u);
+	re.current = u;
+	let ie = n(() => ne.current?.(), []), [K, q] = D(ie, l), [ae, J] = D(ie, u ?? 0), Y = n(() => {
 		try {
-			k(!1), j();
+			R();
 		} catch (e) {
-			V.current.onError?.(e), G.current?.();
+			V.current.onError?.(e), W.current?.();
 		}
-	}, [j]), oe = n((e) => {
+	}, [R]), oe = n((e) => {
 		K(), V.current.onStart?.(e);
 	}, [K]), se = n((e) => {
 		q(), V.current.onSpeechStart?.(e);
 	}, [q]), ce = n((e) => {
-		K(), V.current.onSpeechEnd?.(e);
-	}, [K]), le = n((e) => {
-		let t = Array.from(e?.results ?? [], (e) => {
-			let t = {
-				confidence: -Infinity,
-				transcript: ""
-			}, n = [];
-			for (let r = 0; r < e.length; r++) {
-				let i = e[r];
-				n.push(i.transcript ?? ""), (i.confidence === void 0 || i.confidence > t.confidence) && (t = i);
-			}
-			return {
-				best: t.transcript ?? "",
-				alternatives: n
-			};
-		}), n = t.map((e) => e.best).join("");
-		q(), H.current ? (U.current.transcript = n, U.current.event = e, re.current > 0 && ae()) : (te(t, W.current), Y(), V.current.onResult?.(n, e));
-	}, [
-		q,
-		ae,
-		Y
-	]), X = n((e) => {
+		K(), H.current && re.current > 0 && ae(), V.current.onSpeechEnd?.(e);
+	}, [K, ae]), le = n((e, t) => {
+		q(), H.current || (N(e?.results ?? [], U.current), Y()), V.current.onResult?.(t, e);
+	}, [q, Y]), X = n((e) => {
 		Y(), V.current.onError?.(e);
 	}, [Y]), ue = n((e) => {
 		q(), Y(), V.current.onNoMatch?.(e);
 	}, [q, Y]), Z = n((e) => {
-		q(), J();
-		try {
-			Y(), G.current?.(), H.current && U.current.transcript && (V.current.onResult?.(U.current.transcript, U.current.event), U.current.transcript = "", U.current.event = null);
-		} finally {
-			V.current.onEnd?.(e);
+		if (!G.current) {
+			G.current = !0, q(), J();
+			try {
+				Y(), W.current?.();
+			} finally {
+				G.current = !1, V.current.onEnd?.(e);
+			}
 		}
 	}, [
 		q,
@@ -1041,49 +514,50 @@ var P = (e) => typeof e == "function", F = (e = "en-US", t = null, i = 1, o = !1
 		X,
 		ue
 	]);
-	G.current = () => Object.entries(Q).forEach(([e, t]) => R?.(e, t));
+	W.current = () => Object.entries(Q).forEach(([e, t]) => te?.(e, t));
 	let $ = n(() => {
 		try {
-			U.current.transcript = "", U.current.event = null, J(), k(!0), Object.entries(Q).forEach(([e, t]) => M(e, t)), A();
+			J(), Object.entries(Q).forEach(([e, t]) => ee(e, t)), L({ signal: A })?.catch?.(X);
 		} catch (e) {
 			X(e);
 		}
 	}, [
 		Q,
-		M,
-		A,
+		ee,
+		L,
 		J,
-		X
+		X,
+		A
 	]), de = () => {
-		!_ && v && (D.current.style.outline = v);
+		!g && _ && (F.current.style.outline = _);
 	}, fe = () => {
-		!_ && v && (D.current.style.outline = "none");
+		!g && _ && (F.current.style.outline = "none");
 	};
-	return N.isSupported ? P(r) ? r($, Y, O) : t(r) ? e(r, { ...!O && { onClick: $ } }) : /* @__PURE__ */ (0, B.jsx)("button", {
+	return I ? T(r) ? r($, Y, z) : t(r) ? e(r, { ...!z && { onClick: $ } }) : /* @__PURE__ */ (0, j.jsx)("button", {
 		"data-testid": "__vocal-root__",
-		ref: D,
-		"aria-label": h,
-		"aria-pressed": O,
-		style: _ ? null : {
+		ref: F,
+		"aria-label": m,
+		"aria-pressed": z,
+		style: g ? null : {
 			width: 24,
 			height: 24,
 			backgroundColor: "transparent",
 			border: "none",
 			padding: 0,
-			cursor: !m && O ? "default" : "pointer",
-			...g
+			cursor: !p && z ? "default" : "pointer",
+			...h
 		},
-		className: _,
+		className: g,
 		onFocus: de,
 		onBlur: fe,
-		onClick: O ? Y : $,
-		children: /* @__PURE__ */ (0, B.jsx)(ee, {
-			isActive: O,
+		onClick: z ? Y : $,
+		children: /* @__PURE__ */ (0, j.jsx)(M, {
+			isActive: z,
 			color: "#aaa"
 		})
 	}) : null;
-}, H = N.isSupported, U = V;
+};
 //#endregion
-export { U as default, H as isSupported, F as useVocal };
+export { P as default, C as isSupported, E as useVocal };
 
 //# sourceMappingURL=index.es.js.map