@factorialco/f0-react 12.12.0 → 12.13.0

package/dist/{F0AudioPlayer-BefDLQA2.js → F0AudioPlayer-vRJmmSpp.js}

@@ -2,26 +2,26 @@ import { a as e, r as t } from "./i18n-provider-Bdgo-LeP.js";
 import { n } from "./skeleton-AC0Fb8zj.js";
 import { L as r, R as i } from "./tooltip-BX4dSfeL.js";
 import { U as a, h as o, t as s } from "./F0Button-d91IgOnc.js";
-import { As as c, Pa as l, go as u, ho as d } from "./F0CanvasPanel-BOo_mxBl.js";
+import { Co as c, Ls as l, So as u, Va as d } from "./F0CanvasPanel-D1QmpvzX.js";
 import { o as f, t as p } from "./F0Icon-DmCBV0gK.js";
 import { t as m } from "./Check-DAp9gCRh.js";
 import { a as h, i as g, r as _ } from "./dist-CFY0KELA.js";
-import { A as v, H as y, L as b, M as x, N as S, a as C, ct as w, ft as ee, gt as T, ht as E, i as D, k as O, lt as k, mt as te, st as A, t as ne, tt as re } from "./popover-ics24JxK.js";
-import { n as ie } from "./scrollarea-cxaFAWG5.js";
-import { n as j, t as ae } from "./F0SegmentedControl-DXoAzTmH.js";
-import { i as oe, n as se, r as M, t as ce } from "./localized-BrUgGMzm.js";
+import { A as v, H as y, L as b, M as x, N as S, a as C, ct as w, ft as T, gt as E, ht as D, i as O, k, lt as A, mt as ee, st as j, t as te, tt as ne } from "./popover-ics24JxK.js";
+import { n as re } from "./scrollarea-cxaFAWG5.js";
+import { i as ie, n as ae, r as M, t as oe } from "./localized-BrUgGMzm.js";
+import { i as se, r as ce } from "./dist-DtILhk4w.js";
 import * as N from "react";
-import { forwardRef as le, memo as P, useCallback as F, useEffect as I, useMemo as L, useRef as R, useState as z } from "react";
-import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { forwardRef as P, memo as F, useCallback as I, useEffect as L, useMemo as R, useRef as z, useState as B } from "react";
+import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
 //#region src/blocks/F0AudioPlayer/utils.ts
-var ue = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => e.startsWith("data-"))), U = (e) => {
+var le = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => e.startsWith("data-"))), W = (e) => {
 	(!Number.isFinite(e) || e < 0) && (e = 0);
 	let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, a = (e) => String(e).padStart(2, "0");
 	return n > 0 ? `${n}:${a(r)}:${a(i)}` : `${r}:${a(i)}`;
-}, de = (e) => e.map((e, t) => ({
+}, ue = (e) => e.map((e, t) => ({
 	start: e.startTime,
 	cueIndex: t
-})).filter((e) => typeof e.start == "number" && Number.isFinite(e.start)).sort((e, t) => e.start - t.start), fe = (e, t) => {
+})).filter((e) => typeof e.start == "number" && Number.isFinite(e.start)).sort((e, t) => e.start - t.start), de = (e, t) => {
 	let n = 0, r = e.length - 1, i = -1;
 	for (; n <= r;) {
 		let a = n + r >> 1, o = e[a];
@@ -29,16 +29,77 @@ var ue = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => e.startsWit
 		o.start <= t ? (i = o.cueIndex, n = a + 1) : r = a - 1;
 	}
 	return i;
-}, W = /* @__PURE__ */ new Set([
+}, G = (e, t = {}, n = 0) => {
+	let r = z(t);
+	r.current = t;
+	let i = z(n);
+	i.current = n;
+	let [a, o] = B(!1), [s, c] = B(0), [l, u] = B(n), [d, f] = B(0), [p, m] = B(1), [h, g] = B(!0), [_, v] = B(null);
+	L(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = () => {
+			u(Number.isFinite(t.duration) ? t.duration : i.current), g(!1);
+		}, a = () => {
+			c(t.currentTime), r.current.onTimeUpdate?.(t.currentTime);
+		}, s = () => {
+			o(!0), r.current.onPlay?.();
+		}, l = () => {
+			o(!1), r.current.onPause?.();
+		}, d = () => {
+			o(!1), r.current.onEnded?.();
+		}, p = () => {
+			t.buffered.length > 0 && f(t.buffered.end(t.buffered.length - 1));
+		}, h = () => g(!0), _ = () => g(!1), y = () => m(t.playbackRate), b = () => {
+			v(t.error), g(!1), r.current.onError?.(t.error);
+		};
+		return t.addEventListener("loadedmetadata", n), t.addEventListener("timeupdate", a), t.addEventListener("play", s), t.addEventListener("pause", l), t.addEventListener("ended", d), t.addEventListener("progress", p), t.addEventListener("waiting", h), t.addEventListener("canplay", _), t.addEventListener("ratechange", y), t.addEventListener("error", b), t.readyState >= 1 && n(), () => {
+			t.removeEventListener("loadedmetadata", n), t.removeEventListener("timeupdate", a), t.removeEventListener("play", s), t.removeEventListener("pause", l), t.removeEventListener("ended", d), t.removeEventListener("progress", p), t.removeEventListener("waiting", h), t.removeEventListener("canplay", _), t.removeEventListener("ratechange", y), t.removeEventListener("error", b);
+		};
+	}, [e]);
+	let y = I(() => {
+		e.current?.play().catch(() => {});
+	}, [e]), b = I(() => {
+		e.current?.pause();
+	}, [e]);
+	return {
+		isPlaying: a,
+		currentTime: s,
+		duration: l,
+		buffered: d,
+		playbackRate: p,
+		isLoading: h,
+		error: _,
+		play: y,
+		pause: b,
+		toggle: I(() => {
+			a ? b() : y();
+		}, [
+			a,
+			y,
+			b
+		]),
+		seek: I((t) => {
+			let n = e.current;
+			if (!n) return;
+			let i = Number.isFinite(n.duration) ? n.duration : t, a = Math.min(Math.max(t, 0), i);
+			n.currentTime = a, c(a), r.current.onSeek?.(a);
+		}, [e]),
+		setPlaybackRate: I((t) => {
+			let n = e.current;
+			n && (n.playbackRate = t, m(t));
+		}, [e])
+	};
+}, K = /* @__PURE__ */ new Set([
 	"captions",
 	"subtitles",
 	"descriptions",
 	"metadata"
-]), pe = (e) => W.has(e), G = (e, t) => {
+]), fe = (e) => K.has(e), q = (e, t) => {
 	let n = e.querySelectorAll("track");
 	for (let e of Array.from(n)) if (e.track === t) return !1;
 	return !0;
-}, me = (e) => {
+}, pe = (e) => {
 	let t = e.cues;
 	if (!t || t.length === 0) return "";
 	let n = [];
@@ -47,9 +108,9 @@ var ue = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => e.startsWit
 		typeof t == "string" && t.trim() && n.push(t.trim());
 	}
 	return n.join("\n");
-}, he = (e, t, n) => {
-	let [r, i] = z();
-	return I(() => {
+}, me = (e, t, n) => {
+	let [r, i] = B();
+	return L(() => {
 		if (!n) {
 			i(void 0);
 			return;
@@ -57,11 +118,11 @@ var ue = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => e.startsWit
 		let t = e.current;
 		if (!t) return;
 		let r = t.textTracks, a = () => {
-			let e = Array.from(r).filter((e) => pe(e.kind));
-			e.sort((e, n) => Number(G(t, n)) - Number(G(t, e)));
+			let e = Array.from(r).filter((e) => fe(e.kind));
+			e.sort((e, n) => Number(q(t, n)) - Number(q(t, e)));
 			for (let t of e) {
 				t.mode === "disabled" && (t.mode = "hidden");
-				let e = me(t);
+				let e = pe(t);
 				if (e) {
 					i(e);
 					return;
@@ -86,12 +147,12 @@ var ue = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => e.startsWit
 		n,
 		t
 	]), r;
-}, K = ["PageUp", "PageDown"], q = [
+}, he = ["PageUp", "PageDown"], J = [
 	"ArrowUp",
 	"ArrowDown",
 	"ArrowLeft",
 	"ArrowRight"
-], ge = {
+], Y = {
 	"from-left": [
 		"Home",
 		"PageDown",
@@ -116,8 +177,8 @@ var ue = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => e.startsWit
 		"ArrowUp",
 		"ArrowLeft"
 	]
-}, J = "Slider", [Y, X, _e] = w(J), [Z, Q] = te(J, [_e]), [ve, $] = Z(J), ye = N.forwardRef((e, t) => {
-	let { name: n, min: r = 0, max: i = 100, step: a = 1, orientation: o = "horizontal", disabled: s = !1, minStepsBetweenThumbs: c = 0, defaultValue: l = [r], value: u, onValueChange: d = () => {}, onValueCommit: f = () => {}, inverted: p = !1, form: m, ...h } = e, g = N.useRef(/* @__PURE__ */ new Set()), v = N.useRef(0), y = o === "horizontal" ? Se : Ce, [b = [], x] = ee({
+}, X = "Slider", [ge, _e, Z] = w(X), [ve, Q] = ee(X, [Z]), [ye, $] = ve(X), be = N.forwardRef((e, t) => {
+	let { name: n, min: r = 0, max: i = 100, step: a = 1, orientation: o = "horizontal", disabled: s = !1, minStepsBetweenThumbs: c = 0, defaultValue: l = [r], value: u, onValueChange: d = () => {}, onValueCommit: f = () => {}, inverted: p = !1, form: m, ...h } = e, g = N.useRef(/* @__PURE__ */ new Set()), v = N.useRef(0), y = o === "horizontal" ? Ce : we, [b = [], x] = T({
 		prop: u,
 		defaultProp: l,
 		onChange: (e) => {
@@ -125,20 +186,20 @@ var ue = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => e.startsWit
 		}
 	}), S = N.useRef(b);
 	function C(e) {
-		D(e, Le(b, e));
+		O(e, Re(b, e));
 	}
 	function w(e) {
-		D(e, v.current);
+		O(e, v.current);
 	}
-	function T() {
+	function E() {
 		let e = S.current[v.current];
 		b[v.current] !== e && f(b);
 	}
-	function D(e, t, { commit: n } = { commit: !1 }) {
-		let o = He(a), s = Ue(Math.round((e - r) / a) * a + r, o), l = _(s, [r, i]);
+	function O(e, t, { commit: n } = { commit: !1 }) {
+		let o = Ue(a), s = We(Math.round((e - r) / a) * a + r, o), l = _(s, [r, i]);
 		x((e = []) => {
-			let r = Pe(e, l, t);
-			if (Be(r, c * a)) {
+			let r = Fe(e, l, t);
+			if (Ve(r, c * a)) {
 				v.current = r.indexOf(l);
 				let t = String(r) !== String(e);
 				return t && n && f(r), t ? r : e;
@@ -146,7 +207,7 @@ var ue = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => e.startsWit
 			return e;
 		});
 	}
-	return /* @__PURE__ */ V(ve, {
+	return /* @__PURE__ */ H(ye, {
 		scope: e.__scopeSlider,
 		name: n,
 		disabled: s,
@@ -157,16 +218,16 @@ var ue = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => e.startsWit
 		values: b,
 		orientation: o,
 		form: m,
-		children: /* @__PURE__ */ V(Y.Provider, {
+		children: /* @__PURE__ */ H(ge.Provider, {
 			scope: e.__scopeSlider,
-			children: /* @__PURE__ */ V(Y.Slot, {
+			children: /* @__PURE__ */ H(ge.Slot, {
 				scope: e.__scopeSlider,
-				children: /* @__PURE__ */ V(y, {
+				children: /* @__PURE__ */ H(y, {
 					"aria-disabled": s,
 					"data-disabled": s ? "" : void 0,
 					...h,
 					ref: t,
-					onPointerDown: E(h.onPointerDown, () => {
+					onPointerDown: D(h.onPointerDown, () => {
 						s || (S.current = b);
 					}),
 					min: r,
@@ -174,13 +235,13 @@ var ue = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => e.startsWit
 					inverted: p,
 					onSlideStart: s ? void 0 : C,
 					onSlideMove: s ? void 0 : w,
-					onSlideEnd: s ? void 0 : T,
-					onHomeKeyDown: () => !s && D(r, 0, { commit: !0 }),
-					onEndKeyDown: () => !s && D(i, b.length - 1, { commit: !0 }),
+					onSlideEnd: s ? void 0 : E,
+					onHomeKeyDown: () => !s && O(r, 0, { commit: !0 }),
+					onEndKeyDown: () => !s && O(i, b.length - 1, { commit: !0 }),
 					onStepKeyDown: ({ event: e, direction: t }) => {
 						if (!s) {
-							let n = K.includes(e.key) || e.shiftKey && q.includes(e.key) ? 10 : 1, r = v.current, i = b[r];
-							D(i + a * n * t, r, { commit: !0 });
+							let n = he.includes(e.key) || e.shiftKey && J.includes(e.key) ? 10 : 1, r = v.current, i = b[r];
+							O(i + a * n * t, r, { commit: !0 });
 						}
 					}
 				})
@@ -188,25 +249,25 @@ var ue = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => e.startsWit
 		})
 	});
 });
-ye.displayName = J;
-var [be, xe] = Z(J, {
+be.displayName = X;
+var [xe, Se] = ve(X, {
 	startEdge: "left",
 	endEdge: "right",
 	size: "width",
 	direction: 1
-}), Se = N.forwardRef((e, t) => {
-	let { min: n, max: r, dir: i, inverted: a, onSlideStart: o, onSlideMove: s, onSlideEnd: c, onStepKeyDown: l, ...u } = e, [d, f] = N.useState(null), p = T(t, (e) => f(e)), m = N.useRef(void 0), h = A(i), g = h === "ltr", _ = g && !a || !g && a;
+}), Ce = N.forwardRef((e, t) => {
+	let { min: n, max: r, dir: i, inverted: a, onSlideStart: o, onSlideMove: s, onSlideEnd: c, onStepKeyDown: l, ...u } = e, [d, f] = N.useState(null), p = E(t, (e) => f(e)), m = N.useRef(void 0), h = j(i), g = h === "ltr", _ = g && !a || !g && a;
 	function v(e) {
-		let t = m.current || d.getBoundingClientRect(), i = Ve([0, t.width], _ ? [n, r] : [r, n]);
+		let t = m.current || d.getBoundingClientRect(), i = He([0, t.width], _ ? [n, r] : [r, n]);
 		return m.current = t, i(e - t.left);
 	}
-	return /* @__PURE__ */ V(be, {
+	return /* @__PURE__ */ H(xe, {
 		scope: e.__scopeSlider,
 		startEdge: _ ? "left" : "right",
 		endEdge: _ ? "right" : "left",
 		direction: _ ? 1 : -1,
 		size: "width",
-		children: /* @__PURE__ */ V(we, {
+		children: /* @__PURE__ */ H(Te, {
 			dir: h,
 			"data-orientation": "horizontal",
 			...u,
@@ -227,7 +288,7 @@ var [be, xe] = Z(J, {
 				m.current = void 0, c?.();
 			},
 			onStepKeyDown: (e) => {
-				let t = ge[_ ? "from-left" : "from-right"].includes(e.key);
+				let t = Y[_ ? "from-left" : "from-right"].includes(e.key);
 				l?.({
 					event: e,
 					direction: t ? -1 : 1
@@ -235,19 +296,19 @@ var [be, xe] = Z(J, {
 			}
 		})
 	});
-}), Ce = N.forwardRef((e, t) => {
-	let { min: n, max: r, inverted: i, onSlideStart: a, onSlideMove: o, onSlideEnd: s, onStepKeyDown: c, ...l } = e, u = N.useRef(null), d = T(t, u), f = N.useRef(void 0), p = !i;
+}), we = N.forwardRef((e, t) => {
+	let { min: n, max: r, inverted: i, onSlideStart: a, onSlideMove: o, onSlideEnd: s, onStepKeyDown: c, ...l } = e, u = N.useRef(null), d = E(t, u), f = N.useRef(void 0), p = !i;
 	function m(e) {
-		let t = f.current || u.current.getBoundingClientRect(), i = Ve([0, t.height], p ? [r, n] : [n, r]);
+		let t = f.current || u.current.getBoundingClientRect(), i = He([0, t.height], p ? [r, n] : [n, r]);
 		return f.current = t, i(e - t.top);
 	}
-	return /* @__PURE__ */ V(be, {
+	return /* @__PURE__ */ H(xe, {
 		scope: e.__scopeSlider,
 		startEdge: p ? "bottom" : "top",
 		endEdge: p ? "top" : "bottom",
 		size: "height",
 		direction: p ? 1 : -1,
-		children: /* @__PURE__ */ V(we, {
+		children: /* @__PURE__ */ H(Te, {
 			"data-orientation": "vertical",
 			...l,
 			ref: d,
@@ -267,7 +328,7 @@ var [be, xe] = Z(J, {
 				f.current = void 0, s?.();
 			},
 			onStepKeyDown: (e) => {
-				let t = ge[p ? "from-bottom" : "from-top"].includes(e.key);
+				let t = Y[p ? "from-bottom" : "from-top"].includes(e.key);
 				c?.({
 					event: e,
 					direction: t ? -1 : 1
@@ -275,39 +336,39 @@ var [be, xe] = Z(J, {
 			}
 		})
 	});
-}), we = N.forwardRef((e, t) => {
-	let { __scopeSlider: n, onSlideStart: r, onSlideMove: i, onSlideEnd: a, onHomeKeyDown: o, onEndKeyDown: s, onStepKeyDown: c, ...l } = e, u = $(J, n);
-	return /* @__PURE__ */ V(k.span, {
+}), Te = N.forwardRef((e, t) => {
+	let { __scopeSlider: n, onSlideStart: r, onSlideMove: i, onSlideEnd: a, onHomeKeyDown: o, onEndKeyDown: s, onStepKeyDown: c, ...l } = e, u = $(X, n);
+	return /* @__PURE__ */ H(A.span, {
 		...l,
 		ref: t,
-		onKeyDown: E(e.onKeyDown, (e) => {
-			e.key === "Home" ? (o(e), e.preventDefault()) : e.key === "End" ? (s(e), e.preventDefault()) : K.concat(q).includes(e.key) && (c(e), e.preventDefault());
+		onKeyDown: D(e.onKeyDown, (e) => {
+			e.key === "Home" ? (o(e), e.preventDefault()) : e.key === "End" ? (s(e), e.preventDefault()) : he.concat(J).includes(e.key) && (c(e), e.preventDefault());
 		}),
-		onPointerDown: E(e.onPointerDown, (e) => {
+		onPointerDown: D(e.onPointerDown, (e) => {
 			let t = e.target;
 			t.setPointerCapture(e.pointerId), e.preventDefault(), u.thumbs.has(t) ? t.focus() : r(e);
 		}),
-		onPointerMove: E(e.onPointerMove, (e) => {
+		onPointerMove: D(e.onPointerMove, (e) => {
 			e.target.hasPointerCapture(e.pointerId) && i(e);
 		}),
-		onPointerUp: E(e.onPointerUp, (e) => {
+		onPointerUp: D(e.onPointerUp, (e) => {
 			let t = e.target;
 			t.hasPointerCapture(e.pointerId) && (t.releasePointerCapture(e.pointerId), a(e));
 		})
 	});
-}), Te = "SliderTrack", Ee = N.forwardRef((e, t) => {
-	let { __scopeSlider: n, ...r } = e, i = $(Te, n);
-	return /* @__PURE__ */ V(k.span, {
+}), Ee = "SliderTrack", De = N.forwardRef((e, t) => {
+	let { __scopeSlider: n, ...r } = e, i = $(Ee, n);
+	return /* @__PURE__ */ H(A.span, {
 		"data-disabled": i.disabled ? "" : void 0,
 		"data-orientation": i.orientation,
 		...r,
 		ref: t
 	});
 });
-Ee.displayName = Te;
-var De = "SliderRange", Oe = N.forwardRef((e, t) => {
-	let { __scopeSlider: n, ...r } = e, i = $(De, n), a = xe(De, n), o = N.useRef(null), s = T(t, o), c = i.values.length, l = i.values.map((e) => Fe(e, i.min, i.max)), u = c > 1 ? Math.min(...l) : 0, d = 100 - Math.max(...l);
-	return /* @__PURE__ */ V(k.span, {
+De.displayName = Ee;
+var Oe = "SliderRange", ke = N.forwardRef((e, t) => {
+	let { __scopeSlider: n, ...r } = e, i = $(Oe, n), a = Se(Oe, n), o = N.useRef(null), s = E(t, o), c = i.values.length, l = i.values.map((e) => Ie(e, i.min, i.max)), u = c > 1 ? Math.min(...l) : 0, d = 100 - Math.max(...l);
+	return /* @__PURE__ */ H(A.span, {
 		"data-orientation": i.orientation,
 		"data-disabled": i.disabled ? "" : void 0,
 		...r,
@@ -319,29 +380,29 @@ var De = "SliderRange", Oe = N.forwardRef((e, t) => {
 		}
 	});
 });
-Oe.displayName = De;
-var ke = "SliderThumb", Ae = N.forwardRef((e, t) => {
-	let n = X(e.__scopeSlider), [r, i] = N.useState(null), a = T(t, (e) => i(e)), o = N.useMemo(() => r ? n().findIndex((e) => e.ref.current === r) : -1, [n, r]);
-	return /* @__PURE__ */ V(je, {
+ke.displayName = Oe;
+var Ae = "SliderThumb", je = N.forwardRef((e, t) => {
+	let n = _e(e.__scopeSlider), [r, i] = N.useState(null), a = E(t, (e) => i(e)), o = N.useMemo(() => r ? n().findIndex((e) => e.ref.current === r) : -1, [n, r]);
+	return /* @__PURE__ */ H(Me, {
 		...e,
 		ref: a,
 		index: o
 	});
-}), je = N.forwardRef((e, t) => {
-	let { __scopeSlider: n, index: r, name: i, ...a } = e, o = $(ke, n), s = xe(ke, n), [c, l] = N.useState(null), u = T(t, (e) => l(e)), d = !c || o.form || !!c.closest("form"), f = re(c), p = o.values[r], m = p === void 0 ? 0 : Fe(p, o.min, o.max), h = Ie(r, o.values.length), g = f?.[s.size], _ = g ? Re(g, m, s.direction) : 0;
+}), Me = N.forwardRef((e, t) => {
+	let { __scopeSlider: n, index: r, name: i, ...a } = e, o = $(Ae, n), s = Se(Ae, n), [c, l] = N.useState(null), u = E(t, (e) => l(e)), d = !c || o.form || !!c.closest("form"), f = ne(c), p = o.values[r], m = p === void 0 ? 0 : Ie(p, o.min, o.max), h = Le(r, o.values.length), g = f?.[s.size], _ = g ? ze(g, m, s.direction) : 0;
 	return N.useEffect(() => {
 		if (c) return o.thumbs.add(c), () => {
 			o.thumbs.delete(c);
 		};
-	}, [c, o.thumbs]), /* @__PURE__ */ H("span", {
+	}, [c, o.thumbs]), /* @__PURE__ */ U("span", {
 		style: {
 			transform: "var(--radix-slider-thumb-transform)",
 			position: "absolute",
 			[s.startEdge]: `calc(${m}% + ${_}px)`
 		},
-		children: [/* @__PURE__ */ V(Y.ItemSlot, {
+		children: [/* @__PURE__ */ H(ge.ItemSlot, {
 			scope: e.__scopeSlider,
-			children: /* @__PURE__ */ V(k.span, {
+			children: /* @__PURE__ */ H(A.span, {
 				role: "slider",
 				"aria-label": e["aria-label"] || h,
 				"aria-valuemin": o.min,
@@ -354,20 +415,20 @@ var ke = "SliderThumb", Ae = N.forwardRef((e, t) => {
 				...a,
 				ref: u,
 				style: p === void 0 ? { display: "none" } : e.style,
-				onFocus: E(e.onFocus, () => {
+				onFocus: D(e.onFocus, () => {
 					o.valueIndexToChangeRef.current = r;
 				})
 			})
-		}), d && /* @__PURE__ */ V(Ne, {
+		}), d && /* @__PURE__ */ H(Pe, {
 			name: i ?? (o.name ? o.name + (o.values.length > 1 ? "[]" : "") : void 0),
 			form: o.form,
 			value: p
 		}, r)]
 	});
 });
-Ae.displayName = ke;
-var Me = "RadioBubbleInput", Ne = N.forwardRef(({ __scopeSlider: e, value: t, ...n }, r) => {
-	let i = N.useRef(null), a = T(i, r), o = g(t);
+je.displayName = Ae;
+var Ne = "RadioBubbleInput", Pe = N.forwardRef(({ __scopeSlider: e, value: t, ...n }, r) => {
+	let i = N.useRef(null), a = E(i, r), o = g(t);
 	return N.useEffect(() => {
 		let e = i.current;
 		if (!e) return;
@@ -376,62 +437,62 @@ var Me = "RadioBubbleInput", Ne = N.forwardRef(({ __scopeSlider: e, value: t, ..
 			let n = new Event("input", { bubbles: !0 });
 			r.call(e, t), e.dispatchEvent(n);
 		}
-	}, [o, t]), /* @__PURE__ */ V(k.input, {
+	}, [o, t]), /* @__PURE__ */ H(A.input, {
 		style: { display: "none" },
 		...n,
 		ref: a,
 		defaultValue: t
 	});
 });
-Ne.displayName = Me;
-function Pe(e = [], t, n) {
+Pe.displayName = Ne;
+function Fe(e = [], t, n) {
 	let r = [...e];
 	return r[n] = t, r.sort((e, t) => e - t);
 }
-function Fe(e, t, n) {
+function Ie(e, t, n) {
 	let r = 100 / (n - t) * (e - t);
 	return _(r, [0, 100]);
 }
-function Ie(e, t) {
+function Le(e, t) {
 	if (t > 2) return `Value ${e + 1} of ${t}`;
 	if (t === 2) return ["Minimum", "Maximum"][e];
 }
-function Le(e, t) {
+function Re(e, t) {
 	if (e.length === 1) return 0;
 	let n = e.map((e) => Math.abs(e - t)), r = Math.min(...n);
 	return n.indexOf(r);
 }
-function Re(e, t, n) {
+function ze(e, t, n) {
 	let r = e / 2;
-	return (r - Ve([0, 50], [0, r])(t) * n) * n;
+	return (r - He([0, 50], [0, r])(t) * n) * n;
 }
-function ze(e) {
+function Be(e) {
 	return e.slice(0, -1).map((t, n) => e[n + 1] - t);
 }
-function Be(e, t) {
+function Ve(e, t) {
 	if (t > 0) {
-		let n = ze(e);
+		let n = Be(e);
 		return Math.min(...n) >= t;
 	}
 	return !0;
 }
-function Ve(e, t) {
+function He(e, t) {
 	return (n) => {
 		if (e[0] === e[1] || t[0] === t[1]) return t[0];
 		let r = (t[1] - t[0]) / (e[1] - e[0]);
 		return t[0] + r * (n - e[0]);
 	};
 }
-function He(e) {
+function Ue(e) {
 	return (String(e).split(".")[1] || "").length;
 }
-function Ue(e, t) {
+function We(e, t) {
 	let n = 10 ** t;
 	return Math.round(e * n) / n;
 }
-var We = ye, Ge = Ee, Ke = Oe, qe = Ae, Je = We, Ye = Ge, Xe = Ke, Ze = qe, Qe = ({ currentTime: e, duration: n, buffered: i = 0, disabled: a, onSeek: o }) => {
-	let s = t(), [c, l] = z(null), u = R(!1), d = n > 0 ? n : 0, f = c ?? e, p = d > 0 ? Math.min(Math.max(f, 0), d) / d * 100 : 0, m = d > 0 ? Math.min(i / d * 100, 100) : 0, h = a || d === 0, g = R(null), [_, v] = z(0);
-	I(() => {
+var Ge = be, Ke = De, qe = ke, Je = je, Ye = Ge, Xe = Ke, Ze = qe, Qe = Je, $e = ({ currentTime: e, duration: n, buffered: i = 0, disabled: a, onSeek: o }) => {
+	let s = t(), [c, l] = B(null), u = z(!1), d = n > 0 ? n : 0, f = c ?? e, p = d > 0 ? Math.min(Math.max(f, 0), d) / d * 100 : 0, m = d > 0 ? Math.min(i / d * 100, 100) : 0, h = a || d === 0, g = z(null), [_, v] = B(0);
+	L(() => {
 		let e = g.current;
 		if (!e) return;
 		let t = () => v(e.clientWidth);
@@ -439,20 +500,20 @@ var We = ye, Ge = Ee, Ke = Oe, qe = Ae, Je = We, Ye = Ge, Xe = Ke, Ze = qe, Qe =
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
 	}, []);
-	let y = _ > 0 ? `${Math.round(_ * p / 100)}px` : `${p}%`, b = F((e) => {
+	let y = _ > 0 ? `${Math.round(_ * p / 100)}px` : `${p}%`, b = I((e) => {
 		let [t] = e;
 		t !== void 0 && u.current && l(t);
-	}, []), x = F((e) => {
+	}, []), x = I((e) => {
 		let [t] = e;
 		t === void 0 || u.current || o(t);
-	}, [o]), S = F(() => {
+	}, [o]), S = I(() => {
 		u.current = !0;
-	}, []), C = F(() => {
+	}, []), C = I(() => {
 		u.current = !1, l(null);
-	}, []), w = F(() => {
+	}, []), w = I(() => {
 		u.current && (u.current = !1, l(null), c !== null && o(c));
 	}, [c, o]);
-	return /* @__PURE__ */ H(Je, {
+	return /* @__PURE__ */ U(Ye, {
 		value: [f],
 		onValueChange: b,
 		onValueCommit: x,
@@ -465,29 +526,29 @@ var We = ye, Ge = Ee, Ke = Oe, qe = Ae, Je = We, Ye = Ge, Xe = Ke, Ze = qe, Qe =
 		disabled: h,
 		className: r("group relative flex w-full touch-none select-none items-center py-2", a && "opacity-50"),
 		children: [
-			/* @__PURE__ */ H(Ye, {
+			/* @__PURE__ */ U(Xe, {
 				ref: g,
 				className: "relative h-2 grow overflow-hidden rounded bg-f1-background-tertiary",
-				children: [/* @__PURE__ */ V("span", {
+				children: [/* @__PURE__ */ H("span", {
 					"aria-hidden": !0,
 					className: "absolute h-full bg-f1-background-secondary",
 					style: { width: `${m}%` }
-				}), /* @__PURE__ */ V("span", {
+				}), /* @__PURE__ */ H("span", {
 					"aria-hidden": !0,
 					className: "absolute h-full bg-f1-background-selected-bold",
 					style: { width: `${p}%` }
 				})]
 			}),
-			h ? null : /* @__PURE__ */ V("span", {
+			h ? null : /* @__PURE__ */ H("span", {
 				"aria-hidden": !0,
 				style: { left: y },
 				className: r("pointer-events-none absolute top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-f1-background-selected-bold opacity-0 transition-opacity", "group-hover:opacity-100 group-has-[:focus-visible]:opacity-100", "group-has-[:focus-visible]:ring-1 group-has-[:focus-visible]:ring-f1-special-ring group-has-[:focus-visible]:ring-offset-1")
 			}),
-			/* @__PURE__ */ V(Ze, {
+			/* @__PURE__ */ H(Qe, {
 				"aria-label": s.audioPlayer.seek,
 				"aria-valuetext": s.t("audioPlayer.position", {
-					current: U(f),
-					total: U(d)
+					current: W(f),
+					total: W(d)
 				}),
 				className: "block size-3 opacity-0 focus-visible:outline-none"
 			})
@@ -496,21 +557,21 @@ var We = ye, Ge = Ee, Ke = Oe, qe = Ae, Je = We, Ye = Ge, Xe = Ke, Ze = qe, Qe =
 };
 //#endregion
 //#region src/blocks/F0AudioPlayer/components/LanguageSelect.tsx
-function $e({ value: e, options: t, onChange: n, kind: i }) {
-	let [a, o] = z(!1), c = t.find((t) => t.locale === e), l = c ? M(c) : e;
-	return /* @__PURE__ */ H(ne, {
+function et({ value: e, options: t, onChange: n, kind: i }) {
+	let [a, o] = B(!1), c = t.find((t) => t.locale === e), l = c ? M(c) : e;
+	return /* @__PURE__ */ U(te, {
 		open: a,
 		onOpenChange: o,
-		children: [/* @__PURE__ */ V(C, {
+		children: [/* @__PURE__ */ H(C, {
 			asChild: !0,
-			children: /* @__PURE__ */ V(s, {
+			children: /* @__PURE__ */ H(s, {
 				variant: "outline",
 				size: "sm",
 				label: l,
 				"aria-label": `${i}: ${l}`,
 				tooltip: i
 			})
-		}), /* @__PURE__ */ V(D, {
+		}), /* @__PURE__ */ H(O, {
 			align: "end",
 			sideOffset: 4,
 			className: r("flex w-auto min-w-[8rem] flex-col gap-0.5 rounded-md border", "border-solid border-f1-border-secondary bg-f1-background p-1 shadow-md"),
@@ -539,7 +600,7 @@ function $e({ value: e, options: t, onChange: n, kind: i }) {
 			},
 			children: t.map((t) => {
 				let i = t.locale === e;
-				return /* @__PURE__ */ H("button", {
+				return /* @__PURE__ */ U("button", {
 					type: "button",
 					role: "menuitemradio",
 					"aria-checked": i,
@@ -547,9 +608,9 @@ function $e({ value: e, options: t, onChange: n, kind: i }) {
 					onClick: () => {
 						n(t.locale), o(!1);
 					},
-					children: [i ? /* @__PURE__ */ V("span", {
+					children: [i ? /* @__PURE__ */ H("span", {
 						className: "absolute left-2.5 inline-flex items-center",
-						children: /* @__PURE__ */ V(m, {})
+						children: /* @__PURE__ */ H(m, {})
 					}) : null, M(t)]
 				}, t.locale);
 			})
@@ -558,82 +619,113 @@ function $e({ value: e, options: t, onChange: n, kind: i }) {
 }
 //#endregion
 //#region src/blocks/F0AudioPlayer/components/PlaybackTime.tsx
-var et = f({
+var tt = f({
 	base: "shrink-0 font-medium tabular-nums text-f1-foreground-secondary",
 	variants: { size: {
 		sm: "text-xs",
 		md: "text-sm"
 	} }
-}), tt = ({ currentTime: e, duration: t, size: n = "md" }) => /* @__PURE__ */ H("span", {
-	className: et({ size: n }),
+}), nt = ({ currentTime: e, duration: t, size: n = "md" }) => /* @__PURE__ */ U("span", {
+	className: tt({ size: n }),
 	children: [
-		U(e),
+		W(e),
 		" / ",
-		U(t)
+		W(t)
 	]
-}), nt = ({ isPlaying: e, disabled: n, size: a = "md", onToggle: o }) => {
-	let s = t(), c = e ? u : d;
-	return /* @__PURE__ */ V("button", {
+}), rt = ({ isPlaying: e, disabled: n, size: a = "md", onToggle: o }) => {
+	let s = t(), l = e ? c : u;
+	return /* @__PURE__ */ H("button", {
 		type: "button",
 		"aria-label": e ? s.audioPlayer.pause : s.audioPlayer.play,
 		disabled: n,
 		onClick: o,
 		className: r("flex shrink-0 items-center justify-center rounded-xl border border-solid border-f1-border-secondary bg-f1-background-inverse-secondary text-f1-foreground-secondary transition-colors dark:bg-f1-background-tertiary", "hover:bg-f1-background-secondary disabled:cursor-not-allowed disabled:opacity-50", a === "sm" ? "size-8" : "size-10", i()),
-		children: /* @__PURE__ */ V(c, { className: a === "sm" ? "size-5" : "size-6" })
+		children: /* @__PURE__ */ H(l, { className: a === "sm" ? "size-5" : "size-6" })
+	});
+}, it = ({ items: e, value: t, onChange: n, disabled: a = !1, fullWidth: o = !1, hideLabels: s = !1, ariaLabel: c, ariaLabelledBy: l }) => {
+	let [u, d] = T({
+		prop: t,
+		defaultProp: e[0]?.value ?? "",
+		onChange: n
 	});
-}, rt = ({ playbackRate: e, playbackRates: n, onRateChange: i, disabled: a, extraItems: o = [], audioLanguages: l = [], audioLanguage: u, onAudioLanguageChange: d }) => {
-	let f = t(), m = n.length > 0, g = l.length > 1;
-	return /* @__PURE__ */ H(O, { children: [/* @__PURE__ */ V(y, {
+	return /* @__PURE__ */ H(ce, {
+		type: "single",
+		value: u,
+		onValueChange: (e) => {
+			e !== "" && d(e);
+		},
+		disabled: a,
+		"aria-label": c,
+		"aria-labelledby": l,
+		className: r("inline-flex items-center rounded-md bg-f1-background-secondary p-0.5 gap-0.5", o && "w-full"),
+		children: e.map((e) => /* @__PURE__ */ U(se, {
+			value: e.value,
+			disabled: a || e.disabled,
+			className: r("relative flex flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded font-medium transition-all", "text-f1-foreground-secondary", "hover:text-f1-foreground hover:bg-f1-background-hover", "disabled:pointer-events-none disabled:text-f1-foreground-disabled", "data-[state=on]:bg-f1-background data-[state=on]:text-f1-foreground data-[state=on]:shadow", i(), "h-8 px-3 text-base", o && "w-full"),
+			children: [e.icon ? /* @__PURE__ */ H(p, {
+				icon: e.icon,
+				size: "md"
+			}) : null, s && e.icon ? /* @__PURE__ */ H("span", {
+				className: "sr-only",
+				children: e.label
+			}) : e.label]
+		}, e.value))
+	});
+};
+it.displayName = "F0SegmentedControl";
+var at = n("F0SegmentedControl", it), ot = ({ playbackRate: e, playbackRates: n, onRateChange: i, disabled: a, extraItems: o = [], audioLanguages: c = [], audioLanguage: u, onAudioLanguageChange: d }) => {
+	let f = t(), m = n.length > 0, g = c.length > 1;
+	return /* @__PURE__ */ U(k, { children: [/* @__PURE__ */ H(y, {
 		asChild: !0,
-		children: /* @__PURE__ */ V(s, {
+		children: /* @__PURE__ */ H(s, {
 			variant: "ghost",
 			size: "sm",
-			icon: c,
+			icon: l,
 			label: f.audioPlayer.options,
 			hideLabel: !0,
 			disabled: a
 		})
-	}), /* @__PURE__ */ H(v, {
+	}), /* @__PURE__ */ U(v, {
 		align: "end",
 		className: "flex min-w-44 flex-col gap-0.5",
 		children: [
-			m ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(S, {
+			m ? /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(S, {
 				className: "text-f1-foreground-secondary",
 				children: f.audioPlayer.playbackSpeed
 			}), n.map((t) => {
 				let n = t === e;
-				return /* @__PURE__ */ H(x, {
+				return /* @__PURE__ */ U(x, {
 					onSelect: () => i(t),
 					className: r("justify-between gap-3 px-3 text-sm text-f1-foreground", n && "before:absolute before:inset-x-1 before:inset-y-0 before:rounded before:bg-f1-background-selected-bold/10 before:content-[''] dark:before:bg-f1-background-selected-bold/20"),
-					children: [/* @__PURE__ */ H("span", {
+					children: [/* @__PURE__ */ U("span", {
 						className: "relative",
 						children: [t, "x"]
-					}), n ? /* @__PURE__ */ V("span", {
+					}), n ? /* @__PURE__ */ H("span", {
 						className: "relative flex text-f1-icon-selected",
-						children: /* @__PURE__ */ V(p, {
+						children: /* @__PURE__ */ H(p, {
 							icon: h,
 							size: "md"
 						})
 					}) : null]
 				}, t);
 			})] }) : null,
-			g ? /* @__PURE__ */ H(B, { children: [
-				m ? /* @__PURE__ */ V(b, {}) : null,
-				/* @__PURE__ */ V(S, {
+			g ? /* @__PURE__ */ U(V, { children: [
+				m ? /* @__PURE__ */ H(b, {}) : null,
+				/* @__PURE__ */ H(S, {
 					className: "text-f1-foreground-secondary",
 					children: f.audioPlayer.audio
 				}),
-				l.map((e) => {
+				c.map((e) => {
 					let t = e.locale === u;
-					return /* @__PURE__ */ H(x, {
+					return /* @__PURE__ */ U(x, {
 						onSelect: () => d?.(e.locale),
 						className: r("justify-between gap-3 px-3 text-sm text-f1-foreground", t && "before:absolute before:inset-x-1 before:inset-y-0 before:rounded before:bg-f1-background-selected-bold/10 before:content-[''] dark:before:bg-f1-background-selected-bold/20"),
-						children: [/* @__PURE__ */ V("span", {
+						children: [/* @__PURE__ */ H("span", {
 							className: "relative",
 							children: M(e)
-						}), t ? /* @__PURE__ */ V("span", {
+						}), t ? /* @__PURE__ */ H("span", {
 							className: "relative flex text-f1-icon-selected",
-							children: /* @__PURE__ */ V(p, {
+							children: /* @__PURE__ */ H(p, {
 								icon: h,
 								size: "md"
 							})
@@ -641,58 +733,58 @@ var et = f({
 					}, e.locale);
 				})
 			] }) : null,
-			o.length > 0 ? /* @__PURE__ */ H(B, { children: [m || g ? /* @__PURE__ */ V(b, {}) : null, o.map((e) => /* @__PURE__ */ H(x, {
+			o.length > 0 ? /* @__PURE__ */ U(V, { children: [m || g ? /* @__PURE__ */ H(b, {}) : null, o.map((e) => /* @__PURE__ */ U(x, {
 				onSelect: () => e.onClick(),
 				className: r("gap-2 px-3 text-sm", e.critical ? "text-f1-foreground-critical" : "text-f1-foreground"),
-				children: [e.icon ? /* @__PURE__ */ V("span", {
+				children: [e.icon ? /* @__PURE__ */ H("span", {
 					className: r("relative flex", e.critical ? "text-f1-icon-critical" : "text-f1-icon"),
-					children: /* @__PURE__ */ V(p, {
+					children: /* @__PURE__ */ H(p, {
 						icon: e.icon,
 						size: "md"
 					})
-				}) : null, /* @__PURE__ */ V("span", {
+				}) : null, /* @__PURE__ */ H("span", {
 					className: "relative",
 					children: e.label
 				})]
 			}, e.label))] }) : null
 		]
 	})] });
-}, it = (e) => r("block w-full rounded px-2 py-1 text-left transition-colors", e ? "bg-f1-background-selected-secondary font-medium" : "bg-transparent"), at = P(function({ cue: e, index: n, isActive: a, onSeek: o, cueRefs: s }) {
-	let c = t(), { startTime: u } = e, d = o && u !== void 0, f = F((e) => {
+}, st = (e) => r("block w-full rounded px-2 py-1 text-left transition-colors", e ? "bg-f1-background-selected-secondary font-medium" : "bg-transparent"), ct = F(function({ cue: e, index: n, isActive: a, onSeek: o, cueRefs: s }) {
+	let c = t(), { startTime: l } = e, u = o && l !== void 0, f = I((e) => {
 		s?.current && (s.current[n] = e);
-	}, [s, n]), p = F(() => {
-		u !== void 0 && o?.(u);
-	}, [o, u]);
-	return /* @__PURE__ */ V("li", {
+	}, [s, n]), p = I(() => {
+		l !== void 0 && o?.(l);
+	}, [o, l]);
+	return /* @__PURE__ */ H("li", {
 		ref: f,
-		children: d ? /* @__PURE__ */ V("button", {
+		children: u ? /* @__PURE__ */ H("button", {
 			type: "button",
 			onClick: p,
 			"aria-current": a || void 0,
-			title: c.t("audioPlayer.jumpTo", { time: U(u) }),
-			className: r(it(a), i(), !a && "hover:bg-f1-background-secondary"),
-			children: /* @__PURE__ */ V(l, {
+			title: c.t("audioPlayer.jumpTo", { time: W(l) }),
+			className: r(st(a), i(), !a && "hover:bg-f1-background-secondary"),
+			children: /* @__PURE__ */ H(d, {
 				as: "span",
 				variant: "body",
 				content: e.text
 			})
-		}) : /* @__PURE__ */ V("div", {
-			className: it(a),
-			children: /* @__PURE__ */ V(l, {
+		}) : /* @__PURE__ */ H("div", {
+			className: st(a),
+			children: /* @__PURE__ */ H(d, {
 				as: "span",
 				variant: "body",
 				content: e.text
 			})
 		})
 	});
-}), ot = P(function({ cues: e, activeIndex: n, onSeek: r, cueRefs: i }) {
+}), lt = F(function({ cues: e, activeIndex: n, onSeek: r, cueRefs: i }) {
 	let a = t();
-	return /* @__PURE__ */ H(B, { children: [r ? /* @__PURE__ */ V("p", {
+	return /* @__PURE__ */ U(V, { children: [r ? /* @__PURE__ */ H("p", {
 		className: "sr-only",
 		children: a.audioPlayer.transcriptHint
-	}) : null, /* @__PURE__ */ V("ol", {
+	}) : null, /* @__PURE__ */ H("ol", {
 		className: "flex list-none flex-col gap-1 p-0",
-		children: e.map((e, t) => /* @__PURE__ */ V(at, {
+		children: e.map((e, t) => /* @__PURE__ */ H(ct, {
 			cue: e,
 			index: t,
 			isActive: t === n,
@@ -703,16 +795,16 @@ var et = f({
 });
 //#endregion
 //#region src/blocks/F0AudioPlayer/useAudioLanguage.ts
-function st(e, t) {
-	let n = L(() => ce(e), [e]), [r, i] = z(() => se(n, t)), a = n.some((e) => e.locale === r) ? r : se(n, t);
+function ut(e, t) {
+	let n = R(() => oe(e), [e]), [r, i] = B(() => ae(n, t)), a = n.some((e) => e.locale === r) ? r : ae(n, t);
 	return {
 		languages: n,
 		activeLocale: a,
-		resolvedSrc: oe(e, a) ?? "",
+		resolvedSrc: ie(e, a) ?? "",
 		setLocale: i
 	};
 }
-function ct(e) {
+function dt(e) {
 	if (!e) return;
 	let t = e.currentTime, n = !e.paused, r = () => {
 		e.currentTime = t, n && e.play().catch(() => {}), e.removeEventListener("loadedmetadata", r);
@@ -721,12 +813,12 @@ function ct(e) {
 }
 //#endregion
 //#region src/blocks/F0AudioPlayer/usePlayerController.ts
-var lt = (e) => {
+var ft = (e) => {
 	let { src: t, duration: n, playing: r, onPlayingChange: i, playbackRates: a = [
 		1,
 		1.5,
 		2
-	], onPlay: o, onPause: s, onSeek: c, onTimeUpdate: l, onEnded: u, onError: d } = e, f = typeof t == "function" ? t : void 0, p = typeof t == "function" ? void 0 : t, m = R(null), [h, g] = z(p), _ = R(null), [v, y] = z(null), b = R(!1), x = R(!1), S = R(!1), C = F(async () => {
+	], onPlay: o, onPause: s, onSeek: c, onTimeUpdate: l, onEnded: u, onError: d } = e, f = typeof t == "function" ? t : void 0, p = typeof t == "function" ? void 0 : t, m = z(null), [h, g] = B(p), _ = z(null), [v, y] = B(null), b = z(!1), x = z(!1), S = z(!1), C = I(async () => {
 		if (f && !b.current) {
 			b.current = !0;
 			try {
@@ -737,77 +829,77 @@ var lt = (e) => {
 				b.current = !1;
 			}
 		}
-	}, [f, d]), w = F(() => {
-		S.current = !1, o?.();
-	}, [o]), ee = F((e) => {
-		d?.(e), f && !S.current && (S.current = !0, x.current = !0, g(void 0), C());
-	}, [
-		d,
-		f,
-		C
-	]), T = j(m, {
-		onPlay: w,
+	}, [f, d]), w = G(m, {
+		onPlay: I(() => {
+			S.current = !1, o?.();
+		}, [o]),
 		onPause: s,
 		onSeek: c,
 		onTimeUpdate: l,
 		onEnded: u,
-		onError: ee
-	}, n ?? 0), E = T.seek, D = F((e) => {
+		onError: I((e) => {
+			d?.(e), f && !S.current && (S.current = !0, x.current = !0, g(void 0), C());
+		}, [
+			d,
+			f,
+			C
+		])
+	}, n ?? 0), T = w.seek, E = I((e) => {
 		let t = m.current, n = Math.max(e, 0);
-		t && h && t.readyState >= t.HAVE_METADATA ? E(n) : (_.current = n, y(n));
-	}, [E, h]);
-	I(() => {
+		t && h && t.readyState >= t.HAVE_METADATA ? T(n) : (_.current = n, y(n));
+	}, [T, h]);
+	L(() => {
 		let e = m.current;
 		if (!e) return;
 		let t = () => {
 			let e = _.current;
-			e !== null && (_.current = null, y(null), E(e));
+			e !== null && (_.current = null, y(null), T(e));
 		};
 		return e.addEventListener("loadedmetadata", t), () => e.removeEventListener("loadedmetadata", t);
-	}, [E]), I(() => {
+	}, [T]), L(() => {
 		p !== void 0 && g(p);
-	}, [p]), I(() => {
-		h && x.current && (x.current = !1, T.play());
-	}, [h, T]);
-	let O = F(() => {
-		!T.isPlaying && !h && f ? (x.current = !0, C()) : T.toggle();
+	}, [p]), L(() => {
+		h && x.current && (x.current = !1, w.play());
+	}, [h, w]);
+	let D = I(() => {
+		!w.isPlaying && !h && f ? (x.current = !0, C()) : w.toggle();
 	}, [
-		T,
+		w,
 		h,
 		f,
 		C
 	]);
-	I(() => {
-		r !== void 0 && (r && !T.isPlaying ? !h && f ? (x.current = !0, C()) : T.play() : !r && T.isPlaying && T.pause());
+	L(() => {
+		r !== void 0 && (r && !w.isPlaying ? !h && f ? (x.current = !0, C()) : w.play() : !r && w.isPlaying && w.pause());
 	}, [
 		r,
-		T,
+		w,
 		h,
 		f,
 		C
 	]);
-	let k = R(T.isPlaying);
-	I(() => {
-		k.current !== T.isPlaying && (k.current = T.isPlaying, i?.(T.isPlaying));
-	}, [T.isPlaying, i]);
-	let te = v !== null && T.duration > 0 ? Math.min(v, T.duration) : null;
+	let O = z(w.isPlaying);
+	L(() => {
+		O.current !== w.isPlaying && (O.current = w.isPlaying, i?.(w.isPlaying));
+	}, [w.isPlaying, i]);
+	let k = v !== null && w.duration > 0 ? Math.min(v, w.duration) : null;
 	return {
 		audioRef: m,
 		currentSrc: h,
 		pendingTime: v,
-		isPlaying: T.isPlaying,
-		currentTime: te ?? T.currentTime,
-		duration: T.duration,
-		buffered: T.buffered,
-		playbackRate: T.playbackRate,
-		isLoading: T.isLoading,
-		error: T.error,
-		toggle: O,
-		seek: D,
-		setPlaybackRate: T.setPlaybackRate,
+		isPlaying: w.isPlaying,
+		currentTime: k ?? w.currentTime,
+		duration: w.duration,
+		buffered: w.buffered,
+		playbackRate: w.playbackRate,
+		isLoading: w.isLoading,
+		error: w.error,
+		toggle: D,
+		seek: E,
+		setPlaybackRate: w.setPlaybackRate,
 		playbackRates: a
 	};
-}, ut = /* @__PURE__ */ new Set([
+}, pt = /* @__PURE__ */ new Set([
 	"ArrowUp",
 	"ArrowDown",
 	"PageUp",
@@ -815,26 +907,26 @@ var lt = (e) => {
 	"Home",
 	"End",
 	" "
-]), dt = le((e, n) => {
-	let { title: i, subtitle: c, actions: l, className: u, src: d, preload: f, autoPlay: p = !1, disabled: m = !1, ariaLabel: h, size: g = "md", content: _, defaultLanguage: v, details: y, expanded: b, defaultExpanded: x = !1, onExpandedChange: S, detailsMaxHeight: C = 200 } = e, w = t(), T = st(d, v), E = lt({
+]), mt = P((e, n) => {
+	let { title: i, subtitle: c, actions: l, className: u, src: d, preload: f, autoPlay: p = !1, disabled: m = !1, ariaLabel: h, size: g = "md", content: _, defaultLanguage: v, details: y, expanded: b, defaultExpanded: x = !1, onExpandedChange: S, detailsMaxHeight: C = 200 } = e, w = t(), E = ut(d, v), D = ft({
 		...e,
-		src: T.resolvedSrc
-	}), D = ue(e), O = o(), k = (e) => {
-		ct(E.audioRef.current), T.setLocale(e);
-	}, te = !_ && !!(y && y.length > 0), A = L(() => ce(_?.summary, _?.transcription), [_?.summary, _?.transcription]), [ne, re] = z(() => se(A, v)), j = A.some((e) => e.locale === ne) ? ne : se(A, v), M = oe(_?.summary, j), N = oe(_?.transcription, j), le = he(E.audioRef, E.currentSrc, !N), P = N ?? le, B = Array.isArray(P) ? P : void 0, U = typeof P == "string" ? P : void 0, W = !!(U || B?.length), pe = L(() => B ? de(B) : [], [B]), G = pe.length > 0, me = E.pendingTime ?? E.currentTime, K = L(() => G ? fe(pe, me) : -1, [
+		src: E.resolvedSrc
+	}), O = le(e), k = o(), A = (e) => {
+		dt(D.audioRef.current), E.setLocale(e);
+	}, ee = !_ && !!(y && y.length > 0), j = R(() => oe(_?.summary, _?.transcription), [_?.summary, _?.transcription]), [te, ne] = B(() => ae(j, v)), M = j.some((e) => e.locale === te) ? te : ae(j, v), se = ie(_?.summary, M), ce = ie(_?.transcription, M), N = me(D.audioRef, D.currentSrc, !ce), P = ce ?? N, F = Array.isArray(P) ? P : void 0, V = typeof P == "string" ? P : void 0, W = !!(V || F?.length), G = R(() => F ? ue(F) : [], [F]), K = G.length > 0, fe = D.pendingTime ?? D.currentTime, q = R(() => K ? de(G, fe) : -1, [
+		K,
 		G,
-		pe,
-		me
-	]), q = R(null), ge = R([]), J = R(!1), Y = F((e) => {
-		J.current = !1, E.seek(e);
-	}, [E.seek]);
-	I(() => {
-		let e = q.current;
+		fe
+	]), pe = z(null), he = z([]), J = z(!1), Y = I((e) => {
+		J.current = !1, D.seek(e);
+	}, [D.seek]);
+	L(() => {
+		let e = pe.current;
 		if (!e) return;
 		let t = () => {
 			J.current = !0;
 		}, n = (e) => {
-			ut.has(e.key) && t();
+			pt.has(e.key) && t();
 		}, r = (n) => {
 			e.contains(n.target) || t();
 		}, i = e.parentElement;
@@ -842,140 +934,140 @@ var lt = (e) => {
 			e.removeEventListener("wheel", t), e.removeEventListener("touchmove", t), e.removeEventListener("keydown", n), i?.removeEventListener("pointerdown", r);
 		};
 	}, [W]);
-	let X = L(() => {
-		if (te) return y ?? [];
+	let X = R(() => {
+		if (ee) return y ?? [];
 		let e = [];
-		return M && e.push({
+		return se && e.push({
 			value: "summary",
 			label: w.audioPlayer.summary,
-			content: /* @__PURE__ */ V("p", {
+			content: /* @__PURE__ */ H("p", {
 				className: "whitespace-pre-line",
-				children: M
+				children: se
 			})
 		}), W && e.push({
 			value: "transcription",
 			label: w.audioPlayer.transcription,
-			content: B ? /* @__PURE__ */ V(ot, {
-				cues: B,
-				activeIndex: K,
-				onSeek: G ? Y : void 0,
-				cueRefs: ge
-			}) : /* @__PURE__ */ V("p", {
+			content: F ? /* @__PURE__ */ H(lt, {
+				cues: F,
+				activeIndex: q,
+				onSeek: K ? Y : void 0,
+				cueRefs: he
+			}) : /* @__PURE__ */ H("p", {
 				className: "whitespace-pre-line",
-				children: U
+				children: V
 			})
 		}), e;
 	}, [
-		te,
+		ee,
 		y,
-		M,
+		se,
 		W,
-		B,
-		U,
+		F,
+		V,
+		q,
 		K,
-		G,
 		Y,
 		w.audioPlayer.summary,
 		w.audioPlayer.transcription
-	]), _e = W ? "available" : "missing", Z = X.length > 0, Q = X.length === 1 ? X[0] : void 0, ve = (e) => Q?.value === "transcription" ? e ? w.audioPlayer.hideTranscription : w.audioPlayer.viewTranscription : Q?.value === "summary" ? e ? w.audioPlayer.hideSummary : w.audioPlayer.viewSummary : e ? w.audioPlayer.hideDetail : w.audioPlayer.viewDetail, [$ = !1, ye] = ee({
+	]), ge = W ? "available" : "missing", _e = X.length > 0, Z = X.length === 1 ? X[0] : void 0, ve = (e) => Z?.value === "transcription" ? e ? w.audioPlayer.hideTranscription : w.audioPlayer.viewTranscription : Z?.value === "summary" ? e ? w.audioPlayer.hideSummary : w.audioPlayer.viewSummary : e ? w.audioPlayer.hideDetail : w.audioPlayer.viewDetail, [Q = !1, ye] = T({
 		prop: b,
 		defaultProp: x,
 		onChange: S
 	});
-	I(() => {
-		if (!$ || K < 0 || J.current) return;
-		let e = q.current, t = ge.current[K];
+	L(() => {
+		if (!Q || q < 0 || J.current) return;
+		let e = pe.current, t = he.current[q];
 		if (!e || !t) return;
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = r.top - n.top, a = r.bottom - n.bottom;
 		i >= 0 && a <= 0 || e.scrollTo({
 			top: e.scrollTop + (i < 0 ? i : a),
-			behavior: O ? "auto" : "smooth"
+			behavior: k ? "auto" : "smooth"
 		});
 	}, [
-		K,
-		$,
-		O
+		q,
+		Q,
+		k
 	]);
-	let [be, xe] = z(X[0]?.value), Se = X.some((e) => e.value === be) ? be : X[0]?.value, Ce = X.find((e) => e.value === Se)?.content;
-	return /* @__PURE__ */ H("div", {
+	let [$, be] = B(X[0]?.value), xe = X.some((e) => e.value === $) ? $ : X[0]?.value, Se = X.find((e) => e.value === xe)?.content;
+	return /* @__PURE__ */ U("div", {
 		ref: n,
 		role: "group",
 		"aria-label": h ?? i,
-		"data-audio-transcription": _e,
+		"data-audio-transcription": ge,
 		className: r("flex flex-col gap-2.5 rounded-2xl border border-solid border-f1-border-secondary bg-f1-background p-3", u),
-		...D,
+		...O,
 		children: [
-			/* @__PURE__ */ V("audio", {
-				ref: E.audioRef,
-				src: E.currentSrc,
-				preload: f ?? (typeof T.resolvedSrc == "function" ? "none" : "metadata"),
+			/* @__PURE__ */ H("audio", {
+				ref: D.audioRef,
+				src: D.currentSrc,
+				preload: f ?? (typeof E.resolvedSrc == "function" ? "none" : "metadata"),
 				autoPlay: p
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ U("div", {
 				className: "flex items-start justify-between gap-2",
-				children: [/* @__PURE__ */ H("div", {
+				children: [/* @__PURE__ */ U("div", {
 					className: "flex min-w-0 flex-1 items-center gap-2.5",
-					children: [/* @__PURE__ */ V(nt, {
-						isPlaying: E.isPlaying,
+					children: [/* @__PURE__ */ H(rt, {
+						isPlaying: D.isPlaying,
 						disabled: m,
 						size: g,
-						onToggle: E.toggle
-					}), /* @__PURE__ */ H("div", {
+						onToggle: D.toggle
+					}), /* @__PURE__ */ U("div", {
 						className: "flex min-w-0 flex-col",
-						children: [/* @__PURE__ */ V("span", {
+						children: [/* @__PURE__ */ H("span", {
 							className: "truncate text-base font-medium text-f1-foreground",
 							children: i
-						}), c ? /* @__PURE__ */ V("span", {
+						}), c ? /* @__PURE__ */ H("span", {
 							className: "truncate text-base text-f1-foreground-secondary",
 							children: c
 						}) : null]
 					})]
-				}), Z || E.playbackRates.length > 0 || T.languages.length > 1 || l ? /* @__PURE__ */ H("div", {
+				}), _e || D.playbackRates.length > 0 || E.languages.length > 1 || l ? /* @__PURE__ */ U("div", {
 					className: "flex shrink-0 items-center gap-2",
-					children: [Z ? /* @__PURE__ */ V(s, {
+					children: [_e ? /* @__PURE__ */ H(s, {
 						variant: "outline",
 						size: "sm",
-						label: ve($),
-						onClick: () => ye(!$),
-						"aria-expanded": $
-					}) : null, E.playbackRates.length > 0 || T.languages.length > 1 || l ? /* @__PURE__ */ V(rt, {
-						playbackRate: E.playbackRate,
-						playbackRates: E.playbackRates,
-						onRateChange: E.setPlaybackRate,
+						label: ve(Q),
+						onClick: () => ye(!Q),
+						"aria-expanded": Q
+					}) : null, D.playbackRates.length > 0 || E.languages.length > 1 || l ? /* @__PURE__ */ H(ot, {
+						playbackRate: D.playbackRate,
+						playbackRates: D.playbackRates,
+						onRateChange: D.setPlaybackRate,
 						disabled: m,
 						extraItems: l,
-						audioLanguages: T.languages,
-						audioLanguage: T.activeLocale,
-						onAudioLanguageChange: k
+						audioLanguages: E.languages,
+						audioLanguage: E.activeLocale,
+						onAudioLanguageChange: A
 					}) : null]
 				}) : null]
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ U("div", {
 				className: "flex w-full items-center gap-2",
-				children: [/* @__PURE__ */ V(Qe, {
-					currentTime: E.currentTime,
-					duration: E.duration,
-					buffered: E.buffered,
+				children: [/* @__PURE__ */ H($e, {
+					currentTime: D.currentTime,
+					duration: D.duration,
+					buffered: D.buffered,
 					disabled: m,
 					onSeek: Y
-				}), /* @__PURE__ */ V(tt, {
-					currentTime: E.currentTime,
-					duration: E.duration,
+				}), /* @__PURE__ */ H(nt, {
+					currentTime: D.currentTime,
+					duration: D.duration,
 					size: g
 				})]
 			}),
-			Z ? /* @__PURE__ */ H(a.div, {
+			_e ? /* @__PURE__ */ U(a.div, {
 				role: "region",
-				"aria-label": Q ? Q.label : w.audioPlayer.details,
+				"aria-label": Z ? Z.label : w.audioPlayer.details,
 				initial: !1,
 				animate: {
-					height: $ ? "auto" : 0,
-					marginTop: $ ? 0 : "-0.625rem",
-					opacity: +!!$,
-					visibility: $ ? "visible" : "hidden"
+					height: Q ? "auto" : 0,
+					marginTop: Q ? 0 : "-0.625rem",
+					opacity: +!!Q,
+					visibility: Q ? "visible" : "hidden"
 				},
 				transition: {
-					duration: O ? 0 : .15,
+					duration: k ? 0 : .15,
 					ease: [
 						.165,
 						.84,
@@ -985,34 +1077,34 @@ var lt = (e) => {
 				},
 				className: "overflow-hidden",
 				children: [
-					A.length > 1 && j ? /* @__PURE__ */ V("div", {
+					j.length > 1 && M ? /* @__PURE__ */ H("div", {
 						className: "flex justify-end pb-2.5",
-						children: /* @__PURE__ */ V($e, {
-							value: j,
-							options: A,
-							onChange: re,
+						children: /* @__PURE__ */ H(et, {
+							value: M,
+							options: j,
+							onChange: ne,
 							kind: w.audioPlayer.language
 						})
 					}) : null,
-					Q ? null : /* @__PURE__ */ V(ae, {
+					Z ? null : /* @__PURE__ */ H(at, {
 						fullWidth: !0,
 						ariaLabel: w.audioPlayer.details,
-						value: Se,
-						onChange: xe,
+						value: xe,
+						onChange: be,
 						items: X.map((e) => ({
 							value: e.value,
 							label: e.label
 						}))
 					}),
-					/* @__PURE__ */ V("div", {
-						className: Q ? void 0 : "pt-2.5",
-						children: /* @__PURE__ */ V(ie, {
-							viewportRef: q,
+					/* @__PURE__ */ H("div", {
+						className: Z ? void 0 : "pt-2.5",
+						children: /* @__PURE__ */ H(re, {
+							viewportRef: pe,
 							style: { "--audio-details-max-h": `${C}px` },
 							className: "[&_[data-scroll-container]]:max-h-[var(--audio-details-max-h)]",
-							children: /* @__PURE__ */ V("div", {
+							children: /* @__PURE__ */ H("div", {
 								className: "break-words pr-1 text-base text-f1-foreground",
-								children: Ce
+								children: Se
 							})
 						})
 					})
@@ -1021,54 +1113,54 @@ var lt = (e) => {
 		]
 	});
 });
-dt.displayName = "F0AudioPlayerCard";
+mt.displayName = "F0AudioPlayerCard";
 //#endregion
 //#region src/blocks/F0AudioPlayer/F0AudioPlayer.tsx
-var ft = f({
+var ht = f({
 	base: "flex w-full items-center",
 	variants: { size: {
 		sm: "gap-2",
 		md: "gap-3"
 	} }
-}), pt = le((e, n) => {
-	let { src: i, preload: a, autoPlay: o = !1, disabled: s = !1, ariaLabel: c, size: l = "md", defaultLanguage: u, className: d } = e, f = t(), p = st(i, u), m = lt({
+}), gt = P((e, n) => {
+	let { src: i, preload: a, autoPlay: o = !1, disabled: s = !1, ariaLabel: c, size: l = "md", defaultLanguage: u, className: d } = e, f = t(), p = ut(i, u), m = ft({
 		...e,
 		src: p.resolvedSrc
-	}), h = ue(e), g = (e) => {
-		ct(m.audioRef.current), p.setLocale(e);
+	}), h = le(e), g = (e) => {
+		dt(m.audioRef.current), p.setLocale(e);
 	};
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ U("div", {
 		ref: n,
 		role: "group",
 		"aria-label": c ?? f.audioPlayer.label,
-		className: r(ft({ size: l }), d),
+		className: r(ht({ size: l }), d),
 		...h,
 		children: [
-			/* @__PURE__ */ V("audio", {
+			/* @__PURE__ */ H("audio", {
 				ref: m.audioRef,
 				src: m.currentSrc,
 				preload: a ?? (typeof p.resolvedSrc == "function" ? "none" : "metadata"),
 				autoPlay: o
 			}),
-			/* @__PURE__ */ V(nt, {
+			/* @__PURE__ */ H(rt, {
 				isPlaying: m.isPlaying,
 				disabled: s,
 				size: l,
 				onToggle: m.toggle
 			}),
-			/* @__PURE__ */ V(Qe, {
+			/* @__PURE__ */ H($e, {
 				currentTime: m.currentTime,
 				duration: m.duration,
 				buffered: m.buffered,
 				disabled: s,
 				onSeek: m.seek
 			}),
-			/* @__PURE__ */ V(tt, {
+			/* @__PURE__ */ H(nt, {
 				currentTime: m.currentTime,
 				duration: m.duration,
 				size: l
 			}),
-			p.languages.length > 1 && p.activeLocale ? /* @__PURE__ */ V($e, {
+			p.languages.length > 1 && p.activeLocale ? /* @__PURE__ */ H(et, {
 				value: p.activeLocale,
 				options: p.languages,
 				onChange: g,
@@ -1077,7 +1169,7 @@ var ft = f({
 		]
 	});
 });
-pt.displayName = "F0AudioPlayer";
-var mt = n("F0AudioPlayer", e(pt)), ht = n("F0AudioPlayerCard", e(dt));
+gt.displayName = "F0AudioPlayer";
+var _t = n("F0AudioPlayer", e(gt)), vt = n("F0AudioPlayerCard", e(mt));
 //#endregion
-export { Ze as a, U as c, Xe as i, ht as n, Ye as o, Je as r, he as s, mt as t };
+export { Ze as a, me as c, Ye as i, G as l, vt as n, Qe as o, at as r, Xe as s, _t as t, W as u };