@camstack/addon-benchmark 1.1.13 → 1.1.15

package/dist/{MaskShapeCanvas-DwXCR2iE.mjs → MaskShapeCanvas-BDvrLf-K.mjs}

@@ -1,8 +1,8 @@
-import { a as e, b as t, c as n, h as r, m as i, u as a } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react__loadShare__.js-Bnj8XQnA.mjs";
+import { a as e, c as t, g as n, h as r, u as i, x as a } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react__loadShare__.js-GeuxDuzQ.mjs";
 import { n as o, r as s } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-SOU_VnTj.mjs";
-import { a as c, c as l, i as u, l as d, n as f, o as p, r as m, s as h } from "./ReactKonva-xvRRqI5S.mjs";
+import { a as c, c as l, i as u, l as d, n as f, o as p, r as m, s as h } from "./ReactKonva-DXzDAU1q.mjs";
 //#region ../ui-library/src/composites/cap-settings/MaskShapeCanvas.tsx
-t();
+a();
 var g = {
 	rect: "#ef4444",
 	polygon: "#3b82f6",
@@ -52,12 +52,12 @@ function j(e, t) {
 function M(e) {
 	return e.kind === "polygon" || e.kind === "line";
 }
-function N({ items: e, selectedId: t, onSelect: u, onShapeChange: d, onDrawComplete: f, drawingKind: m, supportedShapes: h, transparent: _ = !1, backdrop: v, polygonVertices: A, grid: N }) {
-	let P = i(null), [F, z] = r({
+function N({ items: e, selectedId: a, onSelect: u, onShapeChange: d, onDrawComplete: f, drawingKind: m, supportedShapes: h, transparent: _ = !1, backdrop: v, polygonVertices: A, grid: N }) {
+	let P = r(null), [F, z] = n({
 		w: 800,
 		h: 450
-	}), [B, V] = r([]), [H, U] = r(null), [W, G] = r(null), [K, q] = r(null), J = m !== null && h.includes(m);
-	a(() => {
+	}), [B, V] = n([]), [H, U] = n(null), [W, G] = n(null), [K, q] = n(null), J = m !== null && h.includes(m);
+	i(() => {
 		if (!K) return;
 		let t = e.find((e) => e.id === K.itemId);
 		if (!t || !M(t.shape)) {
@@ -65,7 +65,7 @@ function N({ items: e, selectedId: t, onSelect: u, onShapeChange: d, onDrawCompl
 			return;
 		}
 		j(t.shape.points, K.points) && q(null);
-	}, [e, K]), a(() => {
+	}, [e, K]), i(() => {
 		let e = P.current;
 		if (!e) return;
 		let t = new ResizeObserver((e) => {
@@ -81,12 +81,12 @@ function N({ items: e, selectedId: t, onSelect: u, onShapeChange: d, onDrawCompl
 			});
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [_]), a(() => {
+	}, [_]), i(() => {
 		!J && H !== null && U(null);
 	}, [J, H]);
-	let Y = n((e) => {
+	let Y = t((e) => {
 		f(e), V([]);
-	}, [f]), X = n((e) => {
+	}, [f]), X = t((e) => {
 		if (!J || m === null) {
 			u(null);
 			return;
@@ -153,7 +153,7 @@ function N({ items: e, selectedId: t, onSelect: u, onShapeChange: d, onDrawCompl
 		N,
 		Y,
 		u
-	]), ee = n((e) => {
+	]), ee = t((e) => {
 		!J || m !== "polygon" || B.length < b || (e.cancelBubble = !0, Y({
 			kind: "polygon",
 			points: B
@@ -163,17 +163,17 @@ function N({ items: e, selectedId: t, onSelect: u, onShapeChange: d, onDrawCompl
 		m,
 		B,
 		Y
-	]), Z = i(null), Q = i(null);
-	a(() => () => {
+	]), Z = r(null), Q = r(null);
+	i(() => () => {
 		Z.current !== null && cancelAnimationFrame(Z.current);
 	}, []);
-	let te = n((e) => {
+	let te = t((e) => {
 		if (!J) return;
 		let t = e.target.getStage();
 		t && (Q.current = t.getPointerPosition() ?? null, Z.current === null && (Z.current = requestAnimationFrame(() => {
 			Z.current = null, U(Q.current);
 		})));
-	}, [J]), ne = i(!1), re = i(!0), ie = i(/* @__PURE__ */ new Set()), ae = n((e, t, n, r) => {
+	}, [J]), ne = r(!1), re = r(!0), ie = r(/* @__PURE__ */ new Set()), ae = t((e, t, n, r) => {
 		let i = t.gridWidth * t.gridHeight;
 		if (n < 0 || n >= i || t.cells[n] === r) return;
 		let a = [...t.cells];
@@ -253,14 +253,14 @@ function N({ items: e, selectedId: t, onSelect: u, onShapeChange: d, onDrawCompl
 						}), $]
 					}),
 					/* @__PURE__ */ o(c, { children: e.map((e) => {
-						let n = e.id === t, r = e.enabled === !1, i = k(e), a = n && !J && !r;
+						let t = e.id === a, n = e.enabled === !1, r = k(e), i = t && !J && !n;
 						if (e.shape.kind === "rect") return /* @__PURE__ */ o(I, {
 							item: e,
 							shape: e.shape,
-							color: i,
-							selected: n,
-							dimmed: r,
-							editable: a,
+							color: r,
+							selected: t,
+							dimmed: n,
+							editable: i,
 							isDrawing: J,
 							size: F,
 							onSelect: u,
@@ -269,9 +269,9 @@ function N({ items: e, selectedId: t, onSelect: u, onShapeChange: d, onDrawCompl
 						if (e.shape.kind === "grid") return /* @__PURE__ */ o(L, {
 							item: e,
 							shape: e.shape,
-							color: i,
-							dimmed: r,
-							editable: a,
+							color: r,
+							dimmed: n,
+							editable: i,
 							size: F,
 							onSelect: u,
 							paintingRef: ne,
@@ -283,10 +283,10 @@ function N({ items: e, selectedId: t, onSelect: u, onShapeChange: d, onDrawCompl
 						return /* @__PURE__ */ o(R, {
 							item: e,
 							shape: e.shape,
-							color: i,
-							selected: n,
-							dimmed: r,
-							editable: a,
+							color: r,
+							selected: t,
+							dimmed: n,
+							editable: i,
 							isLine: s,
 							isDrawing: J,
 							size: F,
@@ -361,14 +361,14 @@ var P = .02;
 function F(e, t) {
 	return Math.abs(e.x - t.x) < 1e-6 && Math.abs(e.y - t.y) < 1e-6 && Math.abs(e.width - t.width) < 1e-6 && Math.abs(e.height - t.height) < 1e-6;
 }
-function I({ item: e, shape: t, color: n, selected: i, dimmed: c, editable: l, isDrawing: f, size: p, onSelect: g, onShapeChange: y }) {
-	let [b, x] = r(null), S = {
+function I({ item: e, shape: t, color: r, selected: a, dimmed: c, editable: l, isDrawing: f, size: p, onSelect: g, onShapeChange: y }) {
+	let [b, x] = n(null), S = {
 		x: t.x,
 		y: t.y,
 		width: t.width,
 		height: t.height
 	};
-	a(() => {
+	i(() => {
 		b && F(S, b) && x(null);
 	}, [
 		t.x,
@@ -377,7 +377,7 @@ function I({ item: e, shape: t, color: n, selected: i, dimmed: c, editable: l, i
 		t.height,
 		b
 	]);
-	let C = b ?? S, w = C.x * p.w, T = C.y * p.h, E = C.width * p.w, D = C.height * p.h, k = c ? .35 : i ? 1 : .85, A = (t) => {
+	let C = b ?? S, w = C.x * p.w, T = C.y * p.h, E = C.width * p.w, D = C.height * p.h, k = c ? .35 : a ? 1 : .85, A = (t) => {
 		x(t), y(e.id, {
 			kind: "rect",
 			x: t.x,
@@ -425,9 +425,9 @@ function I({ item: e, shape: t, color: n, selected: i, dimmed: c, editable: l, i
 					y: T,
 					width: E,
 					height: D,
-					fill: n + (i ? v : _),
-					stroke: n,
-					strokeWidth: i ? 2.5 : 1.5,
+					fill: r + (a ? v : _),
+					stroke: r,
+					strokeWidth: a ? 2.5 : 1.5,
 					opacity: k
 				}),
 				e.label ? /* @__PURE__ */ o(d, {
@@ -435,7 +435,7 @@ function I({ item: e, shape: t, color: n, selected: i, dimmed: c, editable: l, i
 					y: T - 16,
 					text: e.label,
 					fontSize: 12,
-					fill: n,
+					fill: r,
 					stroke: "#000000",
 					strokeWidth: 3,
 					fillAfterStrokeEnabled: !0,
@@ -446,7 +446,7 @@ function I({ item: e, shape: t, color: n, selected: i, dimmed: c, editable: l, i
 					x: w + E,
 					y: T + D,
 					radius: 6,
-					fill: n,
+					fill: r,
 					stroke: "#ffffff",
 					strokeWidth: 1.5,
 					draggable: !0,

package/dist/{MotionZonesSettings-D-sZCPy7.mjs → MotionZonesSettings-DR5v-Kms.mjs}

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