@vplayer/react 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,12 +1,12 @@
-import { Children as e, cloneElement as t, createContext as n, createElement as r, forwardRef as i, isValidElement as a, memo as o, useCallback as s, useContext as c, useEffect as l, useId as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { flushSync as v } from "react-dom";
+import * as e from "react";
+import { Children as t, cloneElement as n, createContext as r, createElement as i, forwardRef as a, isValidElement as o, memo as s, useCallback as c, useContext as l, useEffect as u, useId as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { flushSync as y } from "react-dom";
 //#region \0rolldown/runtime.js
-var y = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), b = /* @__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.");
-}), x = /* @__PURE__ */ y(((e) => {
-	var t = b("react");
+var b = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), x = /* @__PURE__ */ b(((t, n) => {
+	n.exports = { ...e };
+})), S = /* @__PURE__ */ b(((e) => {
+	var t = x();
 	function n(e, t) {
 		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
 	}
@@ -43,7 +43,7 @@ var y = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 	}
 	var d = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? u : c;
 	e.useSyncExternalStore = t.useSyncExternalStore === void 0 ? d : t.useSyncExternalStore;
-})), S = /* @__PURE__ */ y(((e) => {
+})), C = /* @__PURE__ */ b(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e, t) {
 			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
@@ -86,13 +86,13 @@ var y = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			return t();
 		}
 		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var a = b("react"), o = typeof Object.is == "function" ? Object.is : t, s = a.useState, c = a.useEffect, l = a.useLayoutEffect, u = a.useDebugValue, d = !1, f = !1, p = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? i : n;
+		var a = x(), o = typeof Object.is == "function" ? Object.is : t, s = a.useState, c = a.useEffect, l = a.useLayoutEffect, u = a.useDebugValue, d = !1, f = !1, p = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? i : n;
 		e.useSyncExternalStore = a.useSyncExternalStore === void 0 ? p : a.useSyncExternalStore, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
-})), C = /* @__PURE__ */ y(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = x() : t.exports = S();
-})), w = /* @__PURE__ */ y(((e) => {
-	var t = b("react"), n = C();
+})), w = /* @__PURE__ */ b(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = S() : t.exports = C();
+})), T = /* @__PURE__ */ b(((e) => {
+	var t = x(), n = w();
 	function r(e, t) {
 		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
 	}
@@ -136,13 +136,13 @@ var y = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			f.hasValue = !0, f.value = p;
 		}, [p]), l(p), p;
 	};
-})), T = /* @__PURE__ */ y(((e) => {
+})), E = /* @__PURE__ */ b(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e, t) {
 			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
 		}
 		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var n = b("react"), r = C(), i = typeof Object.is == "function" ? Object.is : t, a = r.useSyncExternalStore, o = n.useRef, s = n.useEffect, c = n.useMemo, l = n.useDebugValue;
+		var n = x(), r = w(), i = typeof Object.is == "function" ? Object.is : t, a = r.useSyncExternalStore, o = n.useRef, s = n.useEffect, c = n.useMemo, l = n.useDebugValue;
 		e.useSyncExternalStoreWithSelector = function(e, t, n, r, u) {
 			var d = o(null);
 			if (d.current === null) {
@@ -183,17 +183,17 @@ var y = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			}, [p]), l(p), p;
 		}, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
-})), E = /* @__PURE__ */ y(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = w() : t.exports = T();
-})), D = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), ee = { current: [] }, k = !1, A = 0, te = /* @__PURE__ */ new Set(), ne = /* @__PURE__ */ new Map();
+})), D = /* @__PURE__ */ b(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = T() : t.exports = E();
+})), O = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), k = { current: [] }, A = !1, j = 0, te = /* @__PURE__ */ new Set(), ne = /* @__PURE__ */ new Map();
 function re(e) {
 	let t = Array.from(e).sort((e, t) => e instanceof le && e.options.deps.includes(t) ? 1 : t instanceof le && t.options.deps.includes(e) ? -1 : 0);
 	for (let e of t) {
-		if (ee.current.includes(e)) continue;
-		ee.current.push(e), e.recompute();
-		let t = O.get(e);
+		if (k.current.includes(e)) continue;
+		k.current.push(e), e.recompute();
+		let t = ee.get(e);
 		if (t) for (let e of t) {
-			let t = D.get(e);
+			let t = O.get(e);
 			t && re(t);
 		}
 	}
@@ -213,22 +213,22 @@ function ae(e) {
 	for (let n of e.listeners) n(t);
 }
 function oe(e) {
-	if (A > 0 && !ne.has(e) && ne.set(e, e.prevState), te.add(e), !(A > 0) && !k) try {
-		for (k = !0; te.size > 0;) {
+	if (j > 0 && !ne.has(e) && ne.set(e, e.prevState), te.add(e), !(j > 0) && !A) try {
+		for (A = !0; te.size > 0;) {
 			let e = Array.from(te);
 			te.clear();
 			for (let t of e) t.prevState = ne.get(t) ?? t.prevState, ie(t);
 			for (let t of e) {
-				let e = D.get(t);
-				e && (ee.current.push(t), re(e));
+				let e = O.get(t);
+				e && (k.current.push(t), re(e));
 			}
 			for (let t of e) {
-				let e = D.get(t);
+				let e = O.get(t);
 				if (e) for (let t of e) ae(t);
 			}
 		}
 	} finally {
-		k = !1, ee.current = [], ne.clear();
+		A = !1, k.current = [], ne.clear();
 	}
 }
 //#endregion
@@ -298,22 +298,22 @@ var ce = class {
 	registerOnGraph(t = this.options.deps) {
 		for (let n of t) if (n instanceof e) n.registerOnGraph(), this.registerOnGraph(n.options.deps);
 		else if (n instanceof ce) {
-			let e = D.get(n);
-			e || (e = /* @__PURE__ */ new Set(), D.set(n, e)), e.add(this);
-			let t = O.get(this);
-			t || (t = /* @__PURE__ */ new Set(), O.set(this, t)), t.add(n);
+			let e = O.get(n);
+			e || (e = /* @__PURE__ */ new Set(), O.set(n, e)), e.add(this);
+			let t = ee.get(this);
+			t || (t = /* @__PURE__ */ new Set(), ee.set(this, t)), t.add(n);
 		}
 	}
 	unregisterFromGraph(t = this.options.deps) {
 		for (let n of t) if (n instanceof e) this.unregisterFromGraph(n.options.deps);
 		else if (n instanceof ce) {
-			let e = D.get(n);
+			let e = O.get(n);
 			e && e.delete(this);
-			let t = O.get(this);
+			let t = ee.get(this);
 			t && t.delete(n);
 		}
 	}
-}, ue = E();
+}, ue = D();
 function de(e, t = (e) => e, n = {}) {
 	let r = n.equal ?? fe;
 	return (0, ue.useSyncExternalStoreWithSelector)(e.subscribe, () => e.state, () => e.state, t, r);
@@ -861,7 +861,7 @@ var Ie = "vplayer", Le = class {
 		} catch {}
 		this.fallback.clear();
 	}
-}, j = {
+}, M = {
 	VOLUME: "volume",
 	MUTED: "muted",
 	PLAYBACK_RATE: "playbackRate",
@@ -973,10 +973,11 @@ function Ge(e, t) {
 		return e;
 	}
 }
-async function Ke(e, t) {
-	let n = await fetch(e, { signal: t });
-	if (!n.ok) throw Error(`Failed to fetch thumbnail VTT: ${n.status}`);
-	return We(await n.text()).map((t) => (t.src = Ge(t.src, n.url || e), t));
+async function Ke(e, t, n) {
+	let r = await fetch(e, { signal: t });
+	if (!r.ok) throw Error(`Failed to fetch thumbnail VTT: ${r.status}`);
+	let i = r.url || e, a = await r.text();
+	return We(n ? await n(a, i) : a).map((e) => (e.src = Ge(e.src, i), e));
 }
 function qe(e, t) {
 	if (e.length === 0) return null;
@@ -1371,7 +1372,7 @@ function et(e) {
 	function b() {
 		x(), f = setInterval(() => {
 			let e = u;
-			e && i.set(j.PLAYBACK_PROGRESS, {
+			e && i.set(M.PLAYBACK_PROGRESS, {
 				time: e.currentTime,
 				duration: e.duration
 			});
@@ -1386,7 +1387,7 @@ function et(e) {
 	}), C = null;
 	function w() {
 		if (!n.persistPreferences) return;
-		let e = i.get(j.VOLUME), r = i.get(j.MUTED), a = i.get(j.PLAYBACK_RATE), o = i.get(j.LOOP), s = i.get(j.FLIP), c = i.get(j.ASPECT_RATIO);
+		let e = i.get(M.VOLUME), r = i.get(M.MUTED), a = i.get(M.PLAYBACK_RATE), o = i.get(M.LOOP), s = i.get(M.FLIP), c = i.get(M.ASPECT_RATIO);
 		t.setState((t) => ({
 			...t,
 			volume: e ?? t.volume,
@@ -1397,7 +1398,7 @@ function et(e) {
 			aspectRatio: Qe(c)
 		})), C = t.subscribe(() => {
 			let e = t.state;
-			e.volume !== 1 && i.set(j.VOLUME, e.volume), e.isMuted && i.set(j.MUTED, !0), e.playbackRate !== 1 && i.set(j.PLAYBACK_RATE, e.playbackRate), e.isLooping ? i.set(j.LOOP, !0) : i.remove(j.LOOP), e.flip === "normal" ? i.remove(j.FLIP) : i.set(j.FLIP, e.flip), e.aspectRatio === "default" ? i.remove(j.ASPECT_RATIO) : i.set(j.ASPECT_RATIO, e.aspectRatio);
+			e.volume !== 1 && i.set(M.VOLUME, e.volume), e.isMuted && i.set(M.MUTED, !0), e.playbackRate !== 1 && i.set(M.PLAYBACK_RATE, e.playbackRate), e.isLooping ? i.set(M.LOOP, !0) : i.remove(M.LOOP), e.flip === "normal" ? i.remove(M.FLIP) : i.set(M.FLIP, e.flip), e.aspectRatio === "default" ? i.remove(M.ASPECT_RATIO) : i.set(M.ASPECT_RATIO, e.aspectRatio);
 		});
 	}
 	function T() {
@@ -1411,14 +1412,14 @@ function et(e) {
 			}));
 			return;
 		}
-		let n = new AbortController();
-		h = n, Ke(e, n.signal).then((e) => {
-			n.signal.aborted || t.setState((t) => ({
+		let r = new AbortController();
+		h = r, Ke(e, r.signal, n.transformThumbnailVTT).then((e) => {
+			r.signal.aborted || t.setState((t) => ({
 				...t,
 				thumbnailCues: e
 			}));
 		}).catch((e) => {
-			n.signal.aborted || (console.warn("[vplayer] thumbnail VTT failed:", e), t.setState((e) => ({
+			r.signal.aborted || (console.warn("[vplayer] thumbnail VTT failed:", e), t.setState((e) => ({
 				...e,
 				thumbnailCues: []
 			})));
@@ -1510,11 +1511,11 @@ function et(e) {
 	let O = [];
 	function ee() {
 		for (let e of O) e();
-		O = [], u && (u.destroy(), u = null, te.engine = null);
+		O = [], u && (u.destroy(), u = null, j.engine = null);
 	}
 	function k(e) {
 		let r = Me(n), i = Ne(e, n);
-		u = i, te.engine = i, O = y(i), e.playsInline = !0, e.autoplay = !!n.autoPlay, e.preload = e.preload || "metadata", t.setState((t) => ({
+		u = i, j.engine = i, O = y(i), e.playsInline = !0, e.autoplay = !!n.autoPlay, e.preload = e.preload || "metadata", t.setState((t) => ({
 			...t,
 			status: "loading",
 			source: r,
@@ -1536,7 +1537,7 @@ function et(e) {
 			e.load(), k(e);
 		}
 	}
-	let te = {
+	let j = {
 		store: t,
 		remote: v,
 		events: r,
@@ -1545,7 +1546,7 @@ function et(e) {
 		hotkeys: o,
 		engine: null,
 		updateOptions(e) {
-			let r = typeof e.src == "string" && e.src !== n.src, i = Object.hasOwn(e, "type") && e.type !== n.type;
+			let r = typeof e.src == "string" && e.src !== n.src, i = Object.hasOwn(e, "type") && e.type !== n.type, a = Object.hasOwn(e, "thumbnails") && e.thumbnails !== n.thumbnails;
 			n = {
 				...n,
 				...e
@@ -1558,7 +1559,7 @@ function et(e) {
 					activeSubtitle: e.subtitles ? t.activeSubtitle && e.subtitles.some((e) => e.lang === t.activeSubtitle.lang) ? t.activeSubtitle : e.subtitles.find((e) => e.default) ?? e.subtitles[0] ?? null : t.activeSubtitle,
 					activeQuality: e.qualities ? e.qualities.includes(t.activeQuality) ? t.activeQuality : e.qualities[0] ?? "Auto" : t.activeQuality
 				};
-			}), Object.hasOwn(e, "thumbnails") && E(e.thumbnails), (r || i) && A();
+			}), a && E(e.thumbnails), (r || i) && A();
 		},
 		setThumbnails(e) {
 			n = {
@@ -1602,7 +1603,7 @@ function et(e) {
 			this.unmount(), S(), r.clear();
 		}
 	};
-	return te;
+	return j;
 }
 function tt(e, t) {
 	let n = null, r = null, i = null, a = typeof window < "u" && "ontouchstart" in window;
@@ -1748,24 +1749,24 @@ function ot() {
 }
 //#endregion
 //#region src/components/player/context.tsx
-var st = n(null);
-function M() {
-	let e = c(st);
+var st = r(null);
+function N() {
+	let e = l(st);
 	if (!e) throw Error("Player sub-components must be inside <VideoPlayer>");
 	return e;
 }
-function N(e) {
-	let t = M();
+function P(e) {
+	let t = N();
 	return typeof e == "function" ? de(t.mediaStore, e) : e ? de(t.mediaStore, (t) => t[e]) : de(t.mediaStore, (e) => e);
 }
 function ct() {
-	return M().mediaRemote;
+	return N().mediaRemote;
 }
 function lt() {
-	return M().miniPlayer;
+	return N().miniPlayer;
 }
 function ut() {
-	let e = M(), { mediaStore: t, mediaRemote: n, events: r, storage: i, hotkeys: a, i18n: o } = e;
+	let e = N(), { mediaStore: t, mediaRemote: n, events: r, storage: i, hotkeys: a, i18n: o } = e;
 	return {
 		name: "__internal__",
 		store: t,
@@ -1792,39 +1793,39 @@ function ut() {
 //#endregion
 //#region src/components/player/components/auto-resume-overlay.tsx
 var dt = () => {
-	let e = N("duration"), t = N("isPlaying"), { labels: n } = M(), r = ut(), [i, a] = m(null);
-	l(() => {
-		let t = r.storage.get(j.PLAYBACK_PROGRESS);
+	let e = P("duration"), t = P("isPlaying"), { labels: n } = N(), r = ut(), [i, a] = h(null);
+	u(() => {
+		let t = r.storage.get(M.PLAYBACK_PROGRESS);
 		t && t.time > 3 && Math.abs(t.duration - e) < 1 && a(t.time);
 	}, [r.storage, e]);
-	let o = s(() => {
+	let o = c(() => {
 		i !== null && (r.remote.seek(i), r.remote.play()), a(null);
-	}, [i, r.remote]), c = s(() => {
-		r.storage.remove(j.PLAYBACK_PROGRESS), a(null);
+	}, [i, r.remote]), s = c(() => {
+		r.storage.remove(M.PLAYBACK_PROGRESS), a(null);
 	}, [r.storage]);
-	return i === null || t ? null : /* @__PURE__ */ g("div", {
+	return i === null || t ? null : /* @__PURE__ */ _("div", {
 		className: "vplayer__auto-resume-overlay",
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "vplayer__auto-resume-content",
-			children: [/* @__PURE__ */ _("p", {
+			children: [/* @__PURE__ */ v("p", {
 				className: "vplayer__auto-resume-text",
 				children: [
 					n.continuePlay,
 					" ",
-					/* @__PURE__ */ g("span", {
+					/* @__PURE__ */ _("span", {
 						className: "font-medium text-white tabular-nums",
 						children: nt(i)
 					}),
 					"?"
 				]
-			}), /* @__PURE__ */ _("div", {
+			}), /* @__PURE__ */ v("div", {
 				className: "vplayer__auto-resume-actions",
-				children: [/* @__PURE__ */ g("button", {
+				children: [/* @__PURE__ */ _("button", {
 					onClick: o,
 					className: "vplayer__auto-resume-btn vplayer__auto-resume-btn--primary",
 					children: n.continue
-				}), /* @__PURE__ */ g("button", {
-					onClick: c,
+				}), /* @__PURE__ */ _("button", {
+					onClick: s,
 					className: "vplayer__auto-resume-btn",
 					children: n.continueStartOver
 				})]
@@ -1832,32 +1833,32 @@ var dt = () => {
 		})
 	});
 }, ft = () => {
-	let e = N("isPlaying"), t = N("isLooping"), n = N("contextMenuItems") ?? [], r = N("contextMenuEnabled") !== !1, { labels: i } = M(), a = ct(), o = M().containerRef, c = p(null), [u, d] = m(!1), [f, h] = m({
+	let e = P("isPlaying"), t = P("isLooping"), n = P("contextMenuItems") ?? [], r = P("contextMenuEnabled") !== !1, { labels: i } = N(), a = ct(), o = N().containerRef, s = m(null), [l, d] = h(!1), [f, p] = h({
 		x: 0,
 		y: 0
 	});
-	l(() => {
+	u(() => {
 		let e = o.current;
 		if (!e || !r) return;
 		let t = (e) => {
-			e.preventDefault(), e.stopPropagation(), h({
+			e.preventDefault(), e.stopPropagation(), p({
 				x: e.clientX,
 				y: e.clientY
 			}), d(!0);
 		};
 		return e.addEventListener("contextmenu", t), () => e.removeEventListener("contextmenu", t);
-	}, [o, r]), l(() => {
-		if (!u) return;
+	}, [o, r]), u(() => {
+		if (!l) return;
 		let e = (e) => {
-			c.current && !c.current.contains(e.target) && d(!1);
+			s.current && !s.current.contains(e.target) && d(!1);
 		}, t = (e) => {
 			e.key === "Escape" && d(!1);
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 		};
-	}, [u]);
-	let _ = s(() => d(!1), []), v = [
+	}, [l]);
+	let g = c(() => d(!1), []), v = [
 		{
 			label: e ? i.contextMenuPause : i.contextMenuPlay,
 			onAction: () => {
@@ -1872,8 +1873,8 @@ var dt = () => {
 		},
 		...n
 	];
-	return u ? /* @__PURE__ */ g("div", {
-		ref: c,
+	return l ? /* @__PURE__ */ _("div", {
+		ref: s,
 		className: "vplayer__contextmenu",
 		style: {
 			left: f.x,
@@ -1881,40 +1882,40 @@ var dt = () => {
 		},
 		role: "menu",
 		onKeyDown: (e) => {
-			e.key === "Escape" && _();
+			e.key === "Escape" && g();
 		},
-		children: v.map((e, t) => e.separator ? /* @__PURE__ */ g("div", {
+		children: v.map((e, t) => e.separator ? /* @__PURE__ */ _("div", {
 			className: "vplayer__contextmenu-separator",
 			role: "separator"
-		}, `sep-${t}`) : /* @__PURE__ */ g("button", {
+		}, `sep-${t}`) : /* @__PURE__ */ _("button", {
 			className: "vplayer__contextmenu-item",
 			disabled: e.disabled,
 			onClick: () => {
-				e.onAction(), _();
+				e.onAction(), g();
 			},
 			style: { cursor: e.disabled ? "default" : "pointer" },
 			children: e.label
 		}, `item-${t}`))
 	}) : null;
 }, pt = () => {
-	let e = N("error"), { labels: t, videoRef: n } = M(), r = s(() => {
+	let e = P("error"), { labels: t, videoRef: n } = N(), r = c(() => {
 		let e = n.current;
 		e && e.load();
 	}, [n]);
-	return e ? /* @__PURE__ */ g("div", {
+	return e ? /* @__PURE__ */ _("div", {
 		className: "vplayer__error-overlay",
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "vplayer__error-overlay-content",
 			children: [
-				/* @__PURE__ */ g("p", {
+				/* @__PURE__ */ _("p", {
 					className: "vplayer__error-overlay-message",
 					children: t.error
 				}),
-				/* @__PURE__ */ g("p", {
+				/* @__PURE__ */ _("p", {
 					className: "vplayer__error-overlay-detail",
 					children: e.message
 				}),
-				/* @__PURE__ */ g("button", {
+				/* @__PURE__ */ _("button", {
 					onClick: r,
 					className: "vplayer__error-overlay-retry",
 					children: t.retry
@@ -1928,15 +1929,15 @@ var dt = () => {
 	"Loading",
 	"No Source"
 ], ht = () => {
-	let e = N(), t = N("infoPanelVisible"), { videoRef: n } = M();
+	let e = P(), t = P("infoPanelVisible"), { videoRef: n } = N();
 	if (!t) return null;
-	let [r, i] = m({
+	let [r, i] = h({
 		width: 0,
 		height: 0,
 		droppedFrames: 0,
 		networkState: 0
 	});
-	return l(() => {
+	return u(() => {
 		let e = n.current;
 		if (!e) return;
 		let t = () => {
@@ -1952,70 +1953,70 @@ var dt = () => {
 		return () => {
 			e.removeEventListener("loadedmetadata", t), clearInterval(r);
 		};
-	}, [n]), /* @__PURE__ */ _("div", {
+	}, [n]), /* @__PURE__ */ v("div", {
 		className: "vplayer__info-panel",
 		children: [
-			/* @__PURE__ */ g("div", { children: "Version: 1.0.0" }),
-			/* @__PURE__ */ _("div", { children: [
+			/* @__PURE__ */ _("div", { children: "Version: 1.0.0" }),
+			/* @__PURE__ */ v("div", { children: [
 				"Duration: ",
 				e.duration.toFixed(2),
 				"s"
 			] }),
-			/* @__PURE__ */ _("div", { children: [
+			/* @__PURE__ */ v("div", { children: [
 				"Resolution: ",
 				r.width,
 				"×",
 				r.height
 			] }),
-			/* @__PURE__ */ _("div", { children: [
+			/* @__PURE__ */ v("div", { children: [
 				"Current: ",
 				e.currentTime.toFixed(2),
 				"s"
 			] }),
-			/* @__PURE__ */ _("div", { children: [
+			/* @__PURE__ */ v("div", { children: [
 				"Volume: ",
 				(e.volume * 100).toFixed(0),
 				"%"
 			] }),
-			/* @__PURE__ */ _("div", { children: [
+			/* @__PURE__ */ v("div", { children: [
 				"Rate: ",
 				e.playbackRate,
 				"x"
 			] }),
-			/* @__PURE__ */ _("div", { children: ["Dropped: ", r.droppedFrames] }),
-			/* @__PURE__ */ _("div", { children: ["Network: ", mt[r.networkState] ?? r.networkState] })
+			/* @__PURE__ */ v("div", { children: ["Dropped: ", r.droppedFrames] }),
+			/* @__PURE__ */ v("div", { children: ["Network: ", mt[r.networkState] ?? r.networkState] })
 		]
 	});
 }, gt = () => {
-	let e = N("controlsVisible"), t = N("currentTime"), n = N("duration"), r = N("bufferedPercent"), i = n > 0 ? t / n * 100 : 0;
-	return /* @__PURE__ */ _("div", {
+	let e = P("controlsVisible"), t = P("currentTime"), n = P("duration"), r = P("bufferedPercent"), i = n > 0 ? t / n * 100 : 0;
+	return /* @__PURE__ */ v("div", {
 		className: ot("vplayer__mini-progress", e ? "opacity-0" : "opacity-100"),
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "vplayer__mini-progress-buffered",
 			style: { width: `${r}%` }
-		}), /* @__PURE__ */ g("div", {
+		}), /* @__PURE__ */ _("div", {
 			className: "vplayer__mini-progress-played",
 			style: { width: `${i}%` }
 		})]
 	});
 }, _t = 3e3, vt = 1400;
 function yt(e) {
-	let t = p(null), n = p(e.state.isPlaying), r = s(() => {
+	let t = m(null), n = m(e.state.isPlaying), r = c(() => {
 		t.current &&= (clearTimeout(t.current), null);
-	}, []), i = s(() => {
+	}, []), i = c(() => {
 		r(), e.state.isPlaying && e.setState((e) => ({
 			...e,
 			controlsVisible: !1
 		}));
-	}, [r, e]), a = s((n = _t) => {
+	}, [r, e]), a = c((n = _t) => {
 		r(), t.current = setTimeout(() => {
 			t.current = null, e.state.isPlaying && e.setState((e) => ({
 				...e,
 				controlsVisible: !1
 			}));
 		}, n);
-	}, [r, e]), o = s((t = _t) => {
+	}, [r, e]), o = c((t = _t) => {
 		e.setState((e) => ({
 			...e,
 			controlsVisible: !0
@@ -2025,7 +2026,7 @@ function yt(e) {
 		e,
 		a
 	]);
-	l(() => e.subscribe(() => {
+	u(() => e.subscribe(() => {
 		let t = e.state.isPlaying;
 		t !== n.current && (n.current = t, t ? a(_t) : (r(), e.setState((e) => ({
 			...e,
@@ -2035,24 +2036,24 @@ function yt(e) {
 		r,
 		e,
 		a
-	]), l(() => () => r(), [r]);
-	let c = f(() => ({
+	]), u(() => () => r(), [r]);
+	let s = p(() => ({
 		onMouseMove: () => o(),
 		onMouseEnter: () => o(),
 		onMouseLeave: () => a(vt),
 		onFocus: () => o(),
 		onBlur: () => a(vt)
 	}), [a, o]);
-	return f(() => ({
+	return p(() => ({
 		clearHideTimer: r,
 		hideControls: i,
-		rootHandlers: c,
+		rootHandlers: s,
 		scheduleHide: a,
 		showControls: o
 	}), [
 		r,
 		i,
-		c,
+		s,
 		a,
 		o
 	]);
@@ -2078,14 +2079,14 @@ function bt(e) {
 	};
 }
 function xt(e, t) {
-	let n = f(() => bt(t), [t]), [r, i] = m(!1), a = s(() => {
+	let n = p(() => bt(t), [t]), [r, i] = h(!1), a = c(() => {
 		n.enabled && i(!0);
-	}, [n.enabled]), o = s(() => i(!1), []), c = s(() => {
+	}, [n.enabled]), o = c(() => i(!1), []), s = c(() => {
 		n.enabled && i((e) => !e);
 	}, [n.enabled]);
-	return l(() => {
+	return u(() => {
 		n.enabled || i(!1);
-	}, [n.enabled]), l(() => {
+	}, [n.enabled]), u(() => {
 		if (!n.enabled || !n.auto) return;
 		let t = e.current;
 		if (!t || typeof IntersectionObserver > "u") return;
@@ -2097,7 +2098,7 @@ function xt(e, t) {
 		e,
 		n.auto,
 		n.enabled
-	]), f(() => ({
+	]), p(() => ({
 		enabled: n.enabled,
 		active: n.enabled && r,
 		auto: n.auto,
@@ -2105,7 +2106,7 @@ function xt(e, t) {
 		width: n.width,
 		enter: a,
 		exit: o,
-		toggle: c
+		toggle: s
 	}), [
 		r,
 		n.auto,
@@ -2114,7 +2115,7 @@ function xt(e, t) {
 		n.width,
 		a,
 		o,
-		c
+		s
 	]);
 }
 function St() {
@@ -2132,8 +2133,8 @@ function St() {
 //#endregion
 //#region src/components/player/hooks/use-mobile-gestures.ts
 function Ct(e, t) {
-	let n = e ?? M().mediaStore, r = t ?? ct();
-	return f(() => tt(() => {
+	let n = e ?? N().mediaStore, r = t ?? ct();
+	return p(() => tt(() => {
 		let e = n.state;
 		return {
 			currentTime: e.currentTime,
@@ -2149,18 +2150,18 @@ function Ct(e, t) {
 //#endregion
 //#region src/components/player/hooks/use-player.ts
 function wt(e) {
-	let t = f(() => et(e), []), n = de(t.store), r = f(() => t.remote, [t]), i = s((e, n) => t.mount(n, e), [t]), a = s(() => t.unmount(), [t]), o = s((e) => {
+	let t = p(() => et(e), []), n = de(t.store), r = p(() => t.remote, [t]), i = c((e, n) => t.mount(n, e), [t]), a = c(() => t.unmount(), [t]), o = c((e) => {
 		t.initPlugins([e]);
-	}, [t]), c = s((e) => {
+	}, [t]), s = c((e) => {
 		t.updateOptions(e);
 	}, [t]);
-	return l(() => () => t.destroy(), [t]), {
+	return u(() => () => t.destroy(), [t]), {
 		state: n,
 		remote: r,
 		attach: i,
 		detach: a,
 		use: o,
-		updateOptions: c,
+		updateOptions: s,
 		instance: t
 	};
 }
@@ -3010,7 +3011,7 @@ function dr(e) {
 	return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 var fr = (e, t, n) => {
-	let i = t.inline ? ur : rr, a = Kn(i, t), o = t.mode || "svg", s = {}, c = t.style || {}, l = { ...o === "svg" ? ir : {} };
+	let r = t.inline ? ur : rr, a = Kn(r, t), o = t.mode || "svg", s = {}, c = t.style || {}, l = { ...o === "svg" ? ir : {} };
 	if (n) {
 		let e = Ut(n, !1, !0);
 		if (e) {
@@ -3053,7 +3054,7 @@ var fr = (e, t, n) => {
 			case "aria-hidden":
 				n !== !0 && n !== "true" && delete l["aria-hidden"];
 				break;
-			default: i[e] === void 0 && (l[e] = n);
+			default: r[e] === void 0 && (l[e] = n);
 		}
 	}
 	let u = on(e, a), d = u.attributes;
@@ -3063,7 +3064,7 @@ var fr = (e, t, n) => {
 			...c
 		}, Object.assign(l, d);
 		let e = 0, n = t.id;
-		return typeof n == "string" && (n = n.replace(/-/g, "_")), l.dangerouslySetInnerHTML = { __html: nr(un(u.body, n ? () => n + "ID" + e++ : "iconifyReact")) }, r("svg", l);
+		return typeof n == "string" && (n = n.replace(/-/g, "_")), l.dangerouslySetInnerHTML = { __html: nr(un(u.body, n ? () => n + "ID" + e++ : "iconifyReact")) }, i("svg", l);
 	}
 	let { body: f, width: p, height: m } = e, h = o === "mask" || (o === "bg" ? !1 : f.indexOf("currentColor") !== -1), g = Xn(f, {
 		...d,
@@ -3078,7 +3079,7 @@ var fr = (e, t, n) => {
 		...ar,
 		...h ? or : sr,
 		...c
-	}, r("span", l);
+	}, i("span", l);
 };
 if (Kt(!0), fn("", Tn), typeof document < "u" && typeof window < "u") {
 	let e = window;
@@ -3107,7 +3108,7 @@ if (Kt(!0), fn("", Tn), typeof document < "u" && typeof window < "u") {
 	}
 }
 function pr(e) {
-	let [t, n] = m(!!e.ssr), [i, a] = m({});
+	let [t, n] = h(!!e.ssr), [r, a] = h({});
 	function o(t) {
 		if (t) {
 			let t = e.icon;
@@ -3123,13 +3124,13 @@ function pr(e) {
 		}
 		return { name: "" };
 	}
-	let [s, c] = m(o(!!e.ssr));
-	function u() {
-		let e = i.callback;
+	let [s, c] = h(o(!!e.ssr));
+	function l() {
+		let e = r.callback;
 		e && (e(), a({}));
 	}
 	function d(e) {
-		if (JSON.stringify(s) !== JSON.stringify(e)) return u(), c(e), !0;
+		if (JSON.stringify(s) !== JSON.stringify(e)) return l(), c(e), !0;
 	}
 	function f() {
 		var t;
@@ -3147,33 +3148,33 @@ function pr(e) {
 			data: r
 		}) && (r === void 0 ? a({ callback: Gn([n], f) }) : r && ((t = e.onLoad) == null || t.call(e, n)));
 	}
-	l(() => (n(!0), u), []), l(() => {
+	u(() => (n(!0), l), []), u(() => {
 		t && f();
 	}, [e.icon, t]);
-	let { name: p, data: h } = s;
-	return h ? fr({
+	let { name: p, data: m } = s;
+	return m ? fr({
 		...Ot,
-		...h
-	}, e, p) : e.children ? e.children : e.fallback ? e.fallback : r("span", {});
+		...m
+	}, e, p) : e.children ? e.children : e.fallback ? e.fallback : i("span", {});
 }
-var P = i((e, t) => pr({
+var F = a((e, t) => pr({
 	...e,
 	_ref: t
 }));
-i((e, t) => pr({
+a((e, t) => pr({
 	inline: !0,
 	...e,
 	_ref: t
 }));
 //#endregion
 //#region src/components/player/overlays.tsx
-var mr = () => /* @__PURE__ */ g("div", { className: ot("vplayer__top-gradient", !N("controlsVisible") && "vplayer__top-gradient--hidden") }), hr = () => {
-	let e = N("isPlaying"), t = N("isEnded"), n = N("controlsVisible"), { icons: r } = M();
-	return /* @__PURE__ */ g("div", {
+var mr = () => /* @__PURE__ */ _("div", { className: ot("vplayer__top-gradient", !P("controlsVisible") && "vplayer__top-gradient--hidden") }), hr = () => {
+	let e = P("isPlaying"), t = P("isEnded"), n = P("controlsVisible"), { icons: r } = N();
+	return /* @__PURE__ */ _("div", {
 		className: ot("vplayer__overlay", !(!e && !t && n) && "vplayer__overlay--hidden"),
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "vplayer__pause-orb",
-			children: /* @__PURE__ */ g(P, {
+			children: /* @__PURE__ */ _(F, {
 				icon: r.play,
 				className: "vplayer__pause-icon",
 				fill: "currentColor"
@@ -3181,25 +3182,25 @@ var mr = () => /* @__PURE__ */ g("div", { className: ot("vplayer__top-gradient",
 		})
 	});
 }, gr = () => {
-	let e = N("isBuffering"), { icons: t } = M();
-	return /* @__PURE__ */ g("div", {
+	let e = P("isBuffering"), { icons: t } = N();
+	return /* @__PURE__ */ _("div", {
 		className: ot("vplayer__overlay", !e && "vplayer__overlay--hidden"),
-		children: /* @__PURE__ */ g(P, {
+		children: /* @__PURE__ */ _(F, {
 			icon: t.spinner,
 			className: "vplayer__spinner"
 		})
 	});
 }, _r = () => {
-	let e = N("isEnded"), { labels: t, icons: n } = M(), r = ct();
-	return e ? /* @__PURE__ */ _("div", {
+	let e = P("isEnded"), { labels: t, icons: n } = N(), r = ct();
+	return e ? /* @__PURE__ */ v("div", {
 		className: "vplayer__overlay vplayer__overlay--ended",
-		children: [/* @__PURE__ */ g("p", {
+		children: [/* @__PURE__ */ _("p", {
 			className: "vplayer__ended-title",
 			children: t.endedTitle
-		}), /* @__PURE__ */ _("button", {
+		}), /* @__PURE__ */ v("button", {
 			onClick: r.togglePlay,
 			className: "vplayer__ended-button",
-			children: [/* @__PURE__ */ g(P, {
+			children: [/* @__PURE__ */ _(F, {
 				icon: n.replay,
 				width: 16
 			}), t.replay]
@@ -3226,7 +3227,7 @@ var mr = () => /* @__PURE__ */ g("div", { className: ot("vplayer__top-gradient",
 	configurable: !0,
 	writable: !0,
 	value: n
-}) : e[t] = n, wr = (e, t, n) => Cr(e, typeof t == "symbol" ? t : t + "", n), Tr = (e, t) => e.map((n, r) => e[(Math.max(t, 0) + r) % e.length]), Er = () => void 0, Dr = (e) => typeof e == "object" && !!e, F = (e) => e ? "" : void 0, Or = (e) => e ? "true" : void 0, kr = 1, Ar = 9, jr = 11, I = (e) => Dr(e) && e.nodeType === kr && typeof e.nodeName == "string", Mr = (e) => Dr(e) && e.nodeType === Ar, Nr = (e) => Dr(e) && e === e.window, Pr = (e) => I(e) ? e.localName || "" : "#document";
+}) : e[t] = n, wr = (e, t, n) => Cr(e, typeof t == "symbol" ? t : t + "", n), Tr = (e, t) => e.map((n, r) => e[(Math.max(t, 0) + r) % e.length]), Er = () => void 0, Dr = (e) => typeof e == "object" && !!e, I = (e) => e ? "" : void 0, Or = (e) => e ? "true" : void 0, kr = 1, Ar = 9, jr = 11, L = (e) => Dr(e) && e.nodeType === kr && typeof e.nodeName == "string", Mr = (e) => Dr(e) && e.nodeType === Ar, Nr = (e) => Dr(e) && e === e.window, Pr = (e) => L(e) ? e.localName || "" : "#document";
 function Fr(e) {
 	return [
 		"html",
@@ -3234,13 +3235,13 @@ function Fr(e) {
 		"#document"
 	].includes(Pr(e));
 }
-var Ir = (e) => Dr(e) && e.nodeType !== void 0, Lr = (e) => Ir(e) && e.nodeType === jr && "host" in e, Rr = (e) => I(e) && e.localName === "input", zr = (e) => !!e?.matches("a[href]"), Br = (e) => I(e) ? e.offsetWidth > 0 || e.offsetHeight > 0 || e.getClientRects().length > 0 : !1;
+var Ir = (e) => Dr(e) && e.nodeType !== void 0, Lr = (e) => Ir(e) && e.nodeType === jr && "host" in e, Rr = (e) => L(e) && e.localName === "input", zr = (e) => !!e?.matches("a[href]"), Br = (e) => L(e) ? e.offsetWidth > 0 || e.offsetHeight > 0 || e.getClientRects().length > 0 : !1;
 function Vr(e) {
 	return e ? qr(e.getRootNode()) === e : !1;
 }
 var Hr = /(textarea|select)/;
 function Ur(e) {
-	if (e == null || !I(e)) return !1;
+	if (e == null || !L(e)) return !1;
 	try {
 		return Rr(e) && e.selectionStart != null || Hr.test(e.localName) || e.isContentEditable || e.getAttribute("contenteditable") === "true" || e.getAttribute("contenteditable") === "";
 	} catch {
@@ -3248,8 +3249,8 @@ function Ur(e) {
 	}
 }
 function Wr(e, t) {
-	if (!e || !t || !I(e) || !Ir(t)) return !1;
-	if (I(t) && e === t || e.contains(t)) return !0;
+	if (!e || !t || !L(e) || !Ir(t)) return !1;
+	if (L(t) && e === t || e.contains(t)) return !0;
 	let n = t.getRootNode?.();
 	if (n && Lr(n)) {
 		let n = t;
@@ -3266,8 +3267,8 @@ function Gr(e) {
 function Kr(e) {
 	return Gr(e).documentElement;
 }
-function L(e) {
-	return Lr(e) ? L(e.host) : Mr(e) ? e.defaultView ?? window : I(e) ? e.ownerDocument?.defaultView ?? window : window;
+function R(e) {
+	return Lr(e) ? R(e.host) : Mr(e) ? e.defaultView ?? window : L(e) ? e.ownerDocument?.defaultView ?? window : window;
 }
 function qr(e) {
 	let t = e.activeElement;
@@ -3294,7 +3295,7 @@ function Yr(e) {
 //#region ../../node_modules/@zag-js/dom-query/dist/computed-style.mjs
 var Xr = /* @__PURE__ */ new WeakMap();
 function Zr(e) {
-	return Xr.has(e) || Xr.set(e, L(e).getComputedStyle(e)), Xr.get(e);
+	return Xr.has(e) || Xr.set(e, R(e).getComputedStyle(e)), Xr.get(e);
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/controller.mjs
@@ -3342,7 +3343,7 @@ var ai = (e) => ni() && e.test(ri()), oi = (e) => ni() && e.test(ii()), si = ()
 function mi(e) {
 	return e.composedPath?.() ?? e.nativeEvent?.composedPath?.();
 }
-function R(e) {
+function z(e) {
 	return mi(e)?.[0] ?? e.target;
 }
 function hi(e) {
@@ -3404,7 +3405,7 @@ function Mi(e, t = "client") {
 		y: n[`${t}Y`]
 	};
 }
-var Ni = (e, t, n, r) => {
+var B = (e, t, n, r) => {
 	let i = typeof e == "function" ? e() : e;
 	return i?.addEventListener(t, n, r), () => {
 		i?.removeEventListener(t, n, r);
@@ -3412,87 +3413,87 @@ var Ni = (e, t, n, r) => {
 };
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/form.mjs
-function Pi(e, t) {
-	let { type: n = "HTMLInputElement", property: r = "value" } = t, i = L(e)[n].prototype;
+function Ni(e, t) {
+	let { type: n = "HTMLInputElement", property: r = "value" } = t, i = R(e)[n].prototype;
 	return Object.getOwnPropertyDescriptor(i, r) ?? {};
 }
-function Fi(e) {
+function Pi(e) {
 	if (e.localName === "input") return "HTMLInputElement";
 	if (e.localName === "textarea") return "HTMLTextAreaElement";
 	if (e.localName === "select") return "HTMLSelectElement";
 }
-function Ii(e, t, n = "value") {
+function Fi(e, t, n = "value") {
 	if (!e) return;
-	let r = Fi(e);
-	r && Pi(e, {
+	let r = Pi(e);
+	r && Ni(e, {
 		type: r,
 		property: n
 	}).set?.call(e, t), e.setAttribute(n, t);
 }
-function Li(e, t) {
+function Ii(e, t) {
 	let { value: n, bubbles: r = !0 } = t;
 	if (!e) return;
-	let i = L(e);
+	let i = R(e);
 	if (!(e instanceof i.HTMLInputElement)) return;
-	Ii(e, `${n}`);
+	Fi(e, `${n}`);
 	let a = new i.Event("input", { bubbles: r });
-	e.dispatchEvent(Wi(a));
+	e.dispatchEvent(Ui(a));
 }
-function Ri(e) {
+function Li(e) {
 	return e.matches("textarea, input, select, button");
 }
-function zi(e, t) {
+function Ri(e, t) {
 	if (!e) return;
-	let n = Ri(e) ? e.form : e.closest("form"), r = (e) => {
+	let n = Li(e) ? e.form : e.closest("form"), r = (e) => {
 		e.defaultPrevented || t();
 	};
 	return n?.addEventListener("reset", r, { passive: !0 }), () => n?.removeEventListener("reset", r);
 }
-function Bi(e, t) {
+function zi(e, t) {
 	let n = e?.closest("fieldset");
 	if (!n) return;
 	t(n.disabled);
-	let r = new (L(n)).MutationObserver(() => t(n.disabled));
+	let r = new (R(n)).MutationObserver(() => t(n.disabled));
 	return r.observe(n, {
 		attributes: !0,
 		attributeFilter: ["disabled"]
 	}), () => r.disconnect();
 }
-function Vi(e, t) {
+function Bi(e, t) {
 	if (!e) return;
-	let { onFieldsetDisabledChange: n, onFormReset: r } = t, i = [zi(e, r), Bi(e, n)];
+	let { onFieldsetDisabledChange: n, onFormReset: r } = t, i = [Ri(e, r), zi(e, n)];
 	return () => i.forEach((e) => e?.());
 }
-var Hi = /* @__PURE__ */ Symbol.for("zag.changeEvent");
-function Ui(e) {
-	return Object.prototype.hasOwnProperty.call(e, Hi);
+var Vi = /* @__PURE__ */ Symbol.for("zag.changeEvent");
+function Hi(e) {
+	return Object.prototype.hasOwnProperty.call(e, Vi);
 }
-function Wi(e) {
-	return Ui(e) || Object.defineProperty(e, Hi, { value: !0 }), e;
+function Ui(e) {
+	return Hi(e) || Object.defineProperty(e, Vi, { value: !0 }), e;
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/tabbable.mjs
-var Gi = (e) => I(e) && e.tagName === "IFRAME";
-function Ki(e) {
+var Wi = (e) => L(e) && e.tagName === "IFRAME";
+function Gi(e) {
 	let t = e.getAttribute("tabindex");
 	return t ? parseInt(t, 10) : NaN;
 }
-var qi = (e) => Ki(e) < 0;
-function Ji(e) {
+var Ki = (e) => Gi(e) < 0;
+function qi(e) {
 	return Rr(e) && e.type === "radio";
 }
-function Yi(e) {
-	if (!Ji(e) || !e.name || e.checked) return !0;
-	let t = `input[type="radio"][name="${CSS.escape(e.name)}"]`, n = e.form ?? e.ownerDocument, r = Array.from(n.querySelectorAll(t)).filter((t) => t.form === e.form && $i(t)), i = r.find((e) => e.checked);
+function Ji(e) {
+	if (!qi(e) || !e.name || e.checked) return !0;
+	let t = `input[type="radio"][name="${CSS.escape(e.name)}"]`, n = e.form ?? e.ownerDocument, r = Array.from(n.querySelectorAll(t)).filter((t) => t.form === e.form && Qi(t)), i = r.find((e) => e.checked);
 	return i ? i === e : r[0] === e;
 }
-function Xi(e, t) {
+function Yi(e, t) {
 	if (!t) return null;
 	if (t === !0) return e.shadowRoot || null;
 	let n = t(e);
 	return (n === !0 ? e.shadowRoot : n) || null;
 }
-function Zi(e, t, n) {
+function Xi(e, t, n) {
 	let r = [...e], i = [...e], a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Map();
 	e.forEach((e, t) => o.set(e, t));
 	let s = 0;
@@ -3500,9 +3501,9 @@ function Zi(e, t, n) {
 		let e = i[s++];
 		if (!e || a.has(e)) continue;
 		a.add(e);
-		let c = Xi(e, t);
+		let c = Yi(e, t);
 		if (c) {
-			let t = Array.from(c.querySelectorAll(Qi)).filter(n), a = o.get(e);
+			let t = Array.from(c.querySelectorAll(Zi)).filter(n), a = o.get(e);
 			if (a !== void 0) {
 				let e = a + 1;
 				r.splice(e, 0, ...t), t.forEach((t, n) => {
@@ -3520,57 +3521,57 @@ function Zi(e, t, n) {
 	}
 	return r;
 }
-var Qi = "input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false']), details > summary:first-of-type";
-function $i(e) {
-	return !I(e) || e.closest("[inert]") ? !1 : e.matches(Qi) && Br(e);
+var Zi = "input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false']), details > summary:first-of-type";
+function Qi(e) {
+	return !L(e) || e.closest("[inert]") ? !1 : e.matches(Zi) && Br(e);
 }
-function ea(e, t = {}) {
+function $i(e, t = {}) {
 	if (!e) return [];
-	let { includeContainer: n, getShadowRoot: r } = t, i = Array.from(e.querySelectorAll(Qi));
-	n && ta(e) && i.unshift(e);
+	let { includeContainer: n, getShadowRoot: r } = t, i = Array.from(e.querySelectorAll(Zi));
+	n && ea(e) && i.unshift(e);
 	let a = [];
-	for (let e of i) if (ta(e)) {
-		if (Gi(e) && e.contentDocument) {
+	for (let e of i) if (ea(e)) {
+		if (Wi(e) && e.contentDocument) {
 			let t = e.contentDocument.body;
-			a.push(...ea(t, { getShadowRoot: r }));
+			a.push(...$i(t, { getShadowRoot: r }));
 			continue;
 		}
 		a.push(e);
 	}
 	if (r) {
-		let e = Zi(a, r, ta);
+		let e = Xi(a, r, ea);
 		return !e.length && n ? i : e;
 	}
 	return !a.length && n ? i : a;
 }
-function ta(e) {
-	return I(e) && e.tabIndex > 0 ? !0 : !$i(e) || qi(e) ? !1 : Yi(e);
+function ea(e) {
+	return L(e) && e.tabIndex > 0 ? !0 : !Qi(e) || Ki(e) ? !1 : Ji(e);
 }
-function na(e, t = {}) {
-	let n = ea(e, t);
+function ta(e, t = {}) {
+	let n = $i(e, t);
 	return [n[0] || null, n[n.length - 1] || null];
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/initial-focus.mjs
-function ra(e) {
+function na(e) {
 	let { root: t, getInitialEl: n, filter: r, enabled: i = !0 } = e;
 	if (!i) return;
 	let a = null;
 	if (a ||= typeof n == "function" ? n() : n, a ||= t?.querySelector("[data-autofocus],[autofocus]"), !a) {
-		let e = ea(t);
+		let e = $i(t);
 		a = r ? e.filter(r)[0] : e[0];
 	}
 	return a || t || void 0;
 }
-function ia(e) {
+function ra(e) {
 	let t = e.currentTarget;
 	if (!t) return !1;
-	let [n, r] = na(t);
+	let [n, r] = ta(t);
 	return !(Vr(n) && e.shiftKey || Vr(r) && !e.shiftKey || !n && !r);
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/raf.mjs
-var aa = class e {
+var ia = class e {
 	constructor() {
 		wr(this, "id", null), wr(this, "fn_cleanup"), wr(this, "cleanup", () => {
 			this.cancel();
@@ -3591,11 +3592,11 @@ var aa = class e {
 		return this.id !== null;
 	}
 };
-function z(e) {
-	let t = aa.create();
+function V(e) {
+	let t = ia.create();
 	return t.request(e), t.cleanup;
 }
-function oa(e) {
+function aa(e) {
 	let t = /* @__PURE__ */ new Set();
 	function n(e) {
 		let n = globalThis.requestAnimationFrame(e);
@@ -3605,8 +3606,8 @@ function oa(e) {
 		t.forEach((e) => e());
 	};
 }
-function sa(e, t, n) {
-	let r = z(() => {
+function oa(e, t, n) {
+	let r = V(() => {
 		e.removeEventListener(t, i, !0), n();
 	}), i = () => {
 		r(), n();
@@ -3618,7 +3619,7 @@ function sa(e, t, n) {
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/mutation-observer.mjs
-function ca(e, t) {
+function sa(e, t) {
 	if (!e) return;
 	let { attributes: n, callback: r } = t, i = new (e.ownerDocument.defaultView || window).MutationObserver((e) => {
 		for (let t of e) t.type === "attributes" && t.attributeName && n.includes(t.attributeName) && r(t);
@@ -3628,75 +3629,75 @@ function ca(e, t) {
 		attributeFilter: n
 	}), () => i.disconnect();
 }
-function la(e, t) {
-	let { defer: n } = t, r = n ? z : (e) => e(), i = [];
+function ca(e, t) {
+	let { defer: n } = t, r = n ? V : (e) => e(), i = [];
 	return i.push(r(() => {
 		let n = typeof e == "function" ? e() : e;
-		i.push(ca(n, t));
+		i.push(sa(n, t));
 	})), () => {
 		i.forEach((e) => e?.());
 	};
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/navigate.mjs
-function ua(e) {
+function la(e) {
 	let t = () => {
-		let t = L(e);
+		let t = R(e);
 		e.dispatchEvent(new t.MouseEvent("click"));
 	};
-	fi() ? sa(e, "keyup", t) : queueMicrotask(t);
+	fi() ? oa(e, "keyup", t) : queueMicrotask(t);
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/overflow.mjs
-function da(e) {
+function ua(e) {
 	let t = Jr(e);
-	return Fr(t) ? Gr(t).body : I(t) && ha(t) ? t : da(t);
+	return Fr(t) ? Gr(t).body : L(t) && ma(t) ? t : ua(t);
 }
-function fa(e, t = []) {
-	let n = da(e), r = n === e.ownerDocument.body, i = L(n);
-	return r ? t.concat(i, i.visualViewport || [], ha(n) ? n : []) : t.concat(n, fa(n, []));
+function da(e, t = []) {
+	let n = ua(e), r = n === e.ownerDocument.body, i = R(n);
+	return r ? t.concat(i, i.visualViewport || [], ma(n) ? n : []) : t.concat(n, da(n, []));
 }
-var pa = /auto|scroll|overlay|hidden|clip/, ma = /* @__PURE__ */ new Set(["inline", "contents"]);
-function ha(e) {
-	let { overflow: t, overflowX: n, overflowY: r, display: i } = L(e).getComputedStyle(e);
-	return pa.test(t + r + n) && !ma.has(i);
+var fa = /auto|scroll|overlay|hidden|clip/, pa = /* @__PURE__ */ new Set(["inline", "contents"]);
+function ma(e) {
+	let { overflow: t, overflowX: n, overflowY: r, display: i } = R(e).getComputedStyle(e);
+	return fa.test(t + r + n) && !pa.has(i);
 }
-function ga(e) {
+function ha(e) {
 	return e.scrollHeight > e.clientHeight || e.scrollWidth > e.clientWidth;
 }
-function _a(e, t) {
+function ga(e, t) {
 	let { rootEl: n, ...r } = t || {};
-	!e || !n || !ha(n) || !ga(n) || e.scrollIntoView(r);
+	!e || !n || !ma(n) || !ha(n) || e.scrollIntoView(r);
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/text-selection.mjs
-var va = "default", ya = "", ba = /* @__PURE__ */ new WeakMap();
-function xa(e = {}) {
+var _a = "default", va = "", ya = /* @__PURE__ */ new WeakMap();
+function ba(e = {}) {
 	let { target: t, doc: n } = e, r = n ?? document, i = r.documentElement;
-	return ui() ? (va === "default" && (ya = i.style.webkitUserSelect, i.style.webkitUserSelect = "none"), va = "disabled") : t && (ba.set(t, t.style.userSelect), t.style.userSelect = "none"), () => Sa({
+	return ui() ? (_a === "default" && (va = i.style.webkitUserSelect, i.style.webkitUserSelect = "none"), _a = "disabled") : t && (ya.set(t, t.style.userSelect), t.style.userSelect = "none"), () => xa({
 		target: t,
 		doc: r
 	});
 }
-function Sa(e = {}) {
+function xa(e = {}) {
 	let { target: t, doc: n } = e, r = (n ?? document).documentElement;
 	if (ui()) {
-		if (va !== "disabled") return;
-		va = "restoring", setTimeout(() => {
-			oa(() => {
-				va === "restoring" && (r.style.webkitUserSelect === "none" && (r.style.webkitUserSelect = ya || ""), ya = "", va = "default");
+		if (_a !== "disabled") return;
+		_a = "restoring", setTimeout(() => {
+			aa(() => {
+				_a === "restoring" && (r.style.webkitUserSelect === "none" && (r.style.webkitUserSelect = va || ""), va = "", _a = "default");
 			});
 		}, 300);
-	} else if (t && ba.has(t)) {
-		let e = ba.get(t);
-		t.style.userSelect === "none" && (t.style.userSelect = e ?? ""), t.getAttribute("style") === "" && t.removeAttribute("style"), ba.delete(t);
+	} else if (t && ya.has(t)) {
+		let e = ya.get(t);
+		t.style.userSelect === "none" && (t.style.userSelect = e ?? ""), t.getAttribute("style") === "" && t.removeAttribute("style"), ya.delete(t);
 	}
 }
-function Ca(e = {}) {
-	let { defer: t, target: n, ...r } = e, i = t ? z : (e) => e(), a = [];
+function Sa(e = {}) {
+	let { defer: t, target: n, ...r } = e, i = t ? V : (e) => e(), a = [];
 	return a.push(i(() => {
 		let e = typeof n == "function" ? n() : n;
-		a.push(xa({
+		a.push(ba({
 			...r,
 			target: e
 		}));
@@ -3706,7 +3707,7 @@ function Ca(e = {}) {
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/pointer-move.mjs
-function wa(e, t) {
+function Ca(e, t) {
 	let { onPointerMove: n, onPointerUp: r } = t, i = (e) => {
 		let t = Mi(e);
 		if (!(Math.sqrt(t.x ** 2 + t.y ** 2) < (e.pointerType === "touch" ? 10 : 5))) {
@@ -3725,11 +3726,11 @@ function wa(e, t) {
 			event: e
 		});
 	}, o = [
-		Ni(e, "pointermove", i, !1),
-		Ni(e, "pointerup", a, !1),
-		Ni(e, "pointercancel", a, !1),
-		Ni(e, "contextmenu", a, !1),
-		Ca({ doc: e })
+		B(e, "pointermove", i, !1),
+		B(e, "pointerup", a, !1),
+		B(e, "pointercancel", a, !1),
+		B(e, "contextmenu", a, !1),
+		Sa({ doc: e })
 	];
 	return () => {
 		o.forEach((e) => e());
@@ -3737,20 +3738,20 @@ function wa(e, t) {
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/query.mjs
-function Ta(e, t) {
+function wa(e, t) {
 	return Array.from(e?.querySelectorAll(t) ?? []);
 }
-var Ea = (e) => e.id;
-function Da(e, t, n = Ea) {
+var Ta = (e) => e.id;
+function Ea(e, t, n = Ta) {
 	return e.find((e) => n(e) === t);
 }
-function Oa(e, t, n = Ea) {
-	let r = Da(e, t, n);
+function Da(e, t, n = Ta) {
+	let r = Ea(e, t, n);
 	return r ? e.indexOf(r) : -1;
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/resize-observer.mjs
-function ka(e) {
+function Oa(e) {
 	let t = /* @__PURE__ */ new WeakMap(), n, r = /* @__PURE__ */ new WeakMap(), i = (e) => n || (n = new e.ResizeObserver((e) => {
 		for (let n of e) {
 			r.set(n.target, n);
@@ -3762,7 +3763,7 @@ function ka(e) {
 		observe: (n, r) => {
 			let a = t.get(n) || /* @__PURE__ */ new Set();
 			a.add(r), t.set(n, a);
-			let o = L(n);
+			let o = R(n);
 			return i(o).observe(n, e), () => {
 				let e = t.get(n);
 				e && (e.delete(r), e.size === 0 && (t.delete(n), i(o).unobserve(n)));
@@ -3773,30 +3774,30 @@ function ka(e) {
 		}
 	};
 }
-var Aa = /* @__PURE__ */ ka({ box: "border-box" }), ja = (e) => e.split("").map((e) => {
+var ka = /* @__PURE__ */ Oa({ box: "border-box" }), Aa = (e) => e.split("").map((e) => {
 	let t = e.charCodeAt(0);
 	return t > 0 && t < 128 ? e : t >= 128 && t <= 255 ? `/x${t.toString(16)}`.replace("/", "\\") : "";
-}).join("").trim(), Ma = (e) => ja(e.dataset?.valuetext ?? e.textContent ?? ""), Na = (e, t) => e.trim().toLowerCase().startsWith(t.toLowerCase());
-function Pa(e, t, n, r = Ea) {
-	let i = n ? Oa(e, n, r) : -1, a = n ? Tr(e, i) : e;
-	return t.length === 1 && (a = a.filter((e) => r(e) !== n)), a.find((e) => Na(Ma(e), t));
+}).join("").trim(), ja = (e) => Aa(e.dataset?.valuetext ?? e.textContent ?? ""), Ma = (e, t) => e.trim().toLowerCase().startsWith(t.toLowerCase());
+function Na(e, t, n, r = Ta) {
+	let i = n ? Da(e, n, r) : -1, a = n ? Tr(e, i) : e;
+	return t.length === 1 && (a = a.filter((e) => r(e) !== n)), a.find((e) => Ma(ja(e), t));
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/set.mjs
-function Fa(e, t) {
+function Pa(e, t) {
 	if (!e) return Er;
 	let n = Object.keys(t).reduce((t, n) => (t[n] = e.style.getPropertyValue(n), t), {});
-	return Ia(n, t) ? Er : (Object.assign(e.style, t), () => {
+	return Fa(n, t) ? Er : (Object.assign(e.style, t), () => {
 		Object.assign(e.style, n), e.style.length === 0 && e.removeAttribute("style");
 	});
 }
-function Ia(e, t) {
+function Fa(e, t) {
 	return Object.keys(e).every((n) => e[n] === t[n]);
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/typeahead.mjs
-function La(e, t) {
-	let { state: n, activeId: r, key: i, timeout: a = 350, itemToId: o } = t, s = n.keysSoFar + i, c = s.length > 1 && Array.from(s).every((e) => e === s[0]) ? s[0] : s, l = Pa(e.slice(), c, r, o);
+function Ia(e, t) {
+	let { state: n, activeId: r, key: i, timeout: a = 350, itemToId: o } = t, s = n.keysSoFar + i, c = s.length > 1 && Array.from(s).every((e) => e === s[0]) ? s[0] : s, l = Na(e.slice(), c, r, o);
 	function u() {
 		clearTimeout(n.timer), n.timer = -1;
 	}
@@ -3807,19 +3808,19 @@ function La(e, t) {
 	}
 	return d(s), l;
 }
-var Ra = /* @__PURE__ */ Object.assign(La, {
+var La = /* @__PURE__ */ Object.assign(Ia, {
 	defaultOptions: {
 		keysSoFar: "",
 		timer: -1
 	},
-	isValidEvent: za
+	isValidEvent: Ra
 });
-function za(e) {
+function Ra(e) {
 	return e.key.length === 1 && !e.ctrlKey && !e.metaKey;
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dom-query/dist/wait-for.mjs
-function Ba(e, t, n) {
+function za(e, t, n) {
 	let { signal: r } = t;
 	return [new Promise((t, i) => {
 		let a = setTimeout(() => {
@@ -3834,9 +3835,9 @@ function Ba(e, t, n) {
 		});
 	}), () => t.abort()];
 }
-function Va(e, t) {
-	let { timeout: n, rootNode: r } = t, i = L(r), a = Gr(r), o = new i.AbortController();
-	return Ba(new Promise((t) => {
+function Ba(e, t) {
+	let { timeout: n, rootNode: r } = t, i = R(r), a = Gr(r), o = new i.AbortController();
+	return za(new Promise((t) => {
 		let n = e();
 		if (n) {
 			t(n);
@@ -3854,10 +3855,10 @@ function Va(e, t) {
 }
 //#endregion
 //#region ../../node_modules/@zag-js/focus-visible/dist/index.mjs
-function Ha(e) {
+function Va(e) {
 	return !(e.metaKey || !di() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
-var Ua = /* @__PURE__ */ new Set([
+var Ha = /* @__PURE__ */ new Set([
 	"checkbox",
 	"radio",
 	"range",
@@ -3868,38 +3869,38 @@ var Ua = /* @__PURE__ */ new Set([
 	"submit",
 	"reset"
 ]);
-function Wa(e, t, n) {
-	let r = n ? R(n) : null, i = Gr(r), a = L(r), o = qr(i);
-	return e = e || o instanceof a.HTMLInputElement && !Ua.has(o?.type) || o instanceof a.HTMLTextAreaElement || o instanceof a.HTMLElement && o.isContentEditable, !(e && t === "keyboard" && n instanceof a.KeyboardEvent && !Reflect.has(Xa, n.key));
+function Ua(e, t, n) {
+	let r = n ? z(n) : null, i = Gr(r), a = R(r), o = qr(i);
+	return e = e || o instanceof a.HTMLInputElement && !Ha.has(o?.type) || o instanceof a.HTMLTextAreaElement || o instanceof a.HTMLElement && o.isContentEditable, !(e && t === "keyboard" && n instanceof a.KeyboardEvent && !Reflect.has(Ya, n.key));
 }
-var Ga = null, Ka = /* @__PURE__ */ new Set(), qa = /* @__PURE__ */ new Map(), Ja = !1, Ya = !1, Xa = {
+var Wa = null, Ga = /* @__PURE__ */ new Set(), Ka = /* @__PURE__ */ new Map(), qa = !1, Ja = !1, Ya = {
 	Tab: !0,
 	Escape: !0
 };
-function Za(e, t) {
-	for (let n of Ka) n(e, t);
+function Xa(e, t) {
+	for (let n of Ga) n(e, t);
 }
-function Qa(e) {
-	Ja = !0, Ha(e) && (Ga = "keyboard", Za("keyboard", e));
+function Za(e) {
+	qa = !0, Va(e) && (Wa = "keyboard", Xa("keyboard", e));
 }
-function B(e) {
-	Ga = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (Ja = !0, Za("pointer", e));
+function Qa(e) {
+	Wa = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (qa = !0, Xa("pointer", e));
 }
 function $a(e) {
-	bi(e) && (Ja = !0, Ga = "virtual");
+	bi(e) && (qa = !0, Wa = "virtual");
 }
 function eo(e) {
-	let t = R(e);
-	t === L(t) || t === Gr(t) || !e.isTrusted || (!Ja && !Ya && (Ga = "virtual", Za("virtual", e)), Ja = !1, Ya = !1);
+	let t = z(e);
+	t === R(t) || t === Gr(t) || !e.isTrusted || (!qa && !Ja && (Wa = "virtual", Xa("virtual", e)), qa = !1, Ja = !1);
 }
 function to() {
-	Ja = !1, Ya = !0;
+	qa = !1, Ja = !0;
 }
 function no(e) {
-	if (typeof window > "u" || qa.get(L(e))) return;
-	let t = L(e), n = Gr(e), r = t.HTMLElement.prototype.focus;
+	if (typeof window > "u" || Ka.get(R(e))) return;
+	let t = R(e), n = Gr(e), r = t.HTMLElement.prototype.focus;
 	function i() {
-		Ja = !0, r.apply(this, arguments);
+		qa = !0, r.apply(this, arguments);
 	}
 	try {
 		Object.defineProperty(t.HTMLElement.prototype, "focus", {
@@ -3907,14 +3908,14 @@ function no(e) {
 			value: i
 		});
 	} catch {}
-	n.addEventListener("keydown", Qa, !0), n.addEventListener("keyup", Qa, !0), n.addEventListener("click", $a, !0), t.addEventListener("focus", eo, !0), t.addEventListener("blur", to, !1), t.PointerEvent === void 0 ? (n.addEventListener("mousedown", B, !0), n.addEventListener("mousemove", B, !0), n.addEventListener("mouseup", B, !0)) : (n.addEventListener("pointerdown", B, !0), n.addEventListener("pointermove", B, !0), n.addEventListener("pointerup", B, !0)), t.addEventListener("beforeunload", () => {
+	n.addEventListener("keydown", Za, !0), n.addEventListener("keyup", Za, !0), n.addEventListener("click", $a, !0), t.addEventListener("focus", eo, !0), t.addEventListener("blur", to, !1), t.PointerEvent === void 0 ? (n.addEventListener("mousedown", Qa, !0), n.addEventListener("mousemove", Qa, !0), n.addEventListener("mouseup", Qa, !0)) : (n.addEventListener("pointerdown", Qa, !0), n.addEventListener("pointermove", Qa, !0), n.addEventListener("pointerup", Qa, !0)), t.addEventListener("beforeunload", () => {
 		ro(e);
-	}, { once: !0 }), qa.set(t, { focus: r });
+	}, { once: !0 }), Ka.set(t, { focus: r });
 }
 var ro = (e, t) => {
-	let n = L(e), r = Gr(e);
+	let n = R(e), r = Gr(e);
 	t && r.removeEventListener("DOMContentLoaded", t);
-	let i = qa.get(n);
+	let i = Ka.get(n);
 	if (i) {
 		try {
 			Object.defineProperty(n.HTMLElement.prototype, "focus", {
@@ -3922,32 +3923,32 @@ var ro = (e, t) => {
 				value: i.focus
 			});
 		} catch {}
-		r.removeEventListener("keydown", Qa, !0), r.removeEventListener("keyup", Qa, !0), r.removeEventListener("click", $a, !0), n.removeEventListener("focus", eo, !0), n.removeEventListener("blur", to, !1), n.PointerEvent === void 0 ? (r.removeEventListener("mousedown", B, !0), r.removeEventListener("mousemove", B, !0), r.removeEventListener("mouseup", B, !0)) : (r.removeEventListener("pointerdown", B, !0), r.removeEventListener("pointermove", B, !0), r.removeEventListener("pointerup", B, !0)), qa.delete(n);
+		r.removeEventListener("keydown", Za, !0), r.removeEventListener("keyup", Za, !0), r.removeEventListener("click", $a, !0), n.removeEventListener("focus", eo, !0), n.removeEventListener("blur", to, !1), n.PointerEvent === void 0 ? (r.removeEventListener("mousedown", Qa, !0), r.removeEventListener("mousemove", Qa, !0), r.removeEventListener("mouseup", Qa, !0)) : (r.removeEventListener("pointerdown", Qa, !0), r.removeEventListener("pointermove", Qa, !0), r.removeEventListener("pointerup", Qa, !0)), Ka.delete(n);
 	}
 };
 function io() {
-	return Ga;
+	return Wa;
 }
 function ao(e) {
-	Ga = e, Za(e, null);
+	Wa = e, Xa(e, null);
 }
 function oo() {
-	return Ga === "keyboard" || Ga === "virtual";
+	return Wa === "keyboard" || Wa === "virtual";
 }
 function so(e = {}) {
 	let { isTextInput: t, autoFocus: n, onChange: r, root: i } = e;
 	no(i), r?.({
 		isFocusVisible: n || oo(),
-		modality: Ga
+		modality: Wa
 	});
 	let a = (e, n) => {
-		Wa(!!t, e, n) && r?.({
+		Ua(!!t, e, n) && r?.({
 			isFocusVisible: oo(),
 			modality: e
 		});
 	};
-	return Ka.add(a), () => {
-		Ka.delete(a);
+	return Ga.add(a), () => {
+		Ga.delete(a);
 	};
 }
 //#endregion
@@ -3957,7 +3958,7 @@ var co = [
 	"right",
 	"bottom",
 	"left"
-], lo = Math.min, V = Math.max, uo = Math.round, fo = Math.floor, po = (e) => ({
+], lo = Math.min, H = Math.max, uo = Math.round, fo = Math.floor, po = (e) => ({
 	x: e,
 	y: e
 }), mo = {
@@ -3967,7 +3968,7 @@ var co = [
 	top: "bottom"
 };
 function ho(e, t, n) {
-	return V(e, lo(t, n));
+	return H(e, lo(t, n));
 }
 function go(e, t) {
 	return typeof e == "function" ? e(t) : e;
@@ -4180,15 +4181,15 @@ var Ro = 50, zo = async (e, t, n) => {
 			y: r
 		}, p = So(i), m = bo(p), h = await o.getDimensions(l), g = p === "y", _ = g ? "top" : "left", v = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = a.reference[m] + a.reference[p] - f[p] - a.floating[m], x = f[p] - a.reference[p], S = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l)), C = S ? S[y] : 0;
 		(!C || !await (o.isElement == null ? void 0 : o.isElement(S))) && (C = s.floating[y] || a.floating[m]);
-		let w = b / 2 - x / 2, T = C / 2 - h[m] / 2 - 1, E = lo(d[_], T), D = lo(d[v], T), O = E, ee = C - h[m] - D, k = C / 2 - h[m] / 2 + w, A = ho(O, k, ee), te = !c.arrow && vo(i) != null && k !== A && a.reference[m] / 2 - (k < O ? E : D) - h[m] / 2 < 0, ne = te ? k < O ? k - O : k - ee : 0;
+		let w = b / 2 - x / 2, T = C / 2 - h[m] / 2 - 1, E = lo(d[_], T), D = lo(d[v], T), O = E, ee = C - h[m] - D, k = C / 2 - h[m] / 2 + w, A = ho(O, k, ee), j = !c.arrow && vo(i) != null && k !== A && a.reference[m] / 2 - (k < O ? E : D) - h[m] / 2 < 0, te = j ? k < O ? k - O : k - ee : 0;
 		return {
-			[p]: f[p] + ne,
+			[p]: f[p] + te,
 			data: {
 				[p]: A,
-				centerOffset: k - A - ne,
-				...te && { alignmentOffset: ne }
+				centerOffset: k - A - te,
+				...j && { alignmentOffset: te }
 			},
-			reset: te
+			reset: j
 		};
 	}
 }), Vo = function(e) {
@@ -4399,8 +4400,8 @@ var qo = function(e) {
 			d === "top" || d === "bottom" ? (g = d, _ = f === (await (o.isRTL == null ? void 0 : o.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (_ = d, g = f === "end" ? "top" : "bottom");
 			let v = h - u.top - u.bottom, y = m - u.left - u.right, b = lo(h - u[g], v), x = lo(m - u[_], y), S = !t.middlewareData.shift, C = b, w = x;
 			if ((n = t.middlewareData.shift) != null && n.enabled.x && (w = y), (r = t.middlewareData.shift) != null && r.enabled.y && (C = v), S && !f) {
-				let e = V(u.left, 0), t = V(u.right, 0), n = V(u.top, 0), r = V(u.bottom, 0);
-				p ? w = m - 2 * (e !== 0 || t !== 0 ? e + t : V(u.left, u.right)) : C = h - 2 * (n !== 0 || r !== 0 ? n + r : V(u.top, u.bottom));
+				let e = H(u.left, 0), t = H(u.right, 0), n = H(u.top, 0), r = H(u.bottom, 0);
+				p ? w = m - 2 * (e !== 0 || t !== 0 ? e + t : H(u.left, u.right)) : C = h - 2 * (n !== 0 || r !== 0 ? n + r : H(u.top, u.bottom));
 			}
 			await c({
 				...t,
@@ -4420,7 +4421,7 @@ function Zo() {
 function Qo(e) {
 	return es(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function H(e) {
+function U(e) {
 	var t;
 	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -4428,16 +4429,16 @@ function $o(e) {
 	return ((es(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
 }
 function es(e) {
-	return Zo() ? e instanceof Node || e instanceof H(e).Node : !1;
+	return Zo() ? e instanceof Node || e instanceof U(e).Node : !1;
 }
 function ts(e) {
-	return Zo() ? e instanceof Element || e instanceof H(e).Element : !1;
+	return Zo() ? e instanceof Element || e instanceof U(e).Element : !1;
 }
 function ns(e) {
-	return Zo() ? e instanceof HTMLElement || e instanceof H(e).HTMLElement : !1;
+	return Zo() ? e instanceof HTMLElement || e instanceof U(e).HTMLElement : !1;
 }
 function rs(e) {
-	return !Zo() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof H(e).ShadowRoot;
+	return !Zo() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof U(e).ShadowRoot;
 }
 function is(e) {
 	let { overflow: t, overflowX: n, overflowY: r, display: i } = hs(e);
@@ -4477,7 +4478,7 @@ function ms(e) {
 	return /^(html|body|#document)$/.test(Qo(e));
 }
 function hs(e) {
-	return H(e).getComputedStyle(e);
+	return U(e).getComputedStyle(e);
 }
 function gs(e) {
 	return ts(e) ? {
@@ -4499,7 +4500,7 @@ function vs(e) {
 }
 function ys(e, t, n) {
 	t === void 0 && (t = []), n === void 0 && (n = !0);
-	let r = vs(e), i = r === e.ownerDocument?.body, a = H(r);
+	let r = vs(e), i = r === e.ownerDocument?.body, a = U(r);
 	if (i) {
 		let e = bs(a);
 		return t.concat(a, a.visualViewport || [], is(r) ? r : [], e && n ? ys(e) : []);
@@ -4532,14 +4533,14 @@ function Cs(e) {
 }
 var ws = /*#__PURE__*/ po(0);
 function Ts(e) {
-	let t = H(e);
+	let t = U(e);
 	return !ps() || !t.visualViewport ? ws : {
 		x: t.visualViewport.offsetLeft,
 		y: t.visualViewport.offsetTop
 	};
 }
 function Es(e, t, n) {
-	return t === void 0 && (t = !1), !n || t && n !== H(e) ? !1 : t;
+	return t === void 0 && (t = !1), !n || t && n !== U(e) ? !1 : t;
 }
 function Ds(e, t, n, r) {
 	t === void 0 && (t = !1), n === void 0 && (n = !1);
@@ -4547,10 +4548,10 @@ function Ds(e, t, n, r) {
 	t && (r ? ts(r) && (o = Cs(r)) : o = Cs(e));
 	let s = Es(a, n, r) ? Ts(a) : po(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
 	if (a) {
-		let e = H(a), t = r && ts(r) ? H(r) : r, n = e, i = bs(n);
+		let e = U(a), t = r && ts(r) ? U(r) : r, n = e, i = bs(n);
 		for (; i && r && t !== n;) {
 			let e = Cs(i), t = i.getBoundingClientRect(), r = hs(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
-			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = H(i), i = bs(n);
+			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = U(i), i = bs(n);
 		}
 	}
 	return Fo({
@@ -4594,8 +4595,8 @@ function js(e) {
 	return Array.from(e.getClientRects());
 }
 function Ms(e) {
-	let t = $o(e), n = gs(e), r = e.ownerDocument.body, i = V(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = V(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + Os(e), s = -n.scrollTop;
-	return hs(r).direction === "rtl" && (o += V(t.clientWidth, r.clientWidth) - i), {
+	let t = $o(e), n = gs(e), r = e.ownerDocument.body, i = H(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = H(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + Os(e), s = -n.scrollTop;
+	return hs(r).direction === "rtl" && (o += H(t.clientWidth, r.clientWidth) - i), {
 		width: i,
 		height: a,
 		x: o,
@@ -4604,7 +4605,7 @@ function Ms(e) {
 }
 var Ns = 25;
 function Ps(e, t) {
-	let n = H(e), r = $o(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
+	let n = U(e), r = $o(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
 	if (i) {
 		a = i.width, o = i.height;
 		let e = ps();
@@ -4665,7 +4666,7 @@ function zs(e) {
 	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? os(t) ? [] : Rs(t, this._c) : [].concat(n), r], o = Is(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
 	for (let e = 1; e < a.length; e++) {
 		let n = Is(t, a[e], i);
-		s = V(n.top, s), c = lo(n.right, c), l = lo(n.bottom, l), u = V(n.left, u);
+		s = H(n.top, s), c = lo(n.right, c), l = lo(n.bottom, l), u = H(n.left, u);
 	}
 	return {
 		width: c - u,
@@ -4712,7 +4713,7 @@ function Us(e, t) {
 	return $o(e) === n && (n = n.ownerDocument.body), n;
 }
 function Ws(e, t) {
-	let n = H(e);
+	let n = U(e);
 	if (os(e)) return n;
 	if (!ns(e)) {
 		let t = _s(e);
@@ -4768,7 +4769,7 @@ function Ys(e, t) {
 		if (s || t(), !f || !p) return;
 		let m = fo(d), h = fo(i.clientWidth - (u + f)), g = fo(i.clientHeight - (d + p)), _ = fo(u), v = {
 			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
-			threshold: V(0, lo(1, c)) || 1
+			threshold: H(0, lo(1, c)) || 1
 		}, y = !0;
 		function b(t) {
 			let n = t[0].intersectionRatio;
@@ -5017,7 +5018,7 @@ function dl(e) {
 }
 function fl(e, t) {
 	return {
-		contextElement: I(e) ? e : e?.contextElement,
+		contextElement: L(e) ? e : e?.contextElement,
 		getBoundingClientRect: () => {
 			let n = e, r = t?.(n);
 			return r || !n ? dl(r) : n.getBoundingClientRect();
@@ -5197,7 +5198,7 @@ function Pl(e, t) {
 	};
 }
 function Fl(e) {
-	return e == null ? null : I(e) ? e : typeof e == "object" && e && "contextElement" in e && e.contextElement ? e.contextElement : e;
+	return e == null ? null : L(e) ? e : typeof e == "object" && e && "contextElement" in e && e.contextElement ? e.contextElement : e;
 }
 function Il(e, t, n = {}) {
 	let r = () => (typeof t == "function" ? t() : t) ?? null, i = () => {
@@ -5245,7 +5246,7 @@ function Il(e, t, n = {}) {
 			strategy: p
 		});
 		m?.(n);
-		let i = L(e), l = Sl(i, n.x), u = Sl(i, n.y);
+		let i = R(e), l = Sl(i, n.x), u = Sl(i, n.y);
 		if (Cl(g, l) || (e.style.setProperty("--x", `${l}px`), g = l), Cl(_, u) || (e.style.setProperty("--y", `${u}px`), _ = u), o.hideWhenDetached && (n.middlewareData.hide?.referenceHidden ? (e.style.setProperty("visibility", "hidden"), e.style.setProperty("pointer-events", "none")) : (e.style.removeProperty("visibility"), e.style.removeProperty("pointer-events"))), !v) {
 			let t = e.firstElementChild;
 			t && (e.style.setProperty("--z-index", Zr(t).zIndex), v = !0);
@@ -5262,7 +5263,7 @@ function Il(e, t, n = {}) {
 	};
 }
 function Ll(e, t, n = {}) {
-	let { defer: r, ...i } = n, a = r ? z : (e) => e(), o = [];
+	let { defer: r, ...i } = n, a = r ? V : (e) => e(), o = [];
 	return o.push(a(() => {
 		o.push(Il(e, t, i));
 	})), () => {
@@ -5317,7 +5318,7 @@ function zl(e = {}) {
 var Bl = (e, t) => {
 	let n = e.ids?.trigger;
 	return n == null ? t ? `tooltip:${e.id}:trigger:${t}` : `tooltip:${e.id}:trigger` : _c(n) ? n(t) : n;
-}, Vl = (e) => e.ids?.content ?? `tooltip:${e.id}:content`, Hl = (e) => e.ids?.arrow ?? `tooltip:${e.id}:arrow`, Ul = (e) => e.ids?.positioner ?? `tooltip:${e.id}:popper`, Wl = (e) => e.getById(Ul(e)), Gl = (e) => Ta(e.getDoc(), `[data-scope="tooltip"][data-part="trigger"][data-ownedby="${e.id}"]`), Kl = (e, t) => t == null ? Gl(e)[0] : e.getById(Bl(e, t)), U = al({
+}, Vl = (e) => e.ids?.content ?? `tooltip:${e.id}:content`, Hl = (e) => e.ids?.arrow ?? `tooltip:${e.id}:arrow`, Ul = (e) => e.ids?.positioner ?? `tooltip:${e.id}:popper`, Wl = (e) => e.getById(Ul(e)), Gl = (e) => wa(e.getDoc(), `[data-scope="tooltip"][data-part="trigger"][data-ownedby="${e.id}"]`), Kl = (e, t) => t == null ? Gl(e)[0] : e.getById(Bl(e, t)), W = al({
 	id: null,
 	prevId: null,
 	instant: !1
@@ -5354,9 +5355,9 @@ function ql(e, t) {
 				id: s,
 				"data-ownedby": a.id,
 				"data-value": n,
-				"data-current": F(r),
+				"data-current": I(r),
 				dir: o("dir"),
-				"data-expanded": F(u),
+				"data-expanded": I(u),
 				"data-state": u ? "open" : "closed",
 				"aria-describedby": u ? f : void 0,
 				onClick(e) {
@@ -5376,7 +5377,7 @@ function ql(e, t) {
 					});
 				},
 				onBlur(e) {
-					e.defaultPrevented || p || c === U.get("id") && ((e.relatedTarget ?? a.getDoc().activeElement)?.closest(`[data-ownedby="${a.id}"]`) ?? i({
+					e.defaultPrevented || p || c === W.get("id") && ((e.relatedTarget ?? a.getDoc().activeElement)?.closest(`[data-ownedby="${a.id}"]`) ?? i({
 						type: "close",
 						src: "trigger.blur",
 						value: n,
@@ -5384,7 +5385,7 @@ function ql(e, t) {
 					}));
 				},
 				onPointerDown(e) {
-					e.defaultPrevented || p || xi(e) && o("closeOnPointerDown") && c === U.get("id") && i({
+					e.defaultPrevented || p || xi(e) && o("closeOnPointerDown") && c === W.get("id") && i({
 						type: "close",
 						src: "trigger.pointerdown",
 						value: n,
@@ -5437,13 +5438,13 @@ function ql(e, t) {
 			});
 		},
 		getContentProps() {
-			let e = U.get("id") === c, n = U.get("prevId") === c, a = U.get("instant") && (u && e || n);
+			let e = W.get("id") === c, n = W.get("prevId") === c, a = W.get("instant") && (u && e || n);
 			return t.element({
 				...xr.content.attrs,
 				dir: o("dir"),
 				hidden: !u,
 				"data-state": u ? "open" : "closed",
-				"data-instant": F(a),
+				"data-instant": I(a),
 				role: l ? void 0 : "tooltip",
 				id: l ? void 0 : f,
 				"data-placement": r.get("currentPlacement"),
@@ -5471,7 +5472,7 @@ var Jl = (...e) => e.map((e) => e?.trim?.()).filter(Boolean).join(" "), Yl = /((
 	} else gc(t) && (t = Xl(t));
 	return Object.assign({}, e ?? {}, t ?? {});
 };
-function W(...e) {
+function G(...e) {
 	let t = {};
 	for (let n of e) {
 		if (!n) continue;
@@ -5883,23 +5884,23 @@ var { and: Eu, not: Du } = xu(), Ou = Su({
 	},
 	implementations: {
 		guards: {
-			noVisibleTooltip: () => U.get("id") === null,
-			isVisible: ({ prop: e }) => e("id") === U.get("id"),
+			noVisibleTooltip: () => W.get("id") === null,
+			isVisible: ({ prop: e }) => e("id") === W.get("id"),
 			isInteractive: ({ prop: e }) => !!e("interactive"),
 			hasPointerMoveOpened: ({ context: e }) => !!e.get("hasPointerMoveOpened"),
 			isOpenControlled: ({ prop: e }) => e("open") !== void 0
 		},
 		actions: {
 			setGlobalId: ({ prop: e }) => {
-				let t = U.get("id"), n = t !== null && t !== e("id");
-				U.update({
+				let t = W.get("id"), n = t !== null && t !== e("id");
+				W.update({
 					id: e("id"),
 					prevId: n ? t : null,
 					instant: n
 				});
 			},
 			clearGlobalId: ({ prop: e }) => {
-				e("id") === U.get("id") && U.update({
+				e("id") === W.get("id") && W.update({
 					id: null,
 					prevId: null,
 					instant: !1
@@ -5969,7 +5970,7 @@ var { and: Eu, not: Du } = xu(), Ou = Su({
 					e.set("currentPlacement", t.placement);
 				}
 			})),
-			trackPointerlockChange: ({ send: e, scope: t }) => Ni(t.getDoc(), "pointerlockchange", () => e({
+			trackPointerlockChange: ({ send: e, scope: t }) => B(t.getDoc(), "pointerlockchange", () => e({
 				type: "close",
 				src: "pointerlock:change"
 			}), !1),
@@ -5977,7 +5978,7 @@ var { and: Eu, not: Du } = xu(), Ou = Su({
 				if (!t("closeOnScroll")) return;
 				let i = Kl(n, r.get("triggerValue"));
 				if (!i) return;
-				let a = fa(i).map((t) => Ni(t, "scroll", () => {
+				let a = da(i).map((t) => B(t, "scroll", () => {
 					e({
 						type: "close",
 						src: "scroll"
@@ -5993,15 +5994,15 @@ var { and: Eu, not: Du } = xu(), Ou = Su({
 			trackStore: ({ prop: e, send: t }) => {
 				let n;
 				return queueMicrotask(() => {
-					n = U.subscribe(() => {
-						U.get("id") !== e("id") && t({
+					n = W.subscribe(() => {
+						W.get("id") !== e("id") && t({
 							type: "close",
 							src: "id.change"
 						});
 					});
 				}), () => n?.();
 			},
-			trackEscapeKey: ({ send: e, prop: t }) => t("closeOnEscape") ? Ni(document, "keydown", (t) => {
+			trackEscapeKey: ({ send: e, prop: t }) => t("closeOnEscape") ? B(document, "keydown", (t) => {
 				_i(t) || t.key === "Escape" && (t.stopPropagation(), e({
 					type: "close",
 					src: "keydown.escape"
@@ -6040,26 +6041,26 @@ function ku(e) {
 function Au(e, t) {
 	return `${e} returned \`undefined\`. Seems you forgot to wrap component within ${t}`;
 }
-function G(e = {}) {
-	let { name: t, strict: r = !0, hookName: i = "useContext", providerName: a = "Provider", errorMessage: o, defaultValue: s } = e, l = n(s);
-	l.displayName = t;
+function K(e = {}) {
+	let { name: t, strict: n = !0, hookName: i = "useContext", providerName: a = "Provider", errorMessage: o, defaultValue: s } = e, c = r(s);
+	c.displayName = t;
 	function u() {
-		let e = c(l);
-		if (!e && r) {
+		let e = l(c);
+		if (!e && n) {
 			let e = Error(o ?? Au(i, a));
 			throw e.name = "ContextError", yc(Error, "captureStackTrace") && _c(Error.captureStackTrace) && Error.captureStackTrace(e, u), e;
 		}
 		return e;
 	}
 	return [
-		l.Provider,
+		c.Provider,
 		u,
-		l
+		c
 	];
 }
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/tooltip/use-tooltip-context.js
-var [ju, Mu] = G({
+var [ju, Mu] = K({
 	name: "TooltipContext",
 	hookName: "useTooltipContext",
 	providerName: "<TooltipProvider />"
@@ -6084,22 +6085,22 @@ function Pu(e) {
 	let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
 	return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var Fu = (n) => {
-	let s = o(i((i, o) => {
-		let { asChild: s, children: c, ...l } = i;
-		if (!s) return r(n, {
+var Fu = (e) => {
+	let r = s(a((r, a) => {
+		let { asChild: s, children: c, ...l } = r;
+		if (!s) return i(e, {
 			...l,
-			ref: o
+			ref: a
 		}, c);
-		if (!a(c)) return null;
-		let u = e.only(c), d = Pu(u);
-		return t(u, {
-			...W(l, u.props),
-			ref: o ? Nu(o, d) : d
+		if (!o(c)) return null;
+		let u = t.only(c), d = Pu(u);
+		return n(u, {
+			...G(l, u.props),
+			ref: a ? Nu(a, d) : d
 		});
 	}));
-	return s.displayName = n.displayName || n.name, s;
-}, K = (() => {
+	return r.displayName = e.displayName || e.name, r;
+}, q = (() => {
 	let e = /* @__PURE__ */ new Map();
 	return new Proxy(Fu, {
 		apply(e, t, n) {
@@ -6110,13 +6111,13 @@ var Fu = (n) => {
 			return e.has(r) || e.set(r, Fu(r)), e.get(r);
 		}
 	});
-})(), Iu = globalThis.document === void 0 ? l : d;
+})(), Iu = globalThis.document === void 0 ? u : f;
 //#endregion
 //#region ../../node_modules/@zag-js/react/dist/bindable.mjs
 function Lu(e) {
-	let t = e().value ?? e().defaultValue, n = e().isEqual ?? Object.is, [r] = m(t), [i, a] = m(r), o = e().value !== void 0, s = p(i);
+	let t = e().value ?? e().defaultValue, n = e().isEqual ?? Object.is, [r] = h(t), [i, a] = h(r), o = e().value !== void 0, s = m(i);
 	s.current = o ? e().value : i;
-	let c = p(s.current);
+	let c = m(s.current);
 	Iu(() => {
 		c.current = s.current;
 	}, [i, e().value]);
@@ -6135,7 +6136,7 @@ function Lu(e) {
 		ref: s,
 		get: u,
 		set(t) {
-			(e().sync ? v : Oc)(() => l(t));
+			(e().sync ? y : Oc)(() => l(t));
 		},
 		invoke(t, n) {
 			e().onChange?.(t, n);
@@ -6146,9 +6147,9 @@ function Lu(e) {
 	};
 }
 Lu.cleanup = (e) => {
-	l(() => e, []);
+	u(() => e, []);
 }, Lu.ref = (e) => {
-	let t = p(e);
+	let t = m(e);
 	return {
 		get: () => t.current,
 		set: (e) => {
@@ -6159,7 +6160,7 @@ Lu.cleanup = (e) => {
 //#endregion
 //#region ../../node_modules/@zag-js/react/dist/refs.mjs
 function Ru(e) {
-	let t = p(e);
+	let t = m(e);
 	return {
 		get(e) {
 			return t.current[e];
@@ -6172,18 +6173,18 @@ function Ru(e) {
 //#endregion
 //#region ../../node_modules/@zag-js/react/dist/track.mjs
 var zu = (e, t) => {
-	let n = p(!1), r = p(!1);
-	l(() => {
+	let n = m(!1), r = m(!1);
+	u(() => {
 		if (n.current && r.current) return t();
 		r.current = !0;
-	}, [...(e ?? []).map((e) => typeof e == "function" ? e() : e)]), l(() => (n.current = !0, () => {
+	}, [...(e ?? []).map((e) => typeof e == "function" ? e() : e)]), u(() => (n.current = !0, () => {
 		n.current = !1;
 	}), []);
 };
 //#endregion
 //#region ../../node_modules/@zag-js/react/dist/machine.mjs
 function Bu(e, t = {}) {
-	let n = f(() => {
+	let n = p(() => {
 		let { id: e, ids: n, getRootNode: r } = t;
 		return Tu({
 			id: e,
@@ -6210,7 +6211,7 @@ function Bu(e, t = {}) {
 			return g;
 		},
 		getEvent() {
-			return m();
+			return f();
 		}
 	}), o = Vu(a), s = {
 		get(e) {
@@ -6226,7 +6227,7 @@ function Bu(e, t = {}) {
 			let t = o.current?.[e].get();
 			return o.current?.[e].hash(t);
 		}
-	}, c = p(/* @__PURE__ */ new Map()), l = p(null), u = p(null), d = p({ type: "" }), m = () => ({
+	}, c = m(/* @__PURE__ */ new Map()), l = m(null), u = m(null), d = m({ type: "" }), f = () => ({
 		...d.current,
 		current() {
 			return d.current;
@@ -6248,10 +6249,10 @@ function Bu(e, t = {}) {
 	}) ?? {}), _ = () => ({
 		state: h(),
 		context: s,
-		event: m(),
+		event: f(),
 		prop: i,
 		send: O,
-		action: y,
+		action: v,
 		guard: b,
 		track: zu,
 		refs: g,
@@ -6259,7 +6260,7 @@ function Bu(e, t = {}) {
 		flush: Uu,
 		scope: n,
 		choose: S
-	}), y = (t) => {
+	}), v = (t) => {
 		let n = _c(t) ? t(_()) : t;
 		if (!n) return;
 		let r = n.map((t) => {
@@ -6287,7 +6288,7 @@ function Bu(e, t = {}) {
 		let r = e.computed[t];
 		return r({
 			context: s,
-			event: m(),
+			event: f(),
 			prop: i,
 			refs: g,
 			scope: n,
@@ -6300,20 +6301,20 @@ function Bu(e, t = {}) {
 			if (r.forEach((e) => {
 				c.current.get(e.path)?.(), c.current.delete(e.path);
 			}), r.forEach((e) => {
-				y(e.state?.exit);
-			}), y(l.current?.actions), i.forEach((e) => {
+				v(e.state?.exit);
+			}), v(l.current?.actions), i.forEach((e) => {
 				let t = x(e.state?.effects);
 				t && c.current.set(e.path, t);
 			}), n === "__init__") {
-				y(e.entry);
+				v(e.entry);
 				let t = x(e.effects);
 				t && c.current.set(wu, t);
 			}
 			i.forEach((e) => {
-				y(e.state?.entry);
+				v(e.state?.entry);
 			});
 		}
-	})), T = p(void 0), E = p(Cu.NotStarted);
+	})), T = m(void 0), E = m(Cu.NotStarted);
 	Iu(() => {
 		queueMicrotask(() => {
 			let e = E.current === Cu.Started;
@@ -6325,7 +6326,7 @@ function Bu(e, t = {}) {
 		return () => {
 			let n = D();
 			r("unmounting..."), T.current = n, E.current = Cu.Stopped, t.forEach((e) => e?.()), c.current = /* @__PURE__ */ new Map(), l.current = null, queueMicrotask(() => {
-				y(e.exit), E.current = Cu.Stopped;
+				v(e.exit), E.current = Cu.Stopped;
 			});
 		};
 	}, []);
@@ -6337,7 +6338,7 @@ function Bu(e, t = {}) {
 			if (!o) return;
 			l.current = o;
 			let s = gu(e, o.target ?? n, a);
-			r("transition", t.type, o.target || n, `(${o.actions})`), s === n ? o.reenter ? w.invoke(n, n) : y(o.actions ?? []) : v(() => w.set(s));
+			r("transition", t.type, o.target || n, `(${o.actions})`), s === n ? o.reenter ? w.invoke(n, n) : v(o.actions ?? []) : y(() => w.set(s));
 		});
 	};
 	return e.watch?.(_()), {
@@ -6348,12 +6349,12 @@ function Bu(e, t = {}) {
 		scope: n,
 		refs: g,
 		computed: C,
-		event: m(),
+		event: f(),
 		getStatus: () => E.current
 	};
 }
 function Vu(e) {
-	let t = p(e);
+	let t = m(e);
 	return t.current = e, t;
 }
 function Hu(e) {
@@ -6364,14 +6365,14 @@ function Hu(e) {
 }
 function Uu(e) {
 	queueMicrotask(() => {
-		v(() => e());
+		y(() => e());
 	});
 }
 //#endregion
 //#region ../../node_modules/@zag-js/react/dist/normalize-props.mjs
-var Wu = ku((e) => e), Gu = i((e, t) => {
-	let n = W(Mu().getArrowProps(), e);
-	return /* @__PURE__ */ g(K.div, {
+var Wu = ku((e) => e), Gu = a((e, t) => {
+	let n = G(Mu().getArrowProps(), e);
+	return /* @__PURE__ */ _(q.div, {
 		...n,
 		ref: t
 	});
@@ -6379,9 +6380,9 @@ var Wu = ku((e) => e), Gu = i((e, t) => {
 Gu.displayName = "TooltipArrow";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/tooltip/tooltip-arrow-tip.js
-var Ku = i((e, t) => {
-	let n = W(Mu().getArrowTipProps(), e);
-	return /* @__PURE__ */ g(K.div, {
+var Ku = a((e, t) => {
+	let n = G(Mu().getArrowTipProps(), e);
+	return /* @__PURE__ */ _(q.div, {
 		...n,
 		ref: t
 	});
@@ -6389,13 +6390,13 @@ var Ku = i((e, t) => {
 Ku.displayName = "TooltipArrowTip";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/presence/use-presence-context.js
-var [qu, Ju] = G({
+var [qu, Ju] = K({
 	name: "PresenceContext",
 	hookName: "usePresenceContext",
 	providerName: "<PresenceProvider />"
-}), Yu = i((e, t) => {
-	let n = Mu(), r = Ju(), i = W(n.getContentProps(), r.getPresenceProps(), e);
-	return r.unmounted ? null : /* @__PURE__ */ g(K.div, {
+}), Yu = a((e, t) => {
+	let n = Mu(), r = Ju(), i = G(n.getContentProps(), r.getPresenceProps(), e);
+	return r.unmounted ? null : /* @__PURE__ */ _(q.div, {
 		...i,
 		ref: Nu(r.ref, t)
 	});
@@ -6403,9 +6404,9 @@ var [qu, Ju] = G({
 Yu.displayName = "TooltipContent";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/tooltip/tooltip-context.js
-var Xu = (e) => e.children(Mu()), Zu = i((e, t) => {
-	let n = W(Mu().getPositionerProps(), e);
-	return Ju().unmounted ? null : /* @__PURE__ */ g(K.div, {
+var Xu = (e) => e.children(Mu()), Zu = a((e, t) => {
+	let n = G(Mu().getPositionerProps(), e);
+	return Ju().unmounted ? null : /* @__PURE__ */ _(q.div, {
 		...n,
 		ref: t
 	});
@@ -6413,7 +6414,7 @@ var Xu = (e) => e.children(Mu()), Zu = i((e, t) => {
 Zu.displayName = "TooltipPositioner";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/providers/environment/use-environment-context.js
-var [Qu, $u] = G({
+var [Qu, $u] = K({
 	name: "EnvironmentContext",
 	hookName: "useEnvironmentContext",
 	providerName: "<EnvironmentProvider />",
@@ -6423,7 +6424,7 @@ var [Qu, $u] = G({
 		getDocument: () => document,
 		getWindow: () => window
 	}
-}), [ed, td] = G({
+}), [ed, td] = K({
 	name: "LocaleContext",
 	hookName: "useLocaleContext",
 	providerName: "<LocaleProvider />",
@@ -6433,17 +6434,17 @@ var [Qu, $u] = G({
 		locale: "en-US"
 	}
 }), nd = (e) => {
-	let t = u(), { getRootNode: n } = $u(), { dir: r } = td();
+	let t = d(), { getRootNode: n } = $u(), { dir: r } = td();
 	return ql(Bu(Ou, {
 		id: t,
 		dir: r,
 		getRootNode: n,
 		...e
 	}), Wu);
-}, q = () => (e, t) => t.reduce((e, t) => {
+}, J = () => (e, t) => t.reduce((e, t) => {
 	let [n, r] = e, i = t;
 	return r[i] !== void 0 && (n[i] = r[i]), delete r[i], [n, r];
-}, [{}, { ...e }]), rd = (e) => q()(e, [
+}, [{}, { ...e }]), rd = (e) => J()(e, [
 	"immediate",
 	"lazyMount",
 	"onExitComplete",
@@ -6455,10 +6456,10 @@ var [Qu, $u] = G({
 //#region ../../node_modules/@ark-ui/react/dist/utils/use-event.js
 function id(e, t = {}) {
 	let { sync: n = !1 } = t, r = ad(e);
-	return s((...e) => n ? queueMicrotask(() => r.current?.(...e)) : r.current?.(...e), [n, r]);
+	return c((...e) => n ? queueMicrotask(() => r.current?.(...e)) : r.current?.(...e), [n, r]);
 }
 function ad(e) {
-	let t = p(e);
+	let t = m(e);
 	return t.current = e, t;
 }
 //#endregion
@@ -6555,7 +6556,7 @@ var sd = Su({
 				e("onExitComplete")?.();
 				let n = t.get("node");
 				if (!n) return;
-				let r = new (L(n)).CustomEvent("exitcomplete", { bubbles: !1 });
+				let r = new (R(n)).CustomEvent("exitcomplete", { bubbles: !1 });
 				n.dispatchEvent(r);
 			},
 			setupNode: ({ refs: e, event: t }) => {
@@ -6575,7 +6576,7 @@ var sd = Su({
 					type: "UNMOUNT",
 					src: "visibilitychange"
 				});
-				z(() => {
+				V(() => {
 					if (r("present")) return;
 					let i = cd(t.get("styles"));
 					e.set("unmountAnimationName", i), i === "none" || i === e.get("prevAnimationName") || t.get("styles")?.display === "none" || t.get("styles")?.animationDuration === "0s" ? n({
@@ -6585,7 +6586,7 @@ var sd = Su({
 				});
 			},
 			setPrevAnimationName: ({ context: e, refs: t }) => {
-				z(() => {
+				V(() => {
 					e.set("prevAnimationName", cd(t.get("styles")));
 				});
 			},
@@ -6600,20 +6601,20 @@ var sd = Su({
 				(n.composedPath?.()?.[0] ?? n.target) === i && e.set("prevAnimationName", cd(t.get("styles")));
 			}, o = (a) => {
 				let o = cd(t.get("styles"));
-				R(a) === i && o === e.get("unmountAnimationName") && !r("present") && n({
+				z(a) === i && o === e.get("unmountAnimationName") && !r("present") && n({
 					type: "UNMOUNT",
 					src: "animationend"
 				});
 			}, s = (e) => {
-				R(e) === i && !r("present") && n({
+				z(e) === i && !r("present") && n({
 					type: "UNMOUNT",
 					src: "animationcancel"
 				});
 			};
 			i.addEventListener("animationstart", a), i.addEventListener("animationcancel", s), i.addEventListener("animationend", o);
-			let c = Fa(i, { animationFillMode: "forwards" });
+			let c = Pa(i, { animationFillMode: "forwards" });
 			return () => {
-				i.removeEventListener("animationstart", a), i.removeEventListener("animationcancel", s), i.removeEventListener("animationend", o), oa(() => c());
+				i.removeEventListener("animationstart", a), i.removeEventListener("animationcancel", s), i.removeEventListener("animationend", o), aa(() => c());
 			};
 		} }
 	}
@@ -6624,7 +6625,7 @@ function cd(e) {
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/presence/use-presence.js
 var ld = (e = {}) => {
-	let { lazyMount: t, unmountOnExit: n, present: r, skipAnimationOnMount: i = !1, ...a } = e, o = p(!1), s = od(Bu(sd, {
+	let { lazyMount: t, unmountOnExit: n, present: r, skipAnimationOnMount: i = !1, ...a } = e, o = m(!1), s = od(Bu(sd, {
 		...a,
 		present: r,
 		onExitComplete: id(e.onExitComplete)
@@ -6642,25 +6643,25 @@ var ld = (e = {}) => {
 	};
 }, ud = (e) => {
 	let [t, { children: n, ...r }] = rd(e), i = nd(r);
-	return /* @__PURE__ */ g(ju, {
+	return /* @__PURE__ */ _(ju, {
 		value: i,
-		children: /* @__PURE__ */ g(qu, {
-			value: ld(W({ present: i.open }, t)),
+		children: /* @__PURE__ */ _(qu, {
+			value: ld(G({ present: i.open }, t)),
 			children: n
 		})
 	});
 }, dd = (e) => {
 	let [t, { value: n, children: r }] = rd(e);
-	return /* @__PURE__ */ g(ju, {
+	return /* @__PURE__ */ _(ju, {
 		value: n,
-		children: /* @__PURE__ */ g(qu, {
-			value: ld(W({ present: n.open }, t)),
+		children: /* @__PURE__ */ _(qu, {
+			value: ld(G({ present: n.open }, t)),
 			children: r
 		})
 	});
-}, fd = q(), pd = i((e, t) => {
-	let [n, r] = fd(e, ["value"]), i = W(Mu().getTriggerProps(n), r);
-	return /* @__PURE__ */ g(K.button, {
+}, fd = J(), pd = a((e, t) => {
+	let [n, r] = fd(e, ["value"]), i = G(Mu().getTriggerProps(n), r);
+	return /* @__PURE__ */ _(q.button, {
 		...i,
 		ref: t
 	});
@@ -6675,7 +6676,7 @@ var md = Object.defineProperty, hd = (e, t) => {
 		enumerable: !0
 	});
 	return t || md(n, Symbol.toStringTag, { value: "Module" }), n;
-}, J = /* @__PURE__ */ hd({
+}, Y = /* @__PURE__ */ hd({
 	Arrow: () => Gu,
 	ArrowTip: () => Ku,
 	Content: () => Yu,
@@ -6685,32 +6686,32 @@ var md = Object.defineProperty, hd = (e, t) => {
 	RootProvider: () => dd,
 	Trigger: () => pd
 }), gd = () => {
-	let { labels: e, icons: t, mediaRemote: n } = M();
-	return /* @__PURE__ */ _(J.Root, {
+	let { labels: e, icons: t, mediaRemote: n } = N();
+	return /* @__PURE__ */ v(Y.Root, {
 		openDelay: 400,
 		closeDelay: 150,
-		children: [/* @__PURE__ */ g(J.Trigger, {
+		children: [/* @__PURE__ */ _(Y.Trigger, {
 			onClick: () => n.takeScreenshot(),
 			"aria-label": e.screenshot,
 			className: "vplayer__button",
-			children: /* @__PURE__ */ g(P, {
+			children: /* @__PURE__ */ _(F, {
 				icon: t.screenshot,
 				width: 16
 			})
-		}), /* @__PURE__ */ g(J.Positioner, { children: /* @__PURE__ */ _(J.Content, {
+		}), /* @__PURE__ */ _(Y.Positioner, { children: /* @__PURE__ */ v(Y.Content, {
 			className: "vplayer__tooltip",
-			children: [/* @__PURE__ */ g(J.Arrow, { children: /* @__PURE__ */ g(J.ArrowTip, {}) }), e.screenshot]
+			children: [/* @__PURE__ */ _(Y.Arrow, { children: /* @__PURE__ */ _(Y.ArrowTip, {}) }), e.screenshot]
 		}) })]
 	});
-}, Y = vr("menu").parts("arrow", "arrowTip", "content", "contextTrigger", "indicator", "item", "itemGroup", "itemGroupLabel", "itemIndicator", "itemText", "positioner", "separator", "trigger", "triggerItem").build(), _d = (e, t) => {
+}, X = vr("menu").parts("arrow", "arrowTip", "content", "contextTrigger", "indicator", "item", "itemGroup", "itemGroupLabel", "itemIndicator", "itemText", "positioner", "separator", "trigger", "triggerItem").build(), _d = (e, t) => {
 	let n = e.ids?.trigger;
 	return n == null ? t ? `menu:${e.id}:trigger:${t}` : `menu:${e.id}:trigger` : _c(n) ? n(t) : n;
 }, vd = (e, t) => {
 	let n = e.ids?.contextTrigger;
 	return n == null ? t ? `menu:${e.id}:ctx-trigger:${t}` : `menu:${e.id}:ctx-trigger` : _c(n) ? n(t) : n;
-}, yd = (e) => e.ids?.content ?? `menu:${e.id}:content`, bd = (e) => e.ids?.arrow ?? `menu:${e.id}:arrow`, xd = (e) => e.ids?.positioner ?? `menu:${e.id}:popper`, Sd = (e, t) => e.ids?.group?.(t) ?? `menu:${e.id}:group:${t}`, Cd = (e, t) => `${e.id}/${t}`, wd = (e) => e?.dataset.value ?? null, Td = (e, t) => e.ids?.groupLabel?.(t) ?? `menu:${e.id}:group-label:${t}`, Ed = (e) => e.getById(yd(e)), Dd = (e) => e.getById(xd(e)), Od = (e) => e.getById(_d(e)), kd = (e, t) => t ? e.getById(Cd(e, t)) : null, Ad = (e) => e.getById(vd(e)), jd = (e) => Ta(e.getDoc(), `[data-scope="menu"][data-part="trigger"][data-ownedby="${e.id}"]`), Md = (e) => Ta(e.getDoc(), `[data-scope="menu"][data-part="context-trigger"][data-ownedby="${e.id}"]`), Nd = (e, t) => t == null ? Od(e) ?? jd(e)[0] : e.getById(_d(e, t)), Pd = (e) => {
+}, yd = (e) => e.ids?.content ?? `menu:${e.id}:content`, bd = (e) => e.ids?.arrow ?? `menu:${e.id}:arrow`, xd = (e) => e.ids?.positioner ?? `menu:${e.id}:popper`, Sd = (e, t) => e.ids?.group?.(t) ?? `menu:${e.id}:group:${t}`, Cd = (e, t) => `${e.id}/${t}`, wd = (e) => e?.dataset.value ?? null, Td = (e, t) => e.ids?.groupLabel?.(t) ?? `menu:${e.id}:group-label:${t}`, Ed = (e) => e.getById(yd(e)), Dd = (e) => e.getById(xd(e)), Od = (e) => e.getById(_d(e)), kd = (e, t) => t ? e.getById(Cd(e, t)) : null, Ad = (e) => e.getById(vd(e)), jd = (e) => wa(e.getDoc(), `[data-scope="menu"][data-part="trigger"][data-ownedby="${e.id}"]`), Md = (e) => wa(e.getDoc(), `[data-scope="menu"][data-part="context-trigger"][data-ownedby="${e.id}"]`), Nd = (e, t) => t == null ? Od(e) ?? jd(e)[0] : e.getById(_d(e, t)), Pd = (e) => {
 	let t = `[role^="menuitem"][data-ownedby=${CSS.escape(yd(e))}]:not([data-disabled])`;
-	return Ta(Ed(e), t);
+	return wa(Ed(e), t);
 }, Fd = (e) => oc(Pd(e)), Id = (e) => sc(Pd(e)), Ld = (e, t) => t ? e.id === t || e.dataset.value === t : !1, Rd = (e, t) => {
 	let n = Pd(e);
 	return lc(n, n.findIndex((e) => Ld(e, t.value)), { loop: t.loop ?? t.loopFocus });
@@ -6719,15 +6720,15 @@ var md = Object.defineProperty, hd = (e, t) => {
 	return dc(n, n.findIndex((e) => Ld(e, t.value)), { loop: t.loop ?? t.loopFocus });
 }, Bd = (e, t) => {
 	let n = Pd(e), r = n.find((e) => Ld(e, t.value));
-	return Ra(n, {
+	return La(n, {
 		state: t.typeaheadState,
 		key: t.key,
 		activeId: r?.id ?? null
 	});
-}, Vd = (e) => I(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), Hd = (e) => !!e?.getAttribute("role")?.startsWith("menuitem") && !!e?.hasAttribute("data-controls"), Ud = "menu:select";
+}, Vd = (e) => L(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), Hd = (e) => !!e?.getAttribute("role")?.startsWith("menuitem") && !!e?.hasAttribute("data-controls"), Ud = "menu:select";
 function Wd(e, t) {
 	if (!e) return;
-	let n = new (L(e)).CustomEvent(Ud, { detail: { value: t } });
+	let n = new (R(e)).CustomEvent(Ud, { detail: { value: t } });
 	e.dispatchEvent(n);
 }
 function Gd(e) {
@@ -6735,7 +6736,7 @@ function Gd(e) {
 	return Ed(e) ?? e.getDoc().getElementById(t);
 }
 function Kd(e, t) {
-	if (!I(e)) return !1;
+	if (!L(e)) return !1;
 	for (let n in t) {
 		let r = t[n], i = Gd(r.scope);
 		if (i && Wr(i, e)) return !0;
@@ -6883,13 +6884,13 @@ function of(e, t) {
 	function b(n) {
 		let { closeOnSelect: i, valueText: a, value: o } = n, c = _(n), l = Cd(s, o);
 		return t.element({
-			...Y.item.attrs,
+			...X.item.attrs,
 			id: l,
 			role: "menuitem",
 			"aria-disabled": Or(c.disabled),
-			"data-disabled": F(c.disabled),
+			"data-disabled": I(c.disabled),
 			"data-ownedby": yd(s),
-			"data-highlighted": F(c.highlighted),
+			"data-highlighted": I(c.highlighted),
 			"data-value": o,
 			"data-valuetext": a,
 			onDragStart(e) {
@@ -6986,12 +6987,12 @@ function of(e, t) {
 		getContextTriggerProps(e = {}) {
 			let { value: n } = e, i = n == null ? !1 : h === n, a = vd(s, n);
 			return t.element({
-				...Y.contextTrigger.attrs,
+				...X.contextTrigger.attrs,
 				dir: o("dir"),
 				id: a,
 				"data-ownedby": s.id,
 				"data-value": n,
-				"data-current": F(i),
+				"data-current": I(i),
 				"data-state": c ? "open" : "closed",
 				onPointerDown(e) {
 					e.pointerType !== "mouse" && r({
@@ -7026,12 +7027,12 @@ function of(e, t) {
 		},
 		getTriggerItemProps(e) {
 			let t = e.getTriggerProps();
-			return W(b({ value: t.id }), t);
+			return G(b({ value: t.id }), t);
 		},
 		getTriggerProps(i = {}) {
 			let { value: a } = i, u = a == null ? !1 : h === a, f = _d(s, a);
 			return t.button({
-				...l ? Y.triggerItem.attrs : Y.trigger.attrs,
+				...l ? X.triggerItem.attrs : X.trigger.attrs,
 				"data-placement": n.get("currentPlacement"),
 				type: "button",
 				dir: o("dir"),
@@ -7039,7 +7040,7 @@ function of(e, t) {
 				...a != null && {
 					"data-ownedby": s.id,
 					"data-value": a,
-					"data-current": F(u)
+					"data-current": I(u)
 				},
 				"data-uid": o("id"),
 				"aria-haspopup": d ? "menu" : "dialog",
@@ -7121,14 +7122,14 @@ function of(e, t) {
 		},
 		getIndicatorProps() {
 			return t.element({
-				...Y.indicator.attrs,
+				...X.indicator.attrs,
 				dir: o("dir"),
 				"data-state": c ? "open" : "closed"
 			});
 		},
 		getPositionerProps() {
 			return t.element({
-				...Y.positioner.attrs,
+				...X.positioner.attrs,
 				dir: o("dir"),
 				id: xd(s),
 				style: g.floating
@@ -7137,21 +7138,21 @@ function of(e, t) {
 		getArrowProps() {
 			return t.element({
 				id: bd(s),
-				...Y.arrow.attrs,
+				...X.arrow.attrs,
 				dir: o("dir"),
 				style: g.arrow
 			});
 		},
 		getArrowTipProps() {
 			return t.element({
-				...Y.arrowTip.attrs,
+				...X.arrowTip.attrs,
 				dir: o("dir"),
 				style: g.arrowTip
 			});
 		},
 		getContentProps() {
 			return t.element({
-				...Y.content.attrs,
+				...X.content.attrs,
 				id: yd(s),
 				"aria-label": o("aria-label"),
 				hidden: !c,
@@ -7166,10 +7167,10 @@ function of(e, t) {
 					e.pointerType === "mouse" && r({ type: "MENU_POINTERENTER" });
 				},
 				onKeyDown(e) {
-					if (e.defaultPrevented || !Wr(e.currentTarget, R(e))) return;
-					let t = R(e);
+					if (e.defaultPrevented || !Wr(e.currentTarget, z(e))) return;
+					let t = z(e);
 					if (!(t?.closest("[role=menu]") === e.currentTarget || t === e.currentTarget)) return;
-					if (e.key === "Tab" && !ia(e)) {
+					if (e.key === "Tab" && !ra(e)) {
 						e.preventDefault();
 						return;
 					}
@@ -7215,7 +7216,7 @@ function of(e, t) {
 		},
 		getSeparatorProps() {
 			return t.element({
-				...Y.separator.attrs,
+				...X.separator.attrs,
 				role: "separator",
 				dir: o("dir"),
 				"aria-orientation": "horizontal"
@@ -7230,7 +7231,7 @@ function of(e, t) {
 				...b(s),
 				...t.element({
 					"data-type": n,
-					...Y.item.attrs,
+					...X.item.attrs,
 					dir: o("dir"),
 					"data-value": s.value,
 					role: `menuitem${n}`,
@@ -7252,10 +7253,10 @@ function of(e, t) {
 		getItemIndicatorProps(e) {
 			let n = y(Dc(e)), r = n.checked ? "checked" : "unchecked";
 			return t.element({
-				...Y.itemIndicator.attrs,
+				...X.itemIndicator.attrs,
 				dir: o("dir"),
-				"data-disabled": F(n.disabled),
-				"data-highlighted": F(n.highlighted),
+				"data-disabled": I(n.disabled),
+				"data-highlighted": I(n.highlighted),
 				"data-state": yc(e, "checked") ? r : void 0,
 				hidden: yc(e, "checked") ? !n.checked : void 0
 			});
@@ -7263,16 +7264,16 @@ function of(e, t) {
 		getItemTextProps(e) {
 			let n = y(Dc(e)), r = n.checked ? "checked" : "unchecked";
 			return t.element({
-				...Y.itemText.attrs,
+				...X.itemText.attrs,
 				dir: o("dir"),
-				"data-disabled": F(n.disabled),
-				"data-highlighted": F(n.highlighted),
+				"data-disabled": I(n.disabled),
+				"data-highlighted": I(n.highlighted),
 				"data-state": yc(e, "checked") ? r : void 0
 			});
 		},
 		getItemGroupLabelProps(e) {
 			return t.element({
-				...Y.itemGroupLabel.attrs,
+				...X.itemGroupLabel.attrs,
 				id: Td(s, e.htmlFor),
 				dir: o("dir")
 			});
@@ -7280,7 +7281,7 @@ function of(e, t) {
 		getItemGroupProps(e) {
 			return t.element({
 				id: Sd(s, e.id),
-				...Y.itemGroup.attrs,
+				...X.itemGroup.attrs,
 				dir: o("dir"),
 				"aria-labelledby": Td(s, e.id),
 				role: "group"
@@ -7343,7 +7344,7 @@ function cf(e) {
 //#region ../../node_modules/@zag-js/interact-outside/dist/index.mjs
 var lf = "pointerdown.outside", uf = "focus.outside";
 function df(e) {
-	for (let t of e) if (I(t) && $i(t)) return !0;
+	for (let t of e) if (L(t) && Qi(t)) return !0;
 	return !1;
 }
 var ff = (e) => "clientY" in e;
@@ -7371,11 +7372,11 @@ function hf(e, t) {
 function gf(e, t) {
 	let { exclude: n, onFocusOutside: r, onPointerDownOutside: i, onInteractOutside: a, defer: o, followControlledElements: s = !0 } = t;
 	if (!e) return;
-	let c = Gr(e), l = L(e), u = sf(l), d = cf(l);
+	let c = Gr(e), l = R(e), u = sf(l), d = cf(l);
 	function f(t, r) {
-		if (!I(r) || !r.isConnected || Wr(e, r) || pf(e, t) || s && ti(e, r)) return !1;
+		if (!L(r) || !r.isConnected || Wr(e, r) || pf(e, t) || s && ti(e, r)) return !1;
 		let i = c.querySelector(`[aria-controls="${e.id}"]`);
-		return i && hf(t, da(i)) || hf(t, da(e)) ? !1 : !n?.(r);
+		return i && hf(t, ua(i)) || hf(t, ua(e)) ? !1 : !n?.(r);
 	}
 	let p = /* @__PURE__ */ new Set(), m = Lr(e?.getRootNode()), h = !1;
 	function g(t) {
@@ -7385,9 +7386,9 @@ function gf(e, t) {
 		};
 		c.addEventListener("pointerup", n, { once: !0 }), l.addEventListener("pointerup", n, { once: !0 });
 		function r(n) {
-			let r = o && !si() ? z : (e) => e(), s = n ?? t, c = s?.composedPath?.() ?? [s?.target];
+			let r = o && !si() ? V : (e) => e(), s = n ?? t, c = s?.composedPath?.() ?? [s?.target];
 			r(() => {
-				let n = m ? c[0] : R(t);
+				let n = m ? c[0] : z(t);
 				if (!(!e || !f(t, n))) {
 					if (i || a) {
 						let t = Ac(i, a);
@@ -7406,14 +7407,14 @@ function gf(e, t) {
 				}
 			});
 		}
-		t.pointerType === "touch" ? (p.forEach((e) => e()), p.add(Ni(c, "click", r, { once: !0 })), p.add(d.addEventListener("click", r, { once: !0 })), p.add(u.addEventListener("click", r, { once: !0 }))) : r();
+		t.pointerType === "touch" ? (p.forEach((e) => e()), p.add(B(c, "click", r, { once: !0 })), p.add(d.addEventListener("click", r, { once: !0 })), p.add(u.addEventListener("click", r, { once: !0 }))) : r();
 	}
 	let _ = /* @__PURE__ */ new Set(), v = setTimeout(() => {
-		_.add(Ni(c, "pointerdown", g, !0)), _.add(d.addEventListener("pointerdown", g, !0)), _.add(u.addEventListener("pointerdown", g, !0));
+		_.add(B(c, "pointerdown", g, !0)), _.add(d.addEventListener("pointerdown", g, !0)), _.add(u.addEventListener("pointerdown", g, !0));
 	}, 0);
 	function y(t) {
-		h || (o ? z : (e) => e())(() => {
-			let n = t?.composedPath?.() ?? [t?.target], i = m ? n[0] : R(t);
+		h || (o ? V : (e) => e())(() => {
+			let n = t?.composedPath?.() ?? [t?.target], i = m ? n[0] : z(t);
 			if (!(!e || !f(t, i))) {
 				if (r || a) {
 					let t = Ac(r, a);
@@ -7425,19 +7426,19 @@ function gf(e, t) {
 					detail: {
 						originalEvent: t,
 						contextmenu: !1,
-						focusable: $i(i),
+						focusable: Qi(i),
 						target: i
 					}
 				});
 			}
 		});
 	}
-	return si() || (_.add(Ni(c, "focusin", y, !0)), _.add(d.addEventListener("focusin", y, !0)), _.add(u.addEventListener("focusin", y, !0))), () => {
+	return si() || (_.add(B(c, "focusin", y, !0)), _.add(d.addEventListener("focusin", y, !0)), _.add(u.addEventListener("focusin", y, !0))), () => {
 		clearTimeout(v), p.forEach((e) => e()), _.forEach((e) => e());
 	};
 }
 function _f(e, t) {
-	let { defer: n } = t, r = n ? z : (e) => e(), i = [];
+	let { defer: n } = t, r = n ? V : (e) => e(), i = [];
 	return i.push(r(() => {
 		let n = typeof e == "function" ? e() : e;
 		i.push(gf(n, t));
@@ -7452,13 +7453,13 @@ function vf(e, t, n) {
 //#endregion
 //#region ../../node_modules/@zag-js/dismissable/dist/escape-keydown.mjs
 function yf(e, t) {
-	return Ni(Gr(e), "keydown", (e) => {
+	return B(Gr(e), "keydown", (e) => {
 		e.key === "Escape" && (e.isComposing || t?.(e));
 	}, { capture: !0 });
 }
 //#endregion
 //#region ../../node_modules/@zag-js/dismissable/dist/layer-stack.mjs
-var bf = "layer:request-dismiss", X = {
+var bf = "layer:request-dismiss", Z = {
 	layers: [],
 	branches: [],
 	recentlyRemoved: /* @__PURE__ */ new Set(),
@@ -7511,7 +7512,7 @@ var bf = "layer:request-dismiss", X = {
 	},
 	remove(e) {
 		let t = this.indexOf(e);
-		t < 0 || (this.recentlyRemoved.add(e), oa(() => this.recentlyRemoved.delete(e)), t < this.count() - 1 && this.getNestedLayers(e).forEach((t) => X.dismiss(t.node, e)), this.layers.splice(t, 1), this.syncLayers());
+		t < 0 || (this.recentlyRemoved.add(e), aa(() => this.recentlyRemoved.delete(e)), t < this.count() - 1 && this.getNestedLayers(e).forEach((t) => Z.dismiss(t.node, e)), this.layers.splice(t, 1), this.syncLayers());
 	},
 	removeBranch(e) {
 		let t = this.branches.indexOf(e);
@@ -7559,8 +7560,8 @@ function Sf(e, t, n) {
 //#region ../../node_modules/@zag-js/dismissable/dist/pointer-event-outside.mjs
 var Cf;
 function wf() {
-	X.layers.forEach(({ node: e }) => {
-		e.style.pointerEvents = X.isBelowPointerBlockingLayer(e) ? "none" : "auto";
+	Z.layers.forEach(({ node: e }) => {
+		e.style.pointerEvents = Z.isBelowPointerBlockingLayer(e) ? "none" : "auto";
 	});
 }
 function Tf(e) {
@@ -7568,16 +7569,16 @@ function Tf(e) {
 }
 function Ef(e, t) {
 	let n = Gr(e), r = [];
-	return X.hasPointerBlockingLayer() && !n.body.hasAttribute("data-inert") && (Cf = document.body.style.pointerEvents, queueMicrotask(() => {
+	return Z.hasPointerBlockingLayer() && !n.body.hasAttribute("data-inert") && (Cf = document.body.style.pointerEvents, queueMicrotask(() => {
 		n.body.style.pointerEvents = "none", n.body.setAttribute("data-inert", "");
 	})), t?.forEach((e) => {
-		let [t, n] = Va(() => {
+		let [t, n] = Ba(() => {
 			let t = e();
-			return I(t) ? t : null;
+			return L(t) ? t : null;
 		}, { timeout: 1e3 });
-		t.then((e) => r.push(Fa(e, { pointerEvents: "auto" }))), r.push(n);
+		t.then((e) => r.push(Pa(e, { pointerEvents: "auto" }))), r.push(n);
 	}), () => {
-		X.hasPointerBlockingLayer() || (queueMicrotask(() => {
+		Z.hasPointerBlockingLayer() || (queueMicrotask(() => {
 			n.body.style.pointerEvents = Cf, n.body.removeAttribute("data-inert"), n.body.style.length === 0 && n.body.removeAttribute("style");
 		}), r.forEach((e) => e()));
 	};
@@ -7598,22 +7599,22 @@ function Df(e, t) {
 		pointerBlocking: a,
 		requestDismiss: i
 	};
-	X.add(l), wf();
+	Z.add(l), wf();
 	function u(n) {
-		let i = R(n.detail.originalEvent);
-		X.isBelowPointerBlockingLayer(e) || X.isInBranch(i) || (t.onPointerDownOutside?.(n), t.onInteractOutside?.(n), !n.defaultPrevented && (s && console.log("onPointerDownOutside:", n.detail.originalEvent), r?.()));
+		let i = z(n.detail.originalEvent);
+		Z.isBelowPointerBlockingLayer(e) || Z.isInBranch(i) || (t.onPointerDownOutside?.(n), t.onInteractOutside?.(n), !n.defaultPrevented && (s && console.log("onPointerDownOutside:", n.detail.originalEvent), r?.()));
 	}
 	function d(e) {
-		let n = R(e.detail.originalEvent);
-		X.isInBranch(n) || (t.onFocusOutside?.(e), t.onInteractOutside?.(e), !e.defaultPrevented && (s && console.log("onFocusOutside:", e.detail.originalEvent), r?.()));
+		let n = z(e.detail.originalEvent);
+		Z.isInBranch(n) || (t.onFocusOutside?.(e), t.onInteractOutside?.(e), !e.defaultPrevented && (s && console.log("onFocusOutside:", e.detail.originalEvent), r?.()));
 	}
 	function f(n) {
-		X.isTopMost(e) && (t.onEscapeKeyDown?.(n), !n.defaultPrevented && r && (n.preventDefault(), r()));
+		Z.isTopMost(e) && (t.onEscapeKeyDown?.(n), !n.defaultPrevented && r && (n.preventDefault(), r()));
 	}
 	function p(n) {
 		if (!e) return !1;
-		let r = typeof o == "function" ? o() : o, i = Array.isArray(r) ? r : [r], a = t.persistentElements?.map((e) => e()).filter(I);
-		return a && i.push(...a), i.some((e) => Wr(e, n)) || X.isInNestedLayer(e, n);
+		let r = typeof o == "function" ? o() : o, i = Array.isArray(r) ? r : [r], a = t.persistentElements?.map((e) => e()).filter(L);
+		return a && i.push(...a), i.some((e) => Wr(e, n)) || Z.isInNestedLayer(e, n);
 	}
 	let m = [
 		a ? Ef(e, t.persistentElements) : void 0,
@@ -7626,11 +7627,11 @@ function Df(e, t) {
 		})
 	];
 	return () => {
-		X.remove(e), wf(), Tf(e), m.forEach((e) => e?.());
+		Z.remove(e), wf(), Tf(e), m.forEach((e) => e?.());
 	};
 }
 function Of(e, t) {
-	let { defer: n } = t, r = n ? z : (e) => e(), i = [];
+	let { defer: n } = t, r = n ? V : (e) => e(), i = [];
 	return i.push(r(() => {
 		let n = _c(e) ? e() : e;
 		i.push(Df(n, t));
@@ -7648,7 +7649,7 @@ var { not: kf, and: Af, or: jf } = xu(), Mf = Su({
 			composite: !0,
 			loopFocus: !1,
 			navigate(e) {
-				ua(e.node);
+				la(e.node);
 			},
 			...e,
 			positioning: {
@@ -7699,7 +7700,7 @@ var { not: kf, and: Af, or: jf } = xu(), Mf = Su({
 			parent: null,
 			children: {},
 			pointerRoutingLocked: !1,
-			typeaheadState: { ...Ra.defaultOptions },
+			typeaheadState: { ...La.defaultOptions },
 			positioningOverride: {}
 		};
 	},
@@ -8159,7 +8160,7 @@ var { not: kf, and: Af, or: jf } = xu(), Mf = Su({
 					onRequestDismiss: n("onRequestDismiss"),
 					onFocusOutside(t) {
 						n("onFocusOutside")?.(t);
-						let r = R(t.detail.originalEvent);
+						let r = z(t.detail.originalEvent);
 						if (s(r)) {
 							t.preventDefault();
 							return;
@@ -8173,7 +8174,7 @@ var { not: kf, and: Af, or: jf } = xu(), Mf = Su({
 						n("onEscapeKeyDown")?.(t), r.get("isSubmenu") && t.preventDefault(), Qd({ parent: e.get("parent") });
 					},
 					onPointerDownOutside(e) {
-						if (n("onPointerDownOutside")?.(e), s(R(e.detail.originalEvent)) && e.detail.contextmenu) {
+						if (n("onPointerDownOutside")?.(e), s(z(e.detail.originalEvent)) && e.detail.contextmenu) {
 							e.preventDefault();
 							return;
 						}
@@ -8190,7 +8191,7 @@ var { not: kf, and: Af, or: jf } = xu(), Mf = Su({
 			},
 			trackPointerMove({ context: e, scope: t, send: n, refs: r }) {
 				let i = r.get("parent");
-				if (i) return tf(i, !0), Ni(t.getDoc(), "pointermove", (t) => {
+				if (i) return tf(i, !0), B(t.getDoc(), "pointermove", (t) => {
 					$d(e.get("intentPolygon"), {
 						x: t.clientX,
 						y: t.clientY
@@ -8199,14 +8200,14 @@ var { not: kf, and: Af, or: jf } = xu(), Mf = Su({
 			},
 			scrollToHighlightedItem({ scope: e, computed: t }) {
 				let n = () => {
-					io() !== "pointer" && _a(e.getById(t("highlightedId")), {
+					io() !== "pointer" && ga(e.getById(t("highlightedId")), {
 						rootEl: Ed(e),
 						block: "nearest"
 					});
 				};
-				return z(() => {
+				return V(() => {
 					ao("virtual"), n();
-				}), la(() => Ed(e), {
+				}), ca(() => Ed(e), {
 					defer: !0,
 					attributes: ["aria-activedescendant"],
 					callback: n
@@ -8299,9 +8300,9 @@ var { not: kf, and: Af, or: jf } = xu(), Mf = Su({
 				e.set("highlightedValue", null);
 			},
 			focusMenu({ scope: e }) {
-				z(() => {
+				V(() => {
 					let t = Ed(e);
-					ra({
+					na({
 						root: t,
 						enabled: !Wr(t, e.getActiveElement()),
 						filter(e) {
@@ -8311,13 +8312,13 @@ var { not: kf, and: Af, or: jf } = xu(), Mf = Su({
 				});
 			},
 			highlightFirstItem({ context: e, scope: t }) {
-				(Ed(t) ? queueMicrotask : z)(() => {
+				(Ed(t) ? queueMicrotask : V)(() => {
 					let n = Fd(t);
 					n && e.set("highlightedValue", wd(n));
 				});
 			},
 			highlightLastItem({ context: e, scope: t }) {
-				(Ed(t) ? queueMicrotask : z)(() => {
+				(Ed(t) ? queueMicrotask : V)(() => {
 					let n = Id(t);
 					n && e.set("highlightedValue", wd(n));
 				});
@@ -8422,14 +8423,14 @@ var { not: kf, and: Af, or: jf } = xu(), Mf = Su({
 			}
 		}
 	}
-}), [Nf, Z] = G({
+}), [Nf, Q] = K({
 	name: "MenuContext",
 	hookName: "useMenuContext",
 	providerName: "<MenuProvider />",
 	strict: !1
-}), Pf = i((e, t) => {
-	let n = W(Z().getArrowProps(), e);
-	return /* @__PURE__ */ g(K.div, {
+}), Pf = a((e, t) => {
+	let n = G(Q().getArrowProps(), e);
+	return /* @__PURE__ */ _(q.div, {
 		...n,
 		ref: t
 	});
@@ -8437,9 +8438,9 @@ var { not: kf, and: Af, or: jf } = xu(), Mf = Su({
 Pf.displayName = "MenuArrow";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-arrow-tip.js
-var Ff = i((e, t) => {
-	let n = W(Z().getArrowTipProps(), e);
-	return /* @__PURE__ */ g(K.div, {
+var Ff = a((e, t) => {
+	let n = G(Q().getArrowTipProps(), e);
+	return /* @__PURE__ */ _(q.div, {
 		...n,
 		ref: t
 	});
@@ -8447,15 +8448,15 @@ var Ff = i((e, t) => {
 Ff.displayName = "MenuArrowTip";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/use-menu-item-context.js
-var [If, Lf] = G({
+var [If, Lf] = K({
 	name: "MenuItemContext",
 	hookName: "useMenuItemContext",
 	providerName: "<MenuItemProvider />"
-}), [Rf, zf] = G({
+}), [Rf, zf] = K({
 	name: "MenuItemPropsContext",
 	hookName: "useMenuItemPropsContext",
 	providerName: "<MenuItemPropsProvider />"
-}), Bf = q(), Vf = i((e, t) => {
+}), Bf = J(), Vf = a((e, t) => {
 	let [n, r] = Bf(e, [
 		"checked",
 		"closeOnSelect",
@@ -8466,12 +8467,12 @@ var [If, Lf] = G({
 	]), i = {
 		...n,
 		type: "checkbox"
-	}, a = Z(), o = W(a.getOptionItemProps(i), r);
-	return /* @__PURE__ */ g(Rf, {
+	}, a = Q(), o = G(a.getOptionItemProps(i), r);
+	return /* @__PURE__ */ _(Rf, {
 		value: i,
-		children: /* @__PURE__ */ g(If, {
+		children: /* @__PURE__ */ _(If, {
 			value: a.getOptionItemState(i),
-			children: /* @__PURE__ */ g(K.div, {
+			children: /* @__PURE__ */ _(q.div, {
 				...o,
 				ref: t
 			})
@@ -8481,9 +8482,9 @@ var [If, Lf] = G({
 Vf.displayName = "MenuCheckboxItem";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-content.js
-var Hf = i((e, t) => {
-	let n = Z(), r = Ju(), i = W(n.getContentProps(), r.getPresenceProps(), e);
-	return r.unmounted ? null : /* @__PURE__ */ g(K.div, {
+var Hf = a((e, t) => {
+	let n = Q(), r = Ju(), i = G(n.getContentProps(), r.getPresenceProps(), e);
+	return r.unmounted ? null : /* @__PURE__ */ _(q.div, {
 		...i,
 		ref: Nu(r.ref, t)
 	});
@@ -8491,9 +8492,9 @@ var Hf = i((e, t) => {
 Hf.displayName = "MenuContent";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-context.js
-var Uf = (e) => e.children(Z()), Wf = i((e, t) => {
-	let n = W(Z().getContextTriggerProps(), e);
-	return /* @__PURE__ */ g(K.button, {
+var Uf = (e) => e.children(Q()), Wf = a((e, t) => {
+	let n = G(Q().getContextTriggerProps(), e);
+	return /* @__PURE__ */ _(q.button, {
 		...n,
 		ref: t
 	});
@@ -8501,9 +8502,9 @@ var Uf = (e) => e.children(Z()), Wf = i((e, t) => {
 Wf.displayName = "MenuContextTrigger";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-indicator.js
-var Gf = i((e, t) => {
-	let n = W(Z().getIndicatorProps(), e);
-	return /* @__PURE__ */ g(K.div, {
+var Gf = a((e, t) => {
+	let n = G(Q().getIndicatorProps(), e);
+	return /* @__PURE__ */ _(q.div, {
 		...n,
 		ref: t
 	});
@@ -8511,22 +8512,22 @@ var Gf = i((e, t) => {
 Gf.displayName = "MenuIndicator";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-item.js
-var Kf = q(), qf = i((e, t) => {
+var Kf = J(), qf = a((e, t) => {
 	let [n, r] = Kf(e, [
 		"closeOnSelect",
 		"disabled",
 		"value",
 		"valueText",
 		"onSelect"
-	]), i = Z(), a = W(i.getItemProps(n), r), o = i.getItemState(n);
-	return l(() => i.addItemListener({
+	]), i = Q(), a = G(i.getItemProps(n), r), o = i.getItemState(n);
+	return u(() => i.addItemListener({
 		id: o.id,
 		onSelect: n.onSelect
-	}), [o.id, n.onSelect]), /* @__PURE__ */ g(Rf, {
+	}), [o.id, n.onSelect]), /* @__PURE__ */ _(Rf, {
 		value: n,
-		children: /* @__PURE__ */ g(If, {
+		children: /* @__PURE__ */ _(If, {
 			value: o,
-			children: /* @__PURE__ */ g(K.div, {
+			children: /* @__PURE__ */ _(q.div, {
 				...a,
 				ref: t
 			})
@@ -8536,18 +8537,18 @@ var Kf = q(), qf = i((e, t) => {
 qf.displayName = "MenuItem";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-item-context.js
-var Jf = (e) => e.children(Lf()), [Yf, Xf] = G({
+var Jf = (e) => e.children(Lf()), [Yf, Xf] = K({
 	name: "MenuItemGroupContext",
 	hookName: "useMenuItemGroupContext",
 	providerName: "<MenuItemGroupProvider />"
-}), Zf = q(), Qf = i((e, t) => {
-	let [n, r] = Zf(e, ["id"]), i = Z(), a = {
-		id: u(),
+}), Zf = J(), Qf = a((e, t) => {
+	let [n, r] = Zf(e, ["id"]), i = Q(), a = {
+		id: d(),
 		...n
-	}, o = W(i.getItemGroupProps(a), r);
-	return /* @__PURE__ */ g(Yf, {
+	}, o = G(i.getItemGroupProps(a), r);
+	return /* @__PURE__ */ _(Yf, {
 		value: a,
-		children: /* @__PURE__ */ g(K.div, {
+		children: /* @__PURE__ */ _(q.div, {
 			...o,
 			ref: t
 		})
@@ -8556,9 +8557,9 @@ var Jf = (e) => e.children(Lf()), [Yf, Xf] = G({
 Qf.displayName = "MenuItemGroup";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-item-group-label.js
-var $f = i((e, t) => {
-	let n = Z(), r = Xf(), i = W(n.getItemGroupLabelProps({ htmlFor: r.id }), e);
-	return /* @__PURE__ */ g(K.div, {
+var $f = a((e, t) => {
+	let n = Q(), r = Xf(), i = G(n.getItemGroupLabelProps({ htmlFor: r.id }), e);
+	return /* @__PURE__ */ _(q.div, {
 		...i,
 		ref: t
 	});
@@ -8566,9 +8567,9 @@ var $f = i((e, t) => {
 $f.displayName = "MenuItemGroupLabel";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-item-indicator.js
-var ep = i((e, t) => {
-	let n = Z(), r = zf(), i = W(n.getItemIndicatorProps(r), e);
-	return /* @__PURE__ */ g(K.div, {
+var ep = a((e, t) => {
+	let n = Q(), r = zf(), i = G(n.getItemIndicatorProps(r), e);
+	return /* @__PURE__ */ _(q.div, {
 		...i,
 		ref: t
 	});
@@ -8576,9 +8577,9 @@ var ep = i((e, t) => {
 ep.displayName = "MenuItemIndicator";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-item-text.js
-var tp = i((e, t) => {
-	let n = Z(), r = zf(), i = W(n.getItemTextProps(r), e);
-	return /* @__PURE__ */ g(K.div, {
+var tp = a((e, t) => {
+	let n = Q(), r = zf(), i = G(n.getItemTextProps(r), e);
+	return /* @__PURE__ */ _(q.div, {
 		...i,
 		ref: t
 	});
@@ -8586,9 +8587,9 @@ var tp = i((e, t) => {
 tp.displayName = "MenuItemText";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-positioner.js
-var np = i((e, t) => {
-	let n = W(Z().getPositionerProps(), e);
-	return Ju().unmounted ? null : /* @__PURE__ */ g(K.div, {
+var np = a((e, t) => {
+	let n = G(Q().getPositionerProps(), e);
+	return Ju().unmounted ? null : /* @__PURE__ */ _(q.div, {
 		...n,
 		ref: t
 	});
@@ -8596,23 +8597,23 @@ var np = i((e, t) => {
 np.displayName = "MenuPositioner";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-radio-item.js
-var rp = q(), ip = i((e, t) => {
+var rp = J(), ip = a((e, t) => {
 	let [n, r] = rp(e, [
 		"closeOnSelect",
 		"disabled",
 		"value",
 		"valueText"
-	]), i = Z(), a = Xf(), o = {
+	]), i = Q(), a = Xf(), o = {
 		...n,
 		checked: a.value === n.value,
 		type: "radio",
 		onCheckedChange: () => a.onValueChange?.({ value: n.value })
-	}, s = W(i.getOptionItemProps(o), r);
-	return /* @__PURE__ */ g(Rf, {
+	}, s = G(i.getOptionItemProps(o), r);
+	return /* @__PURE__ */ _(Rf, {
 		value: o,
-		children: /* @__PURE__ */ g(If, {
+		children: /* @__PURE__ */ _(If, {
 			value: i.getOptionItemState(o),
-			children: /* @__PURE__ */ g(K.div, {
+			children: /* @__PURE__ */ _(q.div, {
 				...s,
 				ref: t
 			})
@@ -8622,18 +8623,18 @@ var rp = q(), ip = i((e, t) => {
 ip.displayName = "MenuRadioItem";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-radio-item-group.js
-var ap = q(), op = i((e, t) => {
+var ap = J(), op = a((e, t) => {
 	let [n, r] = ap(e, [
 		"id",
 		"onValueChange",
 		"value"
-	]), i = Z(), a = {
-		id: u(),
+	]), i = Q(), a = {
+		id: d(),
 		...n
-	}, o = W(i.getItemGroupProps({ id: a.id }), r);
-	return /* @__PURE__ */ g(Yf, {
+	}, o = G(i.getItemGroupProps({ id: a.id }), r);
+	return /* @__PURE__ */ _(Yf, {
 		value: a,
-		children: /* @__PURE__ */ g(K.div, {
+		children: /* @__PURE__ */ _(q.div, {
 			...o,
 			ref: t
 		})
@@ -8643,7 +8644,7 @@ op.displayName = "MenuRadioItemGroup";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/use-menu.js
 var sp = (e) => {
-	let t = u(), { getRootNode: n } = $u(), { dir: r } = td(), i = Bu(Mf, {
+	let t = d(), { getRootNode: n } = $u(), { dir: r } = td(), i = Bu(Mf, {
 		id: t,
 		dir: r,
 		getRootNode: n,
@@ -8654,23 +8655,23 @@ var sp = (e) => {
 		service: i
 	};
 }, cp = (e) => {
-	let t = p(e), n = p(!1);
-	l(() => {
+	let t = m(e), n = m(!1);
+	u(() => {
 		t.current = e;
-	}), l(() => {
+	}), u(() => {
 		n.current !== !0 && (n.current = !0, t.current());
 	}, []);
-}, [lp, up] = G({
+}, [lp, up] = K({
 	name: "MenuMachineContext",
 	hookName: "useMenuMachineContext",
 	providerName: "<MenuMachineProvider />",
 	strict: !1
-}), [dp, fp] = G({
+}), [dp, fp] = K({
 	name: "MenuMachineContext",
 	hookName: "useMenuMachineContext",
 	providerName: "<MenuMachineProvider />",
 	strict: !1
-}), pp = q(), mp = (e) => {
+}), pp = J(), mp = (e) => {
 	let [t, n] = rd(e), [r, i] = pp(n, [
 		"anchorPoint",
 		"aria-label",
@@ -8697,16 +8698,16 @@ var sp = (e) => {
 		"triggerValue",
 		"defaultTriggerValue",
 		"typeahead"
-	]), a = Z(), o = up(), { api: c, service: l } = sp(r), u = ld(W({ present: c.open }, t));
+	]), a = Q(), o = up(), { api: s, service: l } = sp(r), u = ld(G({ present: s.open }, t));
 	return cp(() => {
-		o && a && (a.setChild(l), c.setParent(o));
-	}), /* @__PURE__ */ g(dp, {
-		value: s(() => a?.getTriggerItemProps(c), [c, a]),
-		children: /* @__PURE__ */ g(lp, {
+		o && a && (a.setChild(l), s.setParent(o));
+	}), /* @__PURE__ */ _(dp, {
+		value: c(() => a?.getTriggerItemProps(s), [s, a]),
+		children: /* @__PURE__ */ _(lp, {
 			value: l,
-			children: /* @__PURE__ */ g(Nf, {
-				value: c,
-				children: /* @__PURE__ */ g(qu, {
+			children: /* @__PURE__ */ _(Nf, {
+				value: s,
+				children: /* @__PURE__ */ _(qu, {
 					value: u,
 					...i
 				})
@@ -8714,25 +8715,25 @@ var sp = (e) => {
 		})
 	});
 }, hp = (e) => {
-	let t = Z(), n = up(), [r, { value: i, children: a }] = rd(e), { api: o, service: c } = i, l = ld(W({ present: o.open }, r));
+	let t = Q(), n = up(), [r, { value: i, children: a }] = rd(e), { api: o, service: s } = i, l = ld(G({ present: o.open }, r));
 	return cp(() => {
-		n && t && (t.setChild(c), o.setParent(n));
-	}), /* @__PURE__ */ g(dp, {
-		value: s(() => t?.getTriggerItemProps(o), [o, t]),
-		children: /* @__PURE__ */ g(lp, {
-			value: c,
-			children: /* @__PURE__ */ g(Nf, {
+		n && t && (t.setChild(s), o.setParent(n));
+	}), /* @__PURE__ */ _(dp, {
+		value: c(() => t?.getTriggerItemProps(o), [o, t]),
+		children: /* @__PURE__ */ _(lp, {
+			value: s,
+			children: /* @__PURE__ */ _(Nf, {
 				value: o,
-				children: /* @__PURE__ */ g(qu, {
+				children: /* @__PURE__ */ _(qu, {
 					value: l,
 					children: a
 				})
 			})
 		})
 	});
-}, gp = i((e, t) => {
-	let n = W(Z().getSeparatorProps(), e);
-	return /* @__PURE__ */ g(K.hr, {
+}, gp = a((e, t) => {
+	let n = G(Q().getSeparatorProps(), e);
+	return /* @__PURE__ */ _(q.hr, {
 		...n,
 		ref: t
 	});
@@ -8740,12 +8741,12 @@ var sp = (e) => {
 gp.displayName = "MenuSeparator";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-trigger.js
-var _p = q(), vp = i((e, t) => {
-	let [n, r] = _p(e, ["value"]), i = Z(), a = Ju(), o = i.getTriggerProps(n), s = W({
+var _p = J(), vp = a((e, t) => {
+	let [n, r] = _p(e, ["value"]), i = Q(), a = Ju(), o = i.getTriggerProps(n), s = G({
 		...o,
 		"aria-controls": a.unmounted ? void 0 : o["aria-controls"]
 	}, r);
-	return /* @__PURE__ */ g(K.button, {
+	return /* @__PURE__ */ _(q.button, {
 		...s,
 		ref: t
 	});
@@ -8753,11 +8754,11 @@ var _p = q(), vp = i((e, t) => {
 vp.displayName = "MenuTrigger";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu-trigger-item.js
-var yp = i((e, t) => {
-	let n = W(fp()?.() ?? {}, e);
-	return /* @__PURE__ */ g(Rf, {
+var yp = a((e, t) => {
+	let n = G(fp()?.() ?? {}, e);
+	return /* @__PURE__ */ _(Rf, {
 		value: { value: n["data-value"] },
-		children: /* @__PURE__ */ g(K.div, {
+		children: /* @__PURE__ */ _(q.div, {
 			...n,
 			ref: t
 		})
@@ -8766,7 +8767,7 @@ var yp = i((e, t) => {
 yp.displayName = "MenuTriggerItem";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/menu/menu.js
-var Q = /* @__PURE__ */ hd({
+var $ = /* @__PURE__ */ hd({
 	Arrow: () => Pf,
 	ArrowTip: () => Ff,
 	CheckboxItem: () => Vf,
@@ -8788,7 +8789,7 @@ var Q = /* @__PURE__ */ hd({
 	Separator: () => gp,
 	Trigger: () => vp,
 	TriggerItem: () => yp
-}), bp = vr("slider").parts("root", "label", "thumb", "valueText", "track", "range", "control", "markerGroup", "marker", "draggingIndicator").build(), xp = (e) => e.ids?.root ?? `slider:${e.id}`, Sp = (e, t) => e.ids?.thumb?.(t) ?? `slider:${e.id}:thumb:${t}`, Cp = (e, t) => e.ids?.hiddenInput?.(t) ?? `slider:${e.id}:input:${t}`, wp = (e) => e.ids?.control ?? `slider:${e.id}:control`, Tp = (e) => e.ids?.track ?? `slider:${e.id}:track`, Ep = (e) => e.ids?.range ?? `slider:${e.id}:range`, Dp = (e) => e.ids?.label ?? `slider:${e.id}:label`, Op = (e) => e.ids?.valueText ?? `slider:${e.id}:value-text`, kp = (e, t) => e.ids?.marker?.(t) ?? `slider:${e.id}:marker:${t}`, Ap = (e) => e.getById(xp(e)), jp = (e, t) => e.getById(Sp(e, t)), Mp = (e) => Ta(Fp(e), "[role=slider]"), Np = (e) => Mp(e)[0], Pp = (e, t) => e.getById(Cp(e, t)), Fp = (e) => e.getById(wp(e)), Ip = (e, t, n) => t === "contain" ? (n === "vertical" ? e?.height ?? 0 : e?.width ?? 0) / 2 : 0, Lp = (e, t) => {
+}), bp = vr("slider").parts("root", "label", "thumb", "valueText", "track", "range", "control", "markerGroup", "marker", "draggingIndicator").build(), xp = (e) => e.ids?.root ?? `slider:${e.id}`, Sp = (e, t) => e.ids?.thumb?.(t) ?? `slider:${e.id}:thumb:${t}`, Cp = (e, t) => e.ids?.hiddenInput?.(t) ?? `slider:${e.id}:input:${t}`, wp = (e) => e.ids?.control ?? `slider:${e.id}:control`, Tp = (e) => e.ids?.track ?? `slider:${e.id}:track`, Ep = (e) => e.ids?.range ?? `slider:${e.id}:range`, Dp = (e) => e.ids?.label ?? `slider:${e.id}:label`, Op = (e) => e.ids?.valueText ?? `slider:${e.id}:value-text`, kp = (e, t) => e.ids?.marker?.(t) ?? `slider:${e.id}:marker:${t}`, Ap = (e) => e.getById(xp(e)), jp = (e, t) => e.getById(Sp(e, t)), Mp = (e) => wa(Fp(e), "[role=slider]"), Np = (e) => Mp(e)[0], Pp = (e, t) => e.getById(Cp(e, t)), Fp = (e) => e.getById(wp(e)), Ip = (e, t, n) => t === "contain" ? (n === "vertical" ? e?.height ?? 0 : e?.width ?? 0) / 2 : 0, Lp = (e, t) => {
 	let { context: n, prop: r, scope: i, refs: a } = e, o = Fp(i);
 	if (!o) return;
 	let s = a.get("thumbDragOffset");
@@ -8822,7 +8823,7 @@ function Rp(e, t, n) {
 var zp = (e, t) => {
 	t.forEach((t, n) => {
 		let r = Pp(e, n);
-		r && Li(r, { value: t });
+		r && Ii(r, { value: t });
 	});
 }, Bp = (e) => ({
 	left: e?.offsetLeft ?? 0,
@@ -9135,11 +9136,11 @@ function pm(e, t) {
 			return t.label({
 				...bp.label.attrs,
 				dir: a("dir"),
-				"data-disabled": F(m),
+				"data-disabled": I(m),
 				"data-orientation": a("orientation"),
-				"data-invalid": F(h),
-				"data-dragging": F(p),
-				"data-focus": F(f),
+				"data-invalid": I(h),
+				"data-dragging": I(p),
+				"data-focus": I(f),
 				id: Dp(s),
 				htmlFor: Cp(s, 0),
 				onClick(e) {
@@ -9154,11 +9155,11 @@ function pm(e, t) {
 		getRootProps() {
 			return t.element({
 				...bp.root.attrs,
-				"data-disabled": F(m),
+				"data-disabled": I(m),
 				"data-orientation": a("orientation"),
-				"data-dragging": F(p),
-				"data-invalid": F(h),
-				"data-focus": F(f),
+				"data-dragging": I(p),
+				"data-invalid": I(h),
+				"data-focus": I(f),
 				id: xp(s),
 				dir: a("dir"),
 				style: Zp(e)
@@ -9168,10 +9169,10 @@ function pm(e, t) {
 			return t.element({
 				...bp.valueText.attrs,
 				dir: a("dir"),
-				"data-disabled": F(m),
+				"data-disabled": I(m),
 				"data-orientation": a("orientation"),
-				"data-invalid": F(h),
-				"data-focus": F(f),
+				"data-invalid": I(h),
+				"data-focus": I(f),
 				id: Op(s)
 			});
 		},
@@ -9180,11 +9181,11 @@ function pm(e, t) {
 				...bp.track.attrs,
 				dir: a("dir"),
 				id: Tp(s),
-				"data-disabled": F(m),
-				"data-invalid": F(h),
-				"data-dragging": F(p),
+				"data-disabled": I(m),
+				"data-invalid": I(h),
+				"data-dragging": I(p),
 				"data-orientation": a("orientation"),
-				"data-focus": F(f),
+				"data-focus": I(f),
 				style: { position: "relative" }
 			});
 		},
@@ -9199,10 +9200,10 @@ function pm(e, t) {
 				"data-index": i,
 				"data-name": o,
 				id: Sp(s, i),
-				"data-disabled": F(m),
+				"data-disabled": I(m),
 				"data-orientation": a("orientation"),
-				"data-focus": F(f && d === i),
-				"data-dragging": F(p && d === i),
+				"data-focus": I(f && d === i),
+				"data-dragging": I(p && d === i),
 				draggable: !1,
 				"aria-disabled": Or(m),
 				"aria-label": x,
@@ -9314,10 +9315,10 @@ function pm(e, t) {
 				id: Ep(s),
 				...bp.range.attrs,
 				dir: a("dir"),
-				"data-dragging": F(p),
-				"data-focus": F(f),
-				"data-invalid": F(h),
-				"data-disabled": F(m),
+				"data-dragging": I(p),
+				"data-focus": I(f),
+				"data-invalid": I(h),
+				"data-disabled": I(m),
 				"data-orientation": a("orientation"),
 				style: Up(e)
 			});
@@ -9327,11 +9328,11 @@ function pm(e, t) {
 				...bp.control.attrs,
 				dir: a("dir"),
 				id: wp(s),
-				"data-dragging": F(p),
-				"data-disabled": F(m),
+				"data-dragging": I(p),
+				"data-disabled": I(m),
 				"data-orientation": a("orientation"),
-				"data-invalid": F(h),
-				"data-focus": F(f),
+				"data-invalid": I(h),
+				"data-focus": I(f),
 				style: Xp(),
 				onPointerDown(e) {
 					g && xi(e) && (Ci(e) || (r({
@@ -9360,7 +9361,7 @@ function pm(e, t) {
 				dir: a("dir"),
 				"data-orientation": a("orientation"),
 				"data-value": n.value,
-				"data-disabled": F(m),
+				"data-disabled": I(m),
 				"data-state": i,
 				style: r
 			});
@@ -9552,7 +9553,7 @@ var mm = (e, t) => e?.width === t?.width && e?.height === t?.height, hm = (e, t,
 		guards: { hasIndex: ({ event: e }) => e.index != null },
 		effects: {
 			trackFormControlState({ context: e, scope: t }) {
-				return Vi(Ap(t), {
+				return Bi(Ap(t), {
 					onFieldsetDisabledChange(t) {
 						e.set("fieldsetDisabled", t);
 					},
@@ -9562,7 +9563,7 @@ var mm = (e, t) => e?.width === t?.width && e?.height === t?.height, hm = (e, t,
 				});
 			},
 			trackPointerMove({ scope: e, send: t }) {
-				return wa(e.getDoc(), {
+				return Ca(e.getDoc(), {
 					onPointerMove(e) {
 						t({
 							type: "POINTER_MOVE",
@@ -9580,7 +9581,7 @@ var mm = (e, t) => e?.width === t?.width && e?.height === t?.height, hm = (e, t,
 					let n = il(Bp(t), ["width", "height"]);
 					mm(e.get("thumbSize"), n) || e.set("thumbSize", n);
 				}, i = Mp(t);
-				return i.forEach(r), Ac(...i.map((e) => Aa.observe(e, () => r(e))));
+				return i.forEach(r), Ac(...i.map((e) => ka.observe(e, () => r(e))));
 			}
 		},
 		actions: {
@@ -9589,7 +9590,7 @@ var mm = (e, t) => e?.width === t?.width && e?.height === t?.height, hm = (e, t,
 			},
 			syncInputElements({ context: e, scope: t }) {
 				e.get("value").forEach((e, n) => {
-					Ii(Pp(t, n), e.toString());
+					Fi(Pp(t, n), e.toString());
 				});
 			},
 			invokeOnChangeEnd({ prop: e, context: t }) {
@@ -9632,7 +9633,7 @@ var mm = (e, t) => e?.width === t?.width && e?.height === t?.height, hm = (e, t,
 				});
 			},
 			focusActiveThumb({ scope: e, context: t }) {
-				z(() => {
+				V(() => {
 					jp(e, t.get("focusedIndex"))?.focus({ preventScroll: !0 });
 				});
 			},
@@ -9662,13 +9663,13 @@ var mm = (e, t) => e?.width === t?.width && e?.height === t?.height, hm = (e, t,
 			}
 		}
 	}
-}), [_m, vm] = G({
+}), [_m, vm] = K({
 	name: "SliderContext",
 	hookName: "useSliderContext",
 	providerName: "<SliderProvider />"
-}), ym = (e) => e.children(vm()), bm = i((e, t) => {
-	let n = W(vm().getControlProps(), e);
-	return /* @__PURE__ */ g(K.div, {
+}), ym = (e) => e.children(vm()), bm = a((e, t) => {
+	let n = G(vm().getControlProps(), e);
+	return /* @__PURE__ */ _(q.div, {
 		...n,
 		ref: t
 	});
@@ -9676,13 +9677,13 @@ var mm = (e, t) => e?.width === t?.width && e?.height === t?.height, hm = (e, t,
 bm.displayName = "SliderControl";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/slider/use-slider-thumb-props-context.js
-var [xm, Sm] = G({
+var [xm, Sm] = K({
 	name: "SliderThumbPropsContext",
 	hookName: "useSliderThumbPropsContext",
 	providerName: "<SliderThumbPropsProvider />"
-}), Cm = i((e, t) => {
-	let n = vm(), { index: r } = Sm(), i = W(n.getDraggingIndicatorProps({ index: r }), e);
-	return /* @__PURE__ */ g(K.span, {
+}), Cm = a((e, t) => {
+	let n = vm(), { index: r } = Sm(), i = G(n.getDraggingIndicatorProps({ index: r }), e);
+	return /* @__PURE__ */ _(q.span, {
 		...i,
 		ref: t,
 		children: e.children || n.getThumbValue(r)
@@ -9691,9 +9692,9 @@ var [xm, Sm] = G({
 Cm.displayName = "SliderDraggingIndicator";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/slider/slider-hidden-input.js
-var wm = i((e, t) => {
-	let n = vm(), r = Sm(), i = W(n.getHiddenInputProps(r), e);
-	return /* @__PURE__ */ g(K.input, {
+var wm = a((e, t) => {
+	let n = vm(), r = Sm(), i = G(n.getHiddenInputProps(r), e);
+	return /* @__PURE__ */ _(q.input, {
 		...i,
 		ref: t
 	});
@@ -9701,9 +9702,9 @@ var wm = i((e, t) => {
 wm.displayName = "SliderHiddenInput";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/slider/slider-label.js
-var Tm = i((e, t) => {
-	let n = W(vm().getLabelProps(), e);
-	return /* @__PURE__ */ g(K.label, {
+var Tm = a((e, t) => {
+	let n = G(vm().getLabelProps(), e);
+	return /* @__PURE__ */ _(q.label, {
 		...n,
 		ref: t
 	});
@@ -9711,9 +9712,9 @@ var Tm = i((e, t) => {
 Tm.displayName = "SliderLabel";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/slider/slider-marker.js
-var Em = q(), Dm = i((e, t) => {
-	let [n, r] = Em(e, ["value"]), i = W(vm().getMarkerProps(n), r);
-	return /* @__PURE__ */ g(K.span, {
+var Em = J(), Dm = a((e, t) => {
+	let [n, r] = Em(e, ["value"]), i = G(vm().getMarkerProps(n), r);
+	return /* @__PURE__ */ _(q.span, {
 		...i,
 		ref: t
 	});
@@ -9721,9 +9722,9 @@ var Em = q(), Dm = i((e, t) => {
 Dm.displayName = "SliderMarker";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/slider/slider-marker-group.js
-var Om = i((e, t) => {
-	let n = W(vm().getMarkerGroupProps(), e);
-	return /* @__PURE__ */ g(K.div, {
+var Om = a((e, t) => {
+	let n = G(vm().getMarkerGroupProps(), e);
+	return /* @__PURE__ */ _(q.div, {
 		...n,
 		ref: t
 	});
@@ -9731,9 +9732,9 @@ var Om = i((e, t) => {
 Om.displayName = "SliderMarkerGroup";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/slider/slider-range.js
-var km = i((e, t) => {
-	let n = W(vm().getRangeProps(), e);
-	return /* @__PURE__ */ g(K.div, {
+var km = a((e, t) => {
+	let n = G(vm().getRangeProps(), e);
+	return /* @__PURE__ */ _(q.div, {
 		...n,
 		ref: t
 	});
@@ -9742,14 +9743,14 @@ km.displayName = "SliderRange";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/slider/use-slider.js
 var Am = (e) => {
-	let t = u(), { getRootNode: n } = $u(), { dir: r } = td();
+	let t = d(), { getRootNode: n } = $u(), { dir: r } = td();
 	return pm(Bu(gm, {
 		id: t,
 		dir: r,
 		getRootNode: n,
 		...e
 	}), Wu);
-}, jm = q(), Mm = i((e, t) => {
+}, jm = J(), Mm = a((e, t) => {
 	let [n, r] = jm(e, [
 		"aria-label",
 		"aria-labelledby",
@@ -9775,10 +9776,10 @@ var Am = (e) => {
 		"thumbCollisionBehavior",
 		"thumbSize",
 		"value"
-	]), i = Am(n), a = W(i.getRootProps(), r);
-	return /* @__PURE__ */ g(_m, {
+	]), i = Am(n), a = G(i.getRootProps(), r);
+	return /* @__PURE__ */ _(_m, {
 		value: i,
-		children: /* @__PURE__ */ g(K.div, {
+		children: /* @__PURE__ */ _(q.div, {
 			...a,
 			ref: t
 		})
@@ -9787,11 +9788,11 @@ var Am = (e) => {
 Mm.displayName = "SliderRoot";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/slider/slider-root-provider.js
-var Nm = q(), Pm = i((e, t) => {
-	let [{ value: n }, r] = Nm(e, ["value"]), i = W(n.getRootProps(), r);
-	return /* @__PURE__ */ g(_m, {
+var Nm = J(), Pm = a((e, t) => {
+	let [{ value: n }, r] = Nm(e, ["value"]), i = G(n.getRootProps(), r);
+	return /* @__PURE__ */ _(_m, {
 		value: n,
-		children: /* @__PURE__ */ g(K.div, {
+		children: /* @__PURE__ */ _(q.div, {
 			...i,
 			ref: t
 		})
@@ -9800,11 +9801,11 @@ var Nm = q(), Pm = i((e, t) => {
 Pm.displayName = "SliderRootProvider";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/slider/slider-thumb.js
-var Fm = q(), Im = i((e, t) => {
-	let [n, r] = Fm(e, ["index", "name"]), i = W(vm().getThumbProps(n), r);
-	return /* @__PURE__ */ g(xm, {
+var Fm = J(), Im = a((e, t) => {
+	let [n, r] = Fm(e, ["index", "name"]), i = G(vm().getThumbProps(n), r);
+	return /* @__PURE__ */ _(xm, {
 		value: n,
-		children: /* @__PURE__ */ g(K.div, {
+		children: /* @__PURE__ */ _(q.div, {
 			...i,
 			ref: t
 		})
@@ -9813,9 +9814,9 @@ var Fm = q(), Im = i((e, t) => {
 Im.displayName = "SliderThumb";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/slider/slider-track.js
-var Lm = i((e, t) => {
-	let n = W(vm().getTrackProps(), e);
-	return /* @__PURE__ */ g(K.div, {
+var Lm = a((e, t) => {
+	let n = G(vm().getTrackProps(), e);
+	return /* @__PURE__ */ _(q.div, {
 		...n,
 		ref: t
 	});
@@ -9823,9 +9824,9 @@ var Lm = i((e, t) => {
 Lm.displayName = "SliderTrack";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/slider/slider-value-text.js
-var Rm = i((e, t) => {
-	let { children: n, ...r } = e, i = vm(), a = W(i.getValueTextProps(), r);
-	return /* @__PURE__ */ g(K.span, {
+var Rm = a((e, t) => {
+	let { children: n, ...r } = e, i = vm(), a = G(i.getValueTextProps(), r);
+	return /* @__PURE__ */ _(q.span, {
 		...a,
 		ref: t,
 		children: n || i.value.join(", ")
@@ -9834,7 +9835,7 @@ var Rm = i((e, t) => {
 Rm.displayName = "SliderValueText";
 //#endregion
 //#region ../../node_modules/@ark-ui/react/dist/components/slider/slider.js
-var $ = /* @__PURE__ */ hd({
+var zm = /* @__PURE__ */ hd({
 	Context: () => ym,
 	Control: () => bm,
 	DraggingIndicator: () => Cm,
@@ -9851,11 +9852,11 @@ var $ = /* @__PURE__ */ hd({
 });
 //#endregion
 //#region src/components/player/controls.tsx
-function zm({ label: e, tooltip: t, children: n, onClick: r, disabled: i = !1 }) {
-	return /* @__PURE__ */ _(J.Root, {
+function Bm({ label: e, tooltip: t, children: n, onClick: r, disabled: i = !1 }) {
+	return /* @__PURE__ */ v(Y.Root, {
 		openDelay: 400,
 		closeDelay: 150,
-		children: [/* @__PURE__ */ g(J.Trigger, {
+		children: [/* @__PURE__ */ _(Y.Trigger, {
 			type: "button",
 			onClick: i ? void 0 : r,
 			"aria-label": e,
@@ -9863,17 +9864,17 @@ function zm({ label: e, tooltip: t, children: n, onClick: r, disabled: i = !1 })
 			disabled: i,
 			className: "vplayer__button",
 			children: n
-		}), /* @__PURE__ */ g(J.Positioner, { children: /* @__PURE__ */ _(J.Content, {
+		}), /* @__PURE__ */ _(Y.Positioner, { children: /* @__PURE__ */ v(Y.Content, {
 			className: "vplayer__tooltip",
-			children: [/* @__PURE__ */ g(J.Arrow, { children: /* @__PURE__ */ g(J.ArrowTip, {}) }), t]
+			children: [/* @__PURE__ */ _(Y.Arrow, { children: /* @__PURE__ */ _(Y.ArrowTip, {}) }), t]
 		}) })]
 	});
 }
-function Bm({ label: e, tooltip: t, selected: n, onChange: r, children: i, disabled: a = !1 }) {
-	return /* @__PURE__ */ _(J.Root, {
+function Vm({ label: e, tooltip: t, selected: n, onChange: r, children: i, disabled: a = !1 }) {
+	return /* @__PURE__ */ v(Y.Root, {
 		openDelay: 400,
 		closeDelay: 150,
-		children: [/* @__PURE__ */ g(J.Trigger, {
+		children: [/* @__PURE__ */ _(Y.Trigger, {
 			type: "button",
 			onClick: a ? void 0 : r,
 			"aria-label": e,
@@ -9882,37 +9883,37 @@ function Bm({ label: e, tooltip: t, selected: n, onChange: r, children: i, disab
 			disabled: a,
 			className: "vplayer__button",
 			children: i
-		}), /* @__PURE__ */ g(J.Positioner, { children: /* @__PURE__ */ _(J.Content, {
+		}), /* @__PURE__ */ _(Y.Positioner, { children: /* @__PURE__ */ v(Y.Content, {
 			className: "vplayer__tooltip",
-			children: [/* @__PURE__ */ g(J.Arrow, { children: /* @__PURE__ */ g(J.ArrowTip, {}) }), t]
+			children: [/* @__PURE__ */ _(Y.Arrow, { children: /* @__PURE__ */ _(Y.ArrowTip, {}) }), t]
 		}) })]
 	});
 }
-var Vm = () => {
-	let e = N("currentTime"), t = N("duration"), n = N("bufferedPercent"), r = N("thumbnailCues"), { thumbnailPreview: i } = M(), a = ct(), [o, c] = m(null), [u, d] = m(null), f = Number.isFinite(t) && t > 0 ? t : 0, p = f > 0 ? e / f * 100 : 0, h = u ?? p, v = o !== null && f > 0 ? o * f : null, y = i.enabled && v !== null ? qe(r, v) : null, b = y ? i.fit === "contain" ? Math.min(i.width / y.w, i.height / y.h) : Math.max(i.width / y.w, i.height / y.h) : 1, x = y ? y.w * b : 0, S = y ? y.h * b : 0;
-	l(() => {
-		u !== null && Math.abs(p - u) <= .5 && d(null);
-	}, [p, u]);
-	let C = s((e) => {
+var Hm = () => {
+	let e = P("currentTime"), t = P("duration"), n = P("bufferedPercent"), r = P("thumbnailCues"), { thumbnailPreview: i } = N(), a = ct(), [o, s] = h(null), [l, d] = h(null), f = Number.isFinite(t) && t > 0 ? t : 0, p = f > 0 ? e / f * 100 : 0, m = l ?? p, g = o !== null && f > 0 ? o * f : null, y = i.enabled && g !== null ? qe(r, g) : null, b = y ? i.fit === "contain" ? Math.min(i.width / y.w, i.height / y.h) : Math.max(i.width / y.w, i.height / y.h) : 1, x = y ? y.w * b : 0, S = y ? y.h * b : 0;
+	u(() => {
+		l !== null && Math.abs(p - l) <= .5 && d(null);
+	}, [p, l]);
+	let C = c((e) => {
 		let t = e.currentTarget.getBoundingClientRect();
-		c(Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)));
+		s(Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)));
 	}, []);
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ v("div", {
 		className: "vplayer__seek",
-		onMouseLeave: () => c(null),
+		onMouseLeave: () => s(null),
 		children: [
-			o !== null && y && /* @__PURE__ */ g("div", {
+			o !== null && y && /* @__PURE__ */ _("div", {
 				className: "vplayer__seek-preview",
 				style: { left: `${o * 100}%` },
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: "vplayer__seek-preview-inner",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "vplayer__seek-preview-frame",
 						style: {
 							width: i.width,
 							height: i.height
 						},
-						children: /* @__PURE__ */ g("div", {
+						children: /* @__PURE__ */ _("div", {
 							className: "vplayer__seek-preview-sprite",
 							style: {
 								width: y.w,
@@ -9922,73 +9923,73 @@ var Vm = () => {
 								transform: `translate(${(i.width - x) / 2}px, ${(i.height - S) / 2}px) scale(${b})`
 							}
 						})
-					}), i.showTime && /* @__PURE__ */ g("span", {
+					}), i.showTime && /* @__PURE__ */ _("span", {
 						className: "vplayer__seek-preview-time",
-						children: nt(v ?? 0)
+						children: nt(g ?? 0)
 					})]
 				})
 			}),
-			/* @__PURE__ */ g($.Root, {
-				value: [h],
+			/* @__PURE__ */ _(zm.Root, {
+				value: [m],
 				onValueChange: (e) => d(e.value[0]),
 				onValueChangeEnd: (t) => a.seek(f ? t.value[0] / 100 * f : e),
 				min: 0,
 				max: 100,
 				step: .01,
 				className: "vplayer__seek-slider",
-				children: /* @__PURE__ */ _($.Control, {
+				children: /* @__PURE__ */ v(zm.Control, {
 					className: "vplayer__seek-slider-control",
 					onPointerMove: C,
-					children: [/* @__PURE__ */ _($.Track, {
+					children: [/* @__PURE__ */ v(zm.Track, {
 						className: "vplayer__seek-track",
-						children: [/* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ _("div", {
 							className: "vplayer__seek-buffered",
 							style: { width: `${n}%` }
-						}), /* @__PURE__ */ g($.Range, { className: "vplayer__seek-progress" })]
-					}), /* @__PURE__ */ g($.Thumb, {
+						}), /* @__PURE__ */ _(zm.Range, { className: "vplayer__seek-progress" })]
+					}), /* @__PURE__ */ _(zm.Thumb, {
 						index: 0,
 						className: "vplayer__seek-thumb",
-						children: /* @__PURE__ */ g($.HiddenInput, {})
+						children: /* @__PURE__ */ _(zm.HiddenInput, {})
 					})]
 				})
 			}),
-			o !== null && !y && /* @__PURE__ */ g("div", {
+			o !== null && !y && /* @__PURE__ */ _("div", {
 				className: "vplayer__seek-tooltip",
 				style: { left: `${o * 100}%` },
-				children: nt(v ?? 0)
+				children: nt(g ?? 0)
 			})
 		]
 	});
-}, Hm = ({ size: e = 20 }) => {
-	let t = N("isPlaying"), n = N("isEnded"), { labels: r, icons: i } = M();
-	return /* @__PURE__ */ g(Bm, {
+}, Um = ({ size: e = 20 }) => {
+	let t = P("isPlaying"), n = P("isEnded"), { labels: r, icons: i } = N();
+	return /* @__PURE__ */ _(Vm, {
 		selected: t,
 		onChange: ct().togglePlay,
 		label: t ? r.pause : r.play,
 		tooltip: t ? `${r.pause} (k)` : `${r.play} (k)`,
-		children: n ? /* @__PURE__ */ g(P, {
+		children: n ? /* @__PURE__ */ _(F, {
 			icon: i.replay,
 			width: e
-		}) : /* @__PURE__ */ g(P, {
+		}) : /* @__PURE__ */ _(F, {
 			icon: t ? i.pause : i.play,
 			width: e,
 			fill: "currentColor"
 		})
 	});
-}, Um = ({ seconds: e }) => {
-	let { icons: t } = M(), n = ct(), r = e > 0, i = r ? `Skip forward ${e}s` : `Skip back ${Math.abs(e)}s`;
-	return /* @__PURE__ */ g(zm, {
+}, Wm = ({ seconds: e }) => {
+	let { icons: t } = N(), n = ct(), r = e > 0, i = r ? `Skip forward ${e}s` : `Skip back ${Math.abs(e)}s`;
+	return /* @__PURE__ */ _(Bm, {
 		label: i,
 		tooltip: i,
 		onClick: () => n.skip(e),
-		children: /* @__PURE__ */ g(P, {
+		children: /* @__PURE__ */ _(F, {
 			icon: r ? t.skipForward : t.skipBack,
 			width: 18
 		})
 	});
-}, Wm = () => {
-	let e = N("currentTime"), t = N("duration");
-	return /* @__PURE__ */ _("span", {
+}, Gm = () => {
+	let e = P("currentTime"), t = P("duration");
+	return /* @__PURE__ */ v("span", {
 		className: "vplayer__time",
 		children: [
 			nt(e),
@@ -9996,45 +9997,45 @@ var Vm = () => {
 			nt(t)
 		]
 	});
-}, Gm = () => {
-	let e = N("volume"), t = N("isMuted"), { labels: n, icons: r } = M(), i = ct(), [a, o] = m(!1);
-	return /* @__PURE__ */ _("div", {
+}, Km = () => {
+	let e = P("volume"), t = P("isMuted"), { labels: n, icons: r } = N(), i = ct(), [a, o] = h(!1);
+	return /* @__PURE__ */ v("div", {
 		className: "vplayer__volume",
 		onMouseEnter: () => o(!0),
 		onMouseLeave: () => o(!1),
-		children: [/* @__PURE__ */ g(Bm, {
+		children: [/* @__PURE__ */ _(Vm, {
 			selected: !t,
 			onChange: i.toggleMute,
 			label: t ? n.unmute : n.mute,
 			tooltip: t ? `${n.unmute} (m)` : `${n.mute} (m)`,
-			children: /* @__PURE__ */ g(P, {
+			children: /* @__PURE__ */ _(F, {
 				icon: t || e === 0 ? r.volumeOff : e < .5 ? r.volumeLow : r.volumeHigh,
 				width: 16
 			})
-		}), /* @__PURE__ */ g("div", {
+		}), /* @__PURE__ */ _("div", {
 			className: ot("vplayer__volume-slider", a && "vplayer__volume-slider--visible"),
-			children: /* @__PURE__ */ g($.Root, {
+			children: /* @__PURE__ */ _(zm.Root, {
 				value: [t ? 0 : e * 100],
 				onValueChange: (e) => i.setVolume(e.value[0] / 100),
 				min: 0,
 				max: 100,
 				step: 1,
 				className: "vplayer__volume-slider-track",
-				children: /* @__PURE__ */ _($.Control, {
+				children: /* @__PURE__ */ v(zm.Control, {
 					className: "vplayer__seek-slider-control",
-					children: [/* @__PURE__ */ g($.Track, {
+					children: [/* @__PURE__ */ _(zm.Track, {
 						className: "vplayer__seek-track",
-						children: /* @__PURE__ */ g($.Range, { className: "vplayer__volume-fill" })
-					}), /* @__PURE__ */ g($.Thumb, {
+						children: /* @__PURE__ */ _(zm.Range, { className: "vplayer__volume-fill" })
+					}), /* @__PURE__ */ _(zm.Thumb, {
 						index: 0,
 						className: "vplayer__volume-thumb",
-						children: /* @__PURE__ */ g($.HiddenInput, {})
+						children: /* @__PURE__ */ _(zm.HiddenInput, {})
 					})]
 				})
 			})
 		})]
 	});
-}, Km = [
+}, qm = [
 	"default",
 	"16:9",
 	"4:3",
@@ -10042,282 +10043,282 @@ var Vm = () => {
 	"cover",
 	"fill"
 ];
-function qm(e, t) {
+function Jm(e, t) {
 	return t === "default" ? e.aspectRatioDefault : t === "16:9" ? e.aspectRatio16 : t === "4:3" ? e.aspectRatio4 : t === "21:9" ? e.aspectRatio21 : t === "cover" ? e.aspectRatioCover : e.aspectRatioFill;
 }
-var Jm = () => {
-	let { labels: e, icons: t } = M(), n = ct(), r = N("playbackRate"), i = N("qualities"), a = N("activeQuality"), o = N("subtitleTracks"), s = N("activeSubtitle"), c = N("flip"), l = N("aspectRatio"), [u, d] = m(!1), [f, p] = m("main");
-	return /* @__PURE__ */ _(Q.Root, {
+var Ym = () => {
+	let { labels: e, icons: t } = N(), n = ct(), r = P("playbackRate"), i = P("qualities"), a = P("activeQuality"), o = P("subtitleTracks"), s = P("activeSubtitle"), c = P("flip"), l = P("aspectRatio"), [u, d] = h(!1), [f, p] = h("main");
+	return /* @__PURE__ */ v($.Root, {
 		open: u,
 		onOpenChange: (e) => {
 			d(e.open), e.open && p("main");
 		},
 		closeOnSelect: !1,
 		positioning: { placement: "top-end" },
-		children: [/* @__PURE__ */ g(Q.Trigger, {
+		children: [/* @__PURE__ */ _($.Trigger, {
 			className: "vplayer__button vplayer__button--trigger",
 			"aria-label": e.settings,
-			children: /* @__PURE__ */ g(P, {
+			children: /* @__PURE__ */ _(F, {
 				icon: t.settings,
 				width: 18
 			})
-		}), /* @__PURE__ */ g(Q.Positioner, {
+		}), /* @__PURE__ */ _($.Positioner, {
 			className: "vplayer__menu-positioner",
-			children: /* @__PURE__ */ _(Q.Content, {
+			children: /* @__PURE__ */ v($.Content, {
 				className: "vplayer__menu-popover vplayer__menu",
 				children: [
-					f === "main" && /* @__PURE__ */ _(h, { children: [
-						/* @__PURE__ */ _(Q.Item, {
+					f === "main" && /* @__PURE__ */ v(g, { children: [
+						/* @__PURE__ */ v($.Item, {
 							value: "speed",
 							onSelect: () => p("speed"),
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ g("span", {
+							children: [/* @__PURE__ */ _("span", {
 								className: "vplayer__menu-label",
 								children: e.speed
-							}), /* @__PURE__ */ _("span", {
+							}), /* @__PURE__ */ v("span", {
 								className: "vplayer__menu-value",
 								children: [r, "x"]
 							})]
 						}),
-						i.length > 0 && /* @__PURE__ */ _(Q.Item, {
+						i.length > 0 && /* @__PURE__ */ v($.Item, {
 							value: "quality",
 							onSelect: () => p("quality"),
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ g("span", {
+							children: [/* @__PURE__ */ _("span", {
 								className: "vplayer__menu-label",
 								children: e.quality
-							}), /* @__PURE__ */ g("span", {
+							}), /* @__PURE__ */ _("span", {
 								className: "vplayer__menu-value",
 								children: a
 							})]
 						}),
-						o.length > 0 && /* @__PURE__ */ _(Q.Item, {
+						o.length > 0 && /* @__PURE__ */ v($.Item, {
 							value: "subtitles",
 							onSelect: () => p("subtitles"),
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ g("span", {
+							children: [/* @__PURE__ */ _("span", {
 								className: "vplayer__menu-label",
 								children: e.subtitles
-							}), /* @__PURE__ */ g("span", {
+							}), /* @__PURE__ */ _("span", {
 								className: "vplayer__menu-value vplayer__menu-value--truncate",
 								children: s?.label ?? e.off
 							})]
 						}),
-						/* @__PURE__ */ _(Q.Item, {
+						/* @__PURE__ */ v($.Item, {
 							value: "flip",
 							onSelect: () => p("flip"),
 							className: "vplayer__menu-item",
 							children: [
-								/* @__PURE__ */ g(P, {
+								/* @__PURE__ */ _(F, {
 									icon: t.flip,
 									width: 14,
 									className: "vplayer__menu-icon"
 								}),
-								/* @__PURE__ */ g("span", {
+								/* @__PURE__ */ _("span", {
 									className: "vplayer__menu-label",
 									children: e.flip
 								}),
-								/* @__PURE__ */ g("span", {
+								/* @__PURE__ */ _("span", {
 									className: "vplayer__menu-value",
 									children: e.flipNormal
 								})
 							]
 						}),
-						/* @__PURE__ */ _(Q.Item, {
+						/* @__PURE__ */ v($.Item, {
 							value: "aspectRatio",
 							onSelect: () => p("aspectRatio"),
 							className: "vplayer__menu-item",
 							children: [
-								/* @__PURE__ */ g(P, {
+								/* @__PURE__ */ _(F, {
 									icon: t.aspectRatio,
 									width: 14,
 									className: "vplayer__menu-icon"
 								}),
-								/* @__PURE__ */ g("span", {
+								/* @__PURE__ */ _("span", {
 									className: "vplayer__menu-label",
 									children: e.aspectRatio
 								}),
-								/* @__PURE__ */ g("span", {
+								/* @__PURE__ */ _("span", {
 									className: "vplayer__menu-value",
-									children: qm(e, l)
+									children: Jm(e, l)
 								})
 							]
 						})
 					] }),
-					f === "speed" && /* @__PURE__ */ _(h, { children: [
-						/* @__PURE__ */ _(Q.Item, {
+					f === "speed" && /* @__PURE__ */ v(g, { children: [
+						/* @__PURE__ */ v($.Item, {
 							value: "back",
 							onSelect: () => p("main"),
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ g(P, {
+							children: [/* @__PURE__ */ _(F, {
 								icon: t.chevronLeft,
 								width: 14,
 								className: "vplayer__menu-icon"
-							}), /* @__PURE__ */ g("span", {
+							}), /* @__PURE__ */ _("span", {
 								className: "vplayer__menu-label",
 								children: e.speed
 							})]
 						}),
-						/* @__PURE__ */ g(Q.Separator, { className: "vplayer__menu-separator" }),
+						/* @__PURE__ */ _($.Separator, { className: "vplayer__menu-separator" }),
 						[
 							.5,
 							1,
 							1.25,
 							1.5,
 							2
-						].map((e) => /* @__PURE__ */ _(Q.Item, {
+						].map((e) => /* @__PURE__ */ v($.Item, {
 							value: `speed-${e}`,
 							onSelect: () => {
 								n.setPlaybackRate(Number(e)), d(!1);
 							},
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ _("span", {
+							children: [/* @__PURE__ */ v("span", {
 								className: r === e ? "vplayer__menu-value--active" : "vplayer__menu-value--inactive",
 								children: [e, "x"]
-							}), r === e && /* @__PURE__ */ g(P, {
+							}), r === e && /* @__PURE__ */ _(F, {
 								icon: t.check,
 								width: 14,
 								className: "vplayer__menu-check"
 							})]
 						}, String(e)))
 					] }),
-					f === "quality" && /* @__PURE__ */ _(h, { children: [
-						/* @__PURE__ */ _(Q.Item, {
+					f === "quality" && /* @__PURE__ */ v(g, { children: [
+						/* @__PURE__ */ v($.Item, {
 							value: "back",
 							onSelect: () => p("main"),
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ g(P, {
+							children: [/* @__PURE__ */ _(F, {
 								icon: t.chevronLeft,
 								width: 14,
 								className: "vplayer__menu-icon"
-							}), /* @__PURE__ */ g("span", {
+							}), /* @__PURE__ */ _("span", {
 								className: "vplayer__menu-label",
 								children: e.quality
 							})]
 						}),
-						/* @__PURE__ */ g(Q.Separator, { className: "vplayer__menu-separator" }),
-						i.map((e) => /* @__PURE__ */ _(Q.Item, {
+						/* @__PURE__ */ _($.Separator, { className: "vplayer__menu-separator" }),
+						i.map((e) => /* @__PURE__ */ v($.Item, {
 							value: `quality-${e}`,
 							onSelect: () => {
 								n.setActiveQuality(e), d(!1);
 							},
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ g("span", {
+							children: [/* @__PURE__ */ _("span", {
 								className: a === e ? "vplayer__menu-value--active" : "vplayer__menu-value--inactive",
 								children: e
-							}), a === e && /* @__PURE__ */ g(P, {
+							}), a === e && /* @__PURE__ */ _(F, {
 								icon: t.check,
 								width: 14,
 								className: "vplayer__menu-check"
 							})]
 						}, e))
 					] }),
-					f === "flip" && /* @__PURE__ */ _(h, { children: [
-						/* @__PURE__ */ _(Q.Item, {
+					f === "flip" && /* @__PURE__ */ v(g, { children: [
+						/* @__PURE__ */ v($.Item, {
 							value: "back",
 							onSelect: () => p("main"),
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ g(P, {
+							children: [/* @__PURE__ */ _(F, {
 								icon: t.chevronLeft,
 								width: 14,
 								className: "vplayer__menu-icon"
-							}), /* @__PURE__ */ g("span", {
+							}), /* @__PURE__ */ _("span", {
 								className: "vplayer__menu-label",
 								children: e.flip
 							})]
 						}),
-						/* @__PURE__ */ g(Q.Separator, { className: "vplayer__menu-separator" }),
+						/* @__PURE__ */ _($.Separator, { className: "vplayer__menu-separator" }),
 						[
 							"normal",
 							"horizontal",
 							"vertical"
-						].map((r) => /* @__PURE__ */ _(Q.Item, {
+						].map((r) => /* @__PURE__ */ v($.Item, {
 							value: `flip-${r}`,
 							onSelect: () => {
 								n.setFlip(r), d(!1);
 							},
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ g("span", {
+							children: [/* @__PURE__ */ _("span", {
 								className: c === r ? "vplayer__menu-value--active" : "vplayer__menu-value--inactive",
 								children: r === "normal" ? e.flipNormal : r === "horizontal" ? e.flipHorizontal : e.flipVertical
-							}), c === r && /* @__PURE__ */ g(P, {
+							}), c === r && /* @__PURE__ */ _(F, {
 								icon: t.check,
 								width: 14,
 								className: "vplayer__menu-check"
 							})]
 						}, r))
 					] }),
-					f === "aspectRatio" && /* @__PURE__ */ _(h, { children: [
-						/* @__PURE__ */ _(Q.Item, {
+					f === "aspectRatio" && /* @__PURE__ */ v(g, { children: [
+						/* @__PURE__ */ v($.Item, {
 							value: "back",
 							onSelect: () => p("main"),
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ g(P, {
+							children: [/* @__PURE__ */ _(F, {
 								icon: t.chevronLeft,
 								width: 14,
 								className: "vplayer__menu-icon"
-							}), /* @__PURE__ */ g("span", {
+							}), /* @__PURE__ */ _("span", {
 								className: "vplayer__menu-label",
 								children: e.aspectRatio
 							})]
 						}),
-						/* @__PURE__ */ g(Q.Separator, { className: "vplayer__menu-separator" }),
-						Km.map((r) => /* @__PURE__ */ _(Q.Item, {
+						/* @__PURE__ */ _($.Separator, { className: "vplayer__menu-separator" }),
+						qm.map((r) => /* @__PURE__ */ v($.Item, {
 							value: `aspect-${r}`,
 							onSelect: () => {
 								n.setAspectRatio(r), d(!1);
 							},
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ g("span", {
+							children: [/* @__PURE__ */ _("span", {
 								className: l === r ? "vplayer__menu-value--active" : "vplayer__menu-value--inactive",
-								children: qm(e, r)
-							}), l === r && /* @__PURE__ */ g(P, {
+								children: Jm(e, r)
+							}), l === r && /* @__PURE__ */ _(F, {
 								icon: t.check,
 								width: 14,
 								className: "vplayer__menu-check"
 							})]
 						}, r))
 					] }),
-					f === "subtitles" && /* @__PURE__ */ _(h, { children: [
-						/* @__PURE__ */ _(Q.Item, {
+					f === "subtitles" && /* @__PURE__ */ v(g, { children: [
+						/* @__PURE__ */ v($.Item, {
 							value: "back",
 							onSelect: () => p("main"),
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ g(P, {
+							children: [/* @__PURE__ */ _(F, {
 								icon: t.chevronLeft,
 								width: 14,
 								className: "vplayer__menu-icon"
-							}), /* @__PURE__ */ g("span", {
+							}), /* @__PURE__ */ _("span", {
 								className: "vplayer__menu-label",
 								children: e.subtitles
 							})]
 						}),
-						/* @__PURE__ */ g(Q.Separator, { className: "vplayer__menu-separator" }),
-						/* @__PURE__ */ _(Q.Item, {
+						/* @__PURE__ */ _($.Separator, { className: "vplayer__menu-separator" }),
+						/* @__PURE__ */ v($.Item, {
 							value: "off",
 							onSelect: () => {
 								n.setActiveSubtitle(null), d(!1);
 							},
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ g("span", {
+							children: [/* @__PURE__ */ _("span", {
 								className: s ? "vplayer__menu-value--inactive" : "vplayer__menu-value--active",
 								children: e.off
-							}), !s && /* @__PURE__ */ g(P, {
+							}), !s && /* @__PURE__ */ _(F, {
 								icon: t.check,
 								width: 14,
 								className: "vplayer__menu-check"
 							})]
 						}),
-						o.map((e) => /* @__PURE__ */ _(Q.Item, {
+						o.map((e) => /* @__PURE__ */ v($.Item, {
 							value: `sub-${e.lang}`,
 							onSelect: () => {
 								n.setActiveSubtitle(o.find((t) => t.lang === e.lang) ?? null), d(!1);
 							},
 							className: "vplayer__menu-item",
-							children: [/* @__PURE__ */ g("span", {
+							children: [/* @__PURE__ */ _("span", {
 								className: s?.lang === e.lang ? "vplayer__menu-value--active" : "vplayer__menu-value--inactive",
 								children: e.label
-							}), s?.lang === e.lang && /* @__PURE__ */ g(P, {
+							}), s?.lang === e.lang && /* @__PURE__ */ _(F, {
 								icon: t.check,
 								width: 14,
 								className: "vplayer__menu-check"
@@ -10328,77 +10329,77 @@ var Jm = () => {
 			})
 		})]
 	});
-}, Ym = () => {
-	let { labels: e, icons: t } = M(), n = lt();
-	return n.enabled ? /* @__PURE__ */ g(Bm, {
+}, Xm = () => {
+	let { labels: e, icons: t } = N(), n = lt();
+	return n.enabled ? /* @__PURE__ */ _(Vm, {
 		selected: n.active,
 		onChange: n.toggle,
 		label: n.active ? e.exitMiniPlayer : e.miniPlayer,
 		tooltip: n.active ? e.exitMiniPlayer : e.miniPlayer,
-		children: /* @__PURE__ */ g(P, {
+		children: /* @__PURE__ */ _(F, {
 			icon: n.active ? t.close : t.miniPlayer,
 			width: 16
 		})
 	}) : null;
-}, Xm = () => {
-	let { labels: e, icons: t } = M(), n = N("capabilities"), r = ct(), i = typeof document < "u" && !!document.pictureInPictureElement;
-	return /* @__PURE__ */ g(Bm, {
+}, Zm = () => {
+	let { labels: e, icons: t } = N(), n = P("capabilities"), r = ct(), i = typeof document < "u" && !!document.pictureInPictureElement;
+	return /* @__PURE__ */ _(Vm, {
 		selected: i,
 		onChange: r.togglePiP,
 		label: i ? e.pipExit : e.pip,
 		tooltip: i ? e.pipExit : e.pip,
 		disabled: !n.pictureInPicture,
-		children: /* @__PURE__ */ g(P, {
+		children: /* @__PURE__ */ _(F, {
 			icon: t.pip,
 			width: 16
 		})
 	});
-}, Zm = () => {
-	let e = N("isFullscreen"), t = N("capabilities"), { labels: n, icons: r } = M();
-	return /* @__PURE__ */ g(Bm, {
+}, Qm = () => {
+	let e = P("isFullscreen"), t = P("capabilities"), { labels: n, icons: r } = N();
+	return /* @__PURE__ */ _(Vm, {
 		selected: e,
 		onChange: ct().toggleFullscreen,
 		label: e ? n.fullscreenExit : n.fullscreen,
 		tooltip: e ? `${n.fullscreenExit} (f)` : `${n.fullscreen} (f)`,
 		disabled: !t.fullscreen,
-		children: /* @__PURE__ */ g(P, {
+		children: /* @__PURE__ */ _(F, {
 			icon: e ? r.fullscreenExit : r.fullscreen,
 			width: 18
 		})
 	});
-}, Qm = () => /* @__PURE__ */ g(h, { children: N("controls").filter((e) => e.position === "left").toSorted(nh).map(ih) }), $m = () => /* @__PURE__ */ g(h, { children: N("controls").filter((e) => e.position === "right").toSorted(nh).map(ih) }), eh = () => /* @__PURE__ */ g(h, { children: N("controls").filter((e) => e.position === "top").toSorted(nh).map(ih) }), th = () => /* @__PURE__ */ g(h, { children: N("controls").filter((e) => e.position === "center").toSorted(nh).map(ih) });
-function nh(e, t) {
+}, $m = () => /* @__PURE__ */ _(g, { children: P("controls").filter((e) => e.position === "left").toSorted(rh).map(ah) }), eh = () => /* @__PURE__ */ _(g, { children: P("controls").filter((e) => e.position === "right").toSorted(rh).map(ah) }), th = () => /* @__PURE__ */ _(g, { children: P("controls").filter((e) => e.position === "top").toSorted(rh).map(ah) }), nh = () => /* @__PURE__ */ _(g, { children: P("controls").filter((e) => e.position === "center").toSorted(rh).map(ah) });
+function rh(e, t) {
 	return e.index - t.index;
 }
-var rh = ({ def: e }) => {
+var ih = ({ def: e }) => {
 	let t = ut(), n = e.render;
-	return /* @__PURE__ */ g(n, { api: t });
+	return /* @__PURE__ */ _(n, { api: t });
 };
-function ih(e) {
-	return /* @__PURE__ */ g(rh, { def: e }, e.name);
+function ah(e) {
+	return /* @__PURE__ */ _(ih, { def: e }, e.name);
 }
-var ah = () => {
-	let e = N("layers");
+var oh = () => {
+	let e = P("layers");
 	if (e.length === 0) return null;
 	let t = ut();
-	return /* @__PURE__ */ g(h, { children: e.map((e) => {
+	return /* @__PURE__ */ _(g, { children: e.map((e) => {
 		let n = e.render;
-		return /* @__PURE__ */ g(n, { api: t }, e.name);
+		return /* @__PURE__ */ _(n, { api: t }, e.name);
 	}) });
-}, oh = () => {
-	let e = N("settings");
+}, sh = () => {
+	let e = P("settings");
 	if (e.length === 0) return null;
 	let t = ut();
-	return /* @__PURE__ */ g(h, { children: e.map((e) => {
+	return /* @__PURE__ */ _(g, { children: e.map((e) => {
 		if (e.render) {
 			let n = e.render;
-			return /* @__PURE__ */ g(n, { api: t }, e.name);
+			return /* @__PURE__ */ _(n, { api: t }, e.name);
 		}
 		return null;
 	}) });
-}, sh = () => {
-	let e = N("notification"), t = ut().store, [n, r] = m(!1);
-	return l(() => {
+}, ch = () => {
+	let e = P("notification"), t = ut().store, [n, r] = h(!1);
+	return u(() => {
 		if (!e) {
 			r(!1);
 			return;
@@ -10411,97 +10412,97 @@ var ah = () => {
 			}));
 		}, e.duration);
 		return () => clearTimeout(n);
-	}, [e, t]), !n || !e ? null : /* @__PURE__ */ g("div", {
+	}, [e, t]), !n || !e ? null : /* @__PURE__ */ _("div", {
 		className: "vplayer__notice",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "vplayer__notice-inner",
 			children: e.message
 		})
 	});
-}, ch = ({ children: e }) => /* @__PURE__ */ _("div", {
-	className: ot("vplayer__controls", !N("controlsVisible") && "vplayer__controls--hidden"),
-	children: [/* @__PURE__ */ g("div", { className: "vplayer__controls-backdrop" }), /* @__PURE__ */ g("div", {
+}, lh = ({ children: e }) => /* @__PURE__ */ v("div", {
+	className: ot("vplayer__controls", !P("controlsVisible") && "vplayer__controls--hidden"),
+	children: [/* @__PURE__ */ _("div", { className: "vplayer__controls-backdrop" }), /* @__PURE__ */ _("div", {
 		className: "vplayer__controls-content",
 		children: e
 	})]
-}), lh = () => /* @__PURE__ */ g("div", { className: "vplayer__spacer" }), uh = () => {
-	let e = N("controlsVisible"), t = N("isPlaying"), n = N("isEnded"), { labels: r, icons: i, slots: a, miniPlayer: o } = M();
-	return /* @__PURE__ */ _(h, { children: [
-		/* @__PURE__ */ g(eh, {}),
-		/* @__PURE__ */ _("div", {
+}), uh = () => /* @__PURE__ */ _("div", { className: "vplayer__spacer" }), dh = () => {
+	let e = P("controlsVisible"), t = P("isPlaying"), n = P("isEnded"), { labels: r, icons: i, slots: a, miniPlayer: o } = N();
+	return /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ _(th, {}),
+		/* @__PURE__ */ v("div", {
 			className: ot("vplayer__mini-chrome", !e && t && "vplayer__mini-chrome--hidden", n && "vplayer__mini-chrome--ended"),
 			children: [
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: "vplayer__mini-topbar",
-					children: [/* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ _("span", {
 						className: "vplayer__mini-title",
 						children: r.miniPlayer
-					}), /* @__PURE__ */ g("button", {
+					}), /* @__PURE__ */ _("button", {
 						type: "button",
 						"aria-label": r.exitMiniPlayer,
 						className: "vplayer__mini-close",
 						onClick: o.exit,
-						children: /* @__PURE__ */ g(P, {
+						children: /* @__PURE__ */ _(F, {
 							icon: i.close,
 							width: 16
 						})
 					})]
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					role: "toolbar",
 					"aria-label": "Mini player controls",
 					className: "vplayer__mini-center-controls",
-					children: a.playButton ?? /* @__PURE__ */ g(Hm, { size: 24 })
+					children: a.playButton ?? /* @__PURE__ */ _(Um, { size: 24 })
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: "vplayer__mini-bottom-controls",
-					children: a.seekBar ?? /* @__PURE__ */ g(Vm, {})
+					children: a.seekBar ?? /* @__PURE__ */ _(Hm, {})
 				})
 			]
 		}),
-		/* @__PURE__ */ g(ah, {}),
-		/* @__PURE__ */ g(sh, {})
+		/* @__PURE__ */ _(oh, {}),
+		/* @__PURE__ */ _(ch, {})
 	] });
-}, dh = () => {
-	let { slots: e, miniPlayer: t } = M();
-	return t.active ? /* @__PURE__ */ g(uh, {}) : /* @__PURE__ */ _(h, { children: [
-		/* @__PURE__ */ g(eh, {}),
-		/* @__PURE__ */ _(ch, { children: [e.seekBar ?? /* @__PURE__ */ g(Vm, {}), /* @__PURE__ */ _("div", {
+}, fh = () => {
+	let { slots: e, miniPlayer: t } = N();
+	return t.active ? /* @__PURE__ */ _(dh, {}) : /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ _(th, {}),
+		/* @__PURE__ */ v(lh, { children: [e.seekBar ?? /* @__PURE__ */ _(Hm, {}), /* @__PURE__ */ v("div", {
 			role: "toolbar",
 			"aria-label": "Playback controls",
 			className: "vplayer__controls-row",
 			children: [
-				/* @__PURE__ */ g(th, {}),
-				e.playButton ?? /* @__PURE__ */ g(Hm, {}),
-				/* @__PURE__ */ g(Um, { seconds: -10 }),
-				/* @__PURE__ */ g(Um, { seconds: 10 }),
-				/* @__PURE__ */ g(Qm, {}),
-				e.volumeControl ?? /* @__PURE__ */ g(Gm, {}),
-				/* @__PURE__ */ g(lh, {}),
-				e.timeDisplay ?? /* @__PURE__ */ g(Wm, {}),
-				/* @__PURE__ */ g(gd, {}),
-				e.settingsButton ?? /* @__PURE__ */ g(Jm, {}),
-				e.miniPlayerButton ?? /* @__PURE__ */ g(Ym, {}),
-				/* @__PURE__ */ g($m, {}),
-				e.pipButton ?? /* @__PURE__ */ g(Xm, {}),
-				e.fullscreenButton ?? /* @__PURE__ */ g(Zm, {})
+				/* @__PURE__ */ _(nh, {}),
+				e.playButton ?? /* @__PURE__ */ _(Um, {}),
+				/* @__PURE__ */ _(Wm, { seconds: -10 }),
+				/* @__PURE__ */ _(Wm, { seconds: 10 }),
+				/* @__PURE__ */ _($m, {}),
+				e.volumeControl ?? /* @__PURE__ */ _(Km, {}),
+				/* @__PURE__ */ _(uh, {}),
+				e.timeDisplay ?? /* @__PURE__ */ _(Gm, {}),
+				/* @__PURE__ */ _(gd, {}),
+				e.settingsButton ?? /* @__PURE__ */ _(Ym, {}),
+				e.miniPlayerButton ?? /* @__PURE__ */ _(Xm, {}),
+				/* @__PURE__ */ _(eh, {}),
+				e.pipButton ?? /* @__PURE__ */ _(Zm, {}),
+				e.fullscreenButton ?? /* @__PURE__ */ _(Qm, {})
 			]
 		})] }),
-		/* @__PURE__ */ g(ah, {}),
-		/* @__PURE__ */ g(sh, {})
+		/* @__PURE__ */ _(oh, {}),
+		/* @__PURE__ */ _(ch, {})
 	] });
-}, fh = () => {
-	let { slots: e, miniPlayer: t } = M(), n = t.active;
-	return /* @__PURE__ */ _(h, { children: [
-		/* @__PURE__ */ g(dh, {}),
-		!n && (e.pauseOverlay ?? /* @__PURE__ */ g(hr, {})),
-		!n && (e.bufferingOverlay ?? /* @__PURE__ */ g(gr, {})),
-		!n && (e.endOverlay ?? /* @__PURE__ */ g(_r, {}))
+}, ph = () => {
+	let { slots: e, miniPlayer: t } = N(), n = t.active;
+	return /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ _(fh, {}),
+		!n && (e.pauseOverlay ?? /* @__PURE__ */ _(hr, {})),
+		!n && (e.bufferingOverlay ?? /* @__PURE__ */ _(gr, {})),
+		!n && (e.endOverlay ?? /* @__PURE__ */ _(_r, {}))
 	] });
 };
 //#endregion
 //#region src/components/player/plugin-api.ts
-function ph() {
+function mh() {
 	return function(e, t) {
 		return {
 			name: e,
@@ -10586,16 +10587,16 @@ function ph() {
 		};
 	};
 }
-var mh = ph(), hh = (e, t) => mh(e, t);
+var hh = mh(), gh = (e, t) => hh(e, t);
 //#endregion
 //#region src/components/player/utils/merge.ts
-function gh(e, t) {
+function _h(e, t) {
 	return {
 		...e,
 		...t
 	};
 }
-function _h(e, t) {
+function vh(e, t) {
 	return {
 		...e,
 		...t
@@ -10603,7 +10604,7 @@ function _h(e, t) {
 }
 //#endregion
 //#region src/components/player/player.tsx
-function vh(e) {
+function yh(e) {
 	return e === !1 ? {
 		enabled: !1,
 		width: 180,
@@ -10627,144 +10628,146 @@ function vh(e) {
 		fit: e.fit ?? "cover"
 	};
 }
-function yh({ className: e = "", children: t, ...n }) {
-	let r = p(null), i = p(null), a = p(null), o = n.src, c = n.poster, u = n.type, d = n.autoPlay, m = n.subtitles, h = n.qualities, v = n.thumbnails, y = n.plugins, b = n.labels, x = n.icons, S = n.slots ?? {}, C = n.miniPlayer, w = n.thumbnailPreview, T = wt(n), { instance: E } = T;
-	l(() => {
+function bh({ className: e = "", children: t, ...n }) {
+	let r = m(null), i = m(null), a = m(null), o = n.src, s = n.poster, l = n.type, d = n.autoPlay, f = n.subtitles, h = n.qualities, g = n.thumbnails, y = n.transformThumbnailVTT, b = n.plugins, x = n.labels, S = n.icons, C = n.slots ?? {}, w = n.miniPlayer, T = n.thumbnailPreview, E = wt(n), { instance: D } = E;
+	u(() => {
 		let e = a.current, t = i.current;
-		return e && t && T.attach(t, e), () => T.detach();
-	}, [T.attach, T.detach]), l(() => {
-		E.updateOptions({
+		return e && t && E.attach(t, e), () => E.detach();
+	}, [E.attach, E.detach]), u(() => {
+		D.updateOptions({
 			src: o,
-			type: u,
-			subtitles: m,
+			type: l,
+			subtitles: f,
 			qualities: h,
-			thumbnails: v,
+			thumbnails: g,
+			transformThumbnailVTT: y,
 			autoPlay: d
 		});
 	}, [
 		o,
-		u,
-		m,
+		l,
+		f,
 		h,
-		v,
+		g,
+		y,
 		d,
-		E
-	]), l(() => E.initPlugins(y ?? []), [y, E]);
-	let D = yt(E.store), O = de(E.store, (e) => e.controlsVisible), ee = de(E.store, (e) => e.isPlaying), k = xt(r, C), A = f(() => vh(w), [w]);
-	l(() => {
-		k.active && (D.showControls(), D.scheduleHide(1400));
-	}, [D, k.active]), l(() => {
-		if (!ee) {
-			D.showControls();
+		D
+	]), u(() => D.initPlugins(b ?? []), [b, D]);
+	let O = yt(D.store), ee = de(D.store, (e) => e.controlsVisible), k = de(D.store, (e) => e.isPlaying), A = xt(r, w), j = p(() => yh(T), [T]);
+	u(() => {
+		A.active && (O.showControls(), O.scheduleHide(1400));
+	}, [O, A.active]), u(() => {
+		if (!k) {
+			O.showControls();
 			return;
 		}
-		let e = k.active ? 1400 : 3e3;
-		D.scheduleHide(e);
+		let e = A.active ? 1400 : 3e3;
+		O.scheduleHide(e);
 		let t = setTimeout(() => {
-			E.store.state.isPlaying && E.store.setState((e) => ({
+			D.store.state.isPlaying && D.store.setState((e) => ({
 				...e,
 				controlsVisible: !1
 			}));
 		}, e);
 		return () => clearTimeout(t);
 	}, [
-		D,
-		E.store,
-		ee,
-		k.active
+		O,
+		D.store,
+		k,
+		A.active
 	]);
-	let te = s((e) => {
-		e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target.isContentEditable || (D.showControls(), E.hotkeys.handleKeyDown(e));
-	}, [E.hotkeys, D]), ne = f(() => gh(rt, b), [b]), re = f(() => _h(it, x), [x]), ie = f(() => ({
+	let te = c((e) => {
+		e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target.isContentEditable || (O.showControls(), D.hotkeys.handleKeyDown(e));
+	}, [D.hotkeys, O]), ne = p(() => _h(rt, x), [x]), re = p(() => vh(it, S), [S]), ie = p(() => ({
 		ref: a,
 		className: "vplayer__video",
-		poster: c,
+		poster: s,
 		autoPlay: d,
 		preload: "metadata",
 		playsInline: !0,
-		onClick: E.remote.togglePlay
+		onClick: D.remote.togglePlay
 	}), [
-		c,
+		s,
 		d,
-		E.remote.togglePlay
-	]), ae = Ct(E.store, E.remote), oe = s((e) => {
-		D.showControls(), ae.onTouchStart(e);
-	}, [D, ae]), se = s((e) => ae.onTouchMove(e), [ae]), ce = s((e) => ae.onTouchEnd(e), [ae]), le = f(() => ({
+		D.remote.togglePlay
+	]), ae = Ct(D.store, D.remote), oe = c((e) => {
+		O.showControls(), ae.onTouchStart(e);
+	}, [O, ae]), se = c((e) => ae.onTouchMove(e), [ae]), ce = c((e) => ae.onTouchEnd(e), [ae]), le = p(() => ({
 		containerRef: i,
 		videoRef: a,
 		labels: ne,
 		icons: re,
-		slots: S,
-		mediaStore: E.store,
-		mediaRemote: E.remote,
-		events: E.events,
-		storage: E.storage,
-		i18n: E.i18n,
-		hotkeys: E.hotkeys,
-		engine: E.engine,
-		instance: E,
-		createPluginAPI: hh,
-		miniPlayer: k,
-		thumbnailPreview: A
+		slots: C,
+		mediaStore: D.store,
+		mediaRemote: D.remote,
+		events: D.events,
+		storage: D.storage,
+		i18n: D.i18n,
+		hotkeys: D.hotkeys,
+		engine: D.engine,
+		instance: D,
+		createPluginAPI: gh,
+		miniPlayer: A,
+		thumbnailPreview: j
 	}), [
-		E,
+		D,
 		ne,
 		re,
-		S,
-		k,
-		A
-	]), ue = f(() => ({
-		"--vplayer-mini-width": typeof k.width == "number" ? `${k.width}px` : k.width,
-		"--vplayer-thumbnail-width": `${A.width}px`,
-		"--vplayer-thumbnail-height": `${A.height}px`,
-		"--vplayer-thumbnail-gap": `${A.gap}px`
+		C,
+		A,
+		j
+	]), ue = p(() => ({
+		"--vplayer-mini-width": typeof A.width == "number" ? `${A.width}px` : A.width,
+		"--vplayer-thumbnail-width": `${j.width}px`,
+		"--vplayer-thumbnail-height": `${j.height}px`,
+		"--vplayer-thumbnail-gap": `${j.gap}px`
 	}), [
-		k.width,
-		A.gap,
-		A.height,
-		A.width
+		A.width,
+		j.gap,
+		j.height,
+		j.width
 	]);
-	return /* @__PURE__ */ g(st.Provider, {
+	return /* @__PURE__ */ _(st.Provider, {
 		value: le,
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ _("div", {
 			ref: r,
 			className: "vplayer__anchor",
-			children: /* @__PURE__ */ _("div", {
+			children: /* @__PURE__ */ v("div", {
 				ref: i,
 				tabIndex: 0,
 				role: "application",
 				"aria-label": "Video player",
 				"data-testid": "vplayer-root",
-				"data-mini-player": k.active ? "true" : "false",
-				"data-mini-player-position": k.position,
-				className: ot("vplayer", !O && "vplayer--controls-hidden", k.enabled && "vplayer--mini-enabled", k.active && "vplayer--mini", k.active && `vplayer--mini-${k.position}`, e),
+				"data-mini-player": A.active ? "true" : "false",
+				"data-mini-player-position": A.position,
+				className: ot("vplayer", !ee && "vplayer--controls-hidden", A.enabled && "vplayer--mini-enabled", A.active && "vplayer--mini", A.active && `vplayer--mini-${A.position}`, e),
 				style: ue,
 				onKeyDown: te,
-				onMouseMove: D.rootHandlers.onMouseMove,
-				onMouseEnter: D.rootHandlers.onMouseEnter,
-				onMouseLeave: D.rootHandlers.onMouseLeave,
-				onFocus: D.rootHandlers.onFocus,
-				onBlur: D.rootHandlers.onBlur,
+				onMouseMove: O.rootHandlers.onMouseMove,
+				onMouseEnter: O.rootHandlers.onMouseEnter,
+				onMouseLeave: O.rootHandlers.onMouseLeave,
+				onFocus: O.rootHandlers.onFocus,
+				onBlur: O.rootHandlers.onBlur,
 				onTouchStart: oe,
 				onTouchMove: se,
 				onTouchEnd: ce,
-				onDoubleClick: E.remote.toggleFullscreen,
+				onDoubleClick: D.remote.toggleFullscreen,
 				children: [
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ _("div", {
 						className: "vplayer__media-viewport",
 						"data-testid": "vplayer-media-viewport",
-						children: /* @__PURE__ */ g("video", { ...ie })
+						children: /* @__PURE__ */ _("video", { ...ie })
 					}),
-					t ?? /* @__PURE__ */ g(fh, {}),
-					/* @__PURE__ */ g(mr, {}),
-					k.active && /* @__PURE__ */ g(gt, {}),
-					/* @__PURE__ */ g(pt, {}),
-					/* @__PURE__ */ g(dt, {}),
-					/* @__PURE__ */ g(ft, {}),
-					/* @__PURE__ */ g(ht, {}),
-					/* @__PURE__ */ g("div", {
-						className: ot("vplayer__click-layer", O && "vplayer__click-layer--hidden"),
-						onClick: E.remote.togglePlay
+					t ?? /* @__PURE__ */ _(ph, {}),
+					/* @__PURE__ */ _(mr, {}),
+					A.active && /* @__PURE__ */ _(gt, {}),
+					/* @__PURE__ */ _(pt, {}),
+					/* @__PURE__ */ _(dt, {}),
+					/* @__PURE__ */ _(ft, {}),
+					/* @__PURE__ */ _(ht, {}),
+					/* @__PURE__ */ _("div", {
+						className: ot("vplayer__click-layer", ee && "vplayer__click-layer--hidden"),
+						onClick: D.remote.togglePlay
 					})
 				]
 			})
@@ -10773,41 +10776,43 @@ function yh({ className: e = "", children: t, ...n }) {
 }
 //#endregion
 //#region src/components/player/layout/compact-video-layout.tsx
-var bh = () => /* @__PURE__ */ g(fh, {}), xh = () => /* @__PURE__ */ g(fh, {}), Sh = ({ options: e, labels: t, icons: n, slots: r = {}, children: i }) => {
-	let a = wt(e), { instance: o } = a, s = p(null), c = p(null), u = e.src, d = e.type, m = e.autoPlay, h = e.subtitles, _ = e.qualities, v = e.thumbnails, y = e.plugins;
-	l(() => {
+var xh = () => /* @__PURE__ */ _(ph, {}), Sh = () => /* @__PURE__ */ _(ph, {}), Ch = ({ options: e, labels: t, icons: n, slots: r = {}, children: i }) => {
+	let a = wt(e), { instance: o } = a, s = m(null), c = m(null), l = e.src, d = e.type, f = e.autoPlay, h = e.subtitles, g = e.qualities, v = e.thumbnails, y = e.transformThumbnailVTT, b = e.plugins;
+	u(() => {
 		let e = s.current, t = c.current;
 		return e && t && a.attach(e, t), () => a.detach();
-	}, [a.attach, a.detach]), l(() => {
+	}, [a.attach, a.detach]), u(() => {
 		o.updateOptions({
-			src: u,
+			src: l,
 			type: d,
-			autoPlay: m,
+			autoPlay: f,
 			subtitles: h,
-			qualities: _,
-			thumbnails: v
+			qualities: g,
+			thumbnails: v,
+			transformThumbnailVTT: y
 		});
 	}, [
-		u,
+		l,
 		d,
-		m,
+		f,
 		h,
-		_,
+		g,
 		v,
+		y,
 		o
-	]), l(() => o.initPlugins(y ?? []), [y, o]);
-	let b = gh(rt, t), x = _h(it, n), S = f(() => St(), []), C = f(() => ({
+	]), u(() => o.initPlugins(b ?? []), [b, o]);
+	let x = _h(rt, t), S = vh(it, n), C = p(() => St(), []), w = p(() => ({
 		enabled: !0,
 		width: 180,
 		height: 101,
 		gap: 10,
 		showTime: !0,
 		fit: "cover"
-	}), []), w = {
+	}), []), T = {
 		containerRef: s,
 		videoRef: c,
-		labels: b,
-		icons: x,
+		labels: x,
+		icons: S,
 		slots: r,
 		mediaStore: o.store,
 		mediaRemote: o.remote,
@@ -10817,14 +10822,14 @@ var bh = () => /* @__PURE__ */ g(fh, {}), xh = () => /* @__PURE__ */ g(fh, {}),
 		hotkeys: o.hotkeys,
 		engine: o.engine,
 		instance: o,
-		createPluginAPI: hh,
-		miniPlayer: S,
-		thumbnailPreview: C
+		createPluginAPI: gh,
+		miniPlayer: C,
+		thumbnailPreview: w
 	};
-	return /* @__PURE__ */ g(st.Provider, {
-		value: w,
+	return /* @__PURE__ */ _(st.Provider, {
+		value: T,
 		children: i
 	});
 };
 //#endregion
-export { dt as AutoResumeOverlay, gr as BufferingOverlay, bh as CompactVideoLayout, ft as ContextMenu, ch as ControlsBar, fh as DefaultVideoLayout, _r as EndOverlay, pt as ErrorOverlay, me as EventBus, Zm as FullscreenButton, he as HotkeyRegistry, ve as I18n, xh as LargeVideoLayout, Ym as MiniPlayerButton, gt as MiniProgressBar, sh as NotificationOverlay, hr as PauseOverlay, Xm as PiPButton, Hm as PlayButton, dh as PlayerChrome, Sh as PlayerProvider, th as PluginControlsCenter, Qm as PluginControlsLeft, $m as PluginControlsRight, eh as PluginControlsTop, ah as PluginLayers, oh as PluginSettings, j as STORAGE_KEYS, gd as ScreenshotButton, Vm as SeekBar, Jm as SettingsTrigger, Um as SkipButton, Le as Storage, Wm as TimeDisplay, mr as TopGradient, yh as VideoPlayer, Gm as VolumeControl, tt as createGestureEngine, et as createPlayer, hh as createPluginAPI, ph as createPluginAPIBuilder, it as defaultPlayerIcons, rt as defaultPlayerLabels, Ve as fetchSubtitles, Ke as fetchThumbnails, nt as formatTime, He as getActiveCue, qe as getThumbnailAtTime, ze as parseSRT, We as parseThumbnailVTT, Be as parseVTT, lt as useMiniPlayer, wt as usePlayer, M as usePlayerContext, Ct as usePlayerGestures, ct as usePlayerRemote, N as usePlayerState, ut as usePluginAPI };
+export { dt as AutoResumeOverlay, gr as BufferingOverlay, xh as CompactVideoLayout, ft as ContextMenu, lh as ControlsBar, ph as DefaultVideoLayout, _r as EndOverlay, pt as ErrorOverlay, me as EventBus, Qm as FullscreenButton, he as HotkeyRegistry, ve as I18n, Sh as LargeVideoLayout, Xm as MiniPlayerButton, gt as MiniProgressBar, ch as NotificationOverlay, hr as PauseOverlay, Zm as PiPButton, Um as PlayButton, fh as PlayerChrome, Ch as PlayerProvider, nh as PluginControlsCenter, $m as PluginControlsLeft, eh as PluginControlsRight, th as PluginControlsTop, oh as PluginLayers, sh as PluginSettings, M as STORAGE_KEYS, gd as ScreenshotButton, Hm as SeekBar, Ym as SettingsTrigger, Wm as SkipButton, Le as Storage, Gm as TimeDisplay, mr as TopGradient, bh as VideoPlayer, Km as VolumeControl, tt as createGestureEngine, et as createPlayer, gh as createPluginAPI, mh as createPluginAPIBuilder, it as defaultPlayerIcons, rt as defaultPlayerLabels, Ve as fetchSubtitles, Ke as fetchThumbnails, nt as formatTime, He as getActiveCue, qe as getThumbnailAtTime, ze as parseSRT, We as parseThumbnailVTT, Be as parseVTT, lt as useMiniPlayer, wt as usePlayer, N as usePlayerContext, Ct as usePlayerGestures, ct as usePlayerRemote, P as usePlayerState, ut as usePluginAPI };