@therealtinhtute/baroiplayer 1.2.1 → 2.0.0-beta.1

package/dist/enhanced-components-BwjBqSA1.js

@@ -1,2858 +0,0 @@
-import { n as e } from "./rolldown-runtime-BmowowmI.js";
-import { a as t, f as n, i as r, l as i, u as a } from "./context-DD_SH4tT.js";
-import o, { useMemo as s } from "react";
-//#region ../../node_modules/clsx/dist/clsx.mjs
-function c(e) {
-	var t, n, r = "";
-	if (typeof e == "string" || typeof e == "number") r += e;
-	else if (typeof e == "object") if (Array.isArray(e)) {
-		var i = e.length;
-		for (t = 0; t < i; t++) e[t] && (n = c(e[t])) && (r && (r += " "), r += n);
-	} else for (n in e) e[n] && (r && (r += " "), r += n);
-	return r;
-}
-function l() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = c(e)) && (r && (r += " "), r += t);
-	return r;
-}
-//#endregion
-//#region ../../node_modules/tailwind-merge/dist/bundle-mjs.mjs
-var u = (e, t) => {
-	let n = Array(e.length + t.length);
-	for (let t = 0; t < e.length; t++) n[t] = e[t];
-	for (let r = 0; r < t.length; r++) n[e.length + r] = t[r];
-	return n;
-}, d = (e, t) => ({
-	classGroupId: e,
-	validator: t
-}), f = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
-	nextPart: e,
-	validators: t,
-	classGroupId: n
-}), p = "-", m = [], h = "arbitrary..", g = (e) => {
-	let t = y(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
-	return {
-		getClassGroupId: (e) => {
-			if (e.startsWith("[") && e.endsWith("]")) return v(e);
-			let n = e.split(p);
-			return _(n, +(n[0] === "" && n.length > 1), t);
-		},
-		getConflictingClassGroupIds: (e, t) => {
-			if (t) {
-				let t = r[e], i = n[e];
-				return t ? i ? u(i, t) : t : i || m;
-			}
-			return n[e] || m;
-		}
-	};
-}, _ = (e, t, n) => {
-	if (e.length - t === 0) return n.classGroupId;
-	let r = n.nextPart.get(e[t]);
-	if (r) {
-		let n = _(e, t + 1, r);
-		if (n) return n;
-	}
-	let i = n.validators;
-	if (i === null) return;
-	let a = t === 0 ? e.join(p) : e.slice(t).join(p), o = i.length;
-	for (let e = 0; e < o; e++) {
-		let t = i[e];
-		if (t.validator(a)) return t.classGroupId;
-	}
-}, v = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-	let t = e.slice(1, -1), n = t.indexOf(":"), r = t.slice(0, n);
-	return r ? h + r : void 0;
-})(), y = (e) => {
-	let { theme: t, classGroups: n } = e;
-	return b(n, t);
-}, b = (e, t) => {
-	let n = f();
-	for (let r in e) {
-		let i = e[r];
-		x(i, n, r, t);
-	}
-	return n;
-}, x = (e, t, n, r) => {
-	let i = e.length;
-	for (let a = 0; a < i; a++) {
-		let i = e[a];
-		S(i, t, n, r);
-	}
-}, S = (e, t, n, r) => {
-	if (typeof e == "string") {
-		C(e, t, n);
-		return;
-	}
-	if (typeof e == "function") {
-		w(e, t, n, r);
-		return;
-	}
-	T(e, t, n, r);
-}, C = (e, t, n) => {
-	let r = e === "" ? t : E(t, e);
-	r.classGroupId = n;
-}, w = (e, t, n, r) => {
-	if (ee(e)) {
-		x(e(r), t, n, r);
-		return;
-	}
-	t.validators === null && (t.validators = []), t.validators.push(d(n, e));
-}, T = (e, t, n, r) => {
-	let i = Object.entries(e), a = i.length;
-	for (let e = 0; e < a; e++) {
-		let [a, o] = i[e];
-		x(o, E(t, a), n, r);
-	}
-}, E = (e, t) => {
-	let n = e, r = t.split(p), i = r.length;
-	for (let e = 0; e < i; e++) {
-		let t = r[e], i = n.nextPart.get(t);
-		i || (i = f(), n.nextPart.set(t, i)), n = i;
-	}
-	return n;
-}, ee = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, D = (e) => {
-	if (e < 1) return {
-		get: () => void 0,
-		set: () => {}
-	};
-	let t = 0, n = Object.create(null), r = Object.create(null), i = (i, a) => {
-		n[i] = a, t++, t > e && (t = 0, r = n, n = Object.create(null));
-	};
-	return {
-		get(e) {
-			let t = n[e];
-			if (t !== void 0) return t;
-			if ((t = r[e]) !== void 0) return i(e, t), t;
-		},
-		set(e, t) {
-			e in n ? n[e] = t : i(e, t);
-		}
-	};
-}, O = "!", k = ":", A = [], j = (e, t, n, r, i) => ({
-	modifiers: e,
-	hasImportantModifier: t,
-	baseClassName: n,
-	maybePostfixModifierPosition: r,
-	isExternal: i
-}), M = (e) => {
-	let { prefix: t, experimentalParseClassName: n } = e, r = (e) => {
-		let t = [], n = 0, r = 0, i = 0, a, o = e.length;
-		for (let s = 0; s < o; s++) {
-			let o = e[s];
-			if (n === 0 && r === 0) {
-				if (o === k) {
-					t.push(e.slice(i, s)), i = s + 1;
-					continue;
-				}
-				if (o === "/") {
-					a = s;
-					continue;
-				}
-			}
-			o === "[" ? n++ : o === "]" ? n-- : o === "(" ? r++ : o === ")" && r--;
-		}
-		let s = t.length === 0 ? e : e.slice(i), c = s, l = !1;
-		s.endsWith(O) ? (c = s.slice(0, -1), l = !0) : s.startsWith(O) && (c = s.slice(1), l = !0);
-		let u = a && a > i ? a - i : void 0;
-		return j(t, l, c, u);
-	};
-	if (t) {
-		let e = t + k, n = r;
-		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : j(A, !1, t, void 0, !0);
-	}
-	if (n) {
-		let e = r;
-		r = (t) => n({
-			className: t,
-			parseClassName: e
-		});
-	}
-	return r;
-}, te = (e) => {
-	let t = /* @__PURE__ */ new Map();
-	return e.orderSensitiveModifiers.forEach((e, n) => {
-		t.set(e, 1e6 + n);
-	}), (e) => {
-		let n = [], r = [];
-		for (let i = 0; i < e.length; i++) {
-			let a = e[i], o = a[0] === "[", s = t.has(a);
-			o || s ? (r.length > 0 && (r.sort(), n.push(...r), r = []), n.push(a)) : r.push(a);
-		}
-		return r.length > 0 && (r.sort(), n.push(...r)), n;
-	};
-}, ne = (e) => ({
-	cache: D(e.cacheSize),
-	parseClassName: M(e),
-	sortModifiers: te(e),
-	postfixLookupClassGroupIds: N(e),
-	...g(e)
-}), N = (e) => {
-	let t = Object.create(null), n = e.postfixLookupClassGroups;
-	if (n) for (let e = 0; e < n.length; e++) t[n[e]] = !0;
-	return t;
-}, re = /\s+/, ie = (e, t) => {
-	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(re), l = "";
-	for (let e = c.length - 1; e >= 0; --e) {
-		let t = c[e], { isExternal: u, modifiers: d, hasImportantModifier: f, baseClassName: p, maybePostfixModifierPosition: m } = n(t);
-		if (u) {
-			l = t + (l.length > 0 ? " " + l : l);
-			continue;
-		}
-		let h = !!m, g;
-		if (h) {
-			g = r(p.substring(0, m));
-			let e = g && o[g] ? r(p) : void 0;
-			e && e !== g && (g = e, h = !1);
-		} else g = r(p);
-		if (!g) {
-			if (!h) {
-				l = t + (l.length > 0 ? " " + l : l);
-				continue;
-			}
-			if (g = r(p), !g) {
-				l = t + (l.length > 0 ? " " + l : l);
-				continue;
-			}
-			h = !1;
-		}
-		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), v = f ? _ + O : _, y = v + g;
-		if (s.indexOf(y) > -1) continue;
-		s.push(y);
-		let b = i(g, h);
-		for (let e = 0; e < b.length; ++e) s.push(v + b[e]);
-		l = t + (l.length > 0 ? " " + l : l);
-	}
-	return l;
-}, ae = (...e) => {
-	let t = 0, n, r, i = "";
-	for (; t < e.length;) (n = e[t++]) && (r = oe(n)) && (i && (i += " "), i += r);
-	return i;
-}, oe = (e) => {
-	if (typeof e == "string") return e;
-	let t, n = "";
-	for (let r = 0; r < e.length; r++) e[r] && (t = oe(e[r])) && (n && (n += " "), n += t);
-	return n;
-}, P = (e, ...t) => {
-	let n, r, i, a, o = (o) => (n = ne(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
-		let t = r(e);
-		if (t) return t;
-		let a = ie(e, n);
-		return i(e, a), a;
-	};
-	return a = o, (...e) => a(ae(...e));
-}, F = [], I = (e) => {
-	let t = (t) => t[e] || F;
-	return t.isThemeGetter = !0, t;
-}, L = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, se = /^\((?:(\w[\w-]*):)?(.+)\)$/i, R = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, ce = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, z = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, B = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, le = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, V = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, H = (e) => R.test(e), U = (e) => !!e && !Number.isNaN(Number(e)), W = (e) => !!e && Number.isInteger(Number(e)), ue = (e) => e.endsWith("%") && U(e.slice(0, -1)), G = (e) => ce.test(e), de = () => !0, fe = (e) => z.test(e) && !B.test(e), pe = () => !1, me = (e) => le.test(e), he = (e) => V.test(e), ge = (e) => !K(e) && !J(e), _e = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), ve = (e) => Y(e, Pe, pe), K = (e) => L.test(e), q = (e) => Y(e, Fe, fe), ye = (e) => Y(e, Ie, U), be = (e) => Y(e, Re, de), xe = (e) => Y(e, Le, pe), Se = (e) => Y(e, Me, pe), Ce = (e) => Y(e, Ne, he), we = (e) => Y(e, ze, me), J = (e) => se.test(e), Te = (e) => X(e, Fe), Ee = (e) => X(e, Le), De = (e) => X(e, Me), Oe = (e) => X(e, Pe), ke = (e) => X(e, Ne), Ae = (e) => X(e, ze, !0), je = (e) => X(e, Re, !0), Y = (e, t, n) => {
-	let r = L.exec(e);
-	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
-}, X = (e, t, n = !1) => {
-	let r = se.exec(e);
-	return r ? r[1] ? t(r[1]) : n : !1;
-}, Me = (e) => e === "position" || e === "percentage", Ne = (e) => e === "image" || e === "url", Pe = (e) => e === "length" || e === "size" || e === "bg-size", Fe = (e) => e === "length", Ie = (e) => e === "number", Le = (e) => e === "family-name", Re = (e) => e === "number" || e === "weight", ze = (e) => e === "shadow", Be = /*#__PURE__*/ P(() => {
-	let e = I("color"), t = I("font"), n = I("text"), r = I("font-weight"), i = I("tracking"), a = I("leading"), o = I("breakpoint"), s = I("container"), c = I("spacing"), l = I("radius"), u = I("shadow"), d = I("inset-shadow"), f = I("text-shadow"), p = I("drop-shadow"), m = I("blur"), h = I("perspective"), g = I("aspect"), _ = I("ease"), v = I("animate"), y = () => [
-		"auto",
-		"avoid",
-		"all",
-		"avoid-page",
-		"page",
-		"left",
-		"right",
-		"column"
-	], b = () => [
-		"center",
-		"top",
-		"bottom",
-		"left",
-		"right",
-		"top-left",
-		"left-top",
-		"top-right",
-		"right-top",
-		"bottom-right",
-		"right-bottom",
-		"bottom-left",
-		"left-bottom"
-	], x = () => [
-		...b(),
-		J,
-		K
-	], S = () => [
-		"auto",
-		"hidden",
-		"clip",
-		"visible",
-		"scroll"
-	], C = () => [
-		"auto",
-		"contain",
-		"none"
-	], w = () => [
-		J,
-		K,
-		c
-	], T = () => [
-		H,
-		"full",
-		"auto",
-		...w()
-	], E = () => [
-		W,
-		"none",
-		"subgrid",
-		J,
-		K
-	], ee = () => [
-		"auto",
-		{ span: [
-			"full",
-			W,
-			J,
-			K
-		] },
-		W,
-		J,
-		K
-	], D = () => [
-		W,
-		"auto",
-		J,
-		K
-	], O = () => [
-		"auto",
-		"min",
-		"max",
-		"fr",
-		J,
-		K
-	], k = () => [
-		"start",
-		"end",
-		"center",
-		"between",
-		"around",
-		"evenly",
-		"stretch",
-		"baseline",
-		"center-safe",
-		"end-safe"
-	], A = () => [
-		"start",
-		"end",
-		"center",
-		"stretch",
-		"center-safe",
-		"end-safe"
-	], j = () => ["auto", ...w()], M = () => [
-		H,
-		"auto",
-		"full",
-		"dvw",
-		"dvh",
-		"lvw",
-		"lvh",
-		"svw",
-		"svh",
-		"min",
-		"max",
-		"fit",
-		...w()
-	], te = () => [
-		H,
-		"screen",
-		"full",
-		"dvw",
-		"lvw",
-		"svw",
-		"min",
-		"max",
-		"fit",
-		...w()
-	], ne = () => [
-		H,
-		"screen",
-		"full",
-		"lh",
-		"dvh",
-		"lvh",
-		"svh",
-		"min",
-		"max",
-		"fit",
-		...w()
-	], N = () => [
-		e,
-		J,
-		K
-	], re = () => [
-		...b(),
-		De,
-		Se,
-		{ position: [J, K] }
-	], ie = () => ["no-repeat", { repeat: [
-		"",
-		"x",
-		"y",
-		"space",
-		"round"
-	] }], ae = () => [
-		"auto",
-		"cover",
-		"contain",
-		Oe,
-		ve,
-		{ size: [J, K] }
-	], oe = () => [
-		ue,
-		Te,
-		q
-	], P = () => [
-		"",
-		"none",
-		"full",
-		l,
-		J,
-		K
-	], F = () => [
-		"",
-		U,
-		Te,
-		q
-	], L = () => [
-		"solid",
-		"dashed",
-		"dotted",
-		"double"
-	], se = () => [
-		"normal",
-		"multiply",
-		"screen",
-		"overlay",
-		"darken",
-		"lighten",
-		"color-dodge",
-		"color-burn",
-		"hard-light",
-		"soft-light",
-		"difference",
-		"exclusion",
-		"hue",
-		"saturation",
-		"color",
-		"luminosity"
-	], R = () => [
-		U,
-		ue,
-		De,
-		Se
-	], ce = () => [
-		"",
-		"none",
-		m,
-		J,
-		K
-	], z = () => [
-		"none",
-		U,
-		J,
-		K
-	], B = () => [
-		"none",
-		U,
-		J,
-		K
-	], le = () => [
-		U,
-		J,
-		K
-	], V = () => [
-		H,
-		"full",
-		...w()
-	];
-	return {
-		cacheSize: 500,
-		theme: {
-			animate: [
-				"spin",
-				"ping",
-				"pulse",
-				"bounce"
-			],
-			aspect: ["video"],
-			blur: [G],
-			breakpoint: [G],
-			color: [de],
-			container: [G],
-			"drop-shadow": [G],
-			ease: [
-				"in",
-				"out",
-				"in-out"
-			],
-			font: [ge],
-			"font-weight": [
-				"thin",
-				"extralight",
-				"light",
-				"normal",
-				"medium",
-				"semibold",
-				"bold",
-				"extrabold",
-				"black"
-			],
-			"inset-shadow": [G],
-			leading: [
-				"none",
-				"tight",
-				"snug",
-				"normal",
-				"relaxed",
-				"loose"
-			],
-			perspective: [
-				"dramatic",
-				"near",
-				"normal",
-				"midrange",
-				"distant",
-				"none"
-			],
-			radius: [G],
-			shadow: [G],
-			spacing: ["px", U],
-			text: [G],
-			"text-shadow": [G],
-			tracking: [
-				"tighter",
-				"tight",
-				"normal",
-				"wide",
-				"wider",
-				"widest"
-			]
-		},
-		classGroups: {
-			aspect: [{ aspect: [
-				"auto",
-				"square",
-				H,
-				K,
-				J,
-				g
-			] }],
-			container: ["container"],
-			"container-type": [{ "@container": [
-				"",
-				"normal",
-				"size",
-				J,
-				K
-			] }],
-			"container-named": [_e],
-			columns: [{ columns: [
-				U,
-				K,
-				J,
-				s
-			] }],
-			"break-after": [{ "break-after": y() }],
-			"break-before": [{ "break-before": y() }],
-			"break-inside": [{ "break-inside": [
-				"auto",
-				"avoid",
-				"avoid-page",
-				"avoid-column"
-			] }],
-			"box-decoration": [{ "box-decoration": ["slice", "clone"] }],
-			box: [{ box: ["border", "content"] }],
-			display: [
-				"block",
-				"inline-block",
-				"inline",
-				"flex",
-				"inline-flex",
-				"table",
-				"inline-table",
-				"table-caption",
-				"table-cell",
-				"table-column",
-				"table-column-group",
-				"table-footer-group",
-				"table-header-group",
-				"table-row-group",
-				"table-row",
-				"flow-root",
-				"grid",
-				"inline-grid",
-				"contents",
-				"list-item",
-				"hidden"
-			],
-			sr: ["sr-only", "not-sr-only"],
-			float: [{ float: [
-				"right",
-				"left",
-				"none",
-				"start",
-				"end"
-			] }],
-			clear: [{ clear: [
-				"left",
-				"right",
-				"both",
-				"none",
-				"start",
-				"end"
-			] }],
-			isolation: ["isolate", "isolation-auto"],
-			"object-fit": [{ object: [
-				"contain",
-				"cover",
-				"fill",
-				"none",
-				"scale-down"
-			] }],
-			"object-position": [{ object: x() }],
-			overflow: [{ overflow: S() }],
-			"overflow-x": [{ "overflow-x": S() }],
-			"overflow-y": [{ "overflow-y": S() }],
-			overscroll: [{ overscroll: C() }],
-			"overscroll-x": [{ "overscroll-x": C() }],
-			"overscroll-y": [{ "overscroll-y": C() }],
-			position: [
-				"static",
-				"fixed",
-				"absolute",
-				"relative",
-				"sticky"
-			],
-			inset: [{ inset: T() }],
-			"inset-x": [{ "inset-x": T() }],
-			"inset-y": [{ "inset-y": T() }],
-			start: [{
-				"inset-s": T(),
-				start: T()
-			}],
-			end: [{
-				"inset-e": T(),
-				end: T()
-			}],
-			"inset-bs": [{ "inset-bs": T() }],
-			"inset-be": [{ "inset-be": T() }],
-			top: [{ top: T() }],
-			right: [{ right: T() }],
-			bottom: [{ bottom: T() }],
-			left: [{ left: T() }],
-			visibility: [
-				"visible",
-				"invisible",
-				"collapse"
-			],
-			z: [{ z: [
-				W,
-				"auto",
-				J,
-				K
-			] }],
-			basis: [{ basis: [
-				H,
-				"full",
-				"auto",
-				s,
-				...w()
-			] }],
-			"flex-direction": [{ flex: [
-				"row",
-				"row-reverse",
-				"col",
-				"col-reverse"
-			] }],
-			"flex-wrap": [{ flex: [
-				"nowrap",
-				"wrap",
-				"wrap-reverse"
-			] }],
-			flex: [{ flex: [
-				U,
-				H,
-				"auto",
-				"initial",
-				"none",
-				K
-			] }],
-			grow: [{ grow: [
-				"",
-				U,
-				J,
-				K
-			] }],
-			shrink: [{ shrink: [
-				"",
-				U,
-				J,
-				K
-			] }],
-			order: [{ order: [
-				W,
-				"first",
-				"last",
-				"none",
-				J,
-				K
-			] }],
-			"grid-cols": [{ "grid-cols": E() }],
-			"col-start-end": [{ col: ee() }],
-			"col-start": [{ "col-start": D() }],
-			"col-end": [{ "col-end": D() }],
-			"grid-rows": [{ "grid-rows": E() }],
-			"row-start-end": [{ row: ee() }],
-			"row-start": [{ "row-start": D() }],
-			"row-end": [{ "row-end": D() }],
-			"grid-flow": [{ "grid-flow": [
-				"row",
-				"col",
-				"dense",
-				"row-dense",
-				"col-dense"
-			] }],
-			"auto-cols": [{ "auto-cols": O() }],
-			"auto-rows": [{ "auto-rows": O() }],
-			gap: [{ gap: w() }],
-			"gap-x": [{ "gap-x": w() }],
-			"gap-y": [{ "gap-y": w() }],
-			"justify-content": [{ justify: [...k(), "normal"] }],
-			"justify-items": [{ "justify-items": [...A(), "normal"] }],
-			"justify-self": [{ "justify-self": ["auto", ...A()] }],
-			"align-content": [{ content: ["normal", ...k()] }],
-			"align-items": [{ items: [...A(), { baseline: ["", "last"] }] }],
-			"align-self": [{ self: [
-				"auto",
-				...A(),
-				{ baseline: ["", "last"] }
-			] }],
-			"place-content": [{ "place-content": k() }],
-			"place-items": [{ "place-items": [...A(), "baseline"] }],
-			"place-self": [{ "place-self": ["auto", ...A()] }],
-			p: [{ p: w() }],
-			px: [{ px: w() }],
-			py: [{ py: w() }],
-			ps: [{ ps: w() }],
-			pe: [{ pe: w() }],
-			pbs: [{ pbs: w() }],
-			pbe: [{ pbe: w() }],
-			pt: [{ pt: w() }],
-			pr: [{ pr: w() }],
-			pb: [{ pb: w() }],
-			pl: [{ pl: w() }],
-			m: [{ m: j() }],
-			mx: [{ mx: j() }],
-			my: [{ my: j() }],
-			ms: [{ ms: j() }],
-			me: [{ me: j() }],
-			mbs: [{ mbs: j() }],
-			mbe: [{ mbe: j() }],
-			mt: [{ mt: j() }],
-			mr: [{ mr: j() }],
-			mb: [{ mb: j() }],
-			ml: [{ ml: j() }],
-			"space-x": [{ "space-x": w() }],
-			"space-x-reverse": ["space-x-reverse"],
-			"space-y": [{ "space-y": w() }],
-			"space-y-reverse": ["space-y-reverse"],
-			size: [{ size: M() }],
-			"inline-size": [{ inline: ["auto", ...te()] }],
-			"min-inline-size": [{ "min-inline": ["auto", ...te()] }],
-			"max-inline-size": [{ "max-inline": ["none", ...te()] }],
-			"block-size": [{ block: ["auto", ...ne()] }],
-			"min-block-size": [{ "min-block": ["auto", ...ne()] }],
-			"max-block-size": [{ "max-block": ["none", ...ne()] }],
-			w: [{ w: [
-				s,
-				"screen",
-				...M()
-			] }],
-			"min-w": [{ "min-w": [
-				s,
-				"screen",
-				"none",
-				...M()
-			] }],
-			"max-w": [{ "max-w": [
-				s,
-				"screen",
-				"none",
-				"prose",
-				{ screen: [o] },
-				...M()
-			] }],
-			h: [{ h: [
-				"screen",
-				"lh",
-				...M()
-			] }],
-			"min-h": [{ "min-h": [
-				"screen",
-				"lh",
-				"none",
-				...M()
-			] }],
-			"max-h": [{ "max-h": [
-				"screen",
-				"lh",
-				...M()
-			] }],
-			"font-size": [{ text: [
-				"base",
-				n,
-				Te,
-				q
-			] }],
-			"font-smoothing": ["antialiased", "subpixel-antialiased"],
-			"font-style": ["italic", "not-italic"],
-			"font-weight": [{ font: [
-				r,
-				je,
-				be
-			] }],
-			"font-stretch": [{ "font-stretch": [
-				"ultra-condensed",
-				"extra-condensed",
-				"condensed",
-				"semi-condensed",
-				"normal",
-				"semi-expanded",
-				"expanded",
-				"extra-expanded",
-				"ultra-expanded",
-				ue,
-				K
-			] }],
-			"font-family": [{ font: [
-				Ee,
-				xe,
-				t
-			] }],
-			"font-features": [{ "font-features": [K] }],
-			"fvn-normal": ["normal-nums"],
-			"fvn-ordinal": ["ordinal"],
-			"fvn-slashed-zero": ["slashed-zero"],
-			"fvn-figure": ["lining-nums", "oldstyle-nums"],
-			"fvn-spacing": ["proportional-nums", "tabular-nums"],
-			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
-			tracking: [{ tracking: [
-				i,
-				J,
-				K
-			] }],
-			"line-clamp": [{ "line-clamp": [
-				U,
-				"none",
-				J,
-				ye
-			] }],
-			leading: [{ leading: [a, ...w()] }],
-			"list-image": [{ "list-image": [
-				"none",
-				J,
-				K
-			] }],
-			"list-style-position": [{ list: ["inside", "outside"] }],
-			"list-style-type": [{ list: [
-				"disc",
-				"decimal",
-				"none",
-				J,
-				K
-			] }],
-			"text-alignment": [{ text: [
-				"left",
-				"center",
-				"right",
-				"justify",
-				"start",
-				"end"
-			] }],
-			"placeholder-color": [{ placeholder: N() }],
-			"text-color": [{ text: N() }],
-			"text-decoration": [
-				"underline",
-				"overline",
-				"line-through",
-				"no-underline"
-			],
-			"text-decoration-style": [{ decoration: [...L(), "wavy"] }],
-			"text-decoration-thickness": [{ decoration: [
-				U,
-				"from-font",
-				"auto",
-				J,
-				q
-			] }],
-			"text-decoration-color": [{ decoration: N() }],
-			"underline-offset": [{ "underline-offset": [
-				U,
-				"auto",
-				J,
-				K
-			] }],
-			"text-transform": [
-				"uppercase",
-				"lowercase",
-				"capitalize",
-				"normal-case"
-			],
-			"text-overflow": [
-				"truncate",
-				"text-ellipsis",
-				"text-clip"
-			],
-			"text-wrap": [{ text: [
-				"wrap",
-				"nowrap",
-				"balance",
-				"pretty"
-			] }],
-			indent: [{ indent: w() }],
-			"tab-size": [{ tab: [
-				W,
-				J,
-				K
-			] }],
-			"vertical-align": [{ align: [
-				"baseline",
-				"top",
-				"middle",
-				"bottom",
-				"text-top",
-				"text-bottom",
-				"sub",
-				"super",
-				J,
-				K
-			] }],
-			whitespace: [{ whitespace: [
-				"normal",
-				"nowrap",
-				"pre",
-				"pre-line",
-				"pre-wrap",
-				"break-spaces"
-			] }],
-			break: [{ break: [
-				"normal",
-				"words",
-				"all",
-				"keep"
-			] }],
-			wrap: [{ wrap: [
-				"break-word",
-				"anywhere",
-				"normal"
-			] }],
-			hyphens: [{ hyphens: [
-				"none",
-				"manual",
-				"auto"
-			] }],
-			content: [{ content: [
-				"none",
-				J,
-				K
-			] }],
-			"bg-attachment": [{ bg: [
-				"fixed",
-				"local",
-				"scroll"
-			] }],
-			"bg-clip": [{ "bg-clip": [
-				"border",
-				"padding",
-				"content",
-				"text"
-			] }],
-			"bg-origin": [{ "bg-origin": [
-				"border",
-				"padding",
-				"content"
-			] }],
-			"bg-position": [{ bg: re() }],
-			"bg-repeat": [{ bg: ie() }],
-			"bg-size": [{ bg: ae() }],
-			"bg-image": [{ bg: [
-				"none",
-				{
-					linear: [
-						{ to: [
-							"t",
-							"tr",
-							"r",
-							"br",
-							"b",
-							"bl",
-							"l",
-							"tl"
-						] },
-						W,
-						J,
-						K
-					],
-					radial: [
-						"",
-						J,
-						K
-					],
-					conic: [
-						W,
-						J,
-						K
-					]
-				},
-				ke,
-				Ce
-			] }],
-			"bg-color": [{ bg: N() }],
-			"gradient-from-pos": [{ from: oe() }],
-			"gradient-via-pos": [{ via: oe() }],
-			"gradient-to-pos": [{ to: oe() }],
-			"gradient-from": [{ from: N() }],
-			"gradient-via": [{ via: N() }],
-			"gradient-to": [{ to: N() }],
-			rounded: [{ rounded: P() }],
-			"rounded-s": [{ "rounded-s": P() }],
-			"rounded-e": [{ "rounded-e": P() }],
-			"rounded-t": [{ "rounded-t": P() }],
-			"rounded-r": [{ "rounded-r": P() }],
-			"rounded-b": [{ "rounded-b": P() }],
-			"rounded-l": [{ "rounded-l": P() }],
-			"rounded-ss": [{ "rounded-ss": P() }],
-			"rounded-se": [{ "rounded-se": P() }],
-			"rounded-ee": [{ "rounded-ee": P() }],
-			"rounded-es": [{ "rounded-es": P() }],
-			"rounded-tl": [{ "rounded-tl": P() }],
-			"rounded-tr": [{ "rounded-tr": P() }],
-			"rounded-br": [{ "rounded-br": P() }],
-			"rounded-bl": [{ "rounded-bl": P() }],
-			"border-w": [{ border: F() }],
-			"border-w-x": [{ "border-x": F() }],
-			"border-w-y": [{ "border-y": F() }],
-			"border-w-s": [{ "border-s": F() }],
-			"border-w-e": [{ "border-e": F() }],
-			"border-w-bs": [{ "border-bs": F() }],
-			"border-w-be": [{ "border-be": F() }],
-			"border-w-t": [{ "border-t": F() }],
-			"border-w-r": [{ "border-r": F() }],
-			"border-w-b": [{ "border-b": F() }],
-			"border-w-l": [{ "border-l": F() }],
-			"divide-x": [{ "divide-x": F() }],
-			"divide-x-reverse": ["divide-x-reverse"],
-			"divide-y": [{ "divide-y": F() }],
-			"divide-y-reverse": ["divide-y-reverse"],
-			"border-style": [{ border: [
-				...L(),
-				"hidden",
-				"none"
-			] }],
-			"divide-style": [{ divide: [
-				...L(),
-				"hidden",
-				"none"
-			] }],
-			"border-color": [{ border: N() }],
-			"border-color-x": [{ "border-x": N() }],
-			"border-color-y": [{ "border-y": N() }],
-			"border-color-s": [{ "border-s": N() }],
-			"border-color-e": [{ "border-e": N() }],
-			"border-color-bs": [{ "border-bs": N() }],
-			"border-color-be": [{ "border-be": N() }],
-			"border-color-t": [{ "border-t": N() }],
-			"border-color-r": [{ "border-r": N() }],
-			"border-color-b": [{ "border-b": N() }],
-			"border-color-l": [{ "border-l": N() }],
-			"divide-color": [{ divide: N() }],
-			"outline-style": [{ outline: [
-				...L(),
-				"none",
-				"hidden"
-			] }],
-			"outline-offset": [{ "outline-offset": [
-				U,
-				J,
-				K
-			] }],
-			"outline-w": [{ outline: [
-				"",
-				U,
-				Te,
-				q
-			] }],
-			"outline-color": [{ outline: N() }],
-			shadow: [{ shadow: [
-				"",
-				"none",
-				u,
-				Ae,
-				we
-			] }],
-			"shadow-color": [{ shadow: N() }],
-			"inset-shadow": [{ "inset-shadow": [
-				"none",
-				d,
-				Ae,
-				we
-			] }],
-			"inset-shadow-color": [{ "inset-shadow": N() }],
-			"ring-w": [{ ring: F() }],
-			"ring-w-inset": ["ring-inset"],
-			"ring-color": [{ ring: N() }],
-			"ring-offset-w": [{ "ring-offset": [U, q] }],
-			"ring-offset-color": [{ "ring-offset": N() }],
-			"inset-ring-w": [{ "inset-ring": F() }],
-			"inset-ring-color": [{ "inset-ring": N() }],
-			"text-shadow": [{ "text-shadow": [
-				"none",
-				f,
-				Ae,
-				we
-			] }],
-			"text-shadow-color": [{ "text-shadow": N() }],
-			opacity: [{ opacity: [
-				U,
-				J,
-				K
-			] }],
-			"mix-blend": [{ "mix-blend": [
-				...se(),
-				"plus-darker",
-				"plus-lighter"
-			] }],
-			"bg-blend": [{ "bg-blend": se() }],
-			"mask-clip": [{ "mask-clip": [
-				"border",
-				"padding",
-				"content",
-				"fill",
-				"stroke",
-				"view"
-			] }, "mask-no-clip"],
-			"mask-composite": [{ mask: [
-				"add",
-				"subtract",
-				"intersect",
-				"exclude"
-			] }],
-			"mask-image-linear-pos": [{ "mask-linear": [U] }],
-			"mask-image-linear-from-pos": [{ "mask-linear-from": R() }],
-			"mask-image-linear-to-pos": [{ "mask-linear-to": R() }],
-			"mask-image-linear-from-color": [{ "mask-linear-from": N() }],
-			"mask-image-linear-to-color": [{ "mask-linear-to": N() }],
-			"mask-image-t-from-pos": [{ "mask-t-from": R() }],
-			"mask-image-t-to-pos": [{ "mask-t-to": R() }],
-			"mask-image-t-from-color": [{ "mask-t-from": N() }],
-			"mask-image-t-to-color": [{ "mask-t-to": N() }],
-			"mask-image-r-from-pos": [{ "mask-r-from": R() }],
-			"mask-image-r-to-pos": [{ "mask-r-to": R() }],
-			"mask-image-r-from-color": [{ "mask-r-from": N() }],
-			"mask-image-r-to-color": [{ "mask-r-to": N() }],
-			"mask-image-b-from-pos": [{ "mask-b-from": R() }],
-			"mask-image-b-to-pos": [{ "mask-b-to": R() }],
-			"mask-image-b-from-color": [{ "mask-b-from": N() }],
-			"mask-image-b-to-color": [{ "mask-b-to": N() }],
-			"mask-image-l-from-pos": [{ "mask-l-from": R() }],
-			"mask-image-l-to-pos": [{ "mask-l-to": R() }],
-			"mask-image-l-from-color": [{ "mask-l-from": N() }],
-			"mask-image-l-to-color": [{ "mask-l-to": N() }],
-			"mask-image-x-from-pos": [{ "mask-x-from": R() }],
-			"mask-image-x-to-pos": [{ "mask-x-to": R() }],
-			"mask-image-x-from-color": [{ "mask-x-from": N() }],
-			"mask-image-x-to-color": [{ "mask-x-to": N() }],
-			"mask-image-y-from-pos": [{ "mask-y-from": R() }],
-			"mask-image-y-to-pos": [{ "mask-y-to": R() }],
-			"mask-image-y-from-color": [{ "mask-y-from": N() }],
-			"mask-image-y-to-color": [{ "mask-y-to": N() }],
-			"mask-image-radial": [{ "mask-radial": [J, K] }],
-			"mask-image-radial-from-pos": [{ "mask-radial-from": R() }],
-			"mask-image-radial-to-pos": [{ "mask-radial-to": R() }],
-			"mask-image-radial-from-color": [{ "mask-radial-from": N() }],
-			"mask-image-radial-to-color": [{ "mask-radial-to": N() }],
-			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
-			"mask-image-radial-size": [{ "mask-radial": [{
-				closest: ["side", "corner"],
-				farthest: ["side", "corner"]
-			}] }],
-			"mask-image-radial-pos": [{ "mask-radial-at": b() }],
-			"mask-image-conic-pos": [{ "mask-conic": [U] }],
-			"mask-image-conic-from-pos": [{ "mask-conic-from": R() }],
-			"mask-image-conic-to-pos": [{ "mask-conic-to": R() }],
-			"mask-image-conic-from-color": [{ "mask-conic-from": N() }],
-			"mask-image-conic-to-color": [{ "mask-conic-to": N() }],
-			"mask-mode": [{ mask: [
-				"alpha",
-				"luminance",
-				"match"
-			] }],
-			"mask-origin": [{ "mask-origin": [
-				"border",
-				"padding",
-				"content",
-				"fill",
-				"stroke",
-				"view"
-			] }],
-			"mask-position": [{ mask: re() }],
-			"mask-repeat": [{ mask: ie() }],
-			"mask-size": [{ mask: ae() }],
-			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
-			"mask-image": [{ mask: [
-				"none",
-				J,
-				K
-			] }],
-			filter: [{ filter: [
-				"",
-				"none",
-				J,
-				K
-			] }],
-			blur: [{ blur: ce() }],
-			brightness: [{ brightness: [
-				U,
-				J,
-				K
-			] }],
-			contrast: [{ contrast: [
-				U,
-				J,
-				K
-			] }],
-			"drop-shadow": [{ "drop-shadow": [
-				"",
-				"none",
-				p,
-				Ae,
-				we
-			] }],
-			"drop-shadow-color": [{ "drop-shadow": N() }],
-			grayscale: [{ grayscale: [
-				"",
-				U,
-				J,
-				K
-			] }],
-			"hue-rotate": [{ "hue-rotate": [
-				U,
-				J,
-				K
-			] }],
-			invert: [{ invert: [
-				"",
-				U,
-				J,
-				K
-			] }],
-			saturate: [{ saturate: [
-				U,
-				J,
-				K
-			] }],
-			sepia: [{ sepia: [
-				"",
-				U,
-				J,
-				K
-			] }],
-			"backdrop-filter": [{ "backdrop-filter": [
-				"",
-				"none",
-				J,
-				K
-			] }],
-			"backdrop-blur": [{ "backdrop-blur": ce() }],
-			"backdrop-brightness": [{ "backdrop-brightness": [
-				U,
-				J,
-				K
-			] }],
-			"backdrop-contrast": [{ "backdrop-contrast": [
-				U,
-				J,
-				K
-			] }],
-			"backdrop-grayscale": [{ "backdrop-grayscale": [
-				"",
-				U,
-				J,
-				K
-			] }],
-			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
-				U,
-				J,
-				K
-			] }],
-			"backdrop-invert": [{ "backdrop-invert": [
-				"",
-				U,
-				J,
-				K
-			] }],
-			"backdrop-opacity": [{ "backdrop-opacity": [
-				U,
-				J,
-				K
-			] }],
-			"backdrop-saturate": [{ "backdrop-saturate": [
-				U,
-				J,
-				K
-			] }],
-			"backdrop-sepia": [{ "backdrop-sepia": [
-				"",
-				U,
-				J,
-				K
-			] }],
-			"border-collapse": [{ border: ["collapse", "separate"] }],
-			"border-spacing": [{ "border-spacing": w() }],
-			"border-spacing-x": [{ "border-spacing-x": w() }],
-			"border-spacing-y": [{ "border-spacing-y": w() }],
-			"table-layout": [{ table: ["auto", "fixed"] }],
-			caption: [{ caption: ["top", "bottom"] }],
-			transition: [{ transition: [
-				"",
-				"all",
-				"colors",
-				"opacity",
-				"shadow",
-				"transform",
-				"none",
-				J,
-				K
-			] }],
-			"transition-behavior": [{ transition: ["normal", "discrete"] }],
-			duration: [{ duration: [
-				U,
-				"initial",
-				J,
-				K
-			] }],
-			ease: [{ ease: [
-				"linear",
-				"initial",
-				_,
-				J,
-				K
-			] }],
-			delay: [{ delay: [
-				U,
-				J,
-				K
-			] }],
-			animate: [{ animate: [
-				"none",
-				v,
-				J,
-				K
-			] }],
-			backface: [{ backface: ["hidden", "visible"] }],
-			perspective: [{ perspective: [
-				h,
-				J,
-				K
-			] }],
-			"perspective-origin": [{ "perspective-origin": x() }],
-			rotate: [{ rotate: z() }],
-			"rotate-x": [{ "rotate-x": z() }],
-			"rotate-y": [{ "rotate-y": z() }],
-			"rotate-z": [{ "rotate-z": z() }],
-			scale: [{ scale: B() }],
-			"scale-x": [{ "scale-x": B() }],
-			"scale-y": [{ "scale-y": B() }],
-			"scale-z": [{ "scale-z": B() }],
-			"scale-3d": ["scale-3d"],
-			skew: [{ skew: le() }],
-			"skew-x": [{ "skew-x": le() }],
-			"skew-y": [{ "skew-y": le() }],
-			transform: [{ transform: [
-				J,
-				K,
-				"",
-				"none",
-				"gpu",
-				"cpu"
-			] }],
-			"transform-origin": [{ origin: x() }],
-			"transform-style": [{ transform: ["3d", "flat"] }],
-			translate: [{ translate: V() }],
-			"translate-x": [{ "translate-x": V() }],
-			"translate-y": [{ "translate-y": V() }],
-			"translate-z": [{ "translate-z": V() }],
-			"translate-none": ["translate-none"],
-			zoom: [{ zoom: [
-				W,
-				J,
-				K
-			] }],
-			accent: [{ accent: N() }],
-			appearance: [{ appearance: ["none", "auto"] }],
-			"caret-color": [{ caret: N() }],
-			"color-scheme": [{ scheme: [
-				"normal",
-				"dark",
-				"light",
-				"light-dark",
-				"only-dark",
-				"only-light"
-			] }],
-			cursor: [{ cursor: [
-				"auto",
-				"default",
-				"pointer",
-				"wait",
-				"text",
-				"move",
-				"help",
-				"not-allowed",
-				"none",
-				"context-menu",
-				"progress",
-				"cell",
-				"crosshair",
-				"vertical-text",
-				"alias",
-				"copy",
-				"no-drop",
-				"grab",
-				"grabbing",
-				"all-scroll",
-				"col-resize",
-				"row-resize",
-				"n-resize",
-				"e-resize",
-				"s-resize",
-				"w-resize",
-				"ne-resize",
-				"nw-resize",
-				"se-resize",
-				"sw-resize",
-				"ew-resize",
-				"ns-resize",
-				"nesw-resize",
-				"nwse-resize",
-				"zoom-in",
-				"zoom-out",
-				J,
-				K
-			] }],
-			"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
-			"pointer-events": [{ "pointer-events": ["auto", "none"] }],
-			resize: [{ resize: [
-				"none",
-				"",
-				"y",
-				"x"
-			] }],
-			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
-			"scrollbar-thumb-color": [{ "scrollbar-thumb": N() }],
-			"scrollbar-track-color": [{ "scrollbar-track": N() }],
-			"scrollbar-gutter": [{ "scrollbar-gutter": [
-				"auto",
-				"stable",
-				"both"
-			] }],
-			"scrollbar-w": [{ scrollbar: [
-				"auto",
-				"thin",
-				"none"
-			] }],
-			"scroll-m": [{ "scroll-m": w() }],
-			"scroll-mx": [{ "scroll-mx": w() }],
-			"scroll-my": [{ "scroll-my": w() }],
-			"scroll-ms": [{ "scroll-ms": w() }],
-			"scroll-me": [{ "scroll-me": w() }],
-			"scroll-mbs": [{ "scroll-mbs": w() }],
-			"scroll-mbe": [{ "scroll-mbe": w() }],
-			"scroll-mt": [{ "scroll-mt": w() }],
-			"scroll-mr": [{ "scroll-mr": w() }],
-			"scroll-mb": [{ "scroll-mb": w() }],
-			"scroll-ml": [{ "scroll-ml": w() }],
-			"scroll-p": [{ "scroll-p": w() }],
-			"scroll-px": [{ "scroll-px": w() }],
-			"scroll-py": [{ "scroll-py": w() }],
-			"scroll-ps": [{ "scroll-ps": w() }],
-			"scroll-pe": [{ "scroll-pe": w() }],
-			"scroll-pbs": [{ "scroll-pbs": w() }],
-			"scroll-pbe": [{ "scroll-pbe": w() }],
-			"scroll-pt": [{ "scroll-pt": w() }],
-			"scroll-pr": [{ "scroll-pr": w() }],
-			"scroll-pb": [{ "scroll-pb": w() }],
-			"scroll-pl": [{ "scroll-pl": w() }],
-			"snap-align": [{ snap: [
-				"start",
-				"end",
-				"center",
-				"align-none"
-			] }],
-			"snap-stop": [{ snap: ["normal", "always"] }],
-			"snap-type": [{ snap: [
-				"none",
-				"x",
-				"y",
-				"both"
-			] }],
-			"snap-strictness": [{ snap: ["mandatory", "proximity"] }],
-			touch: [{ touch: [
-				"auto",
-				"none",
-				"manipulation"
-			] }],
-			"touch-x": [{ "touch-pan": [
-				"x",
-				"left",
-				"right"
-			] }],
-			"touch-y": [{ "touch-pan": [
-				"y",
-				"up",
-				"down"
-			] }],
-			"touch-pz": ["touch-pinch-zoom"],
-			select: [{ select: [
-				"none",
-				"text",
-				"all",
-				"auto"
-			] }],
-			"will-change": [{ "will-change": [
-				"auto",
-				"scroll",
-				"contents",
-				"transform",
-				J,
-				K
-			] }],
-			fill: [{ fill: ["none", ...N()] }],
-			"stroke-w": [{ stroke: [
-				U,
-				Te,
-				q,
-				ye
-			] }],
-			stroke: [{ stroke: ["none", ...N()] }],
-			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
-		},
-		conflictingClassGroups: {
-			"container-named": ["container-type"],
-			overflow: ["overflow-x", "overflow-y"],
-			overscroll: ["overscroll-x", "overscroll-y"],
-			inset: [
-				"inset-x",
-				"inset-y",
-				"inset-bs",
-				"inset-be",
-				"start",
-				"end",
-				"top",
-				"right",
-				"bottom",
-				"left"
-			],
-			"inset-x": ["right", "left"],
-			"inset-y": ["top", "bottom"],
-			flex: [
-				"basis",
-				"grow",
-				"shrink"
-			],
-			gap: ["gap-x", "gap-y"],
-			p: [
-				"px",
-				"py",
-				"ps",
-				"pe",
-				"pbs",
-				"pbe",
-				"pt",
-				"pr",
-				"pb",
-				"pl"
-			],
-			px: ["pr", "pl"],
-			py: ["pt", "pb"],
-			m: [
-				"mx",
-				"my",
-				"ms",
-				"me",
-				"mbs",
-				"mbe",
-				"mt",
-				"mr",
-				"mb",
-				"ml"
-			],
-			mx: ["mr", "ml"],
-			my: ["mt", "mb"],
-			size: ["w", "h"],
-			"font-size": ["leading"],
-			"fvn-normal": [
-				"fvn-ordinal",
-				"fvn-slashed-zero",
-				"fvn-figure",
-				"fvn-spacing",
-				"fvn-fraction"
-			],
-			"fvn-ordinal": ["fvn-normal"],
-			"fvn-slashed-zero": ["fvn-normal"],
-			"fvn-figure": ["fvn-normal"],
-			"fvn-spacing": ["fvn-normal"],
-			"fvn-fraction": ["fvn-normal"],
-			"line-clamp": ["display", "overflow"],
-			rounded: [
-				"rounded-s",
-				"rounded-e",
-				"rounded-t",
-				"rounded-r",
-				"rounded-b",
-				"rounded-l",
-				"rounded-ss",
-				"rounded-se",
-				"rounded-ee",
-				"rounded-es",
-				"rounded-tl",
-				"rounded-tr",
-				"rounded-br",
-				"rounded-bl"
-			],
-			"rounded-s": ["rounded-ss", "rounded-es"],
-			"rounded-e": ["rounded-se", "rounded-ee"],
-			"rounded-t": ["rounded-tl", "rounded-tr"],
-			"rounded-r": ["rounded-tr", "rounded-br"],
-			"rounded-b": ["rounded-br", "rounded-bl"],
-			"rounded-l": ["rounded-tl", "rounded-bl"],
-			"border-spacing": ["border-spacing-x", "border-spacing-y"],
-			"border-w": [
-				"border-w-x",
-				"border-w-y",
-				"border-w-s",
-				"border-w-e",
-				"border-w-bs",
-				"border-w-be",
-				"border-w-t",
-				"border-w-r",
-				"border-w-b",
-				"border-w-l"
-			],
-			"border-w-x": ["border-w-r", "border-w-l"],
-			"border-w-y": ["border-w-t", "border-w-b"],
-			"border-color": [
-				"border-color-x",
-				"border-color-y",
-				"border-color-s",
-				"border-color-e",
-				"border-color-bs",
-				"border-color-be",
-				"border-color-t",
-				"border-color-r",
-				"border-color-b",
-				"border-color-l"
-			],
-			"border-color-x": ["border-color-r", "border-color-l"],
-			"border-color-y": ["border-color-t", "border-color-b"],
-			translate: [
-				"translate-x",
-				"translate-y",
-				"translate-none"
-			],
-			"translate-none": [
-				"translate",
-				"translate-x",
-				"translate-y",
-				"translate-z"
-			],
-			"scroll-m": [
-				"scroll-mx",
-				"scroll-my",
-				"scroll-ms",
-				"scroll-me",
-				"scroll-mbs",
-				"scroll-mbe",
-				"scroll-mt",
-				"scroll-mr",
-				"scroll-mb",
-				"scroll-ml"
-			],
-			"scroll-mx": ["scroll-mr", "scroll-ml"],
-			"scroll-my": ["scroll-mt", "scroll-mb"],
-			"scroll-p": [
-				"scroll-px",
-				"scroll-py",
-				"scroll-ps",
-				"scroll-pe",
-				"scroll-pbs",
-				"scroll-pbe",
-				"scroll-pt",
-				"scroll-pr",
-				"scroll-pb",
-				"scroll-pl"
-			],
-			"scroll-px": ["scroll-pr", "scroll-pl"],
-			"scroll-py": ["scroll-pt", "scroll-pb"],
-			touch: [
-				"touch-x",
-				"touch-y",
-				"touch-pz"
-			],
-			"touch-x": ["touch"],
-			"touch-y": ["touch"],
-			"touch-pz": ["touch"]
-		},
-		conflictingClassGroupModifiers: { "font-size": ["leading"] },
-		postfixLookupClassGroups: ["container-type"],
-		orderSensitiveModifiers: [
-			"*",
-			"**",
-			"after",
-			"backdrop",
-			"before",
-			"details-content",
-			"file",
-			"first-letter",
-			"first-line",
-			"marker",
-			"placeholder",
-			"selection"
-		]
-	};
-});
-//#endregion
-//#region src/lib/utils.ts
-function Z(...e) {
-	return Be(l(e));
-}
-//#endregion
-//#region src/components/enhanced/media-player-enhanced.tsx
-var Q = r();
-function Ve(...e) {
-	return (t) => {
-		e.forEach((e) => {
-			typeof e == "function" ? e(t) : e && (e.current = t);
-		});
-	};
-}
-function He(e, t, n, r) {
-	let [i, a] = o.useState(!0), [s, c] = o.useState(!1), [l, u] = o.useState(!1), d = o.useRef(null), f = o.useCallback(() => {
-		d.current && clearTimeout(d.current), e && (d.current = setTimeout(() => {
-			!s && !l && a(!1);
-		}, t));
-	}, [
-		e,
-		t,
-		s,
-		l
-	]), p = o.useCallback(() => {
-		a(!0), f();
-	}, [f]);
-	return o.useEffect(() => (e ? f() : a(!0), () => {
-		d.current && clearTimeout(d.current);
-	}), [e, f]), {
-		showControls: i,
-		showControlsTemporarily: p,
-		handleMouseEnter: o.useCallback(() => {
-			n && (c(!0), a(!0));
-		}, [n]),
-		handleMouseLeave: o.useCallback(() => {
-			n && (c(!1), f());
-		}, [n, f]),
-		handleTouchStart: o.useCallback(() => {
-			r && (u(!0), p());
-		}, [r, p]),
-		handleTouchEnd: o.useCallback(() => {
-			r && (u(!1), f());
-		}, [r, f])
-	};
-}
-function Ue(e) {
-	let r = a(), i = n((e) => e.isPlaying), s = n((e) => e.currentTime), c = n((e) => e.duration), l = n((e) => e.volume), [u, d] = o.useState(null), [f, p] = o.useState(!1);
-	return {
-		handleTouchStart: o.useCallback((n) => {
-			if (!e) return;
-			let a = n.touches[0];
-			if (!a) return;
-			let o = Date.now();
-			u && o - u.time < 300 ? (p(!0), r({ type: i ? t.PAUSE : t.PLAY })) : (d({
-				x: a.clientX,
-				y: a.clientY,
-				time: o
-			}), p(!1));
-		}, [
-			e,
-			u,
-			i,
-			r
-		]),
-		handleTouchMove: o.useCallback((n) => {
-			if (!e || !u || f) return;
-			let i = n.touches[0];
-			if (!i) return;
-			let a = i.clientX - u.x, o = i.clientY - u.y;
-			if (Math.abs(a) > Math.abs(o) && Math.abs(a) > 50) {
-				let e = a / window.innerWidth * 30, n = Math.max(0, Math.min(c, s + e));
-				r({
-					type: t.SEEK,
-					detail: n
-				});
-			}
-			if (Math.abs(o) > Math.abs(a) && Math.abs(o) > 50 && u.x > window.innerWidth / 2) {
-				let e = -(o / window.innerHeight) * 1, n = Math.max(0, Math.min(1, l + e));
-				r({
-					type: t.SET_VOLUME,
-					detail: n
-				});
-			}
-		}, [
-			e,
-			u,
-			f,
-			c,
-			s,
-			l,
-			r
-		]),
-		handleTouchEnd: o.useCallback(() => {
-			e && setTimeout(() => {
-				d(null), p(!1);
-			}, 300);
-		}, [e])
-	};
-}
-var We = function({ children: e, className: r, autoHide: s = !0, autoHideDelay: c = 3e3, showControlsOnHover: l = !0, showControlsOnTouch: u = !0, enableKeyboardControls: d = !0, enableTouchGestures: f = !0, onPlay: p, onPause: m, onTimeUpdate: h, onVolumeChange: g, onFullscreenChange: _ }) {
-	let v = i(), y = a(), b = n(o.useCallback((e) => e.isPlaying, [])), x = n(o.useCallback((e) => e.isFullscreen, [])), S = n(o.useCallback((e) => e.currentTime, [])), C = n(o.useCallback((e) => e.volume, [])), w = n(o.useCallback((e) => e.error, [])), { showControls: T, showControlsTemporarily: E, handleMouseEnter: ee, handleMouseLeave: D, handleTouchStart: O, handleTouchEnd: k } = He(s, c, l, u), { handleTouchStart: A, handleTouchMove: j, handleTouchEnd: M } = Ue(f), te = o.useCallback((e) => {
-		O(), A(e);
-	}, [O, A]), ne = o.useCallback(() => {
-		k(), M();
-	}, [k, M]), N = o.useCallback(() => {
-		E();
-	}, [E]);
-	return o.useEffect(() => {
-		if (!d) return;
-		let e = (e) => {
-			if (!(e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement)) switch (e.code) {
-				case "Space":
-				case "KeyK":
-					e.preventDefault(), y({ type: b ? t.PAUSE : t.PLAY });
-					break;
-				case "KeyF":
-					e.preventDefault(), y({ type: x ? t.EXIT_FULLSCREEN : t.ENTER_FULLSCREEN });
-					break;
-				case "KeyM":
-					e.preventDefault(), y({ type: t.TOGGLE_MUTE });
-					break;
-				case "ArrowLeft":
-					e.preventDefault(), y({
-						type: t.SEEK,
-						detail: Math.max(0, S - 10)
-					});
-					break;
-				case "ArrowRight":
-					e.preventDefault(), y({
-						type: t.SEEK,
-						detail: S + 10
-					});
-					break;
-				case "ArrowUp":
-					e.preventDefault(), y({
-						type: t.SET_VOLUME,
-						detail: Math.min(1, C + .1)
-					});
-					break;
-				case "ArrowDown":
-					e.preventDefault(), y({
-						type: t.SET_VOLUME,
-						detail: Math.max(0, C - .1)
-					});
-					break;
-			}
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [
-		d,
-		y,
-		b,
-		x,
-		S,
-		C
-	]), o.useEffect(() => {
-		b ? p?.() : m?.();
-	}, [
-		b,
-		p,
-		m
-	]), o.useEffect(() => {
-		h?.(S);
-	}, [S, h]), o.useEffect(() => {
-		g?.(C);
-	}, [C, g]), o.useEffect(() => {
-		_?.(x);
-	}, [x, _]), /* @__PURE__ */ (0, Q.jsx)("div", {
-		ref: Ve(v.rootRef),
-		className: Z("relative isolate flex flex-col overflow-hidden rounded-lg bg-black outline-none", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", x && "fixed inset-0 z-50 rounded-none", r),
-		"data-state": x ? "fullscreen" : "inline",
-		"data-disabled": w ? "" : void 0,
-		"data-controls-visible": T ? "" : void 0,
-		tabIndex: 0,
-		onMouseEnter: ee,
-		onMouseLeave: D,
-		onTouchStart: te,
-		onTouchMove: j,
-		onTouchEnd: ne,
-		onClick: N,
-		children: e
-	});
-};
-We.displayName = "EnhancedMediaPlayer";
-//#endregion
-//#region src/lib/format-time.ts
-function $(e) {
-	if (isNaN(e) || !isFinite(e)) return "0:00";
-	let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
-	return t > 0 ? `${t}:${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}` : `${n}:${r.toString().padStart(2, "0")}`;
-}
-function Ge(e) {
-	let t = e.split(":").map(Number);
-	if (t.length === 2) {
-		let [e = 0, n = 0] = t;
-		return e * 60 + n;
-	} else if (t.length === 3) {
-		let [e = 0, n = 0, r = 0] = t;
-		return e * 3600 + n * 60 + r;
-	}
-	return 0;
-}
-//#endregion
-//#region src/components/enhanced/advanced-features.tsx
-var Ke = /* @__PURE__ */ e({
-	ChaptersPanel: () => Xe,
-	PictureInPictureButton: () => Ze,
-	PlaybackSpeedSelector: () => Ye,
-	QualitySelector: () => qe,
-	SubtitleSelector: () => Je
-}), qe = function({ qualities: e, currentQuality: t, onQualityChange: n, className: r }) {
-	let [i, a] = o.useState(!1), s = o.useMemo(() => e.find((e) => e.id === t)?.label || "Auto", [e, t]);
-	return /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: Z("relative", r),
-		children: [/* @__PURE__ */ (0, Q.jsxs)("button", {
-			type: "button",
-			onClick: () => a(!i),
-			className: "flex items-center gap-2 rounded-lg bg-black/50 px-3 py-2 text-white transition-colors hover:bg-black/70",
-			"aria-label": "Select quality",
-			children: [
-				/* @__PURE__ */ (0, Q.jsx)("svg", {
-					viewBox: "0 0 24 24",
-					fill: "currentColor",
-					className: "h-4 w-4",
-					children: /* @__PURE__ */ (0, Q.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })
-				}),
-				/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-sm",
-					children: s
-				}),
-				/* @__PURE__ */ (0, Q.jsx)("svg", {
-					viewBox: "0 0 24 24",
-					fill: "currentColor",
-					className: Z("h-4 w-4 transition-transform", i && "rotate-180"),
-					children: /* @__PURE__ */ (0, Q.jsx)("path", { d: "M7 10l5 5 5-5z" })
-				})
-			]
-		}), i && /* @__PURE__ */ (0, Q.jsx)("div", {
-			className: "absolute right-0 bottom-full mb-2 min-w-32 rounded-lg border border-white/20 bg-black/90 py-2 backdrop-blur-sm",
-			children: e.map((e) => /* @__PURE__ */ (0, Q.jsxs)("button", {
-				onClick: () => {
-					n(e.id), a(!1);
-				},
-				className: Z("w-full px-4 py-2 text-left text-sm text-white transition-colors hover:bg-white/10", e.id === t && "bg-primary/20 text-primary"),
-				children: [e.label, e.bitrate && /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 text-white/60 text-xs",
-					children: [
-						"(",
-						Math.round(e.bitrate / 1e3),
-						"k)"
-					]
-				})]
-			}, e.id))
-		})]
-	});
-}, Je = function({ subtitles: e, currentSubtitle: t, onSubtitleChange: n, className: r }) {
-	let [i, a] = o.useState(!1), s = o.useMemo(() => t && e.find((e) => e.id === t)?.label || "Off", [e, t]);
-	return /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: Z("relative", r),
-		children: [/* @__PURE__ */ (0, Q.jsxs)("button", {
-			type: "button",
-			onClick: () => a(!i),
-			className: "flex items-center gap-2 rounded-lg bg-black/50 px-3 py-2 text-white transition-colors hover:bg-black/70",
-			"aria-label": "Select subtitles",
-			children: [
-				/* @__PURE__ */ (0, Q.jsx)("svg", {
-					viewBox: "0 0 24 24",
-					fill: "currentColor",
-					className: "h-4 w-4",
-					children: /* @__PURE__ */ (0, Q.jsx)("path", { d: "M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM4 12h4v2H4v-2zm10 6H4v-2h10v2zm6 0h-4v-2h4v2zm0-4H10v-2h10v2z" })
-				}),
-				/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-sm",
-					children: s
-				}),
-				/* @__PURE__ */ (0, Q.jsx)("svg", {
-					viewBox: "0 0 24 24",
-					fill: "currentColor",
-					className: Z("h-4 w-4 transition-transform", i && "rotate-180"),
-					children: /* @__PURE__ */ (0, Q.jsx)("path", { d: "M7 10l5 5 5-5z" })
-				})
-			]
-		}), i && /* @__PURE__ */ (0, Q.jsxs)("div", {
-			className: "absolute right-0 bottom-full mb-2 min-w-32 rounded-lg border border-white/20 bg-black/90 py-2 backdrop-blur-sm",
-			children: [/* @__PURE__ */ (0, Q.jsx)("button", {
-				onClick: () => {
-					n(null), a(!1);
-				},
-				className: Z("w-full px-4 py-2 text-left text-sm text-white transition-colors hover:bg-white/10", !t && "bg-primary/20 text-primary"),
-				children: "Off"
-			}), e.map((e) => /* @__PURE__ */ (0, Q.jsx)("button", {
-				onClick: () => {
-					n(e.id), a(!1);
-				},
-				className: Z("w-full px-4 py-2 text-left text-sm text-white transition-colors hover:bg-white/10", e.id === t && "bg-primary/20 text-primary"),
-				children: e.label
-			}, e.id))]
-		})]
-	});
-}, Ye = function({ className: e }) {
-	let r = a(), i = n((e) => e.playbackRate), [s, c] = o.useState(!1), l = [
-		.25,
-		.5,
-		.75,
-		1,
-		1.25,
-		1.5,
-		1.75,
-		2
-	], u = o.useCallback((e) => {
-		r({
-			type: t.SET_PLAYBACK_RATE,
-			detail: e
-		}), c(!1);
-	}, [r]);
-	return /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: Z("relative", e),
-		children: [/* @__PURE__ */ (0, Q.jsxs)("button", {
-			type: "button",
-			onClick: () => c(!s),
-			className: "flex items-center gap-2 rounded-lg bg-black/50 px-3 py-2 text-white transition-colors hover:bg-black/70",
-			"aria-label": "Select playback speed",
-			children: [
-				/* @__PURE__ */ (0, Q.jsx)("svg", {
-					viewBox: "0 0 24 24",
-					fill: "currentColor",
-					className: "h-4 w-4",
-					children: /* @__PURE__ */ (0, Q.jsx)("path", { d: "M13,8A4,4 0 0,0 9,12A4,4 0 0,0 13,16A4,4 0 0,0 17,12A4,4 0 0,0 13,8M13,14A2,2 0 0,1 11,12A2,2 0 0,1 13,10A2,2 0 0,1 15,12A2,2 0 0,1 13,14M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4Z" })
-				}),
-				/* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "text-sm",
-					children: [i, "x"]
-				}),
-				/* @__PURE__ */ (0, Q.jsx)("svg", {
-					viewBox: "0 0 24 24",
-					fill: "currentColor",
-					className: Z("h-4 w-4 transition-transform", s && "rotate-180"),
-					children: /* @__PURE__ */ (0, Q.jsx)("path", { d: "M7 10l5 5 5-5z" })
-				})
-			]
-		}), s && /* @__PURE__ */ (0, Q.jsx)("div", {
-			className: "absolute right-0 bottom-full mb-2 min-w-20 rounded-lg border border-white/20 bg-black/90 py-2 backdrop-blur-sm",
-			children: l.map((e) => /* @__PURE__ */ (0, Q.jsxs)("button", {
-				onClick: () => u(e),
-				className: Z("w-full px-4 py-2 text-left text-sm text-white transition-colors hover:bg-white/10", e === i && "bg-primary/20 text-primary"),
-				children: [e, "x"]
-			}, e))
-		})]
-	});
-}, Xe = function({ chapters: e, onChapterSelect: t, className: r }) {
-	let i = n((e) => e.currentTime), a = o.useMemo(() => e.find((e) => i >= e.startTime && i < e.endTime), [e, i]);
-	return /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: Z("rounded-lg border border-white/20 bg-black/90 p-4 backdrop-blur-sm", r),
-		children: [/* @__PURE__ */ (0, Q.jsx)("h3", {
-			className: "mb-3 font-semibold text-white",
-			children: "Chapters"
-		}), /* @__PURE__ */ (0, Q.jsx)("div", {
-			className: "max-h-64 space-y-2 overflow-y-auto",
-			children: e.map((e) => /* @__PURE__ */ (0, Q.jsxs)("button", {
-				onClick: () => t(e),
-				className: Z("flex w-full items-center gap-3 rounded-lg p-3 text-left transition-colors", "hover:bg-white/10", e.id === a?.id && "border border-primary/30 bg-primary/20"),
-				children: [e.thumbnail && /* @__PURE__ */ (0, Q.jsx)("img", {
-					src: e.thumbnail,
-					alt: e.title,
-					className: "h-9 w-16 rounded object-cover"
-				}), /* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ (0, Q.jsx)("div", {
-						className: "truncate font-medium text-white",
-						children: e.title
-					}), /* @__PURE__ */ (0, Q.jsxs)("div", {
-						className: "text-sm text-white/60",
-						children: [
-							$(e.startTime),
-							" - ",
-							$(e.endTime)
-						]
-					})]
-				})]
-			}, e.id))
-		})]
-	});
-}, Ze = function({ className: e }) {
-	let r = a(), i = n((e) => e.isPictureInPicture);
-	return /* @__PURE__ */ (0, Q.jsx)("button", {
-		type: "button",
-		onClick: o.useCallback(() => {
-			r({ type: i ? t.EXIT_PIP : t.ENTER_PIP });
-		}, [r, i]),
-		className: Z("flex h-10 w-10 items-center justify-center rounded-full text-white", "transition-colors hover:bg-white/10", e),
-		"aria-label": i ? "Exit Picture-in-Picture" : "Enter Picture-in-Picture",
-		children: /* @__PURE__ */ (0, Q.jsx)("svg", {
-			viewBox: "0 0 24 24",
-			fill: "currentColor",
-			className: "h-5 w-5",
-			children: /* @__PURE__ */ (0, Q.jsx)("path", { d: "M19 7h-8v6h8V7zm2-4H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14z" })
-		})
-	});
-}, Qe = function({ className: e, size: r = "md" }) {
-	let i = a(), s = n((e) => e.isPlaying), c = n((e) => e.isLoading), l = {
-		sm: "h-8 w-8",
-		md: "h-10 w-10",
-		lg: "h-12 w-12",
-		xl: "h-16 w-16"
-	}, u = {
-		sm: "h-4 w-4",
-		md: "h-5 w-5",
-		lg: "h-6 w-6",
-		xl: "h-8 w-8"
-	};
-	return /* @__PURE__ */ (0, Q.jsx)("button", {
-		type: "button",
-		onClick: o.useCallback(() => {
-			i({ type: s ? t.PAUSE : t.PLAY });
-		}, [i, s]),
-		disabled: c,
-		className: Z("group relative flex items-center justify-center rounded-full bg-white/10 backdrop-blur-sm", "border border-white/20 text-white transition-all duration-200", "hover:scale-105 hover:bg-white/20 active:scale-95", "focus:outline-none focus:ring-2 focus:ring-white/50", "disabled:cursor-not-allowed disabled:opacity-50", l[r], e),
-		"aria-label": s ? "Pause" : "Play",
-		children: c ? /* @__PURE__ */ (0, Q.jsx)("div", { className: Z("animate-spin rounded-full border-2 border-white/30 border-t-white", u[r]) }) : /* @__PURE__ */ (0, Q.jsx)("div", {
-			className: Z("transition-transform duration-200", u[r]),
-			children: s ? /* @__PURE__ */ (0, Q.jsx)("svg", {
-				viewBox: "0 0 24 24",
-				fill: "currentColor",
-				className: "h-full w-full",
-				children: /* @__PURE__ */ (0, Q.jsx)("path", { d: "M6 4h4v16H6V4zm8 0h4v16h-4V4z" })
-			}) : /* @__PURE__ */ (0, Q.jsx)("svg", {
-				viewBox: "0 0 24 24",
-				fill: "currentColor",
-				className: "ml-0.5 h-full w-full",
-				children: /* @__PURE__ */ (0, Q.jsx)("path", { d: "M8 5v14l11-7z" })
-			})
-		})
-	});
-}, $e = function({ className: e }) {
-	let r = a(), i = n((e) => e.currentTime), s = n((e) => e.duration), c = n((e) => e.buffered), l = n((e) => e.previewTime), [u, d] = o.useState(!1), [f, p] = o.useState(null), m = o.useRef(null), h = s > 0 ? i / s * 100 : 0, g = s > 0 && l !== null ? l / s * 100 : null, _ = o.useMemo(() => {
-		if (!c || s === 0) return [];
-		let e = [];
-		for (let t = 0; t < c.length; t++) e.push({
-			start: c.start(t) / s * 100,
-			end: c.end(t) / s * 100
-		});
-		return e;
-	}, [c, s]), v = o.useCallback((e) => {
-		if (!m.current) return 0;
-		let t = m.current.getBoundingClientRect();
-		return Math.max(0, Math.min(1, (e - t.left) / t.width)) * s;
-	}, [s]), y = o.useCallback((e) => {
-		if (!u) {
-			let n = v(e.clientX);
-			p(n), r({
-				type: t.PREVIEW_TIME,
-				detail: n
-			});
-		}
-	}, [
-		u,
-		v,
-		r
-	]), b = o.useCallback(() => {
-		u || (p(null), r({ type: t.CLEAR_PREVIEW }));
-	}, [u, r]), x = o.useCallback((e) => {
-		d(!0);
-		let n = v(e.clientX);
-		r({
-			type: t.SEEK,
-			detail: n
-		});
-	}, [v, r]), S = o.useCallback((e) => {
-		d(!0);
-		let n = v(e.touches[0]?.clientX || 0);
-		r({
-			type: t.SEEK,
-			detail: n
-		});
-	}, [v, r]);
-	return o.useEffect(() => {
-		let e = (e) => {
-			if (u) {
-				let n = v(e.clientX);
-				r({
-					type: t.SEEK,
-					detail: n
-				});
-			}
-		}, n = () => {
-			d(!1), p(null), r({ type: t.CLEAR_PREVIEW });
-		}, i = (e) => {
-			if (u) {
-				let n = v(e.touches[0]?.clientX || 0);
-				r({
-					type: t.SEEK,
-					detail: n
-				});
-			}
-		};
-		return u && (document.addEventListener("mousemove", e), document.addEventListener("mouseup", n), document.addEventListener("touchmove", i), document.addEventListener("touchend", n)), () => {
-			document.removeEventListener("mousemove", e), document.removeEventListener("mouseup", n), document.removeEventListener("touchmove", i), document.removeEventListener("touchend", n);
-		};
-	}, [
-		u,
-		v,
-		r
-	]), /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: Z("group relative flex items-center", e),
-		children: [(f !== null || l !== null) && /* @__PURE__ */ (0, Q.jsx)("div", {
-			className: "pointer-events-none absolute bottom-full mb-2 rounded bg-black/80 px-2 py-1 text-white text-xs",
-			style: {
-				left: `${g || (f || 0) / s * 100}%`,
-				transform: "translateX(-50%)"
-			},
-			children: $(f || l || 0)
-		}), /* @__PURE__ */ (0, Q.jsxs)("div", {
-			ref: m,
-			className: "relative h-2 w-full cursor-pointer rounded-full bg-white/20 transition-all duration-200 group-hover:h-3",
-			onMouseMove: y,
-			onMouseLeave: b,
-			onMouseDown: x,
-			onTouchStart: S,
-			children: [
-				_.map((e, t) => /* @__PURE__ */ (0, Q.jsx)("div", {
-					className: "absolute top-0 h-full rounded-full bg-white/30",
-					style: {
-						left: `${e.start}%`,
-						width: `${e.end - e.start}%`
-					}
-				}, t)),
-				/* @__PURE__ */ (0, Q.jsx)("div", {
-					className: "absolute top-0 h-full rounded-full bg-primary transition-all duration-100",
-					style: { width: `${h}%` }
-				}),
-				g !== null && /* @__PURE__ */ (0, Q.jsx)("div", {
-					className: "absolute top-0 h-full w-1 rounded-full bg-white/80",
-					style: { left: `${g}%` }
-				}),
-				/* @__PURE__ */ (0, Q.jsx)("div", {
-					className: "-translate-y-1/2 absolute top-1/2 h-4 w-4 rounded-full border-2 border-white bg-primary opacity-0 shadow-lg transition-all duration-200 group-hover:opacity-100",
-					style: {
-						left: `${h}%`,
-						transform: "translateX(-50%) translateY(-50%)"
-					}
-				})
-			]
-		})]
-	});
-}, et = function({ className: e }) {
-	let r = a(), i = n((e) => e.volume), s = n((e) => e.isMuted), [c, l] = o.useState(!1), u = o.useCallback(() => {
-		r({ type: t.TOGGLE_MUTE });
-	}, [r]), d = o.useCallback((e) => {
-		r({
-			type: t.SET_VOLUME,
-			detail: e
-		});
-	}, [r]), f = o.useMemo(() => s || i === 0 ? /* @__PURE__ */ (0, Q.jsx)("svg", {
-		viewBox: "0 0 24 24",
-		fill: "currentColor",
-		className: "h-5 w-5",
-		children: /* @__PURE__ */ (0, Q.jsx)("path", { d: "M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z" })
-	}) : i < .5 ? /* @__PURE__ */ (0, Q.jsx)("svg", {
-		viewBox: "0 0 24 24",
-		fill: "currentColor",
-		className: "h-5 w-5",
-		children: /* @__PURE__ */ (0, Q.jsx)("path", { d: "M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z" })
-	}) : /* @__PURE__ */ (0, Q.jsx)("svg", {
-		viewBox: "0 0 24 24",
-		fill: "currentColor",
-		className: "h-5 w-5",
-		children: /* @__PURE__ */ (0, Q.jsx)("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z" })
-	}), [s, i]);
-	return /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: Z("relative flex items-center", e),
-		onMouseEnter: () => l(!0),
-		onMouseLeave: () => l(!1),
-		children: [/* @__PURE__ */ (0, Q.jsx)("button", {
-			type: "button",
-			onClick: u,
-			className: "flex h-10 w-10 items-center justify-center rounded-full text-white transition-colors hover:bg-white/10",
-			"aria-label": s ? "Unmute" : "Mute",
-			children: f
-		}), /* @__PURE__ */ (0, Q.jsx)("div", {
-			className: Z("absolute left-full ml-2 flex items-center transition-all duration-200", c ? "translate-x-0 opacity-100" : "-translate-x-2 pointer-events-none opacity-0"),
-			children: /* @__PURE__ */ (0, Q.jsx)("input", {
-				type: "range",
-				min: "0",
-				max: "1",
-				step: "0.01",
-				value: s ? 0 : i,
-				onChange: (e) => d(parseFloat(e.target.value)),
-				className: "slider h-1 w-20 cursor-pointer appearance-none rounded-lg bg-white/20"
-			})
-		})]
-	});
-}, tt = function({ className: e, size: r = "md", skipTime: i = 10 }) {
-	let s = a(), c = n((e) => e.currentTime);
-	return /* @__PURE__ */ (0, Q.jsx)("button", {
-		type: "button",
-		onClick: o.useCallback(() => {
-			let e = Math.max(0, c - i);
-			s({
-				type: t.SEEK,
-				detail: e
-			});
-		}, [
-			s,
-			c,
-			i
-		]),
-		className: Z("group relative flex items-center justify-center rounded-full bg-white/10 backdrop-blur-sm", "border border-white/20 text-white transition-all duration-200", "hover:scale-105 hover:bg-white/20 active:scale-95", "focus:outline-none focus:ring-2 focus:ring-white/50", {
-			sm: "h-8 w-8",
-			md: "h-10 w-10",
-			lg: "h-12 w-12"
-		}[r], e),
-		"aria-label": `Backward ${i} seconds`,
-		title: `Backward ${i}s`,
-		children: /* @__PURE__ */ (0, Q.jsxs)("div", {
-			className: Z("flex items-center transition-transform duration-200", {
-				sm: "h-4 w-4",
-				md: "h-5 w-5",
-				lg: "h-6 w-6"
-			}[r]),
-			children: [/* @__PURE__ */ (0, Q.jsxs)("svg", {
-				viewBox: "0 0 24 24",
-				fill: "currentColor",
-				className: "h-full w-full",
-				children: [/* @__PURE__ */ (0, Q.jsx)("path", { d: "M7 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1s-1-.45-1-1V7c0-.55.45-1 1-1zM15.5 7.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v9c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-9z" }), /* @__PURE__ */ (0, Q.jsx)("path", {
-					d: "M5.5 12l7-4.5v9l-7-4.5z",
-					opacity: "0.8"
-				})]
-			}), i && /* @__PURE__ */ (0, Q.jsx)("span", {
-				className: "-bottom-1 absolute font-bold text-[10px]",
-				children: i
-			})]
-		})
-	});
-}, nt = function({ className: e, size: r = "md", skipTime: i = 10 }) {
-	let s = a(), c = n((e) => e.currentTime), l = n((e) => e.duration);
-	return /* @__PURE__ */ (0, Q.jsx)("button", {
-		type: "button",
-		onClick: o.useCallback(() => {
-			let e = Math.min(l, c + i);
-			s({
-				type: t.SEEK,
-				detail: e
-			});
-		}, [
-			s,
-			c,
-			l,
-			i
-		]),
-		className: Z("group relative flex items-center justify-center rounded-full bg-white/10 backdrop-blur-sm", "border border-white/20 text-white transition-all duration-200", "hover:scale-105 hover:bg-white/20 active:scale-95", "focus:outline-none focus:ring-2 focus:ring-white/50", {
-			sm: "h-8 w-8",
-			md: "h-10 w-10",
-			lg: "h-12 w-12"
-		}[r], e),
-		"aria-label": `Forward ${i} seconds`,
-		title: `Forward ${i}s`,
-		children: /* @__PURE__ */ (0, Q.jsxs)("div", {
-			className: Z("flex items-center transition-transform duration-200", {
-				sm: "h-4 w-4",
-				md: "h-5 w-5",
-				lg: "h-6 w-6"
-			}[r]),
-			children: [/* @__PURE__ */ (0, Q.jsxs)("svg", {
-				viewBox: "0 0 24 24",
-				fill: "currentColor",
-				className: "h-full w-full",
-				children: [/* @__PURE__ */ (0, Q.jsx)("path", { d: "M17 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1s-1-.45-1-1V7c0-.55.45-1 1-1zM8.5 7.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v9c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5v-9z" }), /* @__PURE__ */ (0, Q.jsx)("path", {
-					d: "M18.5 12l-7-4.5v9l7-4.5z",
-					opacity: "0.8"
-				})]
-			}), i && /* @__PURE__ */ (0, Q.jsx)("span", {
-				className: "-bottom-1 absolute font-bold text-[10px]",
-				children: i
-			})]
-		})
-	});
-}, rt = function({ variant: e = "current", className: t }) {
-	let r = n((e) => e.currentTime), i = n((e) => e.duration), a = o.useMemo(() => {
-		switch (e) {
-			case "current": return $(r);
-			case "duration": return $(i);
-			case "remaining": return `-${$(i - r)}`;
-			default: return $(r);
-		}
-	}, [
-		e,
-		r,
-		i
-	]);
-	return /* @__PURE__ */ (0, Q.jsx)("div", {
-		className: Z("font-mono text-sm text-white tabular-nums", t),
-		children: a
-	});
-}, it = function({ metrics: e, className: t }) {
-	return !e || process.env.NODE_ENV !== "development" ? null : /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: Z("flex items-center gap-3 font-mono text-xs", t),
-		children: [
-			e.fps !== void 0 && /* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: Z("flex items-center gap-1", ((e) => e >= 50 ? "text-green-400" : e >= 30 ? "text-yellow-400" : "text-red-400")(e.fps)),
-				children: [/* @__PURE__ */ (0, Q.jsx)("div", { className: "h-2 w-2 rounded-full bg-current" }), /* @__PURE__ */ (0, Q.jsxs)("span", { children: [e.fps, " FPS"] })]
-			}),
-			e.bufferHealth !== void 0 && /* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: Z("flex items-center gap-1", ((e) => e >= 5 ? "text-green-400" : e >= 2 ? "text-yellow-400" : "text-red-400")(e.bufferHealth)),
-				children: [/* @__PURE__ */ (0, Q.jsx)("div", { className: "h-2 w-2 rounded-full bg-current" }), /* @__PURE__ */ (0, Q.jsxs)("span", { children: [e.bufferHealth.toFixed(1), "s"] })]
-			}),
-			e.quality !== void 0 && /* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: "flex items-center gap-1 text-blue-400",
-				children: [/* @__PURE__ */ (0, Q.jsx)("div", { className: "h-2 w-2 rounded-full bg-current" }), /* @__PURE__ */ (0, Q.jsxs)("span", { children: [e.quality, "p"] })]
-			})
-		]
-	});
-}, at = function({ className: e, showSkipButtons: t = !0, showVolumeControl: n = !0, showTimeDisplay: r = !0, playButtonSize: i = "xl", skipButtonSize: a = "md", skipTime: o = 10, showPerformanceIndicators: s = process.env.NODE_ENV === "development", performanceMetrics: c }) {
-	return /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: Z("flex flex-col gap-4 bg-gradient-to-t from-black/80 to-transparent p-4", e),
-		children: [/* @__PURE__ */ (0, Q.jsx)($e, { className: "w-full" }), /* @__PURE__ */ (0, Q.jsxs)("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: "flex items-center gap-3",
-				children: [
-					t && /* @__PURE__ */ (0, Q.jsx)(tt, {
-						size: a,
-						skipTime: o,
-						className: "shrink-0"
-					}),
-					/* @__PURE__ */ (0, Q.jsx)(Qe, {
-						size: i,
-						className: "shrink-0"
-					}),
-					t && /* @__PURE__ */ (0, Q.jsx)(nt, {
-						size: a,
-						skipTime: o,
-						className: "shrink-0"
-					}),
-					n && /* @__PURE__ */ (0, Q.jsx)(et, { className: "shrink-0" }),
-					r && /* @__PURE__ */ (0, Q.jsxs)("div", {
-						className: "flex items-center gap-1 font-mono text-sm",
-						children: [
-							/* @__PURE__ */ (0, Q.jsx)(rt, { variant: "current" }),
-							/* @__PURE__ */ (0, Q.jsx)("span", {
-								className: "text-white/60",
-								children: "/"
-							}),
-							/* @__PURE__ */ (0, Q.jsx)(rt, { variant: "duration" })
-						]
-					})
-				]
-			}), /* @__PURE__ */ (0, Q.jsx)("div", {
-				className: "flex items-center gap-2",
-				children: s && /* @__PURE__ */ (0, Q.jsx)(it, {
-					metrics: c,
-					className: "text-white/80"
-				})
-			})]
-		})]
-	});
-}, ot = ({ performanceMetrics: e = {}, preloadingStats: t = {}, playbackState: n = {}, hlsMetrics: r = {}, pluginInfo: i = {}, debugInfo: a = {}, className: c, position: l = "top-right", defaultCollapsed: u = !1, title: d = "BaroiPlayer Debug Panel" }) => {
-	let [f, p] = o.useState(u), [m, h] = o.useState("performance"), g = s(() => {
-		switch (l) {
-			case "top-left": return "top-4 left-4";
-			case "top-right": return "top-4 right-4";
-			case "bottom-left": return "bottom-4 left-4";
-			case "bottom-right": return "bottom-4 right-4";
-			default: return "top-4 right-4";
-		}
-	}, [l]), _ = (e) => {
-		if (e === 0) return "0 B";
-		let t = 1024, n = [
-			"B",
-			"KB",
-			"MB",
-			"GB"
-		], r = Math.floor(Math.log(e) / Math.log(t));
-		return parseFloat((e / t ** r).toFixed(2)) + " " + n[r];
-	}, v = (e) => `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`, y = () => /* @__PURE__ */ (0, Q.jsx)("div", {
-		className: "space-y-2",
-		children: /* @__PURE__ */ (0, Q.jsxs)("div", {
-			className: "grid grid-cols-2 gap-2 text-xs",
-			children: [
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-green-400",
-					children: "FPS:"
-				}), /* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "ml-2 font-mono",
-					children: e.fps || 0
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-blue-400",
-					children: "Memory:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [((e.memoryUsage || 0) / 1024 / 1024).toFixed(1), " MB"]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-yellow-400",
-					children: "Buffer:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [(e.bufferHealth || 0).toFixed(2), "s"]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-purple-400",
-					children: "Bandwidth:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [_(e.networkBandwidth || 0), "/s"]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-red-400",
-					children: "Dropped:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [e.droppedFrames || 0, " frames"]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-cyan-400",
-					children: "Decoded:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [e.decodedFrames || 0, " frames"]
-				})] })
-			]
-		})
-	}), b = () => /* @__PURE__ */ (0, Q.jsx)("div", {
-		className: "space-y-2",
-		children: /* @__PURE__ */ (0, Q.jsxs)("div", {
-			className: "grid grid-cols-2 gap-2 text-xs",
-			children: [
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-green-400",
-					children: "Status:"
-				}), /* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "ml-2 font-mono",
-					children: n.isPlaying ? /* @__PURE__ */ (0, Q.jsx)("span", {
-						className: "text-green-300",
-						children: "Playing"
-					}) : /* @__PURE__ */ (0, Q.jsx)("span", {
-						className: "text-red-300",
-						children: "Paused"
-					})
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-blue-400",
-					children: "Time:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [
-						v(n.currentTime || 0),
-						" / ",
-						v(n.duration || 0)
-					]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-yellow-400",
-					children: "Volume:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [Math.round((n.volume || 0) * 100), "%"]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-purple-400",
-					children: "Quality:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [n.quality || 0, "p"]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-red-400",
-					children: "Buffering:"
-				}), /* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "ml-2 font-mono",
-					children: n.isBuffering ? /* @__PURE__ */ (0, Q.jsx)("span", {
-						className: "text-yellow-300",
-						children: "Yes"
-					}) : /* @__PURE__ */ (0, Q.jsx)("span", {
-						className: "text-green-300",
-						children: "No"
-					})
-				})] }),
-				n.error && /* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "col-span-2",
-					children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-						className: "text-red-400",
-						children: "Error:"
-					}), /* @__PURE__ */ (0, Q.jsx)("span", {
-						className: "ml-2 break-all font-mono text-red-300 text-xs",
-						children: n.error
-					})]
-				})
-			]
-		})
-	}), x = () => /* @__PURE__ */ (0, Q.jsx)("div", {
-		className: "space-y-2",
-		children: /* @__PURE__ */ (0, Q.jsxs)("div", {
-			className: "grid grid-cols-2 gap-2 text-xs",
-			children: [
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-green-400",
-					children: "Preloaded:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [t.preloadedItems || 0, " items"]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-blue-400",
-					children: "Engagement:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [(t.engagementScore || 0).toFixed(1), "%"]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-yellow-400",
-					children: "Queue:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [t.queueLength || 0, " items"]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-purple-400",
-					children: "Hit Rate:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [(t.hitRate || 0).toFixed(1), "%"]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "col-span-2",
-					children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-						className: "text-cyan-400",
-						children: "Saved:"
-					}), /* @__PURE__ */ (0, Q.jsx)("span", {
-						className: "ml-2 font-mono",
-						children: _(t.totalSaved || 0)
-					})]
-				})
-			]
-		})
-	}), S = () => /* @__PURE__ */ (0, Q.jsx)("div", {
-		className: "space-y-2",
-		children: /* @__PURE__ */ (0, Q.jsxs)("div", {
-			className: "grid grid-cols-2 gap-2 text-xs",
-			children: [
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-green-400",
-					children: "Level:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [
-						r.currentLevel || 0,
-						" / ",
-						r.availableLevels || 0
-					]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-blue-400",
-					children: "Bandwidth:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [_(r.bandwidthEstimate || 0), "/s"]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-red-400",
-					children: "Dropped:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [r.droppedFrames || 0, " frames"]
-				})] })
-			]
-		})
-	}), C = () => /* @__PURE__ */ (0, Q.jsx)("div", {
-		className: "space-y-2",
-		children: /* @__PURE__ */ (0, Q.jsxs)("div", {
-			className: "text-xs",
-			children: [
-				/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-green-400",
-					children: "Total:"
-				}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-					className: "ml-2 font-mono",
-					children: [i.pluginCount || 0, " plugins"]
-				})] }),
-				/* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "mt-2",
-					children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-						className: "text-blue-400",
-						children: "Active:"
-					}), /* @__PURE__ */ (0, Q.jsx)("div", {
-						className: "ml-2 space-y-1 font-mono text-xs",
-						children: i.activePlugins?.map((e, t) => /* @__PURE__ */ (0, Q.jsxs)("div", {
-							className: "text-green-300",
-							children: ["• ", e]
-						}, t)) || /* @__PURE__ */ (0, Q.jsx)("div", {
-							className: "text-gray-400",
-							children: "None"
-						})
-					})]
-				}),
-				i.loadedPlugins && i.loadedPlugins.length > (i.activePlugins?.length || 0) && /* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "mt-2",
-					children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-						className: "text-yellow-400",
-						children: "Loaded (inactive):"
-					}), /* @__PURE__ */ (0, Q.jsx)("div", {
-						className: "ml-2 space-y-1 font-mono text-xs",
-						children: i.loadedPlugins.filter((e) => !i.activePlugins?.includes(e)).map((e, t) => /* @__PURE__ */ (0, Q.jsxs)("div", {
-							className: "text-yellow-300",
-							children: ["• ", e]
-						}, t))
-					})]
-				})
-			]
-		})
-	}), w = () => /* @__PURE__ */ (0, Q.jsx)("div", {
-		className: "space-y-2",
-		children: /* @__PURE__ */ (0, Q.jsx)("div", {
-			className: "space-y-1 font-mono text-xs",
-			children: Object.entries(a).map(([e, t]) => /* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsxs)("span", {
-				className: "text-yellow-400",
-				children: [e, ":"]
-			}), /* @__PURE__ */ (0, Q.jsx)("span", {
-				className: "ml-2 text-gray-300",
-				children: typeof t == "object" ? JSON.stringify(t, null, 2) : String(t)
-			})] }, e))
-		})
-	});
-	return process.env.NODE_ENV === "development" ? /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: Z("fixed z-50 min-w-80 max-w-96 rounded-lg border border-gray-700 bg-black/90 p-3 font-mono text-white text-xs backdrop-blur-sm", g, c),
-		children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
-			className: "mb-3 flex items-center justify-between",
-			children: [/* @__PURE__ */ (0, Q.jsx)("h3", {
-				className: "font-bold text-blue-400 text-sm",
-				children: d
-			}), /* @__PURE__ */ (0, Q.jsx)("div", {
-				className: "flex items-center space-x-2",
-				children: /* @__PURE__ */ (0, Q.jsx)("button", {
-					onClick: () => p(!f),
-					className: "text-gray-400 transition-colors hover:text-white",
-					"aria-label": f ? "Expand" : "Collapse",
-					children: f ? /* @__PURE__ */ (0, Q.jsx)("svg", {
-						width: "12",
-						height: "12",
-						viewBox: "0 0 12 12",
-						fill: "none",
-						children: /* @__PURE__ */ (0, Q.jsx)("path", {
-							d: "M3 4.5L6 7.5L9 4.5",
-							stroke: "currentColor",
-							strokeWidth: "1.5",
-							strokeLinecap: "round",
-							strokeLinejoin: "round"
-						})
-					}) : /* @__PURE__ */ (0, Q.jsx)("svg", {
-						width: "12",
-						height: "12",
-						viewBox: "0 0 12 12",
-						fill: "none",
-						children: /* @__PURE__ */ (0, Q.jsx)("path", {
-							d: "M3 7.5L6 4.5L9 7.5",
-							stroke: "currentColor",
-							strokeWidth: "1.5",
-							strokeLinecap: "round",
-							strokeLinejoin: "round"
-						})
-					})
-				})
-			})]
-		}), f ? /* @__PURE__ */ (0, Q.jsxs)("div", {
-			className: "grid grid-cols-2 gap-2 text-xs",
-			children: [/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-				className: "text-green-400",
-				children: "FPS:"
-			}), /* @__PURE__ */ (0, Q.jsx)("span", {
-				className: "ml-1 font-mono",
-				children: e.fps || 0
-			})] }), /* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-				className: "text-blue-400",
-				children: "Memory:"
-			}), /* @__PURE__ */ (0, Q.jsxs)("span", {
-				className: "ml-1 font-mono",
-				children: [((e.memoryUsage || 0) / 1024 / 1024).toFixed(1), "MB"]
-			})] })]
-		}) : /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [/* @__PURE__ */ (0, Q.jsx)("div", {
-			className: "flex space-x-1 border-gray-600 border-b",
-			children: [
-				{
-					id: "performance",
-					label: "Performance"
-				},
-				{
-					id: "hls",
-					label: "HLS"
-				},
-				{
-					id: "plugins",
-					label: "Plugins"
-				},
-				{
-					id: "debug",
-					label: "Debug"
-				}
-			].map((e) => /* @__PURE__ */ (0, Q.jsx)("button", {
-				onClick: () => h(e.id),
-				className: Z("px-2 py-1 font-medium text-xs transition-colors", m === e.id ? "border-blue-400 border-b text-blue-400" : "text-gray-400 hover:text-white"),
-				children: e.label
-			}, e.id))
-		}), /* @__PURE__ */ (0, Q.jsx)("div", {
-			className: "mt-3 max-h-64 overflow-y-auto",
-			children: (() => {
-				switch (m) {
-					case "performance": return /* @__PURE__ */ (0, Q.jsxs)("div", {
-						className: "space-y-3",
-						children: [
-							y(),
-							/* @__PURE__ */ (0, Q.jsx)("hr", { className: "border-gray-600" }),
-							b(),
-							/* @__PURE__ */ (0, Q.jsx)("hr", { className: "border-gray-600" }),
-							x()
-						]
-					});
-					case "hls": return S();
-					case "plugins": return C();
-					case "debug": return w();
-					default: return y();
-				}
-			})()
-		})] })]
-	}) : null;
-};
-//#endregion
-export { Be as _, rt as a, Ze as c, Je as d, Ke as f, Z as g, We as h, $e as i, Ye as l, Ge as m, at as n, et as o, $ as p, Qe as r, Xe as s, ot as t, qe as u, l as v };
-
-//# sourceMappingURL=enhanced-components-BwjBqSA1.js.map