@camstack/addon-osd-manager 0.1.155 → 0.1.157

package/dist/{player-overlays-CTsQBdl8.mjs → player-overlays-BPyna-eI.mjs}

@@ -1,20 +1,20 @@
-import { h as e, l as t, u as n, y as r } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-Bs1t18EM.mjs";
-import { o as i, s as a } from "./responsive-BPw6Y2I0.mjs";
+import { b as e, g as t, l as n, u as r } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-C5jUMd7X.mjs";
+import { c as i, s as a } from "./responsive-B0yDP9vf.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";
-var l = a("chevron-down", [["path", {
+var l = i("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"
-}]]), u = a("chevron-right", [["path", {
+}]]), u = i("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
 }]]);
 //#endregion
 //#region ../ui-library/src/composites/widget-panel.tsx
-r();
-function d({ title: t, icon: n, headerRight: r, collapsible: i = !1, defaultOpen: a = !0, bodyClassName: d = "p-3", children: f }) {
-	let [p, m] = e(a), h = !i || p, g = /* @__PURE__ */ s(c, { children: [/* @__PURE__ */ s("span", {
+e();
+function d({ title: e, icon: n, headerRight: r, collapsible: i = !1, defaultOpen: a = !0, bodyClassName: d = "p-3", children: f }) {
+	let [p, m] = t(a), h = !i || p, g = /* @__PURE__ */ s(c, { children: [/* @__PURE__ */ s("span", {
 		className: "flex items-center gap-2 text-xs font-semibold uppercase tracking-wider text-foreground",
-		children: [n, t]
+		children: [n, e]
 	}), i ? o(p ? l : u, { className: "h-3.5 w-3.5 text-foreground-subtle" }) : r] }), _ = `px-4 py-2 flex items-center justify-between ${h ? "border-b border-border" : ""}`;
 	return /* @__PURE__ */ s("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
@@ -32,13 +32,13 @@ function d({ title: t, icon: n, headerRight: r, collapsible: i = !1, defaultOpen
 		}) : null]
 	});
 }
-r(), i("camstack:player-overlays-state", null);
-var f = i("camstack:player-overlays-actions", null);
+e(), a("camstack:player-overlays-state", null);
+var f = a("camstack:player-overlays-actions", null);
 function p(e) {
-	let r = t(f);
-	n(() => {
-		if (!(!r || !e)) return r.setLayer(e), () => r.removeLayer(e.id);
-	}, [r, e]);
+	let t = n(f);
+	r(() => {
+		if (!(!t || !e)) return t.setLayer(e), () => t.removeLayer(e.id);
+	}, [t, e]);
 }
 //#endregion
 export { l as i, d as n, u as r, p as t };

package/dist/remoteEntry.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-BUQgSy9b.mjs";
+import { n as e, t } from "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-UY9P_4V2.mjs";
 export { t as get, e as init };

package/dist/{responsive-BPw6Y2I0.mjs → responsive-B0yDP9vf.mjs}

@@ -1,8 +1,8 @@
-import { c as e, g as t, h as n, l as r, n as i, p as a, r as o, t as s, u as c, y as l } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-Bs1t18EM.mjs";
+import { _ as e, b as t, c as n, g as r, l as i, m as a, n as o, r as s, t as c, u as l } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-C5jUMd7X.mjs";
 import "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
-import { n as u } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-1qxETV_o.mjs";
+import { i as u } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-BtgV-Ym5.mjs";
 //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
-l();
+t();
 var d = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), f = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), p = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), m = (e) => {
 	let t = p(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
@@ -19,23 +19,23 @@ var d = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 }, g = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, _ = o(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: a = "", children: o, iconNode: s, ...c }, l) => i("svg", {
+}, _ = s(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: s, ...c }, l) => o("svg", {
 	ref: l,
 	...h,
 	width: t,
 	height: t,
 	stroke: e,
 	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
-	className: d("lucide", a),
-	...!o && !g(c) && { "aria-hidden": "true" },
+	className: d("lucide", i),
+	...!a && !g(c) && { "aria-hidden": "true" },
 	...c
-}, [...s.map(([e, t]) => i(e, t)), ...Array.isArray(o) ? o : [o]]));
+}, [...s.map(([e, t]) => o(e, t)), ...Array.isArray(a) ? a : [a]]));
 //#endregion
 //#region ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
-l();
+t();
 var v = (e, t) => {
-	let n = o(({ className: n, ...r }, a) => i(_, {
-		ref: a,
+	let n = s(({ className: n, ...r }, i) => o(_, {
+		ref: i,
 		iconNode: t,
 		className: d(`lucide-${f(m(e))}`, `lucide-${e}`, n),
 		...r
@@ -44,32 +44,32 @@ var v = (e, t) => {
 };
 //#endregion
 //#region ../ui-library/src/lib/shared-context.ts
-l();
+t();
 function y(e, t) {
-	if (typeof globalThis > "u") return s(t);
+	if (typeof globalThis > "u") return c(t);
 	let n = globalThis.__camstackSharedContexts, r = n ?? /* @__PURE__ */ new Map();
 	n || (globalThis.__camstackSharedContexts = r);
 	let i = r.get(e);
 	if (i) return i;
-	let a = s(t);
+	let a = c(t);
 	return r.set(e, a), a;
 }
 //#endregion
 //#region ../ui-library/src/contexts/system-context.tsx
-l();
+t();
 var b = y("camstack:system", null);
 function x() {
-	let e = r(b);
+	let e = i(b);
 	if (!e) throw Error("useSystem(): no <SystemProvider> in tree");
 	return e;
 }
 //#endregion
 //#region ../ui-library/src/hooks/use-device-proxy.ts
-l();
+t();
 var S = "capability.binding-changed";
 function C(e, t) {
-	let [r, i] = n(null);
-	return c(() => {
+	let [n, i] = r(null);
+	return l(() => {
 		if (t === null) {
 			i(null);
 			return;
@@ -94,15 +94,19 @@ function C(e, t) {
 		return () => {
 			n = !0, a?.unsubscribe();
 		};
-	}, [e, t]), a(() => r ? u(e, r) : null, [e, r]);
+	}, [e, t]), a(() => n ? u(e, n) : null, [e, n]);
 }
-function w(n) {
-	let r = e((e) => n ? n.subscribe(() => e()) : () => void 0, [n]), i = e(() => n?.value, [n]);
-	return t(r, i, i);
+function w(t) {
+	let r = n((e) => t ? t.subscribe(() => e()) : () => void 0, [t]), i = n(() => t?.value, [t]);
+	return e(r, i, i);
+}
+function T(e, t, n) {
+	let r = C(e, t);
+	return w(r ? n(r.state) : void 0);
 }
 //#endregion
 //#region ../ui-library/src/lib/cap-error.ts
-function T(e) {
+function E(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = Reflect.get(e, "data");
 	if (typeof t == "object" && t) {
@@ -111,12 +115,12 @@ function T(e) {
 	}
 	return null;
 }
-function E(e) {
-	let t = T(e);
+function D(e) {
+	let t = E(e);
 	return t === null ? (e instanceof Error ? e.message : String(e)).includes("provider not available") : t === "no-provider" || t === "node-offline";
 }
 //#endregion
 //#region ../ui-library/src/lib/responsive.ts
-var D = "text-[10px] text-foreground-subtle";
+var O = "text-[10px] text-foreground-subtle";
 //#endregion
-export { x as a, w as i, E as n, y as o, C as r, v as s, D as t };
+export { w as a, v as c, T as i, D as n, x as o, C as r, y as s, O as t };

package/dist/{scene-monitor-copy-DNkKk6vF.mjs → scene-monitor-copy-BzX20O6q.mjs}

@@ -1,5 +1,5 @@
-import { c as e, h as t, p as n, y as r } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-Bs1t18EM.mjs";
-import { s as i } from "./responsive-BPw6Y2I0.mjs";
+import { b as e, c as t, g as n, m as r } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-C5jUMd7X.mjs";
+import { c as i } from "./responsive-B0yDP9vf.mjs";
 var a = i("camera", [["path", {
 	d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
 	key: "18u6gg"
@@ -51,7 +51,7 @@ var a = i("camera", [["path", {
 }]]);
 //#endregion
 //#region ../ui-library/src/lib/hub-mount.ts
-r();
+e();
 var c = "camstack-mount", l = /^\/(?:[A-Za-z0-9_\-.]+\/)*$/, u = null;
 function d(e) {
 	if (e == null || e === "") return null;
@@ -88,23 +88,23 @@ function g(e) {
 //#endregion
 //#region ../ui-library/src/hooks/use-device-snapshot.ts
 var _ = "/addon/snapshot/media";
-function v(r, i = {}) {
-	let { width: a, baseUrl: o } = i, [s, c] = t(0);
+function v(e, i = {}) {
+	let { width: a, baseUrl: o } = i, [s, c] = n(0);
 	return {
-		src: n(() => {
-			if (r === null || r <= 0) return null;
-			let e = o === void 0 ? m() : o.replace(/\/+$/, ""), t = new URLSearchParams();
-			a !== void 0 && Number.isInteger(a) && a > 0 && t.set("w", String(a)), s > 0 && (t.set("force", "1"), t.set("r", String(s)));
-			let n = t.toString();
-			return `${e}${_}/${String(r)}.jpg${n.length > 0 ? `?${n}` : ""}`;
+		src: r(() => {
+			if (e === null || e <= 0) return null;
+			let t = o === void 0 ? m() : o.replace(/\/+$/, ""), n = new URLSearchParams();
+			a !== void 0 && Number.isInteger(a) && a > 0 && n.set("w", String(a)), s > 0 && (n.set("force", "1"), n.set("r", String(s)));
+			let r = n.toString();
+			return `${t}${_}/${String(e)}.jpg${r.length > 0 ? `?${r}` : ""}`;
 		}, [
-			r,
+			e,
 			a,
 			o,
 			s
 		]),
 		loading: !1,
-		refresh: e(() => {
+		refresh: t(() => {
 			c((e) => e + 1);
 		}, [])
 	};

package/dist/{square-BPzhX8Pc.mjs → square-BOMOn_6j.mjs}

@@ -1,4 +1,4 @@
-import { s as e } from "./responsive-BPw6Y2I0.mjs";
+import { c as e } from "./responsive-B0yDP9vf.mjs";
 var t = e("eye-off", [
 	["path", {
 		d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
@@ -16,7 +16,32 @@ var t = e("eye-off", [
 		d: "m2 2 20 20",
 		key: "1ooewy"
 	}]
-]), n = e("mic", [
+]), n = e("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"
+	}]
+]), r = e("mic", [
 	["path", {
 		d: "M12 19v3",
 		key: "npa21l"
@@ -33,7 +58,7 @@ var t = e("eye-off", [
 		rx: "3",
 		key: "s6n7sd"
 	}]
-]), r = e("square", [["rect", {
+]), i = e("square", [["rect", {
 	width: "18",
 	height: "18",
 	x: "3",
@@ -42,4 +67,4 @@ var t = e("eye-off", [
 	key: "afitv7"
 }]]);
 //#endregion
-export { n, t as r, r as t };
+export { t as i, r as n, n as r, i as t };

package/dist/{trash-2-DemFUbcB.mjs → trash-2-BolGRl2P.mjs}

@@ -1,4 +1,4 @@
-import { s as e } from "./responsive-BPw6Y2I0.mjs";
+import { c as e } from "./responsive-B0yDP9vf.mjs";
 var t = e("trash-2", [
 	["path", {
 		d: "M10 11v6",

package/dist/{virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-BUQgSy9b.mjs → virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-UY9P_4V2.mjs}

@@ -2753,7 +2753,7 @@ async function rr(e) {
 	}
 }
 async function ir() {
-	return tr ||= rr(() => import("./_virtual_mf-localSharedImportMap___mfe_internal__addon_osd_manager_page-B3v0K7b1.mjs")).catch((e) => {
+	return tr ||= rr(() => import("./_virtual_mf-localSharedImportMap___mfe_internal__addon_osd_manager_page-DdAtpC7z.mjs")).catch((e) => {
 		throw tr = void 0, e;
 	}), tr;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/addon-osd-manager",
-  "version": "0.1.155",
+  "version": "0.1.157",
   "description": "Binds camera on-screen-display slots to live state and recognitions",
   "keywords": [
     "camstack",
@@ -16,10 +16,8 @@
   },
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },

package/dist/MotionZonesSettings-DHyaxzBi.mjs

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