@camstack/addon-osd-manager 0.1.207 → 0.1.209

package/dist/{MaskShapeCanvas-mrxtKs_l.mjs → MaskShapeCanvas-CU-mFCnh.mjs}

@@ -1,8 +1,8 @@
 import { a as e, i as t, r as n, t as r } from "./rolldown-runtime-HEgqtunE.mjs";
-import { _ as i, a, b as o, c as s, f as c, g as l, h as u, l as d, n as f, o as p, s as m, t as h, u as g, x as _, y as v } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-D7xZfSHZ.mjs";
+import { a as i, b as a, c as o, d as s, g as c, h as l, l as u, m as d, n as f, o as p, s as m, t as h, u as g, v as _, y as v } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-BbmIfQSr.mjs";
 import { n as y, r as b } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
 //#region ../../node_modules/konva/lib/Global.js
-_();
+a();
 var x = Math.PI / 180;
 function S() {
 	return typeof window < "u" && ({}.toString.call(window) === "[object Window]" || {}.toString.call(window) === "[object global]");
@@ -7956,7 +7956,7 @@ var qi = Un, Ji = /* @__PURE__ */ r(((e) => {
 			}
 			return "Minified React error #" + e + "; visit " + t + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
 		}
-		function a(e) {
+		function o(e) {
 			var t = e, n = e;
 			if (e.alternate) for (; t.return;) t = t.return;
 			else {
@@ -7968,42 +7968,42 @@ var qi = Un, Ji = /* @__PURE__ */ r(((e) => {
 			return t.tag === 3 ? n : null;
 		}
 		function s(e) {
-			if (a(e) !== e) throw Error(i(188));
+			if (o(e) !== e) throw Error(i(188));
 		}
 		function c(e) {
 			var t = e.alternate;
 			if (!t) {
-				if (t = a(e), t === null) throw Error(i(188));
+				if (t = o(e), t === null) throw Error(i(188));
 				return t === e ? e : null;
 			}
 			for (var n = e, r = t;;) {
-				var o = n.return;
-				if (o === null) break;
-				var c = o.alternate;
+				var a = n.return;
+				if (a === null) break;
+				var c = a.alternate;
 				if (c === null) {
-					if (r = o.return, r !== null) {
+					if (r = a.return, r !== null) {
 						n = r;
 						continue;
 					}
 					break;
 				}
-				if (o.child === c.child) {
-					for (c = o.child; c;) {
-						if (c === n) return s(o), e;
-						if (c === r) return s(o), t;
+				if (a.child === c.child) {
+					for (c = a.child; c;) {
+						if (c === n) return s(a), e;
+						if (c === r) return s(a), t;
 						c = c.sibling;
 					}
 					throw Error(i(188));
 				}
-				if (n.return !== r.return) n = o, r = c;
+				if (n.return !== r.return) n = a, r = c;
 				else {
-					for (var l = !1, u = o.child; u;) {
+					for (var l = !1, u = a.child; u;) {
 						if (u === n) {
-							l = !0, n = o, r = c;
+							l = !0, n = a, r = c;
 							break;
 						}
 						if (u === r) {
-							l = !0, r = o, n = c;
+							l = !0, r = a, n = c;
 							break;
 						}
 						u = u.sibling;
@@ -8011,11 +8011,11 @@ var qi = Un, Ji = /* @__PURE__ */ r(((e) => {
 					if (!l) {
 						for (u = c.child; u;) {
 							if (u === n) {
-								l = !0, n = c, r = o;
+								l = !0, n = c, r = a;
 								break;
 							}
 							if (u === r) {
-								l = !0, r = c, n = o;
+								l = !0, r = c, n = a;
 								break;
 							}
 							u = u.sibling;
@@ -8089,7 +8089,7 @@ var qi = Un, Ji = /* @__PURE__ */ r(((e) => {
 		function g(e) {
 			return e >>>= 0, e === 0 ? 32 : 31 - (bc(e) / xc | 0) | 0;
 		}
-		function v(e) {
+		function _(e) {
 			var t = e & 42;
 			if (t !== 0) return t;
 			switch (e & -e) {
@@ -8133,7 +8133,7 @@ var qi = Un, Ji = /* @__PURE__ */ r(((e) => {
 			var i = 0, a = e.suspendedLanes, o = e.pingedLanes;
 			e = e.warmLanes;
 			var s = r & 134217727;
-			return s === 0 ? (s = r & ~a, s === 0 ? o === 0 ? n || (n = r & ~e, n !== 0 && (i = v(n))) : i = v(o) : i = v(s)) : (r = s & ~a, r === 0 ? (o &= s, o === 0 ? n || (n = s & ~e, n !== 0 && (i = v(n))) : i = v(o)) : i = v(r)), i === 0 ? 0 : t !== 0 && t !== i && (t & a) === 0 && (a = i & -i, n = t & -t, a >= n || a === 32 && n & 4194048) ? t : i;
+			return s === 0 ? (s = r & ~a, s === 0 ? o === 0 ? n || (n = r & ~e, n !== 0 && (i = _(n))) : i = _(o) : i = _(s)) : (r = s & ~a, r === 0 ? (o &= s, o === 0 ? n || (n = s & ~e, n !== 0 && (i = _(n))) : i = _(o)) : i = _(r)), i === 0 ? 0 : t !== 0 && t !== i && (t & a) === 0 && (a = i & -i, n = t & -t, a >= n || a === 32 && n & 4194048) ? t : i;
 		}
 		function b(e, t) {
 			return (e.pendingLanes & ~(e.suspendedLanes & ~e.pingedLanes) & t) === 0;
@@ -12218,7 +12218,7 @@ var qi = Un, Ji = /* @__PURE__ */ r(((e) => {
 		function Aa(e, t) {
 			ka(e, t), (e = e.alternate) && ka(e, t);
 		}
-		var U = {}, ja = (_(), t(o)), Ma = Yi(), Na = Object.assign, Pa = Symbol.for("react.element"), Fa = Symbol.for("react.transitional.element"), Ia = Symbol.for("react.portal"), La = Symbol.for("react.fragment"), Ra = Symbol.for("react.strict_mode"), za = Symbol.for("react.profiler"), Ba = Symbol.for("react.consumer"), Va = Symbol.for("react.context"), Ha = Symbol.for("react.forward_ref"), Ua = Symbol.for("react.suspense"), Wa = Symbol.for("react.suspense_list"), Ga = Symbol.for("react.memo"), Ka = Symbol.for("react.lazy"), qa = Symbol.for("react.activity"), Ja = Symbol.for("react.memo_cache_sentinel"), Ya = Symbol.iterator, Xa = Symbol.for("react.client.reference"), Za = Array.isArray, W = ja.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Qa = e.rendererVersion, $a = e.rendererPackageName, eo = e.extraDevToolsConfig, to = e.getPublicInstance, no = e.getRootHostContext, ro = e.getChildHostContext, io = e.prepareForCommit, ao = e.resetAfterCommit, oo = e.createInstance;
+		var U = {}, ja = (a(), t(v)), Ma = Yi(), Na = Object.assign, Pa = Symbol.for("react.element"), Fa = Symbol.for("react.transitional.element"), Ia = Symbol.for("react.portal"), La = Symbol.for("react.fragment"), Ra = Symbol.for("react.strict_mode"), za = Symbol.for("react.profiler"), Ba = Symbol.for("react.consumer"), Va = Symbol.for("react.context"), Ha = Symbol.for("react.forward_ref"), Ua = Symbol.for("react.suspense"), Wa = Symbol.for("react.suspense_list"), Ga = Symbol.for("react.memo"), Ka = Symbol.for("react.lazy"), qa = Symbol.for("react.activity"), Ja = Symbol.for("react.memo_cache_sentinel"), Ya = Symbol.iterator, Xa = Symbol.for("react.client.reference"), Za = Array.isArray, W = ja.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Qa = e.rendererVersion, $a = e.rendererPackageName, eo = e.extraDevToolsConfig, to = e.getPublicInstance, no = e.getRootHostContext, ro = e.getChildHostContext, io = e.prepareForCommit, ao = e.resetAfterCommit, oo = e.createInstance;
 		e.cloneMutableInstance;
 		var so = e.appendInitialChild, co = e.finalizeInitialChildren, lo = e.shouldSetTextContent, uo = e.createTextInstance;
 		e.cloneMutableTextInstance;
@@ -12553,7 +12553,7 @@ var qi = Un, Ji = /* @__PURE__ */ r(((e) => {
 			switch (e.tag) {
 				case 3:
 					if (e = e.stateNode, e.current.memoizedState.isDehydrated) {
-						var t = v(e.pendingLanes);
+						var t = _(e.pendingLanes);
 						if (t !== 0) {
 							for (e.pendingLanes |= 2, e.entangledLanes |= 2; t;) {
 								var n = 1 << 31 - yc(t);
@@ -12997,11 +12997,11 @@ function mo() {}
 function ho() {
 	return null;
 }
-var go = /* @__PURE__ */ v.createContext(null);
+var go = /* @__PURE__ */ _.createContext(null);
 function _o() {}
 //#endregion
 //#region ../../node_modules/its-fine/dist/index.js
-_();
+a();
 function vo(e, t, n) {
 	if (!e) return;
 	if (n(e) === !0) return e;
@@ -13038,10 +13038,10 @@ var bo = /* @__PURE__ */ yo(/* @__PURE__ */ h(null)), xo = class extends p {
 	}
 };
 function So() {
-	let e = d(bo);
+	let e = u(bo);
 	if (e === null) throw Error("its-fine: useFiber must be called within a <FiberProvider />!");
-	let t = c();
-	return u(() => {
+	let t = s();
+	return d(() => {
 		for (let n of [e, e?.alternate]) {
 			if (!n) continue;
 			let e = vo(n, !1, (e) => {
@@ -13057,7 +13057,7 @@ function So() {
 }
 var Co = Symbol.for("react.context"), wo = (e) => typeof e == "object" && !!e && "$$typeof" in e && e.$$typeof === Co;
 function To() {
-	let e = So(), [t] = i(() => /* @__PURE__ */ new Map());
+	let e = So(), [t] = c(() => /* @__PURE__ */ new Map());
 	t.clear();
 	let n = e;
 	for (; n;) {
@@ -13068,27 +13068,27 @@ function To() {
 }
 function Eo() {
 	let e = To();
-	return u(() => Array.from(e.keys()).reduce((t, n) => (r) => /* @__PURE__ */ f(t, null, /* @__PURE__ */ f(n.Provider, {
+	return d(() => Array.from(e.keys()).reduce((t, n) => (r) => /* @__PURE__ */ f(t, null, /* @__PURE__ */ f(n.Provider, {
 		...r,
 		value: e.get(n)
 	})), (e) => /* @__PURE__ */ f(xo, { ...e })), [e]);
 }
-if (_(), v.version.indexOf("19") === -1) throw Error("react-konva version 19 is only compatible with React 19. Make sure to have the last version of react-konva and react or downgrade react-konva to version 18.");
+if (a(), _.version.indexOf("19") === -1) throw Error("react-konva version 19 is only compatible with React 19. Make sure to have the last version of react-konva and react or downgrade react-konva to version 18.");
 function Do(e) {
-	let t = v.useRef({});
-	return v.useLayoutEffect(() => {
+	let t = _.useRef({});
+	return _.useLayoutEffect(() => {
 		t.current = e;
-	}), v.useLayoutEffect(() => () => {
+	}), _.useLayoutEffect(() => () => {
 		t.current = {};
 	}, []), t.current;
 }
 var Oo = () => {
-	let e = v.useRef(0);
-	return v.useMemo(() => {
+	let e = _.useRef(0);
+	return _.useMemo(() => {
 		e.current++;
 	}, []), e.current > 1;
 }, ko = (e) => {
-	let t = v.useRef(null), n = v.useRef(null), r = v.useRef(null), i = Do(e), a = Eo(), o = v.useRef(null), s = (t) => {
+	let t = _.useRef(null), n = _.useRef(null), r = _.useRef(null), i = Do(e), a = Eo(), o = _.useRef(null), s = (t) => {
 		let { forwardedRef: n } = e;
 		n && (typeof n == "function" ? n(t) : n.current = t);
 	}, c = Oo(), l = () => {
@@ -13096,15 +13096,15 @@ var Oo = () => {
 			Lo.updateContainer(null, r.current, null);
 		}), n.current?.destroy(), n.current = null;
 	};
-	return v.useLayoutEffect(() => (o.current &&= (clearTimeout(o.current), null), n.current ? s(n.current) : (n.current = new qi.Stage({
+	return _.useLayoutEffect(() => (o.current &&= (clearTimeout(o.current), null), n.current ? s(n.current) : (n.current = new qi.Stage({
 		width: e.width,
 		height: e.height,
 		container: t.current
-	}), s(n.current), r.current = Lo.createContainer(n.current, ta.ConcurrentRoot, null, !1, null, "", console.error, console.error, console.error, null), Lo.updateContainer(v.createElement(a, {}, e.children), r.current, null, () => {})), () => {
+	}), s(n.current), r.current = Lo.createContainer(n.current, ta.ConcurrentRoot, null, !1, null, "", console.error, console.error, console.error, null), Lo.updateContainer(_.createElement(a, {}, e.children), r.current, null, () => {})), () => {
 		c ? o.current = setTimeout(l, 0) : l();
-	}), []), v.useLayoutEffect(() => {
-		s(n.current), pa(n.current, e, i), Lo.updateContainer(v.createElement(a, {}, e.children), r.current, null), Lo.flushSyncWork();
-	}), v.createElement("div", {
+	}), []), _.useLayoutEffect(() => {
+		s(n.current), pa(n.current, e, i), Lo.updateContainer(_.createElement(a, {}, e.children), r.current, null), Lo.flushSyncWork();
+	}), _.createElement("div", {
 		ref: t,
 		id: e.id,
 		accessKey: e.accessKey,
@@ -13116,13 +13116,13 @@ var Oo = () => {
 	});
 }, Ao = "Layer", jo = "Group", Mo = "Rect", No = "Circle", Po = "Line", Fo = "Text", Io = "Arrow", Lo = (0, ea.default)(ha);
 ua(() => Lo.flushSyncWork());
-var Ro = v.forwardRef((e, t) => v.createElement(xo, {}, v.createElement(ko, {
+var Ro = _.forwardRef((e, t) => _.createElement(xo, {}, _.createElement(ko, {
 	...e,
 	forwardedRef: t
 })));
 //#endregion
 //#region ../ui-library/src/composites/cap-settings/MaskShapeCanvas.tsx
-_();
+a();
 var zo = {
 	rect: "#ef4444",
 	polygon: "#3b82f6",
@@ -13172,11 +13172,11 @@ function es(e, t) {
 function ts(e) {
 	return e.kind === "polygon" || e.kind === "line";
 }
-function ns({ items: e, selectedId: t, onSelect: n, onShapeChange: r, onDrawComplete: a, drawingKind: o, supportedShapes: c, transparent: u = !1, backdrop: d, polygonVertices: f, grid: p }) {
-	let m = l(null), [h, _] = i({
+function ns({ items: e, selectedId: t, onSelect: n, onShapeChange: r, onDrawComplete: i, drawingKind: a, supportedShapes: s, transparent: u = !1, backdrop: d, polygonVertices: f, grid: p }) {
+	let m = l(null), [h, _] = c({
 		w: 800,
 		h: 450
-	}), [v, x] = i([]), [S, C] = i(null), [w, T] = i(null), [ee, te] = i(null), E = o !== null && c.includes(o);
+	}), [v, x] = c([]), [S, C] = c(null), [w, T] = c(null), [ee, te] = c(null), E = a !== null && s.includes(a);
 	g(() => {
 		if (!ee) return;
 		let t = e.find((e) => e.id === ee.itemId);
@@ -13204,10 +13204,10 @@ function ns({ items: e, selectedId: t, onSelect: n, onShapeChange: r, onDrawComp
 	}, [u]), g(() => {
 		!E && S !== null && C(null);
 	}, [E, S]);
-	let ne = s((e) => {
-		a(e), x([]);
-	}, [a]), re = s((e) => {
-		if (!E || o === null) {
+	let ne = o((e) => {
+		i(e), x([]);
+	}, [i]), re = o((e) => {
+		if (!E || a === null) {
 			n(null);
 			return;
 		}
@@ -13216,7 +13216,7 @@ function ns({ items: e, selectedId: t, onSelect: n, onShapeChange: r, onDrawComp
 		let r = t.getPointerPosition();
 		if (!r) return;
 		let i = Yo(r, h.w, h.h);
-		if (o === "rect") {
+		if (a === "rect") {
 			let e = Zo(i.x), t = Zo(i.y);
 			ne({
 				kind: "rect",
@@ -13227,7 +13227,7 @@ function ns({ items: e, selectedId: t, onSelect: n, onShapeChange: r, onDrawComp
 			});
 			return;
 		}
-		if (o === "grid") {
+		if (a === "grid") {
 			let e = p?.width ?? Ko, t = p?.height ?? qo;
 			ne({
 				kind: "grid",
@@ -13237,7 +13237,7 @@ function ns({ items: e, selectedId: t, onSelect: n, onShapeChange: r, onDrawComp
 			});
 			return;
 		}
-		if (o === "line") {
+		if (a === "line") {
 			if (v.length === 0) {
 				x([i]);
 				return;
@@ -13248,7 +13248,7 @@ function ns({ items: e, selectedId: t, onSelect: n, onShapeChange: r, onDrawComp
 			});
 			return;
 		}
-		if (o === "polygon") {
+		if (a === "polygon") {
 			if (v.length === 0) {
 				x([i]);
 				return;
@@ -13267,33 +13267,33 @@ function ns({ items: e, selectedId: t, onSelect: n, onShapeChange: r, onDrawComp
 		}
 	}, [
 		E,
-		o,
+		a,
 		v,
 		h,
 		p,
 		ne,
 		n
-	]), ie = s((e) => {
-		!E || o !== "polygon" || v.length < Uo || (e.cancelBubble = !0, ne({
+	]), ie = o((e) => {
+		!E || a !== "polygon" || v.length < Uo || (e.cancelBubble = !0, ne({
 			kind: "polygon",
 			points: v
 		}));
 	}, [
 		E,
-		o,
+		a,
 		v,
 		ne
 	]), ae = l(null), oe = l(null);
 	g(() => () => {
 		ae.current !== null && cancelAnimationFrame(ae.current);
 	}, []);
-	let D = s((e) => {
+	let D = o((e) => {
 		if (!E) return;
 		let t = e.target.getStage();
 		t && (oe.current = t.getPointerPosition() ?? null, ae.current === null && (ae.current = requestAnimationFrame(() => {
 			ae.current = null, C(oe.current);
 		})));
-	}, [E]), O = l(!1), se = l(!0), ce = l(/* @__PURE__ */ new Set()), le = s((e, t, n, i) => {
+	}, [E]), O = l(!1), se = l(!0), ce = l(/* @__PURE__ */ new Set()), le = o((e, t, n, i) => {
 		let a = t.gridWidth * t.gridHeight;
 		if (n < 0 || n >= a || t.cells[n] === i) return;
 		let o = [...t.cells];
@@ -13423,14 +13423,14 @@ function ns({ items: e, selectedId: t, onSelect: n, onShapeChange: r, onDrawComp
 					/* @__PURE__ */ y(Ao, {
 						listening: !1,
 						children: E && v.length > 0 && /* @__PURE__ */ b("Group", { children: [
-							o === "polygon" && v.length >= 2 && /* @__PURE__ */ y("Line", {
+							a === "polygon" && v.length >= 2 && /* @__PURE__ */ y("Line", {
 								points: Xo(v, h.w, h.h),
 								stroke: Ho,
 								strokeWidth: 1.5,
 								dash: [6, 3],
 								opacity: .8
 							}),
-							o === "line" && v.length === 1 && S && /* @__PURE__ */ y("Line", {
+							a === "line" && v.length === 1 && S && /* @__PURE__ */ y("Line", {
 								points: [
 									v[0].x * h.w,
 									v[0].y * h.h,
@@ -13442,7 +13442,7 @@ function ns({ items: e, selectedId: t, onSelect: n, onShapeChange: r, onDrawComp
 								dash: [6, 3],
 								opacity: .7
 							}),
-							o === "polygon" && S && v.length >= 1 && /* @__PURE__ */ y("Line", {
+							a === "polygon" && S && v.length >= 1 && /* @__PURE__ */ y("Line", {
 								points: [
 									v[v.length - 1].x * h.w,
 									v[v.length - 1].y * h.h,
@@ -13455,7 +13455,7 @@ function ns({ items: e, selectedId: t, onSelect: n, onShapeChange: r, onDrawComp
 								opacity: .5
 							}),
 							v.map((e, t) => {
-								let n = Jo(e, h.w, h.h), r = t === 0 && o === "polygon" && v.length >= Uo;
+								let n = Jo(e, h.w, h.h), r = t === 0 && a === "polygon" && v.length >= Uo;
 								return /* @__PURE__ */ y("Circle", {
 									x: n.x,
 									y: n.y,
@@ -13472,7 +13472,7 @@ function ns({ items: e, selectedId: t, onSelect: n, onShapeChange: r, onDrawComp
 			}),
 			E ? /* @__PURE__ */ y("div", {
 				className: "px-3 py-1.5 bg-zinc-800/80 text-[11px] text-zinc-400 border-t border-zinc-700",
-				children: o === "line" ? "Click to set the start point, click again to complete the line" : o === "rect" ? "Click to drop a rectangle, then drag the corner to resize" : o === "grid" ? "Click to add the grid, then paint cells" : v.length < Uo ? "Click to add points (min 3). Double-click or click the first point to close." : "Continue adding points. Double-click or click the first point to close."
+				children: a === "line" ? "Click to set the start point, click again to complete the line" : a === "rect" ? "Click to drop a rectangle, then drag the corner to resize" : a === "grid" ? "Click to add the grid, then paint cells" : v.length < Uo ? "Click to add points (min 3). Double-click or click the first point to close." : "Continue adding points. Double-click or click the first point to close."
 			}) : null
 		]
 	});
@@ -13481,8 +13481,8 @@ var rs = .02;
 function is(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 as({ item: e, shape: t, color: n, selected: r, dimmed: a, editable: o, isDrawing: s, size: c, onSelect: l, onShapeChange: u }) {
-	let [d, f] = i(null), p = {
+function as({ item: e, shape: t, color: n, selected: r, dimmed: i, editable: a, isDrawing: o, size: s, onSelect: l, onShapeChange: u }) {
+	let [d, f] = c(null), p = {
 		x: t.x,
 		y: t.y,
 		width: t.width,
@@ -13497,7 +13497,7 @@ function as({ item: e, shape: t, color: n, selected: r, dimmed: a, editable: o,
 		t.height,
 		d
 	]);
-	let m = d ?? p, h = m.x * c.w, _ = m.y * c.h, v = m.width * c.w, x = m.height * c.h, S = a ? .35 : r ? 1 : .85, C = (t) => {
+	let m = d ?? p, h = m.x * s.w, _ = m.y * s.h, v = m.width * s.w, x = m.height * s.h, S = i ? .35 : r ? 1 : .85, C = (t) => {
 		f(t), u(e.id, {
 			kind: "rect",
 			x: t.x,
@@ -13508,16 +13508,16 @@ function as({ item: e, shape: t, color: n, selected: r, dimmed: a, editable: o,
 	};
 	return /* @__PURE__ */ y(jo, {
 		onClick: (t) => {
-			t.cancelBubble = !0, s || l(e.id);
+			t.cancelBubble = !0, o || l(e.id);
 		},
 		children: /* @__PURE__ */ b(jo, {
-			draggable: o,
-			dragBoundFunc: o ? (e) => ({
-				x: Math.max(-h, Math.min(c.w - (h + v), e.x)),
-				y: Math.max(-_, Math.min(c.h - (_ + x), e.y))
+			draggable: a,
+			dragBoundFunc: a ? (e) => ({
+				x: Math.max(-h, Math.min(s.w - (h + v), e.x)),
+				y: Math.max(-_, Math.min(s.h - (_ + x), e.y))
 			}) : void 0,
-			onDragEnd: o ? (e) => {
-				let t = e.target, n = t.x() / c.w, r = t.y() / c.h;
+			onDragEnd: a ? (e) => {
+				let t = e.target, n = t.x() / s.w, r = t.y() / s.h;
 				if (t.position({
 					x: 0,
 					y: 0
@@ -13530,14 +13530,14 @@ function as({ item: e, shape: t, color: n, selected: r, dimmed: a, editable: o,
 				});
 			} : void 0,
 			onMouseEnter: (e) => {
-				if (!o) return;
+				if (!a) return;
 				let t = e.target.getStage();
 				t && (t.container().style.cursor = "move");
 			},
 			onMouseLeave: (e) => {
-				if (!o) return;
+				if (!a) return;
 				let t = e.target.getStage();
-				t && (t.container().style.cursor = s ? "crosshair" : "default");
+				t && (t.container().style.cursor = o ? "crosshair" : "default");
 			},
 			children: [
 				/* @__PURE__ */ y(Mo, {
@@ -13562,7 +13562,7 @@ function as({ item: e, shape: t, color: n, selected: r, dimmed: a, editable: o,
 					fontStyle: "bold",
 					listening: !1
 				}) : null,
-				o ? /* @__PURE__ */ y(No, {
+				a ? /* @__PURE__ */ y(No, {
 					x: h + v,
 					y: _ + x,
 					radius: 6,
@@ -13571,14 +13571,14 @@ function as({ item: e, shape: t, color: n, selected: r, dimmed: a, editable: o,
 					strokeWidth: 1.5,
 					draggable: !0,
 					dragBoundFunc: (e) => ({
-						x: Math.min(c.w, Math.max(h, e.x)),
-						y: Math.min(c.h, Math.max(_, e.y))
+						x: Math.min(s.w, Math.max(h, e.x)),
+						y: Math.min(s.h, Math.max(_, e.y))
 					}),
 					onDragStart: (e) => {
 						e.cancelBubble = !0;
 					},
 					onDragMove: (e) => {
-						let t = e.target, n = Zo(t.x() / c.w - m.x), r = Zo(t.y() / c.h - m.y);
+						let t = e.target, n = Zo(t.x() / s.w - m.x), r = Zo(t.y() / s.h - m.y);
 						f({
 							...m,
 							width: Math.max(rs, Math.min(n, 1 - m.x)),
@@ -13586,7 +13586,7 @@ function as({ item: e, shape: t, color: n, selected: r, dimmed: a, editable: o,
 						});
 					},
 					onDragEnd: (e) => {
-						let t = e.target, n = Zo(t.x() / c.w - m.x), r = Zo(t.y() / c.h - m.y);
+						let t = e.target, n = Zo(t.x() / s.w - m.x), r = Zo(t.y() / s.h - m.y);
 						C({
 							...m,
 							width: Math.max(rs, Math.min(n, 1 - m.x)),
@@ -13801,6 +13801,6 @@ function ss({ item: e, shape: t, color: n, selected: r, dimmed: i, editable: a,
 		]
 	});
 }
-var cs = a(ns);
+var cs = i(ns);
 //#endregion
 export { cs as MaskShapeCanvas };