@camstack/addon-training 0.1.40 → 0.1.42

package/dist/{MotionZonesSettings-DBtAXpEm.mjs → MotionZonesSettings-DZgoN8V_.mjs}

@@ -1,22 +1,22 @@
 import { S as e, _ as t, c as n, g as r, m as i, u as a } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react__loadShare__.js-DeDbF7NI.mjs";
-import { f as o, h as s, m as ee, v as te } from "./responsive-C0tM8Z6S.mjs";
-import { r as c, t as l } from "./player-overlays-DMLlEwmn.mjs";
-import { t as ne } from "./grid-2x2-tkDBCRad.mjs";
-import { n as u, r as d, t as f } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DnrbBvrw.mjs";
-import { MaskShapeCanvas as p } from "./MaskShapeCanvas-Kfg9dl6B.mjs";
+import { t as o } from "./grid-2x2-Yngdckwo.mjs";
+import { f as s, h as c, m as l, v as u } from "./responsive-Dwyuxd3q.mjs";
+import { n as d, r as f, t as p } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DnrbBvrw.mjs";
+import { r as ee, t as m } from "./player-overlays-CqD89xkd.mjs";
+import { MaskShapeCanvas as h } from "./MaskShapeCanvas-Kfg9dl6B.mjs";
 //#region ../ui-library/src/composites/cap-settings/MotionZonesSettings.tsx
 e();
-var m = 110, h = "motion-zones", g = 0, _ = [
+var g = 110, _ = "motion-zones", v = 0, te = [
 	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) {
+], y = 1, b = "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", x = "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 S(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) {
+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;
@@ -44,11 +44,11 @@ function E(e, t, n, r) {
 	return o;
 }
 function D({ deviceId: e }) {
-	let w = s(te().trpcClient, e), [D, O] = t(null), [k, A] = t(!1), [j, M] = t(null), [N, P] = t(null), [F, I] = t(v), [L, R] = t(!1), [z, B] = t(!1), V = r(!1);
+	let w = c(u().trpcClient, e), [D, O] = t(null), [k, A] = t(!1), [j, M] = t(null), [N, P] = t(null), [F, I] = t(y), [L, R] = t(!1), [z, B] = t(!1), V = r(!1);
 	a(() => {
 		if (!w) return;
 		let e = !1;
-		return V.current = !1, O(null), A(!1), M(null), P(null), I(v), B(!1), (async () => {
+		return V.current = !1, O(null), A(!1), M(null), P(null), I(y), B(!1), (async () => {
 			try {
 				let t = await w.motionZones?.getOptions({});
 				if (e) return;
@@ -58,11 +58,11 @@ function D({ deviceId: e }) {
 				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 = x(r ? r.shape.cells : [], t.grid.width, t.grid.height);
-				P(i), M(T(i, t.grid.width, t.grid.height, v));
+				let r = n.regions.find((e) => e.shape.kind === "grid"), i = S(r ? r.shape.cells : [], t.grid.width, t.grid.height);
+				P(i), M(T(i, t.grid.width, t.grid.height, y));
 			} catch (t) {
 				if (e) return;
-				ee(t) ? A(!0) : console.error("Motion Zones load failed", t);
+				l(t) ? A(!0) : console.error("Motion Zones load failed", t);
 			}
 		})(), () => {
 			e = !0;
@@ -74,7 +74,7 @@ function D({ deviceId: e }) {
 		H,
 		U,
 		F
-	]), q = i(() => K !== null && N !== null && !S(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 = n((e) => {
+	]), 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 = n((e) => {
 		X > 0 && M(Array.from({ length: X }, () => e));
 	}, [X]), re = n(() => {
 		M((e) => e && e.map((e) => !e));
@@ -98,7 +98,7 @@ function D({ deviceId: e }) {
 		H,
 		U
 	]), Q = i(() => D && j ? [{
-		id: g,
+		id: v,
 		shape: {
 			kind: "grid",
 			gridWidth: W,
@@ -123,13 +123,13 @@ function D({ deviceId: e }) {
 					cells: e
 				};
 				await w.motionZones?.setZone({ patch: { regions: [{
-					id: g,
+					id: v,
 					enabled: !0,
 					shape: t
 				}] } });
 				let n = await w.motionZones?.getStatus({});
 				if (n) {
-					let e = n.regions.find((e) => e.shape.kind === "grid"), t = x(e ? e.shape.cells : [], D.grid.width, D.grid.height);
+					let e = n.regions.find((e) => e.shape.kind === "grid"), t = S(e ? e.shape.cells : [], D.grid.width, D.grid.height);
 					P(t), M(T(t, D.grid.width, D.grid.height, F));
 				}
 			} catch (e) {
@@ -144,10 +144,10 @@ function D({ deviceId: e }) {
 		D,
 		F
 	]);
-	return l(i(() => z && !k && D && j ? {
-		id: h,
-		order: m,
-		node: /* @__PURE__ */ u(p, {
+	return m(i(() => z && !k && D && j ? {
+		id: _,
+		order: g,
+		node: /* @__PURE__ */ d(h, {
 			transparent: !0,
 			items: Q,
 			supportedShapes: ["grid"],
@@ -155,7 +155,7 @@ function D({ deviceId: e }) {
 				width: W,
 				height: G
 			},
-			selectedId: g,
+			selectedId: v,
 			onSelect: () => {},
 			onShapeChange: $,
 			onDrawComplete: () => {},
@@ -170,30 +170,30 @@ function D({ deviceId: e }) {
 		$,
 		W,
 		G
-	])), w ? /* @__PURE__ */ u(c, {
+	])), w ? /* @__PURE__ */ d(ee, {
 		title: "Motion Zones",
-		icon: /* @__PURE__ */ u(ne, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-		children: /* @__PURE__ */ u("div", {
+		icon: /* @__PURE__ */ d(o, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
+		children: /* @__PURE__ */ d("div", {
 			className: "flex flex-col gap-3",
-			children: k ? /* @__PURE__ */ u("p", {
-				className: `${o} leading-relaxed`,
+			children: k ? /* @__PURE__ */ d("p", {
+				className: `${s} leading-relaxed`,
 				children: "This camera doesn't expose an on-board motion zones grid."
-			}) : !k && D !== null && j !== null ? /* @__PURE__ */ d(f, { children: [/* @__PURE__ */ d("p", {
-				className: `${o} leading-relaxed`,
+			}) : !k && D !== null && j !== null ? /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ f("p", {
+				className: `${s} leading-relaxed`,
 				children: [
 					"Toggle ",
-					/* @__PURE__ */ u("strong", {
+					/* @__PURE__ */ d("strong", {
 						className: "text-foreground",
 						children: "Edit grid"
 					}),
 					" to paint the region directly on the live frame, then ",
-					/* @__PURE__ */ u("strong", {
+					/* @__PURE__ */ d("strong", {
 						className: "text-foreground",
 						children: "Save"
 					}),
 					" to push the mask to the camera. Pick a bigger",
 					" ",
-					/* @__PURE__ */ u("strong", {
+					/* @__PURE__ */ d("strong", {
 						className: "text-foreground",
 						children: "Cell size"
 					}),
@@ -203,57 +203,57 @@ function D({ deviceId: e }) {
 					D.grid.height,
 					" grid on save (×1 is the finest)."
 				]
-			}), /* @__PURE__ */ d("div", {
+			}), /* @__PURE__ */ f("div", {
 				className: "flex items-center gap-2 flex-wrap",
 				children: [
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ d("button", {
 						type: "button",
 						onClick: () => B((e) => !e),
 						disabled: L,
 						"aria-pressed": z,
-						className: z ? b : y,
+						className: z ? x : b,
 						children: z ? "Done editing" : "Edit grid"
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ d("button", {
 						type: "button",
 						onClick: () => Z(!0),
 						disabled: L,
-						className: y,
+						className: b,
 						children: "All on"
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ d("button", {
 						type: "button",
 						onClick: () => Z(!1),
 						disabled: L,
-						className: y,
+						className: b,
 						children: "All off"
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ d("button", {
 						type: "button",
 						onClick: re,
 						disabled: L,
-						className: y,
+						className: b,
 						children: "Invert"
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-1 ml-1",
 						role: "group",
 						"aria-label": "Cell size",
-						children: [/* @__PURE__ */ u("span", {
-							className: `${o} mr-0.5`,
+						children: [/* @__PURE__ */ d("span", {
+							className: `${s} mr-0.5`,
 							children: "Cell size"
-						}), _.map((e) => /* @__PURE__ */ d("button", {
+						}), te.map((e) => /* @__PURE__ */ f("button", {
 							type: "button",
 							onClick: () => ae(e),
 							disabled: L,
 							"aria-pressed": F === e,
 							title: e === 1 ? `Camera grid ${H}×${U} (finest)` : `${C(H, e)}×${C(U, e)} painting grid · cells ×${e} bigger`,
-							className: F === e ? b : y,
+							className: F === e ? x : b,
 							children: ["×", e]
 						}, e))]
 					}),
-					/* @__PURE__ */ d("span", {
-						className: `${o} ml-1 tabular-nums`,
+					/* @__PURE__ */ f("span", {
+						className: `${s} ml-1 tabular-nums`,
 						children: [
 							J,
 							" / ",
@@ -265,24 +265,24 @@ function D({ deviceId: e }) {
 							F === 1 ? "" : ` · paint ${W}×${G}`
 						]
 					}),
-					/* @__PURE__ */ u("span", { className: "flex-1" }),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ d("span", { className: "flex-1" }),
+					/* @__PURE__ */ d("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__ */ u("button", {
+					/* @__PURE__ */ d("button", {
 						type: "button",
 						onClick: () => void oe(),
 						disabled: L || !q,
-						className: b,
+						className: x,
 						children: L ? "Saving…" : "Save"
 					})
 				]
-			})] }) : /* @__PURE__ */ u("p", {
-				className: `${o} leading-relaxed`,
+			})] }) : /* @__PURE__ */ d("p", {
+				className: `${s} leading-relaxed`,
 				children: "Loading the camera's grid…"
 			})
 		})

package/dist/{PrivacyMaskSettings-C3tyM8s9.mjs → PrivacyMaskSettings-7L2OX3dp.mjs}

@@ -1,35 +1,31 @@
 import { S as e, _ as t, c as n, g as r, m as i, u as a } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react__loadShare__.js-DeDbF7NI.mjs";
-import { b as o, f as s, h as ee, m as te, v as ne } from "./responsive-C0tM8Z6S.mjs";
-import { r as re, t as ie } from "./player-overlays-DMLlEwmn.mjs";
-import { i as ae, n as oe, r as se, t as c } from "./square-D49AvsjC.mjs";
-import { t as ce } from "./trash-2-BwTJ2h2p.mjs";
-import { n as l, r as u, t as le } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DnrbBvrw.mjs";
-import { MaskShapeCanvas as ue } from "./MaskShapeCanvas-Kfg9dl6B.mjs";
-var de = o("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"
-}]]);
-//#endregion
+import { n as ee, r as te, t as ne } from "./square-B_679zIX.mjs";
+import { n as re, t as ie } from "./mic-off-DPNSd6G7.mjs";
+import { t as ae } from "./trash-2-DC8LDYlI.mjs";
+import { f as o, h as oe, m as se, v as s } from "./responsive-Dwyuxd3q.mjs";
+import { n as c, r as l, t as ce } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DnrbBvrw.mjs";
+import { r as le, t as ue } from "./player-overlays-CqD89xkd.mjs";
+import { MaskShapeCanvas as de } from "./MaskShapeCanvas-Kfg9dl6B.mjs";
 //#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) {
+var u = "Microphone", d = "The camera encodes no audio at all — live view, recordings, exports and the audio analyzer are all silent.";
+function fe(e) {
 	let t = e.supportsAudioMute === !0, n = t ? e.audioEnabled : null, r = e.pendingOn ?? null;
 	return {
-		label: d,
+		label: u,
 		supported: t,
 		on: n === null ? null : r ?? n,
 		available: t && n !== null,
-		costWhenOff: f
+		costWhenOff: d
 	};
 }
-function m(e) {
+function f(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) {
+var p = 120, pe = "privacy-mask", m = "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", h = "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 g(e) {
 	return e.kind === "rect" || e.kind === "polygon" ? e : null;
 }
 function me(e) {
@@ -42,18 +38,18 @@ function he(e, t) {
 	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 o = ee(ne().trpcClient, e), [d, f] = t(null), [v, y] = t(!1), [b, x] = t(!1), [S, C] = t(null), [w, T] = t(null), [E, D] = t(!1), [O, k] = t(!1), [A, j] = t(null), [M, N] = t(null), [ge, P] = t(null), [F, I] = t(null), [L, R] = t(null), z = r(!1);
+function _({ deviceId: e }) {
+	let u = oe(s().trpcClient, e), [d, _] = t(null), [v, y] = t(!1), [b, x] = t(!1), [S, C] = t(null), [w, T] = t(null), [E, D] = t(!1), [O, k] = t(!1), [A, j] = t(null), [M, N] = t(null), [ge, P] = t(null), [F, I] = t(null), [L, R] = t(null), z = r(!1);
 	a(() => {
-		if (!o) return;
+		if (!u) 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 () => {
+		return z.current = !1, _(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 o.privacyMask?.getOptions({});
+				let t = await u.privacyMask?.getOptions({});
 				if (e) return;
 				if (!t) throw Error("device proxy not ready");
-				if (f(t), z.current) return;
-				let n = await o.privacyMask?.getStatus({});
+				if (_(t), z.current) return;
+				let n = await u.privacyMask?.getStatus({});
 				if (e) return;
 				if (!n) throw Error("device proxy not ready");
 				if (n.regions === null) {
@@ -68,12 +64,12 @@ function v({ deviceId: e }) {
 				T(r), C(r), P(n.audioEnabled);
 			} catch (t) {
 				if (e) return;
-				te(t) ? y(!0) : console.error("Privacy Mask load failed", t);
+				se(t) ? y(!0) : console.error("Privacy Mask load failed", t);
 			}
 		})(), () => {
 			e = !0;
 		};
-	}, [o]);
+	}, [u]);
 	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;
@@ -91,7 +87,7 @@ function v({ deviceId: e }) {
 		enabled: e.enabled,
 		label: `Zone ${String(e.id)}`
 	})) : [], [S]), q = n((e, t) => {
-		let n = _(t);
+		let n = g(t);
 		n && C((t) => t && {
 			...t,
 			regions: t.regions.map((t) => t.id === e ? {
@@ -100,7 +96,7 @@ function v({ deviceId: e }) {
 			} : t)
 		});
 	}, []), J = n((e) => {
-		let t = _(e);
+		let t = g(e);
 		t && (N(null), C((e) => {
 			if (!e) return e;
 			let n = U.current;
@@ -130,14 +126,14 @@ function v({ deviceId: e }) {
 			regions: w.regions
 		});
 	}, [w]), be = n(async () => {
-		if (!(!o || !S)) {
+		if (!(!u || !S)) {
 			D(!0);
 			try {
-				await o.privacyMask?.setMask({ patch: {
+				await u.privacyMask?.setMask({ patch: {
 					enabled: S.enabled,
 					regions: [...S.regions]
 				} });
-				let e = await o.privacyMask?.getStatus({});
+				let e = await u.privacyMask?.getStatus({});
 				if (e && e.regions !== null) {
 					let t = {
 						enabled: e.enabled,
@@ -151,17 +147,17 @@ function v({ deviceId: e }) {
 				D(!1);
 			}
 		}
-	}, [o, S]), Z = p({
+	}, [u, S]), Z = fe({
 		supportsAudioMute: d === null ? null : d.supportsAudioMute,
 		audioEnabled: ge,
 		pendingOn: F
 	}), xe = n(async () => {
-		let e = m(Z);
-		if (!(!o || e === null)) {
+		let e = f(Z);
+		if (!(!u || e === null)) {
 			I(e.enabled), R(null);
 			try {
-				await o.privacyMask?.setAudioEnabled(e);
-				let t = await o.privacyMask?.getStatus({});
+				await u.privacyMask?.setAudioEnabled(e);
+				let t = await u.privacyMask?.getStatus({});
 				t && P(t.audioEnabled);
 			} catch (e) {
 				console.error("Privacy microphone write failed — reverting", e), R(e instanceof Error ? e.message : String(e));
@@ -169,13 +165,13 @@ function v({ deviceId: e }) {
 				I(null);
 			}
 		}
-	}, [o, Z]), Se = n(() => {
+	}, [u, Z]), Se = n(() => {
 		k((e) => (e && (N(null), j(null)), !e));
 	}, []), Q = d?.supportedShapes ?? [];
-	ie(i(() => O && !v && d && S ? {
+	ue(i(() => O && !v && d && S ? {
 		id: pe,
-		order: fe,
-		node: /* @__PURE__ */ l(ue, {
+		order: p,
+		node: /* @__PURE__ */ c(de, {
 			transparent: !0,
 			items: K,
 			supportedShapes: Q,
@@ -200,73 +196,73 @@ function v({ deviceId: e }) {
 		M
 	]));
 	let Ce = d?.supportedShapes.includes("rect") ?? !1, we = d?.supportedShapes.includes("polygon") ?? !1, $ = d !== null && (d.maxRegions <= 0 || d.supportedShapes.length === 0);
-	return o ? /* @__PURE__ */ l(re, {
+	return u ? /* @__PURE__ */ c(le, {
 		title: "Privacy Mask",
-		icon: /* @__PURE__ */ l(ae, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-		children: /* @__PURE__ */ u("div", {
+		icon: /* @__PURE__ */ c(te, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
+		children: /* @__PURE__ */ l("div", {
 			className: "flex flex-col gap-3",
-			children: [v || $ ? /* @__PURE__ */ l("p", {
-				className: `${s} leading-relaxed`,
+			children: [v || $ ? /* @__PURE__ */ c("p", {
+				className: `${o} leading-relaxed`,
 				children: "This camera doesn't support an on-board privacy mask."
-			}) : b ? /* @__PURE__ */ l("p", {
-				className: `${s} leading-relaxed`,
+			}) : b ? /* @__PURE__ */ c("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(le, { children: [
-				/* @__PURE__ */ u("p", {
-					className: `${s} leading-relaxed`,
+			}) : !v && !$ && !b && d !== null && S !== null ? /* @__PURE__ */ l(ce, { children: [
+				/* @__PURE__ */ l("p", {
+					className: `${o} leading-relaxed`,
 					children: [
 						"Toggle ",
-						/* @__PURE__ */ l("strong", {
+						/* @__PURE__ */ c("strong", {
 							className: "text-foreground",
 							children: "Edit mask"
 						}),
 						" to draw blanked-out zones on the live frame, then ",
-						/* @__PURE__ */ l("strong", {
+						/* @__PURE__ */ c("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", {
+				/* @__PURE__ */ l("div", {
 					className: "flex items-center gap-2 flex-wrap",
 					children: [
-						/* @__PURE__ */ l("button", {
+						/* @__PURE__ */ c("button", {
 							type: "button",
 							onClick: Se,
 							disabled: E,
 							"aria-pressed": O,
-							className: O ? g : h,
+							className: O ? h : m,
 							children: O ? "Done editing" : "Edit mask"
 						}),
-						/* @__PURE__ */ l("button", {
+						/* @__PURE__ */ c("button", {
 							type: "button",
 							onClick: _e,
 							disabled: E,
 							"aria-pressed": S.enabled,
-							className: S.enabled ? g : h,
+							className: S.enabled ? h : m,
 							children: S.enabled ? "Mask on" : "Mask off"
 						}),
-						Ce && /* @__PURE__ */ l("button", {
+						Ce && /* @__PURE__ */ c("button", {
 							type: "button",
 							onClick: () => Y("rect"),
 							disabled: E || W,
 							"aria-pressed": M === "rect",
-							className: M === "rect" ? g : h,
+							className: M === "rect" ? h : m,
 							title: W ? "Maximum zones reached" : "Add a rectangle zone",
 							children: "+ Rect"
 						}),
-						we && /* @__PURE__ */ l("button", {
+						we && /* @__PURE__ */ c("button", {
 							type: "button",
 							onClick: () => Y("polygon"),
 							disabled: E || W,
 							"aria-pressed": M === "polygon",
-							className: M === "polygon" ? g : h,
+							className: M === "polygon" ? h : m,
 							title: W ? "Maximum zones reached" : "Add a polygon zone",
 							children: "+ Polygon"
 						}),
-						/* @__PURE__ */ u("span", {
-							className: `${s} ml-1 tabular-nums`,
+						/* @__PURE__ */ l("span", {
+							className: `${o} ml-1 tabular-nums`,
 							children: [
 								V,
 								" / ",
@@ -274,60 +270,60 @@ function v({ deviceId: e }) {
 								" zones"
 							]
 						}),
-						/* @__PURE__ */ l("span", { className: "flex-1" }),
-						/* @__PURE__ */ l("button", {
+						/* @__PURE__ */ c("span", { className: "flex-1" }),
+						/* @__PURE__ */ c("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", {
+						/* @__PURE__ */ c("button", {
 							type: "button",
 							onClick: () => void be(),
 							disabled: E || !B,
-							className: g,
+							className: h,
 							children: E ? "Saving…" : "Save"
 						})
 					]
 				}),
-				V > 0 ? /* @__PURE__ */ l("div", {
+				V > 0 ? /* @__PURE__ */ c("div", {
 					className: "flex flex-col gap-1",
 					children: S.regions.map((e) => {
-						let t = A === e.id, n = e.shape.kind === "polygon" ? de : c;
-						return /* @__PURE__ */ u("div", {
+						let t = A === e.id, n = e.shape.kind === "polygon" ? re : ne;
+						return /* @__PURE__ */ l("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", {
+							children: [/* @__PURE__ */ l("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", {
+									/* @__PURE__ */ c(n, { className: "h-3.5 w-3.5 shrink-0" }),
+									/* @__PURE__ */ l("span", { children: ["Zone ", e.id] }),
+									/* @__PURE__ */ c("span", {
 										className: "text-foreground-faint capitalize",
 										children: e.shape.kind
 									})
 								]
-							}), /* @__PURE__ */ l("button", {
+							}), /* @__PURE__ */ c("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(ce, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ c(ae, { className: "h-3.5 w-3.5" })
 							})]
 						}, e.id);
 					})
 				}) : null
-			] }) : /* @__PURE__ */ l("p", {
-				className: `${s} leading-relaxed`,
+			] }) : /* @__PURE__ */ c("p", {
+				className: `${o} leading-relaxed`,
 				children: "Loading the camera's privacy mask…"
-			}), Z.supported && /* @__PURE__ */ u("div", {
+			}), Z.supported && /* @__PURE__ */ l("div", {
 				className: "flex items-start gap-3 rounded-md border border-border bg-surface px-2 py-2",
-				children: [/* @__PURE__ */ l("button", {
+				children: [/* @__PURE__ */ c("button", {
 					type: "button",
 					role: "switch",
 					"aria-label": Z.label,
@@ -335,12 +331,12 @@ function v({ deviceId: e }) {
 					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: Z.on === !1 || Z.on === null ? m : h,
+					children: /* @__PURE__ */ l("span", {
 						className: "inline-flex items-center gap-1.5",
-						children: [Z.on === !1 ? /* @__PURE__ */ l(se, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ l(oe, { className: "h-3.5 w-3.5" }), Z.on === null ? "Microphone unknown" : Z.on ? "Microphone on" : "Microphone off"]
+						children: [Z.on === !1 ? /* @__PURE__ */ c(ie, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ c(ee, { className: "h-3.5 w-3.5" }), Z.on === null ? "Microphone unknown" : Z.on ? "Microphone on" : "Microphone off"]
 					})
-				}), /* @__PURE__ */ l("p", {
+				}), /* @__PURE__ */ c("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}`
 				})]
@@ -349,4 +345,4 @@ function v({ deviceId: e }) {
 	}) : null;
 }
 //#endregion
-export { v as PrivacyMaskSettings };
+export { _ as PrivacyMaskSettings };