@factorialco/f0-react 12.11.0 → 12.12.0

package/dist/F0SegmentedControl-DXoAzTmH.js

@@ -0,0 +1,103 @@
+import { n as e } from "./skeleton-AC0Fb8zj.js";
+import { L as t, R as n } from "./tooltip-BX4dSfeL.js";
+import { t as r } from "./F0Icon-DmCBV0gK.js";
+import { ft as i } from "./popover-ics24JxK.js";
+import { i as a, r as o } from "./dist-DtILhk4w.js";
+import { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/blocks/F0AudioPlayer/useAudioPlayer.ts
+var p = (e, t = {}, n = 0) => {
+	let r = l(t);
+	r.current = t;
+	let i = l(n);
+	i.current = n;
+	let [a, o] = u(!1), [d, f] = u(0), [p, m] = u(n), [h, g] = u(0), [_, v] = u(1), [y, b] = u(!0), [x, S] = u(null);
+	c(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = () => {
+			m(Number.isFinite(t.duration) ? t.duration : i.current), b(!1);
+		}, a = () => {
+			f(t.currentTime), r.current.onTimeUpdate?.(t.currentTime);
+		}, s = () => {
+			o(!0), r.current.onPlay?.();
+		}, c = () => {
+			o(!1), r.current.onPause?.();
+		}, l = () => {
+			o(!1), r.current.onEnded?.();
+		}, u = () => {
+			t.buffered.length > 0 && g(t.buffered.end(t.buffered.length - 1));
+		}, d = () => b(!0), p = () => b(!1), h = () => v(t.playbackRate), _ = () => {
+			S(t.error), b(!1), r.current.onError?.(t.error);
+		};
+		return t.addEventListener("loadedmetadata", n), t.addEventListener("timeupdate", a), t.addEventListener("play", s), t.addEventListener("pause", c), t.addEventListener("ended", l), t.addEventListener("progress", u), t.addEventListener("waiting", d), t.addEventListener("canplay", p), t.addEventListener("ratechange", h), t.addEventListener("error", _), t.readyState >= 1 && n(), () => {
+			t.removeEventListener("loadedmetadata", n), t.removeEventListener("timeupdate", a), t.removeEventListener("play", s), t.removeEventListener("pause", c), t.removeEventListener("ended", l), t.removeEventListener("progress", u), t.removeEventListener("waiting", d), t.removeEventListener("canplay", p), t.removeEventListener("ratechange", h), t.removeEventListener("error", _);
+		};
+	}, [e]);
+	let C = s(() => {
+		e.current?.play().catch(() => {});
+	}, [e]), w = s(() => {
+		e.current?.pause();
+	}, [e]);
+	return {
+		isPlaying: a,
+		currentTime: d,
+		duration: p,
+		buffered: h,
+		playbackRate: _,
+		isLoading: y,
+		error: x,
+		play: C,
+		pause: w,
+		toggle: s(() => {
+			a ? w() : C();
+		}, [
+			a,
+			C,
+			w
+		]),
+		seek: s((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, f(a), r.current.onSeek?.(a);
+		}, [e]),
+		setPlaybackRate: s((t) => {
+			let n = e.current;
+			n && (n.playbackRate = t, v(t));
+		}, [e])
+	};
+}, m = ({ items: e, value: s, onChange: c, disabled: l = !1, fullWidth: u = !1, hideLabels: p = !1, ariaLabel: m, ariaLabelledBy: h }) => {
+	let [g, _] = i({
+		prop: s,
+		defaultProp: e[0]?.value ?? "",
+		onChange: c
+	});
+	return /* @__PURE__ */ d(o, {
+		type: "single",
+		value: g,
+		onValueChange: (e) => {
+			e !== "" && _(e);
+		},
+		disabled: l,
+		"aria-label": m,
+		"aria-labelledby": h,
+		className: t("inline-flex items-center rounded-md bg-f1-background-secondary p-0.5 gap-0.5", u && "w-full"),
+		children: e.map((e) => /* @__PURE__ */ f(a, {
+			value: e.value,
+			disabled: l || e.disabled,
+			className: t("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", n(), "h-8 px-3 text-base", u && "w-full"),
+			children: [e.icon ? /* @__PURE__ */ d(r, {
+				icon: e.icon,
+				size: "md"
+			}) : null, p && e.icon ? /* @__PURE__ */ d("span", {
+				className: "sr-only",
+				children: e.label
+			}) : e.label]
+		}, e.value))
+	});
+};
+m.displayName = "F0SegmentedControl";
+var h = e("F0SegmentedControl", m);
+//#endregion
+export { p as n, h as t };