frame.identify 0.5.1 → 0.5.2

package/dist/frame.identify.js

@@ -4333,12 +4333,12 @@ process.env.NODE_ENV !== "production" && (Mo.propTypes = {
 });
 //#endregion
 //#region src/state/machine.ts
-var No = "idle", Po = "Image loaded", Fo = "Values defined", Io = "Image cropped", Lo = "X-axis started", Ro = "X-axis finished", zo = "Points defined", Bo = "Shape defined", Vo = "Trademark defined", Ho = "RESET", Uo = "LOAD_IMAGE", Wo = "ENTER_VALUES", Go = "CROP", Ko = "SKIP_CROP", qo = "UNDO_CROP", Jo = "START_X_AXIS", Yo = "FINISH_X_AXIS", Xo = "UNDO_X_AXIS", Zo = "ADD_POINT", Qo = "DEFINE_TRADEMARK", $o = "FINISH_POINTS", es = "define values", ts = E({
+var No = "idle", Po = "Image loaded", Fo = "Values defined", Io = "Image cropped", Lo = "X-axis started", Ro = "X-axis finished", zo = "Points defined", Bo = "Shape defined", Vo = "Trademark defined", Ho = "Finished", Uo = "FINISH", Wo = "RESET", Go = "LOAD_IMAGE", Ko = "ENTER_VALUES", qo = "CROP", Jo = "SKIP_CROP", Yo = "UNDO_CROP", Xo = "START_X_AXIS", Zo = "FINISH_X_AXIS", Qo = "UNDO_X_AXIS", $o = "ADD_POINT", es = "DEFINE_TRADEMARK", ts = "FINISH_POINTS", ns = "UNDO_SHAPE", rs = "UNDO_TRADEMARK", is = "UNDO_FINISH", as = "define values", os = E({
 	types: { context: {} },
 	actions: {
 		"reset rotation angle": T({ rotationAngle: 0 }),
 		"define rotation angle": T({ rotationAngle: ({ context: e, event: t }) => (t && t.type === "FINISH_X_AXIS" && (e.rotationAngle = t.rotationAngle), e.rotationAngle) }),
-		[es]: T({
+		[as]: T({
 			SL: ({ event: e }) => e.type === "ENTER_VALUES" ? e.SL : 0,
 			SH: ({ event: e }) => e.type === "ENTER_VALUES" ? e.SH : 0,
 			AZG: ({ event: e }) => e.type === "ENTER_VALUES" ? e.AZG : 0
@@ -4349,55 +4349,64 @@ var No = "idle", Po = "Image loaded", Fo = "Values defined", Io = "Image cropped
 	context: { rotationAngle: 0 },
 	initial: No,
 	states: {
-		[No]: { on: { [Uo]: Po } },
+		[No]: { on: { [Go]: Po } },
 		[Po]: { on: {
-			[Ho]: No,
-			[Wo]: {
-				actions: [{ type: es }],
+			[Wo]: No,
+			[Ko]: {
+				actions: [{ type: as }],
 				target: Fo
 			}
 		} },
 		[Fo]: { on: {
-			[Ho]: No,
-			[Go]: Io,
-			[Ko]: Io
+			[Wo]: No,
+			[qo]: Io,
+			[Jo]: Io
 		} },
 		[Io]: { on: {
-			[Ho]: No,
-			[qo]: Po,
-			[Jo]: Lo
+			[Wo]: No,
+			[Yo]: Po,
+			[Xo]: Lo
 		} },
 		[Lo]: { on: {
-			[Ho]: No,
-			[Xo]: Io,
-			[Yo]: {
+			[Wo]: No,
+			[Qo]: Io,
+			[Zo]: {
 				actions: [{ type: "define rotation angle" }],
 				target: Ro
 			}
 		} },
 		[Ro]: { on: {
-			[Ho]: No,
-			[Xo]: {
+			[Wo]: No,
+			[Qo]: {
 				actions: [{ type: "reset rotation angle" }],
 				target: Lo
 			},
-			[Zo]: zo
+			[$o]: zo
 		} },
 		[zo]: { on: {
-			[Zo]: zo,
-			[Ho]: No,
-			[$o]: Bo
+			[$o]: zo,
+			[Wo]: No,
+			[ts]: Bo
 		} },
 		[Bo]: { on: {
-			[Ho]: No,
-			[Qo]: Vo
+			[Wo]: No,
+			[ns]: zo,
+			[es]: Vo,
+			[Uo]: Ho
 		} },
-		[Vo]: { on: { [Ho]: No } }
+		[Vo]: { on: {
+			[rs]: zo,
+			[Uo]: Ho
+		} },
+		[Ho]: { on: {
+			[is]: Vo,
+			[Wo]: No
+		} }
 	}
 });
 //#endregion
 //#region src/MachineState.tsx
-function ns(e) {
+function ss(e) {
 	let { t } = h(), n, r = e.actor.getSnapshot();
 	switch (r.value) {
 		case No:
@@ -4424,6 +4433,9 @@ function ns(e) {
 		case Bo:
 			n = t("main.identify.finish", { defaultValue: "Please define a trademark" });
 			break;
+		case Vo:
+			n = t("main.identify.trademarkDefined", { defaultValue: "trademark is now defined" });
+			break;
 		default: n = t("main.identify.unknownState", {
 			defaultValue: "unknown state: {{value}}",
 			value: r.value
@@ -4450,7 +4462,7 @@ function ns(e) {
 }
 //#endregion
 //#region node_modules/frame.theme/dist/frame.theme.js
-function rs(e) {
+function cs(e) {
 	let t = w(), [n, i] = o(""), s = a(null), { t: l } = h(), u = (e, t, n) => {
 		let r = parseFloat(e);
 		i(isNaN(r) ? l("main.identify.error.validNumber", { field: t }) : r < 0 ? l("main.identify.error.positive", { field: t }) : r === 0 ? l("main.identify.error.notNull", { field: t }) : n !== void 0 && r > n ? l("main.identify.error.notGreaterThan", {
@@ -4511,7 +4523,7 @@ function rs(e) {
 }
 //#endregion
 //#region src/EnterValues.tsx
-function is(e) {
+function ls(e) {
 	let [t, n] = o(e.testMode ? "50" : ""), [r, i] = o(e.testMode ? "44" : ""), [a, u] = o(e.testMode ? "15" : ""), d = D(e.actor, (e) => e), f = (e, t, n, r) => {
 		let i = parseFloat(t);
 		n(isNaN(i) ? v("main.identify.error.validNumber", { field: e }) : i <= 0 ? v("main.identify.error.positive", { field: e }) : i > r ? v("main.identify.error.notGreaterThan", {
@@ -4530,7 +4542,7 @@ function is(e) {
 	};
 	function m(t, n, r) {
 		e.actor.send({
-			type: Wo,
+			type: Ko,
 			SL: Number(t),
 			SH: Number(n),
 			AZG: Number(r)
@@ -4554,7 +4566,7 @@ function is(e) {
 					gap: 2
 				},
 				children: [
-					/* @__PURE__ */ c(rs, {
+					/* @__PURE__ */ c(cs, {
 						value: t,
 						onChange: n,
 						checkValue: (e, t) => f("SL", e, t, 80),
@@ -4562,14 +4574,14 @@ function is(e) {
 						dataTestid: "scheibenlaenge-input",
 						autofocus: !0
 					}),
-					/* @__PURE__ */ c(rs, {
+					/* @__PURE__ */ c(cs, {
 						value: r,
 						checkValue: (e, t) => f("SH", e, t, 60),
 						onChange: i,
 						label: v("main.identify.label.scheibenhoehe", { defaultValue: "box height" }),
 						dataTestid: "scheibenhoehe-input"
 					}),
-					/* @__PURE__ */ c(rs, {
+					/* @__PURE__ */ c(cs, {
 						value: a,
 						checkValue: (e, t) => f("AzG", e, t, 40),
 						onChange: u,
@@ -4591,7 +4603,7 @@ function is(e) {
 }
 //#endregion
 //#region src/ModalImageLoaded.tsx
-function as(e) {
+function us(e) {
 	let t = a(null), n = a(null), i = a(null), [s, u] = o(!1), d = a(null), [f, p] = o(null), [m, v] = o(0), b = w(), { t: x } = h(), S = D(e.actor, (e) => e), C = e.actor.getSnapshot();
 	r(() => {}, [e.actor]);
 	function T(r) {
@@ -4599,7 +4611,7 @@ function as(e) {
 		i.onload = () => {
 			let e = t.current;
 			e && (e.width = i.naturalWidth, e.height = i.naturalHeight, e.getContext("2d")?.drawImage(i, 0, 0), n.current = i);
-		}, i.src = r, e.actor.send({ type: Uo });
+		}, i.src = r, e.actor.send({ type: Go });
 	}
 	function E(e) {
 		let t = e.target.files?.[0];
@@ -4644,13 +4656,13 @@ function as(e) {
 		let r = O(n, e), { x: i, y: a } = d.current;
 		d.current = null;
 		let o = Math.min(i, r.x), s = Math.min(a, r.y), c = Math.abs(r.x - i), l = Math.abs(r.y - a);
-		k(), !(c < 2 || l < 2) && ee(c, l, o, s, Go);
+		k(), !(c < 2 || l < 2) && ee(c, l, o, s, qo);
 	}
 	function N() {
 		k();
 	}
 	function P() {
-		e.actor.send({ type: Ho });
+		e.actor.send({ type: Wo });
 		let t = C.context.SL ?? 0, n = C.context.SH ?? 0, r = C.context.AZG ?? 0;
 		e.onAfterCloseModal(t, n, r, 0, [], [])();
 	}
@@ -4681,7 +4693,7 @@ function as(e) {
 				backgroundColor: b.palette.primary.light
 			},
 			children: [
-				f && /* @__PURE__ */ c(Rc, {
+				f && /* @__PURE__ */ c(Uc, {
 					actor: e.actor,
 					dataUrl: f,
 					modalIsOpen: s,
@@ -4691,11 +4703,11 @@ function as(e) {
 					},
 					testMode: e.testMode
 				}, m),
-				/* @__PURE__ */ c(ns, {
+				/* @__PURE__ */ c(ss, {
 					actor: e.actor,
 					testMode: e.testMode
 				}),
-				C.value === "Image loaded" && /* @__PURE__ */ c(is, {
+				C.value === "Image loaded" && /* @__PURE__ */ c(ls, {
 					actor: e.actor,
 					testMode: e.testMode
 				}),
@@ -4758,23 +4770,23 @@ function as(e) {
 }
 //#endregion
 //#region node_modules/@mui/material/utils/capitalize.mjs
-var os = tt, ss = Vr, cs = xo, ls = H.default.oneOfType([H.default.func, H.default.object]);
+var ds = tt, fs = Vr, ps = xo, ms = H.default.oneOfType([H.default.func, H.default.object]);
 //#endregion
 //#region node_modules/@mui/utils/elementTypeAcceptingRef/elementTypeAcceptingRef.mjs
-function us(e) {
+function hs(e) {
 	let { prototype: t = {} } = e;
 	return !!t.isReactComponent;
 }
-function ds(t, n, r, i, a) {
+function gs(t, n, r, i, a) {
 	let o = t[n], s = a || n;
 	if (o == null || typeof window > "u") return null;
 	let c;
-	return typeof o == "function" && !us(o) && (c = "Did you accidentally provide a plain function component instead?"), o === e.Fragment && (c = "Did you accidentally provide a React.Fragment instead?"), c === void 0 ? null : /* @__PURE__ */ Error(`Invalid ${i} \`${s}\` supplied to \`${r}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`);
+	return typeof o == "function" && !hs(o) && (c = "Did you accidentally provide a plain function component instead?"), o === e.Fragment && (c = "Did you accidentally provide a React.Fragment instead?"), c === void 0 ? null : /* @__PURE__ */ Error(`Invalid ${i} \`${s}\` supplied to \`${r}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`);
 }
-var fs = ye(H.default.elementType, ds);
+var _s = ye(H.default.elementType, gs);
 //#endregion
 //#region node_modules/@mui/utils/isFocusVisible/isFocusVisible.mjs
-function ps(e) {
+function vs(e) {
 	try {
 		return e.matches(":focus-visible");
 	} catch {
@@ -4784,7 +4796,7 @@ function ps(e) {
 }
 //#endregion
 //#region node_modules/@mui/material/utils/useFocusableWhenDisabled.mjs
-function ms(t) {
+function ys(t) {
 	let { focusableWhenDisabled: n, disabled: r, composite: i = !1, tabIndex: a = 0, isNativeButton: o } = t, s = i && n !== !1, c = i && n === !1;
 	return e.useMemo(() => {
 		let e = { onKeyDown(e) {
@@ -4803,9 +4815,9 @@ function ms(t) {
 }
 //#endregion
 //#region node_modules/@mui/material/ButtonBase/useButtonBase.mjs
-var hs = {};
-function gs(t) {
-	let { nativeButton: n, nativeButtonProp: r, internalNativeButton: i = n, allowInferredHostMismatch: a = !1, disabled: o, type: s, hasFormAction: c = !1, tabIndex: l = 0, focusableWhenDisabled: u, stopEventPropagation: d = !1, onBeforeKeyDown: f, onBeforeKeyUp: p } = t, m = e.useRef(null), h = u === !0, g = ms({
+var bs = {};
+function xs(t) {
+	let { nativeButton: n, nativeButtonProp: r, internalNativeButton: i = n, allowInferredHostMismatch: a = !1, disabled: o, type: s, hasFormAction: c = !1, tabIndex: l = 0, focusableWhenDisabled: u, stopEventPropagation: d = !1, onBeforeKeyDown: f, onBeforeKeyUp: p } = t, m = e.useRef(null), h = u === !0, g = ys({
 		focusableWhenDisabled: h,
 		disabled: o,
 		isNativeButton: n,
@@ -4844,7 +4856,7 @@ function gs(t) {
 		s
 	]);
 	return {
-		getButtonProps: e.useCallback((e = hs) => {
+		getButtonProps: e.useCallback((e = bs) => {
 			let { onClick: t, onKeyDown: n, onKeyUp: r, ...i } = e, a = (e) => {
 				if (d && e.stopPropagation(), o) {
 					e.preventDefault();
@@ -4884,36 +4896,36 @@ function gs(t) {
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/typeof.js
-function _s(e) {
+function Ss(e) {
 	"@babel/helpers - typeof";
-	return _s = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+	return Ss = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
 		return typeof e;
 	} : function(e) {
 		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-	}, _s(e);
+	}, Ss(e);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/toPrimitive.js
-function vs(e, t) {
-	if (_s(e) != "object" || !e) return e;
+function Cs(e, t) {
+	if (Ss(e) != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
 		var r = n.call(e, t || "default");
-		if (_s(r) != "object") return r;
+		if (Ss(r) != "object") return r;
 		throw TypeError("@@toPrimitive must return a primitive value.");
 	}
 	return (t === "string" ? String : Number)(e);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/toPropertyKey.js
-function ys(e) {
-	var t = vs(e, "string");
-	return _s(t) == "symbol" ? t : t + "";
+function ws(e) {
+	var t = Cs(e, "string");
+	return Ss(t) == "symbol" ? t : t + "";
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/defineProperty.js
-function bs(e, t, n) {
-	return (t = ys(t)) in e ? Object.defineProperty(e, t, {
+function Ts(e, t, n) {
+	return (t = ws(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
@@ -4922,7 +4934,7 @@ function bs(e, t, n) {
 }
 //#endregion
 //#region node_modules/@mui/material/useLazyRipple/useLazyRipple.mjs
-var xs = class t {
+var Es = class t {
 	static create() {
 		return new t();
 	}
@@ -4931,12 +4943,12 @@ var xs = class t {
 		return n.shouldMount = r, n.setShouldMount = i, e.useEffect(n.mountEffect, [r]), n;
 	}
 	constructor() {
-		bs(this, "mountEffect", () => {
+		Ts(this, "mountEffect", () => {
 			this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
 		}), this.ref = { current: null }, this.mounted = null, this.didMount = !1, this.shouldMount = !1, this.setShouldMount = null;
 	}
 	mount() {
-		return this.mounted || (this.mounted = Cs(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
+		return this.mounted || (this.mounted = Os(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
 	}
 	start(...e) {
 		this.mount().then(() => this.ref.current?.start(...e));
@@ -4948,10 +4960,10 @@ var xs = class t {
 		this.mount().then(() => this.ref.current?.pulsate(...e));
 	}
 };
-function Ss() {
-	return xs.use();
+function Ds() {
+	return Es.use();
 }
-function Cs() {
+function Os() {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
 	});
@@ -4959,17 +4971,17 @@ function Cs() {
 }
 //#endregion
 //#region node_modules/@mui/utils/useOnMount/useOnMount.mjs
-var ws = [];
-function Ts(t) {
-	e.useEffect(t, ws);
+var ks = [];
+function As(t) {
+	e.useEffect(t, ks);
 }
 //#endregion
 //#region node_modules/@mui/utils/useTimeout/useTimeout.mjs
-var Es = class e {
+var js = class e {
 	constructor() {
-		bs(this, "currentId", null), bs(this, "clear", () => {
+		Ts(this, "currentId", null), Ts(this, "clear", () => {
 			this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
-		}), bs(this, "disposeEffect", () => this.clear);
+		}), Ts(this, "disposeEffect", () => this.clear);
 	}
 	static create() {
 		return new e();
@@ -4980,14 +4992,14 @@ var Es = class e {
 		}, e);
 	}
 };
-function Ds() {
-	let e = Ia(Es.create).current;
-	return Ts(e.disposeEffect), e;
+function Ms() {
+	let e = Ia(js.create).current;
+	return As(e.disposeEffect), e;
 }
 //#endregion
 //#region node_modules/@mui/material/ButtonBase/Ripple.mjs
-function Os(t) {
-	let { className: n, classes: r, pulsate: i = !1, rippleX: a, rippleY: o, rippleSize: s, in: l, onExited: u, timeout: d } = t, [f, p] = e.useState(!1), m = Ds(), h = e.useRef(!1), g = e.useRef(u);
+function Ns(t) {
+	let { className: n, classes: r, pulsate: i = !1, rippleX: a, rippleY: o, rippleSize: s, in: l, onExited: u, timeout: d } = t, [f, p] = e.useState(!1), m = Ms(), h = e.useRef(!1), g = e.useRef(u);
 	g.current = u;
 	let _ = u != null, v = V(n, r.ripple, r.rippleVisible, i && r.ripplePulsate), y = {
 		width: s,
@@ -5010,7 +5022,7 @@ function Os(t) {
 		children: /*#__PURE__*/ c("span", { className: b })
 	});
 }
-process.env.NODE_ENV !== "production" && (Os.propTypes = {
+process.env.NODE_ENV !== "production" && (Ns.propTypes = {
 	classes: H.default.object.isRequired,
 	className: H.default.string,
 	in: H.default.bool,
@@ -5031,8 +5043,8 @@ var $ = tr("MuiTouchRipple", [
 	"child",
 	"childLeaving",
 	"childPulsate"
-]), ks = 550, As = {}, js = [], Ms = () => {};
-function Ns(e, t) {
+]), Ps = 550, Fs = {}, Is = [], Ls = () => {};
+function Rs(e, t) {
 	let n = new Set(t), r = /* @__PURE__ */ new Map(), i = [];
 	for (let t of e) n.has(t) ? i.length > 0 && (r.set(t, i), i = []) : i.push(t);
 	let a = [];
@@ -5042,7 +5054,7 @@ function Ns(e, t) {
 	}
 	return a.push(...i), a;
 }
-function Ps({ event: e, element: t, center: n }) {
+function zs({ event: e, element: t, center: n }) {
 	let r = t ? t.getBoundingClientRect() : {
 		width: 0,
 		height: 0,
@@ -5066,7 +5078,7 @@ function Ps({ event: e, element: t, center: n }) {
 		rippleSize: o
 	};
 }
-var Fs = m`
+var Bs = m`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -5076,7 +5088,7 @@ var Fs = m`
     transform: scale(1);
     opacity: 0.3;
   }
-`, Is = m`
+`, Vs = m`
   0% {
     opacity: 1;
   }
@@ -5084,7 +5096,7 @@ var Fs = m`
   100% {
     opacity: 0;
   }
-`, Ls = m`
+`, Hs = m`
   0% {
     transform: scale(1);
   }
@@ -5097,12 +5109,12 @@ var Fs = m`
     transform: scale(1);
   }
 `;
-function Rs(e) {
+function Us(e) {
 	if (e.motion.reducedMotion === "always") return null;
 	let t = p`
     &.${$.rippleVisible} {
-      animation-name: ${Fs};
-      animation-duration: ${ks}ms;
+      animation-name: ${Bs};
+      animation-duration: ${Ps}ms;
       animation-timing-function: ${e.transitions.easing.easeInOut};
     }
 
@@ -5111,13 +5123,13 @@ function Rs(e) {
     }
 
     & .${$.childLeaving} {
-      animation-name: ${Is};
-      animation-duration: ${ks}ms;
+      animation-name: ${Vs};
+      animation-duration: ${Ps}ms;
       animation-timing-function: ${e.transitions.easing.easeInOut};
     }
 
     & .${$.childPulsate} {
-      animation-name: ${Ls};
+      animation-name: ${Hs};
       animation-duration: 2500ms;
       animation-timing-function: ${e.transitions.easing.easeInOut};
       animation-iteration-count: infinite;
@@ -5130,7 +5142,7 @@ function Rs(e) {
       }
     ` : t;
 }
-var zs = Q("span", {
+var Ws = Q("span", {
 	name: "MuiTouchRipple",
 	slot: "Root"
 })({
@@ -5143,7 +5155,7 @@ var zs = Q("span", {
 	bottom: 0,
 	left: 0,
 	borderRadius: "inherit"
-}), Bs = Q(Os, {
+}), Gs = Q(Ns, {
 	name: "MuiTouchRipple",
 	slot: "Ripple"
 })`
@@ -5183,29 +5195,29 @@ var zs = Q("span", {
     top: 0;
   }
 
-  ${({ theme: e }) => Rs(e)}
-`, Vs = /*#__PURE__*/ e.forwardRef(function(t, n) {
+  ${({ theme: e }) => Us(e)}
+`, Ks = /*#__PURE__*/ e.forwardRef(function(t, n) {
 	let r = Ea({
 		props: t,
 		name: "MuiTouchRipple"
-	}), i = fo(Sa().motion.reducedMotion, !1), { center: a = !1, classes: o = As, className: s, ...l } = r, [u, d] = e.useState({
-		items: js,
-		order: js
+	}), i = fo(Sa().motion.reducedMotion, !1), { center: a = !1, classes: o = Fs, className: s, ...l } = r, [u, d] = e.useState({
+		items: Is,
+		order: Is
 	}), f = u.items, p = e.useRef(0), m = e.useRef(null), h = e.useRef(!1);
-	Ts(() => (h.current = !0, () => {
+	As(() => (h.current = !0, () => {
 		h.current = !1;
 	})), e.useEffect(() => {
 		m.current && (m.current(), m.current = null);
 	}, [f]);
-	let g = e.useRef(!1), _ = Ds(), v = e.useRef(null), y = e.useRef(null), b = cs((e) => {
+	let g = e.useRef(!1), _ = Ms(), v = e.useRef(null), y = e.useRef(null), b = ps((e) => {
 		h.current && d((t) => {
 			let n = t.items.filter((t) => t.key !== e);
 			return {
 				items: n,
-				order: Ns(t.order.filter((t) => t !== e), n.filter((e) => !e.exiting).map((e) => e.key))
+				order: Rs(t.order.filter((t) => t !== e), n.filter((e) => !e.exiting).map((e) => e.key))
 			};
 		});
-	}), x = cs((e) => {
+	}), x = ps((e) => {
 		let { pulsate: t, rippleX: n, rippleY: r, rippleSize: i, cb: a } = e, o = p.current;
 		p.current += 1, d((e) => {
 			let a = [...e.items, {
@@ -5218,17 +5230,17 @@ var zs = Q("span", {
 			}];
 			return {
 				items: a,
-				order: Ns(e.order, a.filter((e) => !e.exiting).map((e) => e.key))
+				order: Rs(e.order, a.filter((e) => !e.exiting).map((e) => e.key))
 			};
 		}), m.current = a;
-	}), S = cs((e = As, t = As, n = Ms) => {
+	}), S = ps((e = Fs, t = Fs, n = Ls) => {
 		let { pulsate: r = !1, center: i = a || t.pulsate, fakeElement: o = !1 } = t;
 		if (e?.type === "mousedown" && g.current) {
 			g.current = !1;
 			return;
 		}
 		e?.type === "touchstart" && (g.current = !0);
-		let { rippleX: s, rippleY: c, rippleSize: l } = Ps({
+		let { rippleX: s, rippleY: c, rippleSize: l } = zs({
 			event: e,
 			element: o ? null : y.current,
 			center: i
@@ -5250,9 +5262,9 @@ var zs = Q("span", {
 			rippleSize: l,
 			cb: n
 		});
-	}), C = cs(() => {
-		S(As, { pulsate: !0 });
-	}), w = cs((e, t) => {
+	}), C = ps(() => {
+		S(Fs, { pulsate: !0 });
+	}), w = ps((e, t) => {
 		if (_.clear(), e?.type === "touchend" && v.current) {
 			v.current(), v.current = null, _.start(0, () => {
 				w(e, t);
@@ -5268,7 +5280,7 @@ var zs = Q("span", {
 				exiting: !0
 			}, {
 				items: n,
-				order: Ns(e.order, n.filter((e) => !e.exiting).map((e) => e.key))
+				order: Rs(e.order, n.filter((e) => !e.exiting).map((e) => e.key))
 			};
 		}), m.current = t;
 	});
@@ -5282,11 +5294,11 @@ var zs = Q("span", {
 		w
 	]);
 	let T = new Map(f.map((e) => [e.key, e])), E = u.order.map((e) => T.get(e)).filter(Boolean);
-	return /*#__PURE__*/ c(zs, {
+	return /*#__PURE__*/ c(Ws, {
 		className: V($.root, o.root, s),
 		ref: y,
 		...l,
-		children: E.map((e) => /*#__PURE__*/ c(Bs, {
+		children: E.map((e) => /*#__PURE__*/ c(Gs, {
 			classes: {
 				ripple: V(o.ripple, $.ripple),
 				rippleVisible: V(o.rippleVisible, $.rippleVisible),
@@ -5295,7 +5307,7 @@ var zs = Q("span", {
 				childLeaving: V(o.childLeaving, $.childLeaving),
 				childPulsate: V(o.childPulsate, $.childPulsate)
 			},
-			timeout: i.shouldReduceMotion ? 0 : ks,
+			timeout: i.shouldReduceMotion ? 0 : Ps,
 			pulsate: e.pulsate,
 			rippleX: e.rippleX,
 			rippleY: e.rippleY,
@@ -5305,28 +5317,28 @@ var zs = Q("span", {
 		}, e.key))
 	});
 });
-process.env.NODE_ENV !== "production" && (Vs.propTypes = {
+process.env.NODE_ENV !== "production" && (Ks.propTypes = {
 	center: H.default.bool,
 	classes: H.default.object,
 	className: H.default.string
 });
 //#endregion
 //#region node_modules/@mui/material/ButtonBase/buttonBaseClasses.mjs
-function Hs(e) {
+function qs(e) {
 	return er("MuiButtonBase", e);
 }
-var Us = tr("MuiButtonBase", [
+var Js = tr("MuiButtonBase", [
 	"root",
 	"disabled",
 	"focusVisible"
-]), Ws = (e) => {
+]), Ys = (e) => {
 	let { disabled: t, focusVisible: n, focusVisibleClassName: r, suppressFocusVisible: i, classes: a } = e, o = Ce({ root: [
 		"root",
 		t && "disabled",
 		n && !i && "focusVisible"
-	] }, Hs, a);
+	] }, qs, a);
 	return n && !i && r && (o.root += ` ${r}`), o;
-}, Gs = Q("button", {
+}, Xs = Q("button", {
 	name: "MuiButtonBase",
 	slot: "Root"
 })(Ta(({ theme: e }) => ({
@@ -5350,7 +5362,7 @@ var Us = tr("MuiButtonBase", [
 	textDecoration: "none",
 	color: "inherit",
 	"&::-moz-focus-inner": { borderStyle: "none" },
-	[`&.${Us.disabled}`]: {
+	[`&.${Js.disabled}`]: {
 		pointerEvents: "none",
 		cursor: "default"
 	},
@@ -5359,26 +5371,26 @@ var Us = tr("MuiButtonBase", [
 		props: { internalDisabledThemeFocusVisible: !1 },
 		style: e.focusVisible && {
 			...Ti,
-			[`&.${Us.focusVisible}`]: e.focusVisible
+			[`&.${Js.focusVisible}`]: e.focusVisible
 		}
 	}]
-}))), Ks = /*#__PURE__*/ e.forwardRef(function(t, n) {
+}))), Zs = /*#__PURE__*/ e.forwardRef(function(t, n) {
 	let r = Ea({
 		props: t,
 		name: "MuiButtonBase"
 	}), { action: i, centerRipple: a = !1, children: o, className: s, component: u = "button", disabled: d = !1, disableRipple: f = !1, disableTouchRipple: p = !1, focusRipple: m = !1, focusVisibleClassName: h, focusableWhenDisabled: g, suppressFocusVisible: _ = !1, internalNativeButton: v, internalDisabledThemeFocusVisible: y = !1, LinkComponent: b = "a", nativeButton: x, onBlur: S, onClick: C, onContextMenu: w, onDragLeave: T, onFocus: E, onFocusVisible: D, onKeyDown: O, onKeyUp: k, onMouseDown: A, onMouseLeave: j, onMouseUp: M, onTouchEnd: N, onTouchMove: P, onTouchStart: ee, tabIndex: F = 0, TouchRippleProps: I, touchRippleRef: L, type: R, ...z } = r, te = !!(z.href || z.to), ne = !!z.formAction, re = u;
 	re === "button" && te && (re = b);
-	let ie = typeof re == "string" ? re === "button" : v ?? !1, ae = x ?? ie, B = Ss(), oe = po(B.ref, L), [se, ce] = e.useState(!1);
+	let ie = typeof re == "string" ? re === "button" : v ?? !1, ae = x ?? ie, B = Ds(), oe = po(B.ref, L), [se, ce] = e.useState(!1);
 	(d || _) && se && ce(!1);
-	let le = cs((e) => {
+	let le = ps((e) => {
 		m && !e.repeat && se && e.key === " " && B.stop(e, () => {
 			B.start(e);
 		});
-	}), ue = cs((e) => {
+	}), ue = ps((e) => {
 		m && e.key === " " && se && !e.defaultPrevented && B.stop(e, () => {
 			B.pulsate(e);
 		});
-	}), { getButtonProps: de, rootRef: fe } = gs({
+	}), { getButtonProps: de, rootRef: fe } = xs({
 		nativeButton: ae,
 		nativeButtonProp: x,
 		internalNativeButton: ie,
@@ -5406,12 +5418,12 @@ var Us = tr("MuiButtonBase", [
 		se,
 		B
 	]);
-	let ve = qs(B, "start", A, p), ye = qs(B, "stop", w, p), H = qs(B, "stop", T, p), be = qs(B, "stop", M, p), xe = qs(B, "stop", (e) => {
+	let ve = Qs(B, "start", A, p), ye = Qs(B, "stop", w, p), H = Qs(B, "stop", T, p), be = Qs(B, "stop", M, p), xe = Qs(B, "stop", (e) => {
 		se && e.preventDefault(), j && j(e);
-	}, p), Se = qs(B, "start", ee, p), Ce = qs(B, "stop", N, p), we = qs(B, "stop", P, p), Te = qs(B, "stop", (e) => {
-		ps(e.target) || ce(!1), S && S(e);
-	}, !1), Ee = cs((e) => {
-		fe.current || (fe.current = e.currentTarget), !_ && ps(e.target) && (ce(!0), D && D(e)), E && E(e);
+	}, p), Se = Qs(B, "start", ee, p), Ce = Qs(B, "stop", N, p), we = Qs(B, "stop", P, p), Te = Qs(B, "stop", (e) => {
+		vs(e.target) || ce(!1), S && S(e);
+	}, !1), Ee = ps((e) => {
+		fe.current || (fe.current = e.currentTarget), !_ && vs(e.target) && (ce(!0), D && D(e)), E && E(e);
 	}), De = {};
 	te && (De.tabIndex = d ? -1 : F, d && (De["aria-disabled"] = d), De.type = R);
 	let Oe = po(n, fe), ke = {
@@ -5426,8 +5438,8 @@ var Us = tr("MuiButtonBase", [
 		tabIndex: F,
 		focusVisible: se,
 		internalDisabledThemeFocusVisible: y
-	}, Ae = Ws(ke);
-	return /*#__PURE__*/ l(Gs, {
+	}, Ae = Ys(ke);
+	return /*#__PURE__*/ l(Xs, {
 		as: re,
 		className: V(Ae.root, s),
 		ownerState: ke,
@@ -5447,23 +5459,23 @@ var Us = tr("MuiButtonBase", [
 		ref: Oe,
 		...te ? De : ge,
 		...z,
-		children: [o, _e ? /*#__PURE__*/ c(Vs, {
+		children: [o, _e ? /*#__PURE__*/ c(Ks, {
 			ref: oe,
 			center: a,
 			...I
 		}) : null]
 	});
 });
-function qs(e, t, n, r = !1) {
-	return cs((i) => (n && n(i), r || e[t](i), !0));
+function Qs(e, t, n, r = !1) {
+	return ps((i) => (n && n(i), r || e[t](i), !0));
 }
-process.env.NODE_ENV !== "production" && (Ks.propTypes = {
-	action: ls,
+process.env.NODE_ENV !== "production" && (Zs.propTypes = {
+	action: ms,
 	centerRipple: H.default.bool,
 	children: H.default.node,
 	classes: H.default.object,
 	className: H.default.string,
-	component: fs,
+	component: _s,
 	disabled: H.default.bool,
 	disableRipple: H.default.bool,
 	disableTouchRipple: H.default.bool,
@@ -5507,20 +5519,20 @@ process.env.NODE_ENV !== "production" && (Ks.propTypes = {
 });
 //#endregion
 //#region node_modules/@mui/material/utils/createSimplePaletteValueFilter.mjs
-function Js(e) {
+function $s(e) {
 	return typeof e.main == "string";
 }
-function Ys(e, t = []) {
-	if (!Js(e)) return !1;
+function ec(e, t = []) {
+	if (!$s(e)) return !1;
 	for (let n of t) if (!e.hasOwnProperty(n) || typeof e[n] != "string") return !1;
 	return !0;
 }
-function Xs(e = []) {
-	return ([, t]) => t && Ys(t, e);
+function tc(e = []) {
+	return ([, t]) => t && ec(t, e);
 }
 //#endregion
 //#region node_modules/@mui/material/CircularProgress/circularProgressClasses.mjs
-function Zs(e) {
+function nc(e) {
 	return er("MuiCircularProgress", e);
 }
 tr("MuiCircularProgress", [
@@ -5536,7 +5548,7 @@ tr("MuiCircularProgress", [
 ]);
 //#endregion
 //#region node_modules/@mui/material/CircularProgress/CircularProgress.mjs
-var Qs = 44, $s = !1, ec = !1, tc = m`
+var rc = 44, ic = !1, ac = !1, oc = m`
   0% {
     transform: rotate(0deg);
   }
@@ -5544,7 +5556,7 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
   100% {
     transform: rotate(360deg);
   }
-`, nc = m`
+`, sc = m`
   0% {
     stroke-dasharray: 1px, 200px;
     stroke-dashoffset: 0;
@@ -5559,23 +5571,23 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
     stroke-dasharray: 1px, 200px;
     stroke-dashoffset: -126px;
   }
-`, rc = typeof tc == "string" ? null : p`
-        animation: ${tc} 1.4s linear infinite;
-      `, ic = typeof nc == "string" ? null : p`
-        animation: ${nc} 1.4s ease-in-out infinite;
-      `, ac = (e) => {
+`, cc = typeof oc == "string" ? null : p`
+        animation: ${oc} 1.4s linear infinite;
+      `, lc = typeof sc == "string" ? null : p`
+        animation: ${sc} 1.4s ease-in-out infinite;
+      `, uc = (e) => {
 	let { classes: t, variant: n, color: r, disableShrink: i } = e;
 	return Ce({
 		root: [
 			"root",
 			n,
-			`color${os(r)}`
+			`color${ds(r)}`
 		],
 		svg: ["svg"],
 		track: ["track"],
 		circle: ["circle", i && "circleDisableShrink"]
-	}, Zs, t);
-}, oc = Q("span", {
+	}, nc, t);
+}, dc = Q("span", {
 	name: "MuiCircularProgress",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -5583,7 +5595,7 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
 		return [
 			t.root,
 			t[n.variant],
-			t[`color${os(n.color)}`]
+			t[`color${ds(n.color)}`]
 		];
 	}
 })(Ta(({ theme: e }) => {
@@ -5597,22 +5609,22 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
 			},
 			{
 				props: { variant: "indeterminate" },
-				style: rc || { animation: `${tc} 1.4s linear infinite` }
+				style: cc || { animation: `${oc} 1.4s linear infinite` }
 			},
 			...t ? [{
 				props: { variant: "indeterminate" },
 				style: t
 			}] : [],
-			...Object.entries(e.palette).filter(Xs()).map(([t]) => ({
+			...Object.entries(e.palette).filter(tc()).map(([t]) => ({
 				props: { color: t },
 				style: { color: (e.vars || e).palette[t].main }
 			}))
 		]
 	};
-})), sc = Q("svg", {
+})), fc = Q("svg", {
 	name: "MuiCircularProgress",
 	slot: "Svg"
-})({ display: "block" }), cc = Q("circle", {
+})({ display: "block" }), pc = Q("circle", {
 	name: "MuiCircularProgress",
 	slot: "Circle",
 	overridesResolver: (e, t) => {
@@ -5637,7 +5649,7 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
 			},
 			{
 				props: ({ ownerState: e }) => e.variant === "indeterminate" && !e.disableShrink,
-				style: ic || { animation: `${nc} 1.4s ease-in-out infinite` }
+				style: lc || { animation: `${sc} 1.4s ease-in-out infinite` }
 			},
 			...t ? [{
 				props: ({ ownerState: e }) => e.variant === "indeterminate" && !e.disableShrink,
@@ -5645,18 +5657,18 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
 			}] : []
 		]
 	};
-})), lc = Q("circle", {
+})), mc = Q("circle", {
 	name: "MuiCircularProgress",
 	slot: "Track"
 })(Ta(({ theme: e }) => ({
 	stroke: "currentColor",
 	opacity: (e.vars || e).palette.action.activatedOpacity
-}))), uc = /*#__PURE__*/ e.forwardRef(function(e, t) {
+}))), hc = /*#__PURE__*/ e.forwardRef(function(e, t) {
 	let n = Ea({
 		props: e,
 		name: "MuiCircularProgress"
 	}), { className: r, color: i = "primary", disableShrink: a = !1, enableTrackSlot: o = !1, min: s, max: u, size: d = 40, style: f, thickness: p = 3.6, value: m = n.min ?? 0, variant: h = "indeterminate", ...g } = n;
-	process.env.NODE_ENV !== "production" && !$s && h === "indeterminate" && (s !== void 0 || u !== void 0) && (console.warn("MUI: You have provided the `min` or `max` props with an 'indeterminate' variant. These props will have no effect."), $s = !0);
+	process.env.NODE_ENV !== "production" && !ic && h === "indeterminate" && (s !== void 0 || u !== void 0) && (console.warn("MUI: You have provided the `min` or `max` props with an 'indeterminate' variant. These props will have no effect."), ic = !0);
 	let _ = s ?? 0, v = u ?? 100, y = {
 		...n,
 		color: i,
@@ -5666,14 +5678,14 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
 		value: m,
 		variant: h,
 		enableTrackSlot: o
-	}, b = ac(y), x = {}, S = {}, C = {};
+	}, b = uc(y), x = {}, S = {}, C = {};
 	if (h === "determinate") {
-		let e = 2 * Math.PI * ((Qs - p) / 2);
-		process.env.NODE_ENV !== "production" && !ec && (m < _ || m > v || _ >= v) && (console.error(`MUI: The min, max, and value props in CircularProgress should be numbers where min < max and min <= value <= max. Received min=${_}, max=${v}, value=${m}.`), ec = !0);
+		let e = 2 * Math.PI * ((rc - p) / 2);
+		process.env.NODE_ENV !== "production" && !ac && (m < _ || m > v || _ >= v) && (console.error(`MUI: The min, max, and value props in CircularProgress should be numbers where min < max and min <= value <= max. Received min=${_}, max=${v}, value=${m}.`), ac = !0);
 		let t = v - _;
 		x.strokeDasharray = e.toFixed(3), x.strokeDashoffset = t > 0 ? `${((v - m) / t * e).toFixed(3)}px` : `${e.toFixed(3)}px`, S.transform = "rotate(-90deg)", C["aria-valuenow"] = m, C["aria-valuemin"] = _, C["aria-valuemax"] = v;
 	}
-	return /*#__PURE__*/ c(oc, {
+	return /*#__PURE__*/ c(dc, {
 		className: V(b.root, r),
 		style: {
 			width: d,
@@ -5686,33 +5698,33 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
 		role: "progressbar",
 		...C,
 		...g,
-		children: /*#__PURE__*/ l(sc, {
+		children: /*#__PURE__*/ l(fc, {
 			className: b.svg,
 			ownerState: y,
-			viewBox: `${Qs / 2} ${Qs / 2} ${Qs} ${Qs}`,
-			children: [o ? /*#__PURE__*/ c(lc, {
+			viewBox: `${rc / 2} ${rc / 2} ${rc} ${rc}`,
+			children: [o ? /*#__PURE__*/ c(mc, {
 				className: b.track,
 				ownerState: y,
-				cx: Qs,
-				cy: Qs,
-				r: (Qs - p) / 2,
+				cx: rc,
+				cy: rc,
+				r: (rc - p) / 2,
 				fill: "none",
 				strokeWidth: p,
 				"aria-hidden": "true"
-			}) : null, /*#__PURE__*/ c(cc, {
+			}) : null, /*#__PURE__*/ c(pc, {
 				className: b.circle,
 				style: x,
 				ownerState: y,
-				cx: Qs,
-				cy: Qs,
-				r: (Qs - p) / 2,
+				cx: rc,
+				cy: rc,
+				r: (rc - p) / 2,
 				fill: "none",
 				strokeWidth: p
 			})]
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (uc.propTypes = {
+process.env.NODE_ENV !== "production" && (hc.propTypes = {
 	classes: H.default.object,
 	className: H.default.string,
 	color: H.default.oneOfType([H.default.oneOf([
@@ -5745,39 +5757,39 @@ process.env.NODE_ENV !== "production" && (uc.propTypes = {
 });
 //#endregion
 //#region node_modules/@mui/material/Button/buttonClasses.mjs
-function dc(e) {
+function gc(e) {
 	return er("MuiButton", e);
 }
-var fc = tr("MuiButton", /* @__PURE__ */ "root.text.outlined.contained.disableElevation.focusVisible.disabled.colorInherit.colorPrimary.colorSecondary.colorSuccess.colorError.colorInfo.colorWarning.sizeMedium.sizeSmall.sizeLarge.fullWidth.startIcon.endIcon.icon.loading.loadingWrapper.loadingIconPlaceholder.loadingIndicator.loadingPositionCenter.loadingPositionStart.loadingPositionEnd".split(".")), pc = /*#__PURE__*/ e.createContext({});
-process.env.NODE_ENV !== "production" && (pc.displayName = "ButtonGroupContext");
+var _c = tr("MuiButton", /* @__PURE__ */ "root.text.outlined.contained.disableElevation.focusVisible.disabled.colorInherit.colorPrimary.colorSecondary.colorSuccess.colorError.colorInfo.colorWarning.sizeMedium.sizeSmall.sizeLarge.fullWidth.startIcon.endIcon.icon.loading.loadingWrapper.loadingIconPlaceholder.loadingIndicator.loadingPositionCenter.loadingPositionStart.loadingPositionEnd".split(".")), vc = /*#__PURE__*/ e.createContext({});
+process.env.NODE_ENV !== "production" && (vc.displayName = "ButtonGroupContext");
 //#endregion
 //#region node_modules/@mui/material/ButtonGroup/ButtonGroupButtonContext.mjs
-var mc = /*#__PURE__*/ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (mc.displayName = "ButtonGroupButtonContext");
+var yc = /*#__PURE__*/ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (yc.displayName = "ButtonGroupButtonContext");
 //#endregion
 //#region node_modules/@mui/material/Button/Button.mjs
-var hc = (e) => {
+var bc = (e) => {
 	let { color: t, disableElevation: n, fullWidth: r, size: i, variant: a, loading: o, loadingPosition: s, classes: c } = e, l = Ce({
 		root: [
 			"root",
 			o && "loading",
 			a,
-			`size${os(i)}`,
-			`color${os(t)}`,
+			`size${ds(i)}`,
+			`color${ds(t)}`,
 			n && "disableElevation",
 			r && "fullWidth",
-			o && `loadingPosition${os(s)}`
+			o && `loadingPosition${ds(s)}`
 		],
 		startIcon: ["icon", "startIcon"],
 		endIcon: ["icon", "endIcon"],
 		loadingIndicator: ["loadingIndicator"],
 		loadingWrapper: ["loadingWrapper"]
-	}, dc, c);
+	}, gc, c);
 	return {
 		...c,
 		...l
 	};
-}, gc = [
+}, xc = [
 	{
 		props: { size: "small" },
 		style: { "& > *:nth-of-type(1)": { fontSize: 18 } }
@@ -5790,7 +5802,7 @@ var hc = (e) => {
 		props: { size: "large" },
 		style: { "& > *:nth-of-type(1)": { fontSize: 22 } }
 	}
-], _c = Q(Ks, {
+], Sc = Q(Zs, {
 	shouldForwardProp: (e) => wa(e) || e === "classes",
 	name: "MuiButton",
 	slot: "Root",
@@ -5799,7 +5811,7 @@ var hc = (e) => {
 		return [
 			t.root,
 			t[n.variant],
-			t[`size${os(n.size)}`],
+			t[`size${ds(n.size)}`],
 			n.color === "inherit" && t.colorInherit,
 			n.disableElevation && t.disableElevation,
 			n.fullWidth && t.fullWidth,
@@ -5821,7 +5833,7 @@ var hc = (e) => {
 			"color"
 		], { duration: e.transitions.duration.short }),
 		"&:hover": { textDecoration: "none" },
-		[`&.${fc.disabled}`]: { color: (e.vars || e).palette.action.disabled },
+		[`&.${_c.disabled}`]: { color: (e.vars || e).palette.action.disabled },
 		variants: [
 			{
 				props: { variant: "contained" },
@@ -5834,11 +5846,11 @@ var hc = (e) => {
 						"@media (hover: none)": { boxShadow: (e.vars || e).shadows[2] }
 					},
 					"&:active": { boxShadow: (e.vars || e).shadows[8] },
-					[`&.${fc.focusVisible}`]: {
+					[`&.${_c.focusVisible}`]: {
 						...e.focusVisible,
 						boxShadow: e.focusVisible?.boxShadow ? `${(e.vars || e).shadows[6]}, ${e.focusVisible.boxShadow}` : (e.vars || e).shadows[6]
 					},
-					[`&.${fc.disabled}`]: {
+					[`&.${_c.disabled}`]: {
 						color: (e.vars || e).palette.action.disabled,
 						boxShadow: (e.vars || e).shadows[0],
 						backgroundColor: (e.vars || e).palette.action.disabledBackground
@@ -5853,7 +5865,7 @@ var hc = (e) => {
 					borderColor: "var(--variant-outlinedBorder, currentColor)",
 					backgroundColor: "var(--variant-outlinedBg)",
 					color: "var(--variant-outlinedColor)",
-					[`&.${fc.disabled}`]: { border: `1px solid ${(e.vars || e).palette.action.disabledBackground}` }
+					[`&.${_c.disabled}`]: { border: `1px solid ${(e.vars || e).palette.action.disabledBackground}` }
 				}
 			},
 			{
@@ -5864,7 +5876,7 @@ var hc = (e) => {
 					backgroundColor: "var(--variant-textBg)"
 				}
 			},
-			...Object.entries(e.palette).filter(Xs()).map(([t]) => ({
+			...Object.entries(e.palette).filter(tc()).map(([t]) => ({
 				props: { color: t },
 				style: {
 					"--variant-textColor": (e.vars || e).palette[t].main,
@@ -5958,9 +5970,9 @@ var hc = (e) => {
 				style: {
 					boxShadow: "none",
 					"&:hover": { boxShadow: "none" },
-					[`&.${fc.focusVisible}`]: { boxShadow: e.focusVisible?.boxShadow ?? "none" },
+					[`&.${_c.focusVisible}`]: { boxShadow: e.focusVisible?.boxShadow ?? "none" },
 					"&:active": { boxShadow: "none" },
-					[`&.${fc.disabled}`]: { boxShadow: "none" }
+					[`&.${_c.disabled}`]: { boxShadow: "none" }
 				}
 			},
 			{
@@ -5975,12 +5987,12 @@ var hc = (e) => {
 						"box-shadow",
 						"border-color"
 					], { duration: e.transitions.duration.short }),
-					[`&.${fc.loading}`]: { color: "transparent" }
+					[`&.${_c.loading}`]: { color: "transparent" }
 				}
 			}
 		]
 	};
-})), vc = Q("span", {
+})), Cc = Q("span", {
 	name: "MuiButton",
 	slot: "StartIcon",
 	overridesResolver: (e, t) => {
@@ -6020,9 +6032,9 @@ var hc = (e) => {
 			},
 			style: { marginRight: -8 }
 		},
-		...gc
+		...xc
 	]
-})), yc = Q("span", {
+})), wc = Q("span", {
 	name: "MuiButton",
 	slot: "EndIcon",
 	overridesResolver: (e, t) => {
@@ -6056,9 +6068,9 @@ var hc = (e) => {
 			},
 			style: { marginLeft: -8 }
 		},
-		...gc
+		...xc
 	]
-})), bc = Q("span", {
+})), Tc = Q("span", {
 	name: "MuiButton",
 	slot: "LoadingIndicator"
 })(({ theme: e }) => ({
@@ -6135,18 +6147,18 @@ var hc = (e) => {
 			}
 		}
 	]
-})), xc = Q("span", {
+})), Ec = Q("span", {
 	name: "MuiButton",
 	slot: "LoadingIconPlaceholder"
 })({
 	display: "inline-block",
 	width: "1em",
 	height: "1em"
-}), Sc = /*#__PURE__*/ e.forwardRef(function(t, n) {
-	let r = e.useContext(pc), i = e.useContext(mc), a = Ea({
+}), Dc = /*#__PURE__*/ e.forwardRef(function(t, n) {
+	let r = e.useContext(vc), i = e.useContext(yc), a = Ea({
 		props: vr(r, t),
 		name: "MuiButton"
-	}), { children: o, color: s = "primary", component: u = "button", className: d, disabled: f = !1, disableElevation: p = !1, disableFocusRipple: m = !1, endIcon: h, focusVisibleClassName: g, fullWidth: _ = !1, id: v, loading: y = null, loadingIndicator: b, loadingPosition: x = "center", size: S = "medium", startIcon: C, type: w, variant: T = "text", ...E } = a, D = ss(v), O = b ?? /*#__PURE__*/ c(uc, {
+	}), { children: o, color: s = "primary", component: u = "button", className: d, disabled: f = !1, disableElevation: p = !1, disableFocusRipple: m = !1, endIcon: h, focusVisibleClassName: g, fullWidth: _ = !1, id: v, loading: y = null, loadingIndicator: b, loadingPosition: x = "center", size: S = "medium", startIcon: C, type: w, variant: T = "text", ...E } = a, D = fs(v), O = b ?? /*#__PURE__*/ c(hc, {
 		"aria-labelledby": D,
 		color: "inherit",
 		size: 16
@@ -6164,30 +6176,30 @@ var hc = (e) => {
 		size: S,
 		type: w,
 		variant: T
-	}, A = hc(k), j = (C || y && x === "start") && /*#__PURE__*/ c(vc, {
+	}, A = bc(k), j = (C || y && x === "start") && /*#__PURE__*/ c(Cc, {
 		className: A.startIcon,
 		ownerState: k,
-		children: C || /*#__PURE__*/ c(xc, {
+		children: C || /*#__PURE__*/ c(Ec, {
 			className: A.loadingIconPlaceholder,
 			ownerState: k
 		})
-	}), M = (h || y && x === "end") && /*#__PURE__*/ c(yc, {
+	}), M = (h || y && x === "end") && /*#__PURE__*/ c(wc, {
 		className: A.endIcon,
 		ownerState: k,
-		children: h || /*#__PURE__*/ c(xc, {
+		children: h || /*#__PURE__*/ c(Ec, {
 			className: A.loadingIconPlaceholder,
 			ownerState: k
 		})
 	}), N = i || "", P = typeof y == "boolean" ? /*#__PURE__*/ c("span", {
 		className: A.loadingWrapper,
 		style: { display: "contents" },
-		children: y && /*#__PURE__*/ c(bc, {
+		children: y && /*#__PURE__*/ c(Tc, {
 			className: A.loadingIndicator,
 			ownerState: k,
 			children: O
 		})
 	}) : null, { root: ee, ...F } = A;
-	return /*#__PURE__*/ l(_c, {
+	return /*#__PURE__*/ l(Sc, {
 		ownerState: k,
 		className: V(r.className, A.root, d, N),
 		component: u,
@@ -6209,7 +6221,7 @@ var hc = (e) => {
 		]
 	});
 });
-process.env.NODE_ENV !== "production" && (Sc.propTypes = {
+process.env.NODE_ENV !== "production" && (Dc.propTypes = {
 	children: H.default.node,
 	classes: H.default.object,
 	className: H.default.string,
@@ -6263,54 +6275,54 @@ process.env.NODE_ENV !== "production" && (Sc.propTypes = {
 });
 //#endregion
 //#region node_modules/ai.akima/dist/ai-akima.es.js
-function Cc(e) {
+function Oc(e) {
 	let t = e % 1;
 	return t < 0 ? t + 1 : t;
 }
-function wc(e, t, n) {
+function kc(e, t, n) {
 	return {
 		x: e.x + (t.x - e.x) * n,
 		y: e.y + (t.y - e.y) * n
 	};
 }
-function Tc(e, t, n, r, i) {
+function Ac(e, t, n, r, i) {
 	let a = i * i, o = a * i;
 	return {
 		x: .5 * (2 * t.x + (-e.x + n.x) * i + (2 * e.x - 5 * t.x + 4 * n.x - r.x) * a + (-e.x + 3 * t.x - 3 * n.x + r.x) * o),
 		y: .5 * (2 * t.y + (-e.y + n.y) * i + (2 * e.y - 5 * t.y + 4 * n.y - r.y) * a + (-e.y + 3 * t.y - 3 * n.y + r.y) * o)
 	};
 }
-function Ec(e, t) {
+function jc(e, t) {
 	return e[(t % e.length + e.length) % e.length];
 }
-function Dc(e, t) {
+function Mc(e, t) {
 	return (e % t + t) % t;
 }
-function Oc(e, t) {
+function Nc(e, t) {
 	let n = t * e.length, r = Math.floor(n), i = n - r;
-	return Tc(Ec(e, r - 1), Ec(e, r), Ec(e, r + 1), Ec(e, r + 2), i);
+	return Ac(jc(e, r - 1), jc(e, r), jc(e, r + 1), jc(e, r + 2), i);
 }
-function kc(e) {
+function Pc(e) {
 	let t = e.length;
 	if (t === 0) return [];
-	let n = Array.from({ length: t }, (n, r) => e[Dc(r + 1, t)] - e[r]);
+	let n = Array.from({ length: t }, (n, r) => e[Mc(r + 1, t)] - e[r]);
 	return Array.from({ length: t }, (e, r) => {
-		let i = n[Dc(r - 2, t)], a = n[Dc(r - 1, t)], o = n[Dc(r, t)], s = n[Dc(r + 1, t)], c = Math.abs(s - o), l = Math.abs(a - i), u = c + l;
+		let i = n[Mc(r - 2, t)], a = n[Mc(r - 1, t)], o = n[Mc(r, t)], s = n[Mc(r + 1, t)], c = Math.abs(s - o), l = Math.abs(a - i), u = c + l;
 		return u > 1e-12 ? (c * a + l * o) / u : (a + o) / 2;
 	});
 }
-function Ac(e, t, n, r, i) {
+function Fc(e, t, n, r, i) {
 	let a = i * i, o = a * i;
 	return (2 * o - 3 * a + 1) * e + (o - 2 * a + i) * t + (-2 * o + 3 * a) * n + (o - a) * r;
 }
-function jc(e, t) {
-	let n = e.length, r = e.map((e) => e.x), i = e.map((e) => e.y), a = kc(r), o = kc(i), s = t * n, c = Math.floor(s), l = s - c, u = Dc(c, n), d = Dc(c + 1, n);
+function Ic(e, t) {
+	let n = e.length, r = e.map((e) => e.x), i = e.map((e) => e.y), a = Pc(r), o = Pc(i), s = t * n, c = Math.floor(s), l = s - c, u = Mc(c, n), d = Mc(c + 1, n);
 	return {
-		x: Ac(r[u], a[u], r[d], a[d], l),
-		y: Ac(i[u], o[u], i[d], o[d], l)
+		x: Fc(r[u], a[u], r[d], a[d], l),
+		y: Fc(i[u], o[u], i[d], o[d], l)
 	};
 }
-function Mc(e) {
+function Lc(e) {
 	if (e.length < 3) return e;
 	let t = e.reduce((e, t) => ({
 		x: e.x + t.x,
@@ -6329,7 +6341,7 @@ function Mc(e) {
 		distanceSquared: (e.x - n.x) * (e.x - n.x) + (e.y - n.y) * (e.y - n.y)
 	})).sort((e, t) => e.angle - t.angle || e.distanceSquared - t.distanceSquared || e.index - t.index).map(({ point: e }) => e);
 }
-function Nc(e) {
+function Rc(e) {
 	if (e.length === 0) return {
 		x: 0,
 		y: 0
@@ -6346,8 +6358,8 @@ function Nc(e) {
 		y: t.y / e.length
 	};
 }
-function Pc(e, t, n) {
-	let r = Nc(e), i = Lc(e, 1024, n), a = Math.cos(t), o = Math.sin(t), s = i[0] ?? {
+function zc(e, t, n) {
+	let r = Rc(e), i = Hc(e, 1024, n), a = Math.cos(t), o = Math.sin(t), s = i[0] ?? {
 		x: r.x,
 		y: r.y
 	}, c = Infinity;
@@ -6362,39 +6374,39 @@ function Pc(e, t, n) {
 	}
 	return s;
 }
-function Fc(e, t = "catmull") {
-	let n = Mc(e), r = Nc(n);
+function Bc(e, t = "catmull") {
+	let n = Lc(e), r = Rc(n);
 	return (e) => {
-		let i = Pc(n, e, t);
+		let i = zc(n, e, t);
 		return {
 			x: i.x + r.x,
 			y: i.y + r.y
 		};
 	};
 }
-function Ic(e, t, n = "catmull") {
-	let r = Mc(e);
+function Vc(e, t, n = "catmull") {
+	let r = Lc(e);
 	if (r.length === 0) return {
 		x: 0,
 		y: 0
 	};
 	if (r.length === 1) return { ...r[0] };
-	let i = Cc(t);
+	let i = Oc(t);
 	if (r.length === 2) {
 		let e = i * 2;
-		return e <= 1 ? wc(r[0], r[1], e) : wc(r[1], r[0], e - 1);
+		return e <= 1 ? kc(r[0], r[1], e) : kc(r[1], r[0], e - 1);
 	}
-	return n === "akima" ? jc(r, i) : Oc(r, i);
+	return n === "akima" ? Ic(r, i) : Nc(r, i);
 }
-function Lc(e, t, n = "catmull") {
+function Hc(e, t, n = "catmull") {
 	if (t <= 0) return [];
 	let r = [];
-	for (let i = 0; i < t; i += 1) r.push(Ic(e, i / t, n));
+	for (let i = 0; i < t; i += 1) r.push(Vc(e, i / t, n));
 	return r;
 }
 //#endregion
 //#region src/ModalImageCropped.tsx
-function Rc(e) {
+function Uc(e) {
 	let t = "ModalImageCropped", s = a(null), u = a(null), [d, f] = o([]), [p, m] = o([]), [g, _] = o(0), [x, T] = o(0), [E, D] = o(!1), [O, k] = o(void 0), [A, j] = o(0), [M, N] = o(0), [P, ee] = o(!1), [F, I] = o("[{ \"x\": 225.77, \"y\": 71.09 },\n{ \"x\": 225.77, \"y\": 289.70 },\n{ \"x\": 394.13, \"y\": 114.60 },\n{ \"x\": 60.40, \"y\": 176.28 },\n{ \"x\": 82.32, \"y\": 269.80 },\n{ \"x\": 335.36, \"y\": 271.79 },\n{ \"x\": 70.37, \"y\": 94.70 },\n{ \"x\": 376.20, \"y\": 89.72 },\n{ \"x\": 380.19, \"y\": 206.13 },\n{ \"x\": 320.41, \"y\": 75.80 },\n{ \"x\": 65.38, \"y\": 119.57 },\n{ \"x\": 113.20, \"y\": 78.78 }]"), L = w(), { t: R } = h(), z = e.actor.getSnapshot();
 	function te(e, t) {
 		e.save(), e.fillStyle = "black", e.font = "bold 14px sans-serif", e.textAlign = "center", e.textBaseline = "middle", e.fillText("®", t.x, t.y), e.restore();
@@ -6490,7 +6502,7 @@ function Rc(e) {
 		let t = e[0], n = e[1];
 		return -Math.atan2(t.y, t.x) > -Math.atan2(n.y, n.x);
 	}, me = n((e, t, n, r = !1) => {
-		let i = Fc(n, E ? "akima" : "catmull"), a = -Infinity, o = Infinity, s = -Infinity, c = Infinity, l = Array.from({ length: 128 }, (e, t) => {
+		let i = Bc(n, E ? "akima" : "catmull"), a = -Infinity, o = Infinity, s = -Infinity, c = Infinity, l = Array.from({ length: 128 }, (e, t) => {
 			let n = i(t * 2 * Math.PI / 128);
 			return n.x > a && (a = n.x), n.x < o && (o = n.x), n.y > s && (s = n.y), n.y < c && (c = n.y), n;
 		});
@@ -6553,7 +6565,7 @@ function Rc(e) {
 		for (let t of ge.polygon) e.lineTo(t.x, t.y);
 		return e.closePath(), e.fill(), e.stroke(), ge;
 	}, [ge]), V = i(() => {
-		if (z.value !== "Shape defined" || ge.polygon.length === 0) return {
+		if (z.value !== "Shape defined" && z.value !== "Trademark defined" || ge.polygon.length === 0) return {
 			points: [],
 			center: {
 				x: 0,
@@ -6579,33 +6591,70 @@ function Rc(e) {
 		let n = s.current, r = u.current;
 		if (!n || !r) return [];
 		let i = n.getContext("2d");
-		x === 0 ? i.drawImage(r, 0, 0) : (i.clearRect(0, 0, n.width, n.height), i.save(), i.translate(n.width / 2, n.height / 2), i.rotate(x), i.drawImage(r, -r.naturalWidth / 2, -r.naturalHeight / 2), i.restore()), i.setLineDash([]), x === 0 && ae(i, e, "red"), z.value !== "Shape defined" && z.value !== "idle" && (ae(i, p, "orange"), oe(i, p, "magenta", !0));
-		let { polygon: a } = _e(i);
-		if (z.value === "Shape defined") {
-			let { points: e, center: n } = V;
-			if (B(i, e, n, "red"), t && e.length > 0) {
-				let n = e[ie(t, e)], r = [
-					{
-						x: n.x + 10,
-						y: n.y
-					},
-					{
-						x: n.x,
-						y: n.y + 10
-					},
-					{
-						x: n.x - 10,
-						y: n.y
-					},
-					{
-						x: n.x,
-						y: n.y - 10
+		switch (x === 0 ? i.drawImage(r, 0, 0) : (i.clearRect(0, 0, n.width, n.height), i.save(), i.translate(n.width / 2, n.height / 2), i.rotate(x), i.drawImage(r, -r.naturalWidth / 2, -r.naturalHeight / 2), i.restore()), i.setLineDash([]), x === 0 && ae(i, e, "red"), z.value) {
+			case zo:
+				ae(i, p, "orange"), oe(i, p, "magenta", !0);
+				break;
+			case Bo:
+				{
+					let { points: e, center: n } = V;
+					if (B(i, e, n, "red"), t && e.length > 0) {
+						let n = e[ie(t, e)], r = [
+							{
+								x: n.x + 10,
+								y: n.y
+							},
+							{
+								x: n.x,
+								y: n.y + 10
+							},
+							{
+								x: n.x - 10,
+								y: n.y
+							},
+							{
+								x: n.x,
+								y: n.y - 10
+							}
+						];
+						oe(i, r, "black"), ne(i);
 					}
-				];
-				oe(i, r, "black");
-			}
+				}
+				break;
+			case Vo:
+				{
+					let { points: e, center: n } = V;
+					if (B(i, e, n, "red"), t && e.length > 0) {
+						let n = e[ie(t, e)], r = [
+							{
+								x: n.x + 10,
+								y: n.y
+							},
+							{
+								x: n.x,
+								y: n.y + 10
+							},
+							{
+								x: n.x - 10,
+								y: n.y
+							},
+							{
+								x: n.x,
+								y: n.y - 10
+							}
+						];
+						oe(i, r, "black"), ne(i);
+					}
+				}
+				ne(i);
+				break;
+			case Ho:
+				ne(i);
+				break;
+			default: console.log(`unknown state: ${z.value}`);
 		}
-		return (z.value === "Shape defined" || z.value === "idle") && O && ne(i), e.length === 2 && (z.value === "Image cropped" || z.value === "X-axis started") && ve(i, e), e.length === 1 && z.value === "X-axis started" && t && ve(i, e, t), a;
+		let { polygon: a } = _e(i);
+		return e.length === 2 && (z.value === "Image cropped" || z.value === "X-axis started") && ve(i, e), e.length === 1 && z.value === "X-axis started" && t && ve(i, e, t), a;
 	}, [
 		p,
 		oe,
@@ -6640,7 +6689,7 @@ function Rc(e) {
 	function xe(t, n) {
 		let r = n.x - t.x, i = n.y - t.y, a = -Math.atan2(i, r);
 		a > Math.PI / 2 && (a -= Math.PI), a < -Math.PI / 2 && (a += Math.PI), T(a), e.actor.send({
-			type: Yo,
+			type: Zo,
 			rotationAngle: a
 		}), _((e) => e + 1);
 	}
@@ -6652,7 +6701,7 @@ function Rc(e) {
 		};
 	}
 	function Ce() {
-		e.actor.getSnapshot().value === "Image cropped" && e.actor.send({ type: Jo }), e.actor.getSnapshot().value === "X-axis started" && e.actor.send({ type: Yo }), e.actor.getSnapshot().value === "X-axis finished" && e.actor.send({ type: Zo }), m((e) => [
+		e.actor.getSnapshot().value === "Image cropped" && e.actor.send({ type: Xo }), e.actor.getSnapshot().value === "X-axis started" && e.actor.send({ type: Zo }), e.actor.getSnapshot().value === "X-axis finished" && e.actor.send({ type: $o }), m((e) => [
 			...e,
 			{
 				x: 50,
@@ -6681,10 +6730,10 @@ function Rc(e) {
 		]);
 	}
 	function we() {
-		if (e.actor.send({ type: Qo }), !Fe) throw Error("SL is undefined");
+		if (!Fe) throw Error("SL is undefined");
 		if (!Ie) throw Error("SH is undefined");
 		let t = he(Fe, Ie, !0);
-		e.actor.getSnapshot().value === "Points defined" ? e.actor.send({ type: $o }) : e.actor.getSnapshot().value === "Trademark defined" ? e.actor.send({ type: Ho }) : e.onCloseModal(x, p, t, O)();
+		z.value === "Points defined" ? e.actor.send({ type: ts }) : z.value === "Shape defined" || z.value === "Trademark defined" ? e.actor.send({ type: Uo }) : e.onCloseModal(x, p, t, O)();
 	}
 	function Te() {
 		ee(!1);
@@ -6696,7 +6745,7 @@ function Rc(e) {
 		console.log(`handleChange called with value: ${e.target.value}`), I(e.target.value);
 	}
 	function Oe() {
-		e.actor.getSnapshot().value === "Image cropped" && e.actor.send({ type: Jo }), e.actor.getSnapshot().value === "X-axis started" && e.actor.send({ type: Yo }), e.actor.getSnapshot().value === "X-axis finished" && e.actor.send({ type: Zo });
+		e.actor.getSnapshot().value === "Image cropped" && e.actor.send({ type: Xo }), e.actor.getSnapshot().value === "X-axis started" && e.actor.send({ type: Zo }), e.actor.getSnapshot().value === "X-axis finished" && e.actor.send({ type: $o });
 		let t = JSON.parse(F);
 		Array.isArray(t) && m((e) => [...e, ...t]);
 	}
@@ -6712,31 +6761,54 @@ function Rc(e) {
 		let n = e.actor.getSnapshot(), r = s.current;
 		if (!r || !u.current) return;
 		let i = Se(r, t), a = t.button === 2;
-		if (n.value === "Image cropped" || n.value === "X-axis started") {
-			if (a) {
-				console.log("right mouse button clicked"), f((e) => e.slice(0, -1)), T(0), be(Xo);
-				return;
-			}
-			{
-				let e = Se(r, t);
-				f((t) => (t.length % 2 == 0 ? be(Jo) : t.length % 2 == 1 && xe(t[0], e), t.length < 2 ? [...t, e] : [e]));
-			}
-			return;
-		}
-		if (n.value === "X-axis finished" || n.value === "Points defined") {
-			let e = Se(r, t);
-			a ? m((t) => {
-				let n = ke(t, e);
-				if (n !== -1) {
-					let e = [...t];
-					return e.splice(n, 1), e;
+		switch (n.value) {
+			case No:
+				console.log("handleMouseDown: state is IDLE");
+				break;
+			case Io:
+			case Lo:
+				if (a) {
+					console.log("right mouse button clicked"), f((e) => e.slice(0, -1)), T(0), be(Qo);
+					return;
 				}
-				return t;
-			}) : (m((t) => [...t, e]), be(Zo));
-		} else if (n.value === "Shape defined") {
-			let { points: e } = V, t = e[ie(i, e)];
-			k(t);
-		} else console.error(`handleMouseDown: unexpected state ${n.value}`);
+				{
+					let e = Se(r, t);
+					f((t) => (t.length % 2 == 0 ? be(Xo) : t.length % 2 == 1 && xe(t[0], e), t.length < 2 ? [...t, e] : [e]));
+				}
+				break;
+			case zo:
+			case Ro:
+				{
+					let e = Se(r, t);
+					a ? m((t) => {
+						let n = ke(t, e);
+						if (n !== -1) {
+							let e = [...t];
+							return e.splice(n, 1), e;
+						}
+						return t;
+					}) : (m((t) => [...t, e]), be($o));
+				}
+				break;
+			case Bo:
+				if (a) k(void 0), e.actor.send({ type: ns });
+				else {
+					let { points: t } = V, n = t[ie(i, t)];
+					k(n), e.actor.send({ type: es });
+				}
+				break;
+			case Vo:
+				if (console.log("handleMouseDown: state is TRADEMARK_DEFINED"), a) k(void 0), e.actor.send({ type: rs });
+				else {
+					let { points: t } = V, n = t[ie(i, t)];
+					k(n), e.actor.send({ type: es });
+				}
+				break;
+			case Ho:
+				console.log("handleMouseDown: state is FINISHED"), a && e.actor.send({ type: is });
+				break;
+			default: console.log(`handleMouseDown: unhandled state ${n.value}`);
+		}
 	}
 	function je(e) {
 		let t = s.current;
@@ -6752,7 +6824,7 @@ function Rc(e) {
 	}
 	let Pe = (e) => {
 		D(e.target.checked);
-	}, Fe = e.actor.getSnapshot().context.SL, Ie = e.actor.getSnapshot().context.SH, Le = e.actor.getSnapshot().context.AZG, Re = z.value === "Points defined" && p.length > 3 ? R("main.identify.button.finish", { defaultValue: "Finish" }) : z.value === "Trademark defined" ? R("main.identify.button.finish1", { defaultValue: "Finish 1" }) : z.value === "idle" ? R("main.identify.button.finish2", { defaultValue: "Finish 2" }) : R("main.identify.button.undo", { defaultValue: "Undo" });
+	}, Fe = e.actor.getSnapshot().context.SL, Ie = e.actor.getSnapshot().context.SH, Le = e.actor.getSnapshot().context.AZG, Re = z.value === "Points defined" && p.length > 3 ? R("main.identify.button.finish", { defaultValue: "Finish" }) : z.value === "Trademark defined" ? R("main.identify.button.finish1", { defaultValue: "Finish 1" }) : z.value === "idle" ? R("main.identify.button.finishActionReally", { defaultValue: "Finish now" }) : z.value === "Shape defined" ? R("main.identify.button.finishAction", { defaultValue: "Finish action" }) : R("main.identify.button.finishXXX", { defaultValue: "Undo" });
 	return /* @__PURE__ */ c(Mo, {
 		"data-testid": `${t}.Modal`,
 		sx: {
@@ -6773,7 +6845,7 @@ function Rc(e) {
 				backgroundColor: L.palette.primary.main
 			},
 			children: [
-				/* @__PURE__ */ c(ns, {
+				/* @__PURE__ */ c(ss, {
 					actor: e.actor,
 					testMode: e.testMode
 				}, g),
@@ -6852,14 +6924,14 @@ function Rc(e) {
 							})
 						] }),
 						(z.value === "Image cropped" || z.value === "X-axis started" || z.value === "X-axis finished") && /* @__PURE__ */ l("div", { children: [
-							/* @__PURE__ */ c(Sc, {
+							/* @__PURE__ */ c(Dc, {
 								color: "secondary",
 								variant: "outlined",
 								size: "small",
 								onClick: Ce,
 								children: "Test"
 							}),
-							/* @__PURE__ */ c(Sc, {
+							/* @__PURE__ */ c(Dc, {
 								color: "secondary",
 								variant: "outlined",
 								size: "small",
@@ -6869,7 +6941,7 @@ function Rc(e) {
 							/* @__PURE__ */ c(Mo, {
 								open: P,
 								onClose: Te,
-								children: /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(Sc, {
+								children: /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(Dc, {
 									color: "secondary",
 									variant: "outlined",
 									size: "small",
@@ -6881,7 +6953,8 @@ function Rc(e) {
 								})] })
 							})
 						] }),
-						/* @__PURE__ */ c(Sc, {
+						/* @__PURE__ */ c(Dc, {
+							"data-testId": `${t}.button.finish`,
 							color: "secondary",
 							variant: "contained",
 							size: "small",
@@ -6895,6 +6968,6 @@ function Rc(e) {
 	});
 }
 //#endregion
-export { Go as ACTION_CROP, Ho as ACTION_RESET, Ko as ACTION_SKIP_CROP, qo as ACTION_UNDO_CROP, Rc as ModalImageCropped, as as ModalImageLoaded, ts as identifyMachine };
+export { qo as ACTION_CROP, Wo as ACTION_RESET, Jo as ACTION_SKIP_CROP, Yo as ACTION_UNDO_CROP, Uc as ModalImageCropped, us as ModalImageLoaded, os as identifyMachine };
 
 //# sourceMappingURL=frame.identify.js.map