@camstack/addon-osd-manager 0.1.208 → 0.1.210

package/dist/{MotionZonesSettings-BEKlAp3j.mjs → MotionZonesSettings-BOMqyA8D.mjs}

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

package/dist/{PrivacyMaskSettings-CfwBKEUj.mjs → PrivacyMaskSettings-DR_g9jND.mjs}

@@ -1,17 +1,42 @@
-import { _ as e, c as t, g as n, h as r, u as i, x as a } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-D7xZfSHZ.mjs";
-import { c as ee, f as te, l as ne, m as o, s } from "./responsive-O5wfBz1Z.mjs";
-import { n as re, t as ie } from "./player-overlays-ClSUtI17.mjs";
-import { i as ae, n as oe, r as se, t as c } from "./square-D5EA42_L.mjs";
-import { t as ce } from "./trash-2-C6XCyR8J.mjs";
-import { n as l, r as u, t as le } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
-import { MaskShapeCanvas as ue } from "./MaskShapeCanvas-mrxtKs_l.mjs";
-var de = o("hexagon", [["path", {
+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_osd_manager_page__loadShare__react__loadShare__.js-BbmIfQSr.mjs";
+import { c as ee, d as te, l as ne, p as o, s } from "./responsive-1AzUOsiE.mjs";
+import { n as re, t as ie } from "./player-overlays-CcNrk_MT.mjs";
+import { n as ae, r as oe, t as se } from "./square-i0Ohr5KP.mjs";
+import { t as c } from "./trash-2-yT5cDj5i.mjs";
+import { n as l, r as u, t as ce } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
+import { MaskShapeCanvas as le } from "./MaskShapeCanvas-CU-mFCnh.mjs";
+var ue = 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"
-}]]);
+}]]), de = o("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();
+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;
@@ -42,9 +67,9 @@ 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: a }) {
-	let o = ne(te().trpcClient, a), [d, f] = e(null), [v, y] = e(!1), [b, x] = e(!1), [S, C] = e(null), [w, T] = e(null), [E, D] = e(!1), [O, k] = e(!1), [A, j] = e(null), [M, N] = e(null), [ge, P] = e(null), [F, I] = e(null), [L, R] = e(null), z = n(!1);
-	i(() => {
+function v({ deviceId: e }) {
+	let o = ne(te().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 (!o) 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 () => {
@@ -74,8 +99,8 @@ function v({ deviceId: a }) {
 			e = !0;
 		};
 	}, [o]);
-	let B = r(() => 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 = n(0);
-	i(() => {
+	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(() => {
@@ -85,7 +110,7 @@ function v({ deviceId: a }) {
 		});
 	}, []), G = t((e) => {
 		j(typeof e == "number" ? e : null);
-	}, []), K = r(() => S ? S.regions.map((e) => ({
+	}, []), K = i(() => S ? S.regions.map((e) => ({
 		id: e.id,
 		shape: e.shape,
 		enabled: e.enabled,
@@ -172,10 +197,10 @@ function v({ deviceId: a }) {
 	}, [o, Z]), Se = t(() => {
 		k((e) => (e && (N(null), j(null)), !e));
 	}, []), Q = d?.supportedShapes ?? [];
-	ie(r(() => O && !v && d && S ? {
+	ie(i(() => O && !v && d && S ? {
 		id: pe,
 		order: fe,
-		node: /* @__PURE__ */ l(ue, {
+		node: /* @__PURE__ */ l(le, {
 			transparent: !0,
 			items: K,
 			supportedShapes: Q,
@@ -202,7 +227,7 @@ function v({ deviceId: a }) {
 	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, {
 		title: "Privacy Mask",
-		icon: /* @__PURE__ */ l(ae, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
+		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", {
@@ -211,7 +236,7 @@ function v({ deviceId: a }) {
 			}) : b ? /* @__PURE__ */ l("p", {
 				className: `${s} 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: [
+			}) : !v && !$ && !b && d !== null && S !== null ? /* @__PURE__ */ u(ce, { children: [
 				/* @__PURE__ */ u("p", {
 					className: `${s} leading-relaxed`,
 					children: [
@@ -294,7 +319,7 @@ function v({ deviceId: a }) {
 				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" ? de : c;
+						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", {
@@ -317,7 +342,7 @@ function v({ deviceId: a }) {
 								"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__ */ l(c, { className: "h-3.5 w-3.5" })
 							})]
 						}, e.id);
 					})
@@ -338,7 +363,7 @@ function v({ deviceId: a }) {
 					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(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__ */ 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",