@camstack/addon-osd-manager 0.1.9 → 0.1.11

package/dist/MotionZonesSettings-CvRjAHsj.mjs

@@ -1,309 +0,0 @@
-import { c as e, h as t, m as n, p as r, u as i, y as a } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-Bs1t18EM.mjs";
-import { n as o, r as s, t as c } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
-import { a as l, l as u, n as ee, r as d, s as f, t as p, u as m } from "./player-overlays-Cb0QIiJ0.mjs";
-import { MaskShapeCanvas as h } from "./MaskShapeCanvas-BEVxAjNq.mjs";
-var te = f("grid-2x2", [
-	["path", {
-		d: "M12 3v18",
-		key: "108xh3"
-	}],
-	["path", {
-		d: "M3 12h18",
-		key: "1i2n21"
-	}],
-	["rect", {
-		x: "3",
-		y: "3",
-		width: "18",
-		height: "18",
-		rx: "2",
-		key: "h1oib"
-	}]
-]);
-//#endregion
-//#region ../ui-library/src/composites/cap-settings/MotionZonesSettings.tsx
-a();
-var ne = 110, g = "motion-zones", _ = 0, re = [
-	1,
-	2,
-	3
-], v = 1, y = "rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors", b = "rounded-md border border-primary/50 bg-primary/15 px-2.5 py-1 text-[11px] font-medium text-primary hover:bg-primary/25 disabled:opacity-40 transition-colors";
-function x(e, t, n) {
-	let r = t * n, i = Array.from({ length: r });
-	for (let t = 0; t < r; t += 1) i[t] = e[t] === !0;
-	return i;
-}
-function S(e, t) {
-	if (e.length !== t.length) return !1;
-	for (let n = 0; n < e.length; n += 1) if (e[n] !== t[n]) return !1;
-	return !0;
-}
-function C(e, t) {
-	return Math.ceil(e / t);
-}
-function w(e, t, n) {
-	return Math.min(n - 1, Math.floor((e + .5) / t * n));
-}
-function T(e, t, n, r) {
-	let i = C(t, r), a = C(n, r), o = Array.from({ length: i * a }, () => !1);
-	for (let r = 0; r < n; r += 1) {
-		let s = w(r, n, a);
-		for (let n = 0; n < t; n += 1) e[r * t + n] === !0 && (o[s * i + w(n, t, i)] = !0);
-	}
-	return o;
-}
-function E(e, t, n, r) {
-	let i = C(t, r), a = C(n, r), o = Array.from({ length: t * n }, () => !1);
-	for (let r = 0; r < n; r += 1) {
-		let s = w(r, n, a);
-		for (let n = 0; n < t; n += 1) o[r * t + n] = e[s * i + w(n, t, i)] === !0;
-	}
-	return o;
-}
-function D({ deviceId: a }) {
-	let f = d(l().trpcClient, a), [w, D] = t(null), [O, k] = t(!1), [A, j] = t(null), [M, N] = t(null), [P, F] = t(v), [I, L] = t(!1), [R, z] = t(!1), B = n(!1);
-	i(() => {
-		if (!f) return;
-		let e = !1;
-		return B.current = !1, D(null), k(!1), j(null), N(null), F(v), z(!1), (async () => {
-			try {
-				let t = await f.motionZones?.getOptions({});
-				if (e) return;
-				if (!t) throw Error("device proxy not ready");
-				if (D(t), B.current) return;
-				let n = await f.motionZones?.getStatus({});
-				if (e) return;
-				if (!n) throw Error("device proxy not ready");
-				B.current = !0;
-				let r = n.regions.find((e) => e.shape.kind === "grid"), i = x(r ? r.shape.cells : [], t.grid.width, t.grid.height);
-				N(i), j(T(i, t.grid.width, t.grid.height, v));
-			} catch (t) {
-				if (e) return;
-				m(t) ? k(!0) : console.error("Motion Zones load failed", t);
-			}
-		})(), () => {
-			e = !0;
-		};
-	}, [f]);
-	let V = w ? w.grid.width : 0, H = w ? w.grid.height : 0, U = C(V, P), W = C(H, P), G = r(() => A && w ? E(A, V, H, P) : null, [
-		A,
-		w,
-		V,
-		H,
-		P
-	]), K = r(() => G !== null && M !== null && !S(G, M), [G, M]), q = r(() => G ? G.reduce((e, t) => t ? e + 1 : e, 0) : 0, [G]), J = V * H, Y = U * W, X = e((e) => {
-		Y > 0 && j(Array.from({ length: Y }, () => e));
-	}, [Y]), Z = e(() => {
-		j((e) => e && e.map((e) => !e));
-	}, []), ie = e(() => {
-		M && w && j(T(M, V, H, P));
-	}, [
-		M,
-		w,
-		V,
-		H,
-		P
-	]), ae = e((e) => {
-		e === P || !w || j((t) => {
-			if (!t) return F(e), t;
-			let n = T(E(t, V, H, P), V, H, e);
-			return F(e), n;
-		});
-	}, [
-		P,
-		w,
-		V,
-		H
-	]), Q = r(() => w && A ? [{
-		id: _,
-		shape: {
-			kind: "grid",
-			gridWidth: U,
-			gridHeight: W,
-			cells: [...A]
-		}
-	}] : [], [
-		w,
-		A,
-		U,
-		W
-	]), $ = e((e, t) => {
-		t.kind === "grid" && j(t.cells);
-	}, []), oe = e(async () => {
-		if (!(!f || !A || !w)) {
-			L(!0);
-			try {
-				let e = E(A, w.grid.width, w.grid.height, P), t = {
-					kind: "grid",
-					gridWidth: w.grid.width,
-					gridHeight: w.grid.height,
-					cells: e
-				};
-				await f.motionZones?.setZone({ patch: { regions: [{
-					id: _,
-					enabled: !0,
-					shape: t
-				}] } });
-				let n = await f.motionZones?.getStatus({});
-				if (n) {
-					let e = n.regions.find((e) => e.shape.kind === "grid"), t = x(e ? e.shape.cells : [], w.grid.width, w.grid.height);
-					N(t), j(T(t, w.grid.width, w.grid.height, P));
-				}
-			} catch (e) {
-				console.error("Motion Zones save failed", e);
-			} finally {
-				L(!1);
-			}
-		}
-	}, [
-		f,
-		A,
-		w,
-		P
-	]);
-	return p(r(() => R && !O && w && A ? {
-		id: g,
-		order: ne,
-		node: /* @__PURE__ */ o(h, {
-			transparent: !0,
-			items: Q,
-			supportedShapes: ["grid"],
-			grid: {
-				width: U,
-				height: W
-			},
-			selectedId: _,
-			onSelect: () => {},
-			onShapeChange: $,
-			onDrawComplete: () => {},
-			drawingKind: null
-		})
-	} : null, [
-		R,
-		O,
-		w,
-		A,
-		Q,
-		$,
-		U,
-		W
-	])), f ? /* @__PURE__ */ o(ee, {
-		title: "Motion Zones",
-		icon: /* @__PURE__ */ o(te, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-		children: /* @__PURE__ */ o("div", {
-			className: "flex flex-col gap-3",
-			children: O ? /* @__PURE__ */ o("p", {
-				className: `${u} leading-relaxed`,
-				children: "This camera doesn't expose an on-board motion zones grid."
-			}) : !O && w !== null && A !== null ? /* @__PURE__ */ s(c, { children: [/* @__PURE__ */ s("p", {
-				className: `${u} leading-relaxed`,
-				children: [
-					"Toggle ",
-					/* @__PURE__ */ o("strong", {
-						className: "text-foreground",
-						children: "Edit grid"
-					}),
-					" to paint the region directly on the live frame, then ",
-					/* @__PURE__ */ o("strong", {
-						className: "text-foreground",
-						children: "Save"
-					}),
-					" to push the mask to the camera. Pick a bigger",
-					" ",
-					/* @__PURE__ */ o("strong", {
-						className: "text-foreground",
-						children: "Cell size"
-					}),
-					" for quicker, broad-stroke painting — it's resampled to the camera's native ",
-					w.grid.width,
-					"×",
-					w.grid.height,
-					" grid on save (×1 is the finest)."
-				]
-			}), /* @__PURE__ */ s("div", {
-				className: "flex items-center gap-2 flex-wrap",
-				children: [
-					/* @__PURE__ */ o("button", {
-						type: "button",
-						onClick: () => z((e) => !e),
-						disabled: I,
-						"aria-pressed": R,
-						className: R ? b : y,
-						children: R ? "Done editing" : "Edit grid"
-					}),
-					/* @__PURE__ */ o("button", {
-						type: "button",
-						onClick: () => X(!0),
-						disabled: I,
-						className: y,
-						children: "All on"
-					}),
-					/* @__PURE__ */ o("button", {
-						type: "button",
-						onClick: () => X(!1),
-						disabled: I,
-						className: y,
-						children: "All off"
-					}),
-					/* @__PURE__ */ o("button", {
-						type: "button",
-						onClick: Z,
-						disabled: I,
-						className: y,
-						children: "Invert"
-					}),
-					/* @__PURE__ */ s("div", {
-						className: "flex items-center gap-1 ml-1",
-						role: "group",
-						"aria-label": "Cell size",
-						children: [/* @__PURE__ */ o("span", {
-							className: `${u} mr-0.5`,
-							children: "Cell size"
-						}), re.map((e) => /* @__PURE__ */ s("button", {
-							type: "button",
-							onClick: () => ae(e),
-							disabled: I,
-							"aria-pressed": P === e,
-							title: e === 1 ? `Camera grid ${V}×${H} (finest)` : `${C(V, e)}×${C(H, e)} painting grid · cells ×${e} bigger`,
-							className: P === e ? b : y,
-							children: ["×", e]
-						}, e))]
-					}),
-					/* @__PURE__ */ s("span", {
-						className: `${u} ml-1 tabular-nums`,
-						children: [
-							q,
-							" / ",
-							J,
-							" cells · ",
-							w.grid.width,
-							"×",
-							w.grid.height,
-							P === 1 ? "" : ` · paint ${U}×${W}`
-						]
-					}),
-					/* @__PURE__ */ o("span", { className: "flex-1" }),
-					/* @__PURE__ */ o("button", {
-						type: "button",
-						onClick: ie,
-						disabled: I || !K,
-						className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
-						children: "Revert"
-					}),
-					/* @__PURE__ */ o("button", {
-						type: "button",
-						onClick: () => void oe(),
-						disabled: I || !K,
-						className: b,
-						children: I ? "Saving…" : "Save"
-					})
-				]
-			})] }) : /* @__PURE__ */ o("p", {
-				className: `${u} leading-relaxed`,
-				children: "Loading the camera's grid…"
-			})
-		})
-	}) : null;
-}
-//#endregion
-export { D as MotionZonesSettings };

package/dist/PrivacyMaskSettings-LV8_5mQk.mjs

@@ -1,368 +0,0 @@
-import { c as e, h as t, m as n, p as r, u as i, y as a } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-Bs1t18EM.mjs";
-import { n as o, r as s, t as ee } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
-import { a as c, l, n as u, r as te, s as d, t as ne, u as re } from "./player-overlays-Cb0QIiJ0.mjs";
-import { i as ie, n as ae, r as f, t as p } from "./trash-2-6DuTY6Z3.mjs";
-import { MaskShapeCanvas as oe } from "./MaskShapeCanvas-BEVxAjNq.mjs";
-var se = d("hexagon", [["path", {
-	d: "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z",
-	key: "yt0hxn"
-}]]), ce = d("mic-off", [
-	["path", {
-		d: "M12 19v3",
-		key: "npa21l"
-	}],
-	["path", {
-		d: "M15 9.34V5a3 3 0 0 0-5.68-1.33",
-		key: "1gzdoj"
-	}],
-	["path", {
-		d: "M16.95 16.95A7 7 0 0 1 5 12v-2",
-		key: "cqa7eg"
-	}],
-	["path", {
-		d: "M18.89 13.23A7 7 0 0 0 19 12v-2",
-		key: "16hl24"
-	}],
-	["path", {
-		d: "m2 2 20 20",
-		key: "1ooewy"
-	}],
-	["path", {
-		d: "M9 9v3a3 3 0 0 0 5.12 2.12",
-		key: "r2i35w"
-	}]
-]);
-//#endregion
-//#region ../ui-library/src/composites/cap-settings/privacy-mask-audio.ts
-a();
-var m = "Microphone", h = "The camera encodes no audio at all — live view, recordings, exports and the audio analyzer are all silent.";
-function le(e) {
-	let t = e.supportsAudioMute === !0, n = t ? e.audioEnabled : null, r = e.pendingOn ?? null;
-	return {
-		label: m,
-		supported: t,
-		on: n === null ? null : r ?? n,
-		available: t && n !== null,
-		costWhenOff: h
-	};
-}
-function ue(e) {
-	return !e.available || e.on === null ? null : { enabled: !e.on };
-}
-//#endregion
-//#region ../ui-library/src/composites/cap-settings/PrivacyMaskSettings.tsx
-var de = 120, fe = "privacy-mask", g = "rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors", _ = "rounded-md border border-primary/50 bg-primary/15 px-2.5 py-1 text-[11px] font-medium text-primary hover:bg-primary/25 disabled:opacity-40 transition-colors";
-function v(e) {
-	return e.kind === "rect" || e.kind === "polygon" ? e : null;
-}
-function y(e) {
-	let t = new Set(e.map((e) => e.id)), n = 0;
-	for (; t.has(n);) n += 1;
-	return n;
-}
-function b(e, t) {
-	if (e.length !== t.length) return !1;
-	for (let n = 0; n < e.length; n += 1) if (JSON.stringify(e[n]) !== JSON.stringify(t[n])) return !1;
-	return !0;
-}
-function x({ deviceId: a }) {
-	let d = te(c().trpcClient, a), [m, h] = t(null), [x, S] = t(!1), [C, w] = t(null), [T, E] = t(null), [D, O] = t(!1), [k, A] = t(!1), [j, M] = t(null), [N, P] = t(null), [pe, F] = t(null), [I, L] = t(null), [R, z] = t(null), B = n(!1);
-	i(() => {
-		if (!d) return;
-		let e = !1;
-		return B.current = !1, h(null), S(!1), w(null), E(null), A(!1), M(null), P(null), F(null), L(null), z(null), (async () => {
-			try {
-				let t = await d.privacyMask?.getOptions({});
-				if (e) return;
-				if (!t) throw Error("device proxy not ready");
-				if (h(t), B.current) return;
-				let n = await d.privacyMask?.getStatus({});
-				if (e) return;
-				if (!n) throw Error("device proxy not ready");
-				B.current = !0;
-				let r = {
-					enabled: n.enabled,
-					regions: n.regions
-				};
-				E(r), w(r), F(n.audioEnabled);
-			} catch (t) {
-				if (e) return;
-				re(t) ? S(!0) : console.error("Privacy Mask load failed", t);
-			}
-		})(), () => {
-			e = !0;
-		};
-	}, [d]);
-	let V = r(() => C !== null && T !== null && (C.enabled !== T.enabled || !b(C.regions, T.regions)), [C, T]), H = C ? C.regions.length : 0, U = m ? m.maxRegions : 0, W = n(0);
-	i(() => {
-		W.current = U;
-	}, [U]);
-	let G = U > 0 && H >= U, me = e(() => {
-		w((e) => e && {
-			...e,
-			enabled: !e.enabled
-		});
-	}, []), K = e((e) => {
-		M(typeof e == "number" ? e : null);
-	}, []), q = r(() => C ? C.regions.map((e) => ({
-		id: e.id,
-		shape: e.shape,
-		enabled: e.enabled,
-		label: `Zone ${String(e.id)}`
-	})) : [], [C]), J = e((e, t) => {
-		let n = v(t);
-		n && w((t) => t && {
-			...t,
-			regions: t.regions.map((t) => t.id === e ? {
-				...t,
-				shape: n
-			} : t)
-		});
-	}, []), Y = e((e) => {
-		let t = v(e);
-		t && (P(null), w((e) => {
-			if (!e) return e;
-			let n = W.current;
-			if (n > 0 && e.regions.length >= n) return e;
-			let r = y(e.regions), i = {
-				id: r,
-				enabled: !0,
-				shape: t
-			};
-			return M(r), {
-				...e,
-				regions: [...e.regions, i]
-			};
-		}));
-	}, []), X = e((e) => {
-		A(!0), M(null), P(e);
-	}, []), he = e((e) => {
-		A(!0), P(null), M(e);
-	}, []), ge = e((e) => {
-		M((t) => t === e ? null : t), w((t) => t && {
-			...t,
-			regions: t.regions.filter((t) => t.id !== e)
-		});
-	}, []), _e = e(() => {
-		P(null), M(null), T && w({
-			enabled: T.enabled,
-			regions: T.regions
-		});
-	}, [T]), ve = e(async () => {
-		if (!(!d || !C)) {
-			O(!0);
-			try {
-				await d.privacyMask?.setMask({ patch: {
-					enabled: C.enabled,
-					regions: [...C.regions]
-				} });
-				let e = await d.privacyMask?.getStatus({});
-				if (e) {
-					let t = {
-						enabled: e.enabled,
-						regions: e.regions
-					};
-					E(t), w(t);
-				}
-			} catch (e) {
-				console.error("Privacy Mask save failed", e);
-			} finally {
-				O(!1);
-			}
-		}
-	}, [d, C]), Z = le({
-		supportsAudioMute: m === null ? null : m.supportsAudioMute,
-		audioEnabled: pe,
-		pendingOn: I
-	}), ye = e(async () => {
-		let e = ue(Z);
-		if (!(!d || e === null)) {
-			L(e.enabled), z(null);
-			try {
-				await d.privacyMask?.setAudioEnabled(e);
-				let t = await d.privacyMask?.getStatus({});
-				t && F(t.audioEnabled);
-			} catch (e) {
-				console.error("Privacy microphone write failed — reverting", e), z(e instanceof Error ? e.message : String(e));
-			} finally {
-				L(null);
-			}
-		}
-	}, [d, Z]), be = e(() => {
-		A((e) => (e && (P(null), M(null)), !e));
-	}, []), Q = m?.supportedShapes ?? [];
-	ne(r(() => k && !x && m && C ? {
-		id: fe,
-		order: de,
-		node: /* @__PURE__ */ o(oe, {
-			transparent: !0,
-			items: q,
-			supportedShapes: Q,
-			polygonVertices: m.polygonVertices,
-			selectedId: j,
-			onSelect: K,
-			onShapeChange: J,
-			onDrawComplete: Y,
-			drawingKind: N
-		})
-	} : null, [
-		k,
-		x,
-		m,
-		C,
-		q,
-		Q,
-		j,
-		K,
-		J,
-		Y,
-		N
-	]));
-	let xe = m?.supportedShapes.includes("rect") ?? !1, Se = m?.supportedShapes.includes("polygon") ?? !1, $ = m !== null && (m.maxRegions <= 0 || m.supportedShapes.length === 0);
-	return d ? /* @__PURE__ */ o(u, {
-		title: "Privacy Mask",
-		icon: /* @__PURE__ */ o(ie, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-		children: /* @__PURE__ */ s("div", {
-			className: "flex flex-col gap-3",
-			children: [x || $ ? /* @__PURE__ */ o("p", {
-				className: `${l} leading-relaxed`,
-				children: "This camera doesn't support an on-board privacy mask."
-			}) : !x && !$ && m !== null && C !== null ? /* @__PURE__ */ s(ee, { children: [
-				/* @__PURE__ */ s("p", {
-					className: `${l} leading-relaxed`,
-					children: [
-						"Toggle ",
-						/* @__PURE__ */ o("strong", {
-							className: "text-foreground",
-							children: "Edit mask"
-						}),
-						" to draw blanked-out zones on the live frame, then ",
-						/* @__PURE__ */ o("strong", {
-							className: "text-foreground",
-							children: "Save"
-						}),
-						" to push them to the camera. Drag a rectangle to move, its corner to resize; drag polygon vertices, click an edge midpoint to add one, or right-click a vertex to remove it."
-					]
-				}),
-				/* @__PURE__ */ s("div", {
-					className: "flex items-center gap-2 flex-wrap",
-					children: [
-						/* @__PURE__ */ o("button", {
-							type: "button",
-							onClick: be,
-							disabled: D,
-							"aria-pressed": k,
-							className: k ? _ : g,
-							children: k ? "Done editing" : "Edit mask"
-						}),
-						/* @__PURE__ */ o("button", {
-							type: "button",
-							onClick: me,
-							disabled: D,
-							"aria-pressed": C.enabled,
-							className: C.enabled ? _ : g,
-							children: C.enabled ? "Mask on" : "Mask off"
-						}),
-						xe && /* @__PURE__ */ o("button", {
-							type: "button",
-							onClick: () => X("rect"),
-							disabled: D || G,
-							"aria-pressed": N === "rect",
-							className: N === "rect" ? _ : g,
-							title: G ? "Maximum zones reached" : "Add a rectangle zone",
-							children: "+ Rect"
-						}),
-						Se && /* @__PURE__ */ o("button", {
-							type: "button",
-							onClick: () => X("polygon"),
-							disabled: D || G,
-							"aria-pressed": N === "polygon",
-							className: N === "polygon" ? _ : g,
-							title: G ? "Maximum zones reached" : "Add a polygon zone",
-							children: "+ Polygon"
-						}),
-						/* @__PURE__ */ s("span", {
-							className: `${l} ml-1 tabular-nums`,
-							children: [
-								H,
-								" / ",
-								U,
-								" zones"
-							]
-						}),
-						/* @__PURE__ */ o("span", { className: "flex-1" }),
-						/* @__PURE__ */ o("button", {
-							type: "button",
-							onClick: _e,
-							disabled: D || !V,
-							className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
-							children: "Revert"
-						}),
-						/* @__PURE__ */ o("button", {
-							type: "button",
-							onClick: () => void ve(),
-							disabled: D || !V,
-							className: _,
-							children: D ? "Saving…" : "Save"
-						})
-					]
-				}),
-				H > 0 ? /* @__PURE__ */ o("div", {
-					className: "flex flex-col gap-1",
-					children: C.regions.map((e) => {
-						let t = j === e.id, n = e.shape.kind === "polygon" ? se : ae;
-						return /* @__PURE__ */ s("div", {
-							className: `flex items-center gap-2 rounded-md border px-2 py-1 transition-colors ${t ? "border-primary/50 bg-primary/10" : "border-border bg-surface"}`,
-							children: [/* @__PURE__ */ s("button", {
-								type: "button",
-								onClick: () => he(e.id),
-								disabled: D,
-								className: "flex flex-1 items-center gap-2 text-left text-[11px] font-medium text-foreground-subtle hover:text-foreground disabled:opacity-40 transition-colors",
-								children: [
-									/* @__PURE__ */ o(n, { className: "h-3.5 w-3.5 shrink-0" }),
-									/* @__PURE__ */ s("span", { children: ["Zone ", e.id] }),
-									/* @__PURE__ */ o("span", {
-										className: "text-foreground-faint capitalize",
-										children: e.shape.kind
-									})
-								]
-							}), /* @__PURE__ */ o("button", {
-								type: "button",
-								onClick: () => ge(e.id),
-								disabled: D,
-								"aria-label": `Delete zone ${String(e.id)}`,
-								title: "Delete zone",
-								className: "inline-flex h-6 w-6 items-center justify-center rounded border border-border bg-surface text-foreground-subtle hover:border-red-400/40 hover:bg-red-500/10 hover:text-red-400 disabled:opacity-40 transition-colors",
-								children: /* @__PURE__ */ o(p, { className: "h-3.5 w-3.5" })
-							})]
-						}, e.id);
-					})
-				}) : null
-			] }) : /* @__PURE__ */ o("p", {
-				className: `${l} leading-relaxed`,
-				children: "Loading the camera's privacy mask…"
-			}), Z.supported && /* @__PURE__ */ s("div", {
-				className: "flex items-start gap-3 rounded-md border border-border bg-surface px-2 py-2",
-				children: [/* @__PURE__ */ o("button", {
-					type: "button",
-					role: "switch",
-					"aria-label": Z.label,
-					"aria-checked": Z.on === !0,
-					disabled: !Z.available || I !== null,
-					onClick: () => void ye(),
-					title: Z.on === null ? "Microphone — state unknown; the camera did not answer." : Z.on ? `The camera is capturing sound. Turning it off: ${Z.costWhenOff}` : `The camera is silent. ${Z.costWhenOff}`,
-					className: Z.on === !1 || Z.on === null ? g : _,
-					children: /* @__PURE__ */ s("span", {
-						className: "inline-flex items-center gap-1.5",
-						children: [Z.on === !1 ? /* @__PURE__ */ o(ce, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ o(f, { className: "h-3.5 w-3.5" }), Z.on === null ? "Microphone unknown" : Z.on ? "Microphone on" : "Microphone off"]
-					})
-				}), /* @__PURE__ */ o("p", {
-					className: "text-[10px] text-foreground-subtle flex-1 leading-relaxed",
-					children: R === null ? Z.on === null ? "The camera did not report its microphone, so this state is unknown." : Z.costWhenOff : `Write failed: ${R}`
-				})]
-			})]
-		})
-	}) : null;
-}
-//#endregion
-export { x as PrivacyMaskSettings };