@camstack/addon-benchmark 1.2.236 → 1.2.238

package/dist/MotionZonesSettings-WETj-Fnx.mjs

@@ -1,310 +0,0 @@
-import { b as e, c as t, g as n, h as r, m as i, u as a } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react__loadShare__.js-BLRSn-wJ.mjs";
-import { d as o, g as s, m as c, p as ee, v as l } from "./responsive-BEYSc24p.mjs";
-import { n as u, t as d } from "./player-overlays-D5Bao9IZ.mjs";
-import { n as f, r as p, t as m } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-Dh0XkFx5.mjs";
-import { MaskShapeCanvas as h } from "./MaskShapeCanvas-7LKD4bOR.mjs";
-var g = l("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
-e();
-var _ = 110, te = "motion-zones", v = 0, y = [
-	1,
-	2,
-	3
-], b = 1, x = "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", S = "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 C(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 ne(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 w(e, t) {
-	return Math.ceil(e / t);
-}
-function T(e, t, n) {
-	return Math.min(n - 1, Math.floor((e + .5) / t * n));
-}
-function E(e, t, n, r) {
-	let i = w(t, r), a = w(n, r), o = Array.from({ length: i * a }, () => !1);
-	for (let r = 0; r < n; r += 1) {
-		let s = T(r, n, a);
-		for (let n = 0; n < t; n += 1) e[r * t + n] === !0 && (o[s * i + T(n, t, i)] = !0);
-	}
-	return o;
-}
-function D(e, t, n, r) {
-	let i = w(t, r), a = w(n, r), o = Array.from({ length: t * n }, () => !1);
-	for (let r = 0; r < n; r += 1) {
-		let s = T(r, n, a);
-		for (let n = 0; n < t; n += 1) o[r * t + n] = e[s * i + T(n, t, i)] === !0;
-	}
-	return o;
-}
-function O({ deviceId: e }) {
-	let l = c(s().trpcClient, e), [T, O] = n(null), [k, A] = n(!1), [j, M] = n(null), [N, P] = n(null), [F, I] = n(b), [L, R] = n(!1), [z, B] = n(!1), V = r(!1);
-	a(() => {
-		if (!l) return;
-		let e = !1;
-		return V.current = !1, O(null), A(!1), M(null), P(null), I(b), B(!1), (async () => {
-			try {
-				let t = await l.motionZones?.getOptions({});
-				if (e) return;
-				if (!t) throw Error("device proxy not ready");
-				if (O(t), V.current) return;
-				let n = await l.motionZones?.getStatus({});
-				if (e) return;
-				if (!n) throw Error("device proxy not ready");
-				V.current = !0;
-				let r = n.regions.find((e) => e.shape.kind === "grid"), i = C(r ? r.shape.cells : [], t.grid.width, t.grid.height);
-				P(i), M(E(i, t.grid.width, t.grid.height, b));
-			} catch (t) {
-				if (e) return;
-				ee(t) ? A(!0) : console.error("Motion Zones load failed", t);
-			}
-		})(), () => {
-			e = !0;
-		};
-	}, [l]);
-	let H = T ? T.grid.width : 0, U = T ? T.grid.height : 0, W = w(H, F), G = w(U, F), K = i(() => j && T ? D(j, H, U, F) : null, [
-		j,
-		T,
-		H,
-		U,
-		F
-	]), q = i(() => K !== null && N !== null && !ne(K, N), [K, N]), J = i(() => K ? K.reduce((e, t) => t ? e + 1 : e, 0) : 0, [K]), Y = H * U, X = W * G, Z = t((e) => {
-		X > 0 && M(Array.from({ length: X }, () => e));
-	}, [X]), re = t(() => {
-		M((e) => e && e.map((e) => !e));
-	}, []), ie = t(() => {
-		N && T && M(E(N, H, U, F));
-	}, [
-		N,
-		T,
-		H,
-		U,
-		F
-	]), ae = t((e) => {
-		e === F || !T || M((t) => {
-			if (!t) return I(e), t;
-			let n = E(D(t, H, U, F), H, U, e);
-			return I(e), n;
-		});
-	}, [
-		F,
-		T,
-		H,
-		U
-	]), Q = i(() => T && j ? [{
-		id: v,
-		shape: {
-			kind: "grid",
-			gridWidth: W,
-			gridHeight: G,
-			cells: [...j]
-		}
-	}] : [], [
-		T,
-		j,
-		W,
-		G
-	]), $ = t((e, t) => {
-		t.kind === "grid" && M(t.cells);
-	}, []), oe = t(async () => {
-		if (!(!l || !j || !T)) {
-			R(!0);
-			try {
-				let e = D(j, T.grid.width, T.grid.height, F), t = {
-					kind: "grid",
-					gridWidth: T.grid.width,
-					gridHeight: T.grid.height,
-					cells: e
-				};
-				await l.motionZones?.setZone({ patch: { regions: [{
-					id: v,
-					enabled: !0,
-					shape: t
-				}] } });
-				let n = await l.motionZones?.getStatus({});
-				if (n) {
-					let e = n.regions.find((e) => e.shape.kind === "grid"), t = C(e ? e.shape.cells : [], T.grid.width, T.grid.height);
-					P(t), M(E(t, T.grid.width, T.grid.height, F));
-				}
-			} catch (e) {
-				console.error("Motion Zones save failed", e);
-			} finally {
-				R(!1);
-			}
-		}
-	}, [
-		l,
-		j,
-		T,
-		F
-	]);
-	return d(i(() => z && !k && T && j ? {
-		id: te,
-		order: _,
-		node: /* @__PURE__ */ f(h, {
-			transparent: !0,
-			items: Q,
-			supportedShapes: ["grid"],
-			grid: {
-				width: W,
-				height: G
-			},
-			selectedId: v,
-			onSelect: () => {},
-			onShapeChange: $,
-			onDrawComplete: () => {},
-			drawingKind: null
-		})
-	} : null, [
-		z,
-		k,
-		T,
-		j,
-		Q,
-		$,
-		W,
-		G
-	])), l ? /* @__PURE__ */ f(u, {
-		title: "Motion Zones",
-		icon: /* @__PURE__ */ f(g, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-		children: /* @__PURE__ */ f("div", {
-			className: "flex flex-col gap-3",
-			children: k ? /* @__PURE__ */ f("p", {
-				className: `${o} leading-relaxed`,
-				children: "This camera doesn't expose an on-board motion zones grid."
-			}) : !k && T !== null && j !== null ? /* @__PURE__ */ p(m, { children: [/* @__PURE__ */ p("p", {
-				className: `${o} leading-relaxed`,
-				children: [
-					"Toggle ",
-					/* @__PURE__ */ f("strong", {
-						className: "text-foreground",
-						children: "Edit grid"
-					}),
-					" to paint the region directly on the live frame, then ",
-					/* @__PURE__ */ f("strong", {
-						className: "text-foreground",
-						children: "Save"
-					}),
-					" to push the mask to the camera. Pick a bigger",
-					" ",
-					/* @__PURE__ */ f("strong", {
-						className: "text-foreground",
-						children: "Cell size"
-					}),
-					" for quicker, broad-stroke painting — it's resampled to the camera's native ",
-					T.grid.width,
-					"×",
-					T.grid.height,
-					" grid on save (×1 is the finest)."
-				]
-			}), /* @__PURE__ */ p("div", {
-				className: "flex items-center gap-2 flex-wrap",
-				children: [
-					/* @__PURE__ */ f("button", {
-						type: "button",
-						onClick: () => B((e) => !e),
-						disabled: L,
-						"aria-pressed": z,
-						className: z ? S : x,
-						children: z ? "Done editing" : "Edit grid"
-					}),
-					/* @__PURE__ */ f("button", {
-						type: "button",
-						onClick: () => Z(!0),
-						disabled: L,
-						className: x,
-						children: "All on"
-					}),
-					/* @__PURE__ */ f("button", {
-						type: "button",
-						onClick: () => Z(!1),
-						disabled: L,
-						className: x,
-						children: "All off"
-					}),
-					/* @__PURE__ */ f("button", {
-						type: "button",
-						onClick: re,
-						disabled: L,
-						className: x,
-						children: "Invert"
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "flex items-center gap-1 ml-1",
-						role: "group",
-						"aria-label": "Cell size",
-						children: [/* @__PURE__ */ f("span", {
-							className: `${o} mr-0.5`,
-							children: "Cell size"
-						}), y.map((e) => /* @__PURE__ */ p("button", {
-							type: "button",
-							onClick: () => ae(e),
-							disabled: L,
-							"aria-pressed": F === e,
-							title: e === 1 ? `Camera grid ${H}×${U} (finest)` : `${w(H, e)}×${w(U, e)} painting grid · cells ×${e} bigger`,
-							className: F === e ? S : x,
-							children: ["×", e]
-						}, e))]
-					}),
-					/* @__PURE__ */ p("span", {
-						className: `${o} ml-1 tabular-nums`,
-						children: [
-							J,
-							" / ",
-							Y,
-							" cells · ",
-							T.grid.width,
-							"×",
-							T.grid.height,
-							F === 1 ? "" : ` · paint ${W}×${G}`
-						]
-					}),
-					/* @__PURE__ */ f("span", { className: "flex-1" }),
-					/* @__PURE__ */ f("button", {
-						type: "button",
-						onClick: ie,
-						disabled: L || !q,
-						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__ */ f("button", {
-						type: "button",
-						onClick: () => void oe(),
-						disabled: L || !q,
-						className: S,
-						children: L ? "Saving…" : "Save"
-					})
-				]
-			})] }) : /* @__PURE__ */ f("p", {
-				className: `${o} leading-relaxed`,
-				children: "Loading the camera's grid…"
-			})
-		})
-	}) : null;
-}
-//#endregion
-export { O as MotionZonesSettings };

package/dist/PrivacyMaskSettings-CuZnKVIY.mjs

@@ -1,377 +0,0 @@
-import { b as e, c as t, g as n, h as r, m as i, u as a } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react__loadShare__.js-BLRSn-wJ.mjs";
-import { d as o, g as ee, m as te, p as ne, v as s } from "./responsive-BEYSc24p.mjs";
-import { n as re, t as ie } from "./player-overlays-D5Bao9IZ.mjs";
-import { n as ae, r as oe, t as se } from "./square-DEGbSYoK.mjs";
-import { t as c } from "./trash-2-CCLSWdWD.mjs";
-import { n as l, r as u, t as ce } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-Dh0XkFx5.mjs";
-import { MaskShapeCanvas as le } from "./MaskShapeCanvas-7LKD4bOR.mjs";
-var ue = s("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"
-}]]), de = s("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
-e();
-var d = "Microphone", f = "The camera encodes no audio at all — live view, recordings, exports and the audio analyzer are all silent.";
-function p(e) {
-	let t = e.supportsAudioMute === !0, n = t ? e.audioEnabled : null, r = e.pendingOn ?? null;
-	return {
-		label: d,
-		supported: t,
-		on: n === null ? null : r ?? n,
-		available: t && n !== null,
-		costWhenOff: f
-	};
-}
-function m(e) {
-	return !e.available || e.on === null ? null : { enabled: !e.on };
-}
-//#endregion
-//#region ../ui-library/src/composites/cap-settings/PrivacyMaskSettings.tsx
-var fe = 120, pe = "privacy-mask", h = "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", g = "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 _(e) {
-	return e.kind === "rect" || e.kind === "polygon" ? e : null;
-}
-function me(e) {
-	let t = new Set(e.map((e) => e.id)), n = 0;
-	for (; t.has(n);) n += 1;
-	return n;
-}
-function he(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 v({ deviceId: e }) {
-	let s = te(ee().trpcClient, e), [d, f] = n(null), [v, y] = n(!1), [b, x] = n(!1), [S, C] = n(null), [w, T] = n(null), [E, D] = n(!1), [O, k] = n(!1), [A, j] = n(null), [M, N] = n(null), [ge, P] = n(null), [F, I] = n(null), [L, R] = n(null), z = r(!1);
-	a(() => {
-		if (!s) return;
-		let e = !1;
-		return z.current = !1, f(null), y(!1), x(!1), C(null), T(null), k(!1), j(null), N(null), P(null), I(null), R(null), (async () => {
-			try {
-				let t = await s.privacyMask?.getOptions({});
-				if (e) return;
-				if (!t) throw Error("device proxy not ready");
-				if (f(t), z.current) return;
-				let n = await s.privacyMask?.getStatus({});
-				if (e) return;
-				if (!n) throw Error("device proxy not ready");
-				if (n.regions === null) {
-					x(!0), P(n.audioEnabled);
-					return;
-				}
-				z.current = !0;
-				let r = {
-					enabled: n.enabled,
-					regions: n.regions
-				};
-				T(r), C(r), P(n.audioEnabled);
-			} catch (t) {
-				if (e) return;
-				ne(t) ? y(!0) : console.error("Privacy Mask load failed", t);
-			}
-		})(), () => {
-			e = !0;
-		};
-	}, [s]);
-	let B = i(() => S !== null && w !== null && (S.enabled !== w.enabled || !he(S.regions, w.regions)), [S, w]), V = S ? S.regions.length : 0, H = d ? d.maxRegions : 0, U = r(0);
-	a(() => {
-		U.current = H;
-	}, [H]);
-	let W = H > 0 && V >= H, _e = t(() => {
-		C((e) => e && {
-			...e,
-			enabled: !e.enabled
-		});
-	}, []), G = t((e) => {
-		j(typeof e == "number" ? e : null);
-	}, []), K = i(() => S ? S.regions.map((e) => ({
-		id: e.id,
-		shape: e.shape,
-		enabled: e.enabled,
-		label: `Zone ${String(e.id)}`
-	})) : [], [S]), q = t((e, t) => {
-		let n = _(t);
-		n && C((t) => t && {
-			...t,
-			regions: t.regions.map((t) => t.id === e ? {
-				...t,
-				shape: n
-			} : t)
-		});
-	}, []), J = t((e) => {
-		let t = _(e);
-		t && (N(null), C((e) => {
-			if (!e) return e;
-			let n = U.current;
-			if (n > 0 && e.regions.length >= n) return e;
-			let r = me(e.regions), i = {
-				id: r,
-				enabled: !0,
-				shape: t
-			};
-			return j(r), {
-				...e,
-				regions: [...e.regions, i]
-			};
-		}));
-	}, []), Y = t((e) => {
-		k(!0), j(null), N(e);
-	}, []), ve = t((e) => {
-		k(!0), N(null), j(e);
-	}, []), X = t((e) => {
-		j((t) => t === e ? null : t), C((t) => t && {
-			...t,
-			regions: t.regions.filter((t) => t.id !== e)
-		});
-	}, []), ye = t(() => {
-		N(null), j(null), w && C({
-			enabled: w.enabled,
-			regions: w.regions
-		});
-	}, [w]), be = t(async () => {
-		if (!(!s || !S)) {
-			D(!0);
-			try {
-				await s.privacyMask?.setMask({ patch: {
-					enabled: S.enabled,
-					regions: [...S.regions]
-				} });
-				let e = await s.privacyMask?.getStatus({});
-				if (e && e.regions !== null) {
-					let t = {
-						enabled: e.enabled,
-						regions: e.regions
-					};
-					T(t), C(t);
-				}
-			} catch (e) {
-				console.error("Privacy Mask save failed", e);
-			} finally {
-				D(!1);
-			}
-		}
-	}, [s, S]), Z = p({
-		supportsAudioMute: d === null ? null : d.supportsAudioMute,
-		audioEnabled: ge,
-		pendingOn: F
-	}), xe = t(async () => {
-		let e = m(Z);
-		if (!(!s || e === null)) {
-			I(e.enabled), R(null);
-			try {
-				await s.privacyMask?.setAudioEnabled(e);
-				let t = await s.privacyMask?.getStatus({});
-				t && P(t.audioEnabled);
-			} catch (e) {
-				console.error("Privacy microphone write failed — reverting", e), R(e instanceof Error ? e.message : String(e));
-			} finally {
-				I(null);
-			}
-		}
-	}, [s, Z]), Se = t(() => {
-		k((e) => (e && (N(null), j(null)), !e));
-	}, []), Q = d?.supportedShapes ?? [];
-	ie(i(() => O && !v && d && S ? {
-		id: pe,
-		order: fe,
-		node: /* @__PURE__ */ l(le, {
-			transparent: !0,
-			items: K,
-			supportedShapes: Q,
-			polygonVertices: d.polygonVertices,
-			selectedId: A,
-			onSelect: G,
-			onShapeChange: q,
-			onDrawComplete: J,
-			drawingKind: M
-		})
-	} : null, [
-		O,
-		v,
-		d,
-		S,
-		K,
-		Q,
-		A,
-		G,
-		q,
-		J,
-		M
-	]));
-	let Ce = d?.supportedShapes.includes("rect") ?? !1, we = d?.supportedShapes.includes("polygon") ?? !1, $ = d !== null && (d.maxRegions <= 0 || d.supportedShapes.length === 0);
-	return s ? /* @__PURE__ */ l(re, {
-		title: "Privacy Mask",
-		icon: /* @__PURE__ */ l(oe, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-		children: /* @__PURE__ */ u("div", {
-			className: "flex flex-col gap-3",
-			children: [v || $ ? /* @__PURE__ */ l("p", {
-				className: `${o} leading-relaxed`,
-				children: "This camera doesn't support an on-board privacy mask."
-			}) : b ? /* @__PURE__ */ l("p", {
-				className: `${o} leading-relaxed`,
-				children: "This camera hasn't answered, so what it currently masks is unknown — the editor stays closed rather than showing an empty frame you could save over. A battery camera answers once it wakes; otherwise check that it is reachable."
-			}) : !v && !$ && !b && d !== null && S !== null ? /* @__PURE__ */ u(ce, { children: [
-				/* @__PURE__ */ u("p", {
-					className: `${o} leading-relaxed`,
-					children: [
-						"Toggle ",
-						/* @__PURE__ */ l("strong", {
-							className: "text-foreground",
-							children: "Edit mask"
-						}),
-						" to draw blanked-out zones on the live frame, then ",
-						/* @__PURE__ */ l("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__ */ u("div", {
-					className: "flex items-center gap-2 flex-wrap",
-					children: [
-						/* @__PURE__ */ l("button", {
-							type: "button",
-							onClick: Se,
-							disabled: E,
-							"aria-pressed": O,
-							className: O ? g : h,
-							children: O ? "Done editing" : "Edit mask"
-						}),
-						/* @__PURE__ */ l("button", {
-							type: "button",
-							onClick: _e,
-							disabled: E,
-							"aria-pressed": S.enabled,
-							className: S.enabled ? g : h,
-							children: S.enabled ? "Mask on" : "Mask off"
-						}),
-						Ce && /* @__PURE__ */ l("button", {
-							type: "button",
-							onClick: () => Y("rect"),
-							disabled: E || W,
-							"aria-pressed": M === "rect",
-							className: M === "rect" ? g : h,
-							title: W ? "Maximum zones reached" : "Add a rectangle zone",
-							children: "+ Rect"
-						}),
-						we && /* @__PURE__ */ l("button", {
-							type: "button",
-							onClick: () => Y("polygon"),
-							disabled: E || W,
-							"aria-pressed": M === "polygon",
-							className: M === "polygon" ? g : h,
-							title: W ? "Maximum zones reached" : "Add a polygon zone",
-							children: "+ Polygon"
-						}),
-						/* @__PURE__ */ u("span", {
-							className: `${o} ml-1 tabular-nums`,
-							children: [
-								V,
-								" / ",
-								H,
-								" zones"
-							]
-						}),
-						/* @__PURE__ */ l("span", { className: "flex-1" }),
-						/* @__PURE__ */ l("button", {
-							type: "button",
-							onClick: ye,
-							disabled: E || !B,
-							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__ */ l("button", {
-							type: "button",
-							onClick: () => void be(),
-							disabled: E || !B,
-							className: g,
-							children: E ? "Saving…" : "Save"
-						})
-					]
-				}),
-				V > 0 ? /* @__PURE__ */ l("div", {
-					className: "flex flex-col gap-1",
-					children: S.regions.map((e) => {
-						let t = A === e.id, n = e.shape.kind === "polygon" ? ue : se;
-						return /* @__PURE__ */ u("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__ */ u("button", {
-								type: "button",
-								onClick: () => ve(e.id),
-								disabled: E,
-								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__ */ l(n, { className: "h-3.5 w-3.5 shrink-0" }),
-									/* @__PURE__ */ u("span", { children: ["Zone ", e.id] }),
-									/* @__PURE__ */ l("span", {
-										className: "text-foreground-faint capitalize",
-										children: e.shape.kind
-									})
-								]
-							}), /* @__PURE__ */ l("button", {
-								type: "button",
-								onClick: () => X(e.id),
-								disabled: E,
-								"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__ */ l(c, { className: "h-3.5 w-3.5" })
-							})]
-						}, e.id);
-					})
-				}) : null
-			] }) : /* @__PURE__ */ l("p", {
-				className: `${o} leading-relaxed`,
-				children: "Loading the camera's privacy mask…"
-			}), Z.supported && /* @__PURE__ */ u("div", {
-				className: "flex items-start gap-3 rounded-md border border-border bg-surface px-2 py-2",
-				children: [/* @__PURE__ */ l("button", {
-					type: "button",
-					role: "switch",
-					"aria-label": Z.label,
-					"aria-checked": Z.on === !0,
-					disabled: !Z.available || F !== null,
-					onClick: () => void xe(),
-					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 ? h : g,
-					children: /* @__PURE__ */ u("span", {
-						className: "inline-flex items-center gap-1.5",
-						children: [Z.on === !1 ? /* @__PURE__ */ l(de, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ l(ae, { className: "h-3.5 w-3.5" }), Z.on === null ? "Microphone unknown" : Z.on ? "Microphone on" : "Microphone off"]
-					})
-				}), /* @__PURE__ */ l("p", {
-					className: "text-[10px] text-foreground-subtle flex-1 leading-relaxed",
-					children: L === null ? Z.on === null ? "The camera did not report its microphone, so this state is unknown." : Z.costWhenOff : `Write failed: ${L}`
-				})]
-			})]
-		})
-	}) : null;
-}
-//#endregion
-export { v as PrivacyMaskSettings };