dynamic-mui 2.5.3 → 2.6.1

package/dist/signature-HiL8FJ6C.mjs

@@ -0,0 +1,1116 @@
+import { c as e, r as t, s as n } from "./validation-BRcYhhsT.mjs";
+import { t as r } from "./s3Upload-HtE088XA.mjs";
+import i, { Component as a, useEffect as o, useRef as s, useState as c } from "react";
+import { Box as l, Button as u, CircularProgress as d, Typography as f } from "@mui/material";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/extends.js
+function h() {
+	return h = Object.assign ? Object.assign.bind() : function(e) {
+		for (var t = 1; t < arguments.length; t++) {
+			var n = arguments[t];
+			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+		}
+		return e;
+	}, h.apply(null, arguments);
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+function g(e, t) {
+	if (e == null) return {};
+	var n = {};
+	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
+		if (t.indexOf(r) !== -1) continue;
+		n[r] = e[r];
+	}
+	return n;
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
+function _(e, t) {
+	if (e == null) return {};
+	var n, r, i = g(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var a = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < a.length; r++) n = a[r], t.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
+	}
+	return i;
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/typeof.js
+function v(e) {
+	"@babel/helpers - typeof";
+	return v = 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;
+	}, v(e);
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+function y(e, t) {
+	if (v(e) != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (v(r) != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+function b(e) {
+	var t = y(e, "string");
+	return v(t) == "symbol" ? t : t + "";
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/createClass.js
+function x(e, t) {
+	for (var n = 0; n < t.length; n++) {
+		var r = t[n];
+		r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, b(r.key), r);
+	}
+}
+function S(e, t, n) {
+	return t && x(e.prototype, t), n && x(e, n), Object.defineProperty(e, "prototype", { writable: !1 }), e;
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/classCallCheck.js
+function C(e, t) {
+	if (!(e instanceof t)) throw TypeError("Cannot call a class as a function");
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+function w(e, t) {
+	return w = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+		return e.__proto__ = t, e;
+	}, w(e, t);
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/inherits.js
+function T(e, t) {
+	if (typeof t != "function" && t !== null) throw TypeError("Super expression must either be null or a function");
+	e.prototype = Object.create(t && t.prototype, { constructor: {
+		value: e,
+		writable: !0,
+		configurable: !0
+	} }), Object.defineProperty(e, "prototype", { writable: !1 }), t && w(e, t);
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
+function E(e) {
+	return E = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+		return e.__proto__ || Object.getPrototypeOf(e);
+	}, E(e);
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
+function D() {
+	try {
+		var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+	} catch {}
+	return (D = function() {
+		return !!e;
+	})();
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
+function O(e) {
+	if (e === void 0) throw ReferenceError("this hasn't been initialised - super() hasn't been called");
+	return e;
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
+function k(e, t) {
+	if (t && (v(t) == "object" || typeof t == "function")) return t;
+	if (t !== void 0) throw TypeError("Derived constructors may only return object or undefined");
+	return O(e);
+}
+// node_modules/react-signature-canvas/node_modules/@babel/runtime/helpers/esm/createSuper.js
+function A(e) {
+	var t = D();
+	return function() {
+		var n, r = E(e);
+		if (t) {
+			var i = E(this).constructor;
+			n = Reflect.construct(r, arguments, i);
+		} else n = r.apply(this, arguments);
+		return k(this, n);
+	};
+}
+// node_modules/react-is/cjs/react-is.production.min.js
+var j = /* @__PURE__ */ n(((e) => {
+	var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
+	function b(e) {
+		if (typeof e == "object" && e) {
+			var t = e.$$typeof;
+			switch (t) {
+				case n: switch (e = e.type, e) {
+					case l:
+					case u:
+					case i:
+					case o:
+					case a:
+					case f: return e;
+					default: switch (e &&= e.$$typeof, e) {
+						case c:
+						case d:
+						case h:
+						case m:
+						case s: return e;
+						default: return t;
+					}
+				}
+				case r: return t;
+			}
+		}
+	}
+	function x(e) {
+		return b(e) === u;
+	}
+	e.AsyncMode = l, e.ConcurrentMode = u, e.ContextConsumer = c, e.ContextProvider = s, e.Element = n, e.ForwardRef = d, e.Fragment = i, e.Lazy = h, e.Memo = m, e.Portal = r, e.Profiler = o, e.StrictMode = a, e.Suspense = f, e.isAsyncMode = function(e) {
+		return x(e) || b(e) === l;
+	}, e.isConcurrentMode = x, e.isContextConsumer = function(e) {
+		return b(e) === c;
+	}, e.isContextProvider = function(e) {
+		return b(e) === s;
+	}, e.isElement = function(e) {
+		return typeof e == "object" && !!e && e.$$typeof === n;
+	}, e.isForwardRef = function(e) {
+		return b(e) === d;
+	}, e.isFragment = function(e) {
+		return b(e) === i;
+	}, e.isLazy = function(e) {
+		return b(e) === h;
+	}, e.isMemo = function(e) {
+		return b(e) === m;
+	}, e.isPortal = function(e) {
+		return b(e) === r;
+	}, e.isProfiler = function(e) {
+		return b(e) === o;
+	}, e.isStrictMode = function(e) {
+		return b(e) === a;
+	}, e.isSuspense = function(e) {
+		return b(e) === f;
+	}, e.isValidElementType = function(e) {
+		return typeof e == "string" || typeof e == "function" || e === i || e === u || e === o || e === a || e === f || e === p || typeof e == "object" && !!e && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === s || e.$$typeof === c || e.$$typeof === d || e.$$typeof === _ || e.$$typeof === v || e.$$typeof === y || e.$$typeof === g);
+	}, e.typeOf = b;
+})), M = /* @__PURE__ */ n(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
+		function b(e) {
+			return typeof e == "string" || typeof e == "function" || e === i || e === u || e === o || e === a || e === f || e === p || typeof e == "object" && !!e && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === s || e.$$typeof === c || e.$$typeof === d || e.$$typeof === _ || e.$$typeof === v || e.$$typeof === y || e.$$typeof === g);
+		}
+		function x(e) {
+			if (typeof e == "object" && e) {
+				var t = e.$$typeof;
+				switch (t) {
+					case n:
+						var p = e.type;
+						switch (p) {
+							case l:
+							case u:
+							case i:
+							case o:
+							case a:
+							case f: return p;
+							default:
+								var g = p && p.$$typeof;
+								switch (g) {
+									case c:
+									case d:
+									case h:
+									case m:
+									case s: return g;
+									default: return t;
+								}
+						}
+					case r: return t;
+				}
+			}
+		}
+		var S = l, C = u, w = c, T = s, E = n, D = d, O = i, k = h, A = m, j = r, M = o, N = a, P = f, F = !1;
+		function I(e) {
+			return F || (F = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), L(e) || x(e) === l;
+		}
+		function L(e) {
+			return x(e) === u;
+		}
+		function R(e) {
+			return x(e) === c;
+		}
+		function z(e) {
+			return x(e) === s;
+		}
+		function B(e) {
+			return typeof e == "object" && !!e && e.$$typeof === n;
+		}
+		function V(e) {
+			return x(e) === d;
+		}
+		function H(e) {
+			return x(e) === i;
+		}
+		function U(e) {
+			return x(e) === h;
+		}
+		function W(e) {
+			return x(e) === m;
+		}
+		function G(e) {
+			return x(e) === r;
+		}
+		function K(e) {
+			return x(e) === o;
+		}
+		function q(e) {
+			return x(e) === a;
+		}
+		function J(e) {
+			return x(e) === f;
+		}
+		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = w, e.ContextProvider = T, e.Element = E, e.ForwardRef = D, e.Fragment = O, e.Lazy = k, e.Memo = A, e.Portal = j, e.Profiler = M, e.StrictMode = N, e.Suspense = P, e.isAsyncMode = I, e.isConcurrentMode = L, e.isContextConsumer = R, e.isContextProvider = z, e.isElement = B, e.isForwardRef = V, e.isFragment = H, e.isLazy = U, e.isMemo = W, e.isPortal = G, e.isProfiler = K, e.isStrictMode = q, e.isSuspense = J, e.isValidElementType = b, e.typeOf = x;
+	})();
+})), N = /* @__PURE__ */ n(((e, t) => {
+	t.exports = process.env.NODE_ENV === "production" ? j() : M();
+})), P = /* @__PURE__ */ n(((e, t) => {
+	var n = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
+	function a(e) {
+		if (e == null) throw TypeError("Object.assign cannot be called with null or undefined");
+		return Object(e);
+	}
+	function o() {
+		try {
+			if (!Object.assign) return !1;
+			var e = /* @__PURE__ */ new String("abc");
+			if (e[5] = "de", Object.getOwnPropertyNames(e)[0] === "5") return !1;
+			for (var t = {}, n = 0; n < 10; n++) t["_" + String.fromCharCode(n)] = n;
+			if (Object.getOwnPropertyNames(t).map(function(e) {
+				return t[e];
+			}).join("") !== "0123456789") return !1;
+			var r = {};
+			return "abcdefghijklmnopqrst".split("").forEach(function(e) {
+				r[e] = e;
+			}), Object.keys(Object.assign({}, r)).join("") === "abcdefghijklmnopqrst";
+		} catch {
+			return !1;
+		}
+	}
+	t.exports = o() ? Object.assign : function(e, t) {
+		for (var o, s = a(e), c, l = 1; l < arguments.length; l++) {
+			for (var u in o = Object(arguments[l]), o) r.call(o, u) && (s[u] = o[u]);
+			if (n) {
+				c = n(o);
+				for (var d = 0; d < c.length; d++) i.call(o, c[d]) && (s[c[d]] = o[c[d]]);
+			}
+		}
+		return s;
+	};
+})), F = /* @__PURE__ */ n(((e, t) => {
+	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+})), I = /* @__PURE__ */ n(((e, t) => {
+	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
+})), L = /* @__PURE__ */ n(((e, t) => {
+	var n = function() {};
+	if (process.env.NODE_ENV !== "production") {
+		var r = F(), i = {}, a = I();
+		n = function(e) {
+			var t = "Warning: " + e;
+			typeof console < "u" && console.error(t);
+			try {
+				throw Error(t);
+			} catch {}
+		};
+	}
+	function o(e, t, o, s, c) {
+		if (process.env.NODE_ENV !== "production") {
+			for (var l in e) if (a(e, l)) {
+				var u;
+				try {
+					if (typeof e[l] != "function") {
+						var d = Error((s || "React class") + ": " + o + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+						throw d.name = "Invariant Violation", d;
+					}
+					u = e[l](t, l, s, o, null, r);
+				} catch (e) {
+					u = e;
+				}
+				if (u && !(u instanceof Error) && n((s || "React class") + ": type specification of " + o + " `" + l + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof u + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."), u instanceof Error && !(u.message in i)) {
+					i[u.message] = !0;
+					var f = c ? c() : "";
+					n("Failed " + o + " type: " + u.message + (f ?? ""));
+				}
+			}
+		}
+	}
+	o.resetWarningCache = function() {
+		process.env.NODE_ENV !== "production" && (i = {});
+	}, t.exports = o;
+})), R = /* @__PURE__ */ n(((e, t) => {
+	var n = N(), r = P(), i = F(), a = I(), o = L(), s = function() {};
+	process.env.NODE_ENV !== "production" && (s = function(e) {
+		var t = "Warning: " + e;
+		typeof console < "u" && console.error(t);
+		try {
+			throw Error(t);
+		} catch {}
+	});
+	function c() {
+		return null;
+	}
+	t.exports = function(e, t) {
+		var l = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
+		function d(e) {
+			var t = e && (l && e[l] || e[u]);
+			if (typeof t == "function") return t;
+		}
+		var f = "<<anonymous>>", p = {
+			array: _("array"),
+			bigint: _("bigint"),
+			bool: _("boolean"),
+			func: _("function"),
+			number: _("number"),
+			object: _("object"),
+			string: _("string"),
+			symbol: _("symbol"),
+			any: v(),
+			arrayOf: y,
+			element: b(),
+			elementType: x(),
+			instanceOf: S,
+			node: E(),
+			objectOf: w,
+			oneOf: C,
+			oneOfType: T,
+			shape: O,
+			exact: k
+		};
+		function m(e, t) {
+			return e === t ? e !== 0 || 1 / e == 1 / t : e !== e && t !== t;
+		}
+		function h(e, t) {
+			this.message = e, this.data = t && typeof t == "object" ? t : {}, this.stack = "";
+		}
+		h.prototype = Error.prototype;
+		function g(e) {
+			if (process.env.NODE_ENV !== "production") var n = {}, r = 0;
+			function a(a, o, c, l, u, d, p) {
+				if (l ||= f, d ||= c, p !== i) {
+					if (t) {
+						var m = /* @__PURE__ */ Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");
+						throw m.name = "Invariant Violation", m;
+					}
+					if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+						var g = l + ":" + c;
+						!n[g] && r < 3 && (s("You are manually calling a React.PropTypes validation function for the `" + d + "` prop on `" + l + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."), n[g] = !0, r++);
+					}
+				}
+				return o[c] == null ? a ? o[c] === null ? new h("The " + u + " `" + d + "` is marked as required " + ("in `" + l + "`, but its value is `null`.")) : new h("The " + u + " `" + d + "` is marked as required in " + ("`" + l + "`, but its value is `undefined`.")) : null : e(o, c, l, u, d);
+			}
+			var o = a.bind(null, !1);
+			return o.isRequired = a.bind(null, !0), o;
+		}
+		function _(e) {
+			function t(t, n, r, i, a, o) {
+				var s = t[n];
+				if (M(s) !== e) {
+					var c = N(s);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + c + "` supplied to `" + r + "`, expected ") + ("`" + e + "`."), { expectedType: e });
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function v() {
+			return g(c);
+		}
+		function y(e) {
+			function t(t, n, r, a, o) {
+				if (typeof e != "function") return new h("Property `" + o + "` of component `" + r + "` has invalid PropType notation inside arrayOf.");
+				var s = t[n];
+				if (!Array.isArray(s)) {
+					var c = M(s);
+					return new h("Invalid " + a + " `" + o + "` of type " + ("`" + c + "` supplied to `" + r + "`, expected an array."));
+				}
+				for (var l = 0; l < s.length; l++) {
+					var u = e(s, l, r, a, o + "[" + l + "]", i);
+					if (u instanceof Error) return u;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function b() {
+			function t(t, n, r, i, a) {
+				var o = t[n];
+				if (!e(o)) {
+					var s = M(o);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + s + "` supplied to `" + r + "`, expected a single ReactElement."));
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function x() {
+			function e(e, t, r, i, a) {
+				var o = e[t];
+				if (!n.isValidElementType(o)) {
+					var s = M(o);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + s + "` supplied to `" + r + "`, expected a single ReactElement type."));
+				}
+				return null;
+			}
+			return g(e);
+		}
+		function S(e) {
+			function t(t, n, r, i, a) {
+				if (!(t[n] instanceof e)) {
+					var o = e.name || f, s = F(t[n]);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + s + "` supplied to `" + r + "`, expected ") + ("instance of `" + o + "`."));
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function C(e) {
+			if (!Array.isArray(e)) return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s("Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).") : s("Invalid argument supplied to oneOf, expected an array.")), c;
+			function t(t, n, r, i, a) {
+				for (var o = t[n], s = 0; s < e.length; s++) if (m(o, e[s])) return null;
+				var c = JSON.stringify(e, function(e, t) {
+					return N(t) === "symbol" ? String(t) : t;
+				});
+				return new h("Invalid " + i + " `" + a + "` of value `" + String(o) + "` " + ("supplied to `" + r + "`, expected one of " + c + "."));
+			}
+			return g(t);
+		}
+		function w(e) {
+			function t(t, n, r, o, s) {
+				if (typeof e != "function") return new h("Property `" + s + "` of component `" + r + "` has invalid PropType notation inside objectOf.");
+				var c = t[n], l = M(c);
+				if (l !== "object") return new h("Invalid " + o + " `" + s + "` of type " + ("`" + l + "` supplied to `" + r + "`, expected an object."));
+				for (var u in c) if (a(c, u)) {
+					var d = e(c, u, r, o, s + "." + u, i);
+					if (d instanceof Error) return d;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function T(e) {
+			if (!Array.isArray(e)) return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), c;
+			for (var t = 0; t < e.length; t++) {
+				var n = e[t];
+				if (typeof n != "function") return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + P(n) + " at index " + t + "."), c;
+			}
+			function r(t, n, r, o, s) {
+				for (var c = [], l = 0; l < e.length; l++) {
+					var u = e[l], d = u(t, n, r, o, s, i);
+					if (d == null) return null;
+					d.data && a(d.data, "expectedType") && c.push(d.data.expectedType);
+				}
+				var f = c.length > 0 ? ", expected one of type [" + c.join(", ") + "]" : "";
+				return new h("Invalid " + o + " `" + s + "` supplied to " + ("`" + r + "`" + f + "."));
+			}
+			return g(r);
+		}
+		function E() {
+			function e(e, t, n, r, i) {
+				return A(e[t]) ? null : new h("Invalid " + r + " `" + i + "` supplied to " + ("`" + n + "`, expected a ReactNode."));
+			}
+			return g(e);
+		}
+		function D(e, t, n, r, i) {
+			return new h((e || "React class") + ": " + t + " type `" + n + "." + r + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + i + "`.");
+		}
+		function O(e) {
+			function t(t, n, r, a, o) {
+				var s = t[n], c = M(s);
+				if (c !== "object") return new h("Invalid " + a + " `" + o + "` of type `" + c + "` " + ("supplied to `" + r + "`, expected `object`."));
+				for (var l in e) {
+					var u = e[l];
+					if (typeof u != "function") return D(r, a, o, l, N(u));
+					var d = u(s, l, r, a, o + "." + l, i);
+					if (d) return d;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function k(e) {
+			function t(t, n, o, s, c) {
+				var l = t[n], u = M(l);
+				if (u !== "object") return new h("Invalid " + s + " `" + c + "` of type `" + u + "` " + ("supplied to `" + o + "`, expected `object`."));
+				for (var d in r({}, t[n], e)) {
+					var f = e[d];
+					if (a(e, d) && typeof f != "function") return D(o, s, c, d, N(f));
+					if (!f) return new h("Invalid " + s + " `" + c + "` key `" + d + "` supplied to `" + o + "`.\nBad object: " + JSON.stringify(t[n], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(e), null, "  "));
+					var p = f(l, d, o, s, c + "." + d, i);
+					if (p) return p;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function A(t) {
+			switch (typeof t) {
+				case "number":
+				case "string":
+				case "undefined": return !0;
+				case "boolean": return !t;
+				case "object":
+					if (Array.isArray(t)) return t.every(A);
+					if (t === null || e(t)) return !0;
+					var n = d(t);
+					if (n) {
+						var r = n.call(t), i;
+						if (n !== t.entries) {
+							for (; !(i = r.next()).done;) if (!A(i.value)) return !1;
+						} else for (; !(i = r.next()).done;) {
+							var a = i.value;
+							if (a && !A(a[1])) return !1;
+						}
+					} else return !1;
+					return !0;
+				default: return !1;
+			}
+		}
+		function j(e, t) {
+			return e === "symbol" ? !0 : t ? t["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && t instanceof Symbol : !1;
+		}
+		function M(e) {
+			var t = typeof e;
+			return Array.isArray(e) ? "array" : e instanceof RegExp ? "object" : j(t, e) ? "symbol" : t;
+		}
+		function N(e) {
+			if (e == null) return "" + e;
+			var t = M(e);
+			if (t === "object") {
+				if (e instanceof Date) return "date";
+				if (e instanceof RegExp) return "regexp";
+			}
+			return t;
+		}
+		function P(e) {
+			var t = N(e);
+			switch (t) {
+				case "array":
+				case "object": return "an " + t;
+				case "boolean":
+				case "date":
+				case "regexp": return "a " + t;
+				default: return t;
+			}
+		}
+		function F(e) {
+			return !e.constructor || !e.constructor.name ? f : e.constructor.name;
+		}
+		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
+	};
+})), z = /* @__PURE__ */ n(((e, t) => {
+	var n = F();
+	function r() {}
+	function i() {}
+	i.resetWarningCache = r, t.exports = function() {
+		function e(e, t, r, i, a, o) {
+			if (o !== n) {
+				var s = /* @__PURE__ */ Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
+				throw s.name = "Invariant Violation", s;
+			}
+		}
+		e.isRequired = e;
+		function t() {
+			return e;
+		}
+		var a = {
+			array: e,
+			bigint: e,
+			bool: e,
+			func: e,
+			number: e,
+			object: e,
+			string: e,
+			symbol: e,
+			any: e,
+			arrayOf: t,
+			element: e,
+			elementType: e,
+			instanceOf: t,
+			node: e,
+			objectOf: t,
+			oneOf: t,
+			oneOfType: t,
+			shape: t,
+			exact: t,
+			checkPropTypes: i,
+			resetWarningCache: r
+		};
+		return a.PropTypes = a, a;
+	};
+})), B = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
+	if (process.env.NODE_ENV !== "production") {
+		var n = N();
+		t.exports = R()(n.isElement, !0);
+	} else t.exports = z()();
+})))(), 1);
+function V(e, t, n) {
+	this.x = e, this.y = t, this.time = n || (/* @__PURE__ */ new Date()).getTime();
+}
+V.prototype.velocityFrom = function(e) {
+	return this.time === e.time ? 1 : this.distanceTo(e) / (this.time - e.time);
+}, V.prototype.distanceTo = function(e) {
+	return Math.sqrt((this.x - e.x) ** 2 + (this.y - e.y) ** 2);
+}, V.prototype.equals = function(e) {
+	return this.x === e.x && this.y === e.y && this.time === e.time;
+};
+function H(e, t, n, r) {
+	this.startPoint = e, this.control1 = t, this.control2 = n, this.endPoint = r;
+}
+H.prototype.length = function() {
+	for (var e = 10, t = 0, n = void 0, r = void 0, i = 0; i <= e; i += 1) {
+		var a = i / e, o = this._point(a, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), s = this._point(a, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
+		if (i > 0) {
+			var c = o - n, l = s - r;
+			t += Math.sqrt(c * c + l * l);
+		}
+		n = o, r = s;
+	}
+	return t;
+}, H.prototype._point = function(e, t, n, r, i) {
+	return t * (1 - e) * (1 - e) * (1 - e) + 3 * n * (1 - e) * (1 - e) * e + 3 * r * (1 - e) * e * e + i * e * e * e;
+};
+function U(e, t, n) {
+	var r, i, a, o = null, s = 0;
+	n ||= {};
+	var c = function() {
+		s = n.leading === !1 ? 0 : Date.now(), o = null, a = e.apply(r, i), o || (r = i = null);
+	};
+	return function() {
+		var l = Date.now();
+		!s && n.leading === !1 && (s = l);
+		var u = t - (l - s);
+		return r = this, i = arguments, u <= 0 || u > t ? (o &&= (clearTimeout(o), null), s = l, a = e.apply(r, i), o || (r = i = null)) : !o && n.trailing !== !1 && (o = setTimeout(c, u)), a;
+	};
+}
+function W(e, t) {
+	var n = this, r = t || {};
+	this.velocityFilterWeight = r.velocityFilterWeight || .7, this.minWidth = r.minWidth || .5, this.maxWidth = r.maxWidth || 2.5, this.throttle = "throttle" in r ? r.throttle : 16, this.minDistance = "minDistance" in r ? r.minDistance : 5, this._strokeMoveUpdate = this.throttle ? U(W.prototype._strokeUpdate, this.throttle) : W.prototype._strokeUpdate, this.dotSize = r.dotSize || function() {
+		return (this.minWidth + this.maxWidth) / 2;
+	}, this.penColor = r.penColor || "black", this.backgroundColor = r.backgroundColor || "rgba(0,0,0,0)", this.onBegin = r.onBegin, this.onEnd = r.onEnd, this._canvas = e, this._ctx = e.getContext("2d"), this.clear(), this._handleMouseDown = function(e) {
+		e.which === 1 && (n._mouseButtonDown = !0, n._strokeBegin(e));
+	}, this._handleMouseMove = function(e) {
+		n._mouseButtonDown && n._strokeMoveUpdate(e);
+	}, this._handleMouseUp = function(e) {
+		e.which === 1 && n._mouseButtonDown && (n._mouseButtonDown = !1, n._strokeEnd(e));
+	}, this._handleTouchStart = function(e) {
+		if (e.targetTouches.length === 1) {
+			var t = e.changedTouches[0];
+			n._strokeBegin(t);
+		}
+	}, this._handleTouchMove = function(e) {
+		e.preventDefault();
+		var t = e.targetTouches[0];
+		n._strokeMoveUpdate(t);
+	}, this._handleTouchEnd = function(e) {
+		e.target === n._canvas && (e.preventDefault(), n._strokeEnd(e));
+	}, this.on();
+}
+W.prototype.clear = function() {
+	var e = this._ctx, t = this._canvas;
+	e.fillStyle = this.backgroundColor, e.clearRect(0, 0, t.width, t.height), e.fillRect(0, 0, t.width, t.height), this._data = [], this._reset(), this._isEmpty = !0;
+}, W.prototype.fromDataURL = function(e) {
+	var t = this, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = new Image(), i = n.ratio || window.devicePixelRatio || 1, a = n.width || this._canvas.width / i, o = n.height || this._canvas.height / i;
+	this._reset(), r.src = e, r.onload = function() {
+		t._ctx.drawImage(r, 0, 0, a, o);
+	}, this._isEmpty = !1;
+}, W.prototype.toDataURL = function(e) {
+	var t;
+	switch (e) {
+		case "image/svg+xml": return this._toSVG();
+		default:
+			var n = [...arguments].slice(1);
+			return (t = this._canvas).toDataURL.apply(t, [e].concat(n));
+	}
+}, W.prototype.on = function() {
+	this._handleMouseEvents(), this._handleTouchEvents();
+}, W.prototype.off = function() {
+	this._canvas.removeEventListener("mousedown", this._handleMouseDown), this._canvas.removeEventListener("mousemove", this._handleMouseMove), document.removeEventListener("mouseup", this._handleMouseUp), this._canvas.removeEventListener("touchstart", this._handleTouchStart), this._canvas.removeEventListener("touchmove", this._handleTouchMove), this._canvas.removeEventListener("touchend", this._handleTouchEnd);
+}, W.prototype.isEmpty = function() {
+	return this._isEmpty;
+}, W.prototype._strokeBegin = function(e) {
+	this._data.push([]), this._reset(), this._strokeUpdate(e), typeof this.onBegin == "function" && this.onBegin(e);
+}, W.prototype._strokeUpdate = function(e) {
+	var t = e.clientX, n = e.clientY, r = this._createPoint(t, n), i = this._data[this._data.length - 1], a = i && i[i.length - 1], o = a && r.distanceTo(a) < this.minDistance;
+	if (!(a && o)) {
+		var s = this._addPoint(r), c = s.curve, l = s.widths;
+		c && l && this._drawCurve(c, l.start, l.end), this._data[this._data.length - 1].push({
+			x: r.x,
+			y: r.y,
+			time: r.time,
+			color: this.penColor
+		});
+	}
+}, W.prototype._strokeEnd = function(e) {
+	var t = this.points.length > 2, n = this.points[0];
+	if (!t && n && this._drawDot(n), n) {
+		var r = this._data[this._data.length - 1], i = r[r.length - 1];
+		n.equals(i) || r.push({
+			x: n.x,
+			y: n.y,
+			time: n.time,
+			color: this.penColor
+		});
+	}
+	typeof this.onEnd == "function" && this.onEnd(e);
+}, W.prototype._handleMouseEvents = function() {
+	this._mouseButtonDown = !1, this._canvas.addEventListener("mousedown", this._handleMouseDown), this._canvas.addEventListener("mousemove", this._handleMouseMove), document.addEventListener("mouseup", this._handleMouseUp);
+}, W.prototype._handleTouchEvents = function() {
+	this._canvas.style.msTouchAction = "none", this._canvas.style.touchAction = "none", this._canvas.addEventListener("touchstart", this._handleTouchStart), this._canvas.addEventListener("touchmove", this._handleTouchMove), this._canvas.addEventListener("touchend", this._handleTouchEnd);
+}, W.prototype._reset = function() {
+	this.points = [], this._lastVelocity = 0, this._lastWidth = (this.minWidth + this.maxWidth) / 2, this._ctx.fillStyle = this.penColor;
+}, W.prototype._createPoint = function(e, t, n) {
+	var r = this._canvas.getBoundingClientRect();
+	return new V(e - r.left, t - r.top, n || (/* @__PURE__ */ new Date()).getTime());
+}, W.prototype._addPoint = function(e) {
+	var t = this.points, n = void 0;
+	if (t.push(e), t.length > 2) {
+		t.length === 3 && t.unshift(t[0]), n = this._calculateCurveControlPoints(t[0], t[1], t[2]);
+		var r = n.c2;
+		n = this._calculateCurveControlPoints(t[1], t[2], t[3]);
+		var i = n.c1, a = new H(t[1], r, i, t[2]), o = this._calculateCurveWidths(a);
+		return t.shift(), {
+			curve: a,
+			widths: o
+		};
+	}
+	return {};
+}, W.prototype._calculateCurveControlPoints = function(e, t, n) {
+	var r = e.x - t.x, i = e.y - t.y, a = t.x - n.x, o = t.y - n.y, s = {
+		x: (e.x + t.x) / 2,
+		y: (e.y + t.y) / 2
+	}, c = {
+		x: (t.x + n.x) / 2,
+		y: (t.y + n.y) / 2
+	}, l = Math.sqrt(r * r + i * i), u = Math.sqrt(a * a + o * o), d = s.x - c.x, f = s.y - c.y, p = u / (l + u), m = {
+		x: c.x + d * p,
+		y: c.y + f * p
+	}, h = t.x - m.x, g = t.y - m.y;
+	return {
+		c1: new V(s.x + h, s.y + g),
+		c2: new V(c.x + h, c.y + g)
+	};
+}, W.prototype._calculateCurveWidths = function(e) {
+	var t = e.startPoint, n = e.endPoint, r = {
+		start: null,
+		end: null
+	}, i = this.velocityFilterWeight * n.velocityFrom(t) + (1 - this.velocityFilterWeight) * this._lastVelocity, a = this._strokeWidth(i);
+	return r.start = this._lastWidth, r.end = a, this._lastVelocity = i, this._lastWidth = a, r;
+}, W.prototype._strokeWidth = function(e) {
+	return Math.max(this.maxWidth / (e + 1), this.minWidth);
+}, W.prototype._drawPoint = function(e, t, n) {
+	var r = this._ctx;
+	r.moveTo(e, t), r.arc(e, t, n, 0, 2 * Math.PI, !1), this._isEmpty = !1;
+}, W.prototype._drawCurve = function(e, t, n) {
+	var r = this._ctx, i = n - t, a = Math.floor(e.length());
+	r.beginPath();
+	for (var o = 0; o < a; o += 1) {
+		var s = o / a, c = s * s, l = c * s, u = 1 - s, d = u * u, f = d * u, p = f * e.startPoint.x;
+		p += 3 * d * s * e.control1.x, p += 3 * u * c * e.control2.x, p += l * e.endPoint.x;
+		var m = f * e.startPoint.y;
+		m += 3 * d * s * e.control1.y, m += 3 * u * c * e.control2.y, m += l * e.endPoint.y;
+		var h = t + l * i;
+		this._drawPoint(p, m, h);
+	}
+	r.closePath(), r.fill();
+}, W.prototype._drawDot = function(e) {
+	var t = this._ctx, n = typeof this.dotSize == "function" ? this.dotSize() : this.dotSize;
+	t.beginPath(), this._drawPoint(e.x, e.y, n), t.closePath(), t.fill();
+}, W.prototype._fromData = function(e, t, n) {
+	for (var r = 0; r < e.length; r += 1) {
+		var i = e[r];
+		if (i.length > 1) for (var a = 0; a < i.length; a += 1) {
+			var o = i[a], s = new V(o.x, o.y, o.time), c = o.color;
+			if (a === 0) this.penColor = c, this._reset(), this._addPoint(s);
+			else if (a !== i.length - 1) {
+				var l = this._addPoint(s), u = l.curve, d = l.widths;
+				u && d && t(u, d, c);
+			}
+		}
+		else {
+			this._reset();
+			var f = i[0];
+			n(f);
+		}
+	}
+}, W.prototype._toSVG = function() {
+	var e = this, t = this._data, n = this._canvas, r = Math.max(window.devicePixelRatio || 1, 1), i = 0, a = 0, o = n.width / r, s = n.height / r, c = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+	c.setAttributeNS(null, "width", n.width), c.setAttributeNS(null, "height", n.height), this._fromData(t, function(e, t, n) {
+		var r = document.createElement("path");
+		if (!isNaN(e.control1.x) && !isNaN(e.control1.y) && !isNaN(e.control2.x) && !isNaN(e.control2.y)) {
+			var i = "M " + e.startPoint.x.toFixed(3) + "," + e.startPoint.y.toFixed(3) + " " + ("C " + e.control1.x.toFixed(3) + "," + e.control1.y.toFixed(3) + " ") + (e.control2.x.toFixed(3) + "," + e.control2.y.toFixed(3) + " ") + (e.endPoint.x.toFixed(3) + "," + e.endPoint.y.toFixed(3));
+			r.setAttribute("d", i), r.setAttribute("stroke-width", (t.end * 2.25).toFixed(3)), r.setAttribute("stroke", n), r.setAttribute("fill", "none"), r.setAttribute("stroke-linecap", "round"), c.appendChild(r);
+		}
+	}, function(t) {
+		var n = document.createElement("circle"), r = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
+		n.setAttribute("r", r), n.setAttribute("cx", t.x), n.setAttribute("cy", t.y), n.setAttribute("fill", t.color), c.appendChild(n);
+	});
+	var l = "data:image/svg+xml;base64,", u = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"" + (" viewBox=\"" + i + " " + a + " " + o + " " + s + "\"") + (" width=\"" + o + "\"") + (" height=\"" + s + "\"") + ">", d = c.innerHTML;
+	if (d === void 0) {
+		var f = document.createElement("dummy"), p = c.childNodes;
+		f.innerHTML = "";
+		for (var m = 0; m < p.length; m += 1) f.appendChild(p[m].cloneNode(!0));
+		d = f.innerHTML;
+	}
+	var h = u + d + "</svg>";
+	return l + btoa(h);
+}, W.prototype.fromData = function(e) {
+	var t = this;
+	this.clear(), this._fromData(e, function(e, n) {
+		return t._drawCurve(e, n.start, n.end);
+	}, function(e) {
+		return t._drawDot(e);
+	}), this._data = e;
+}, W.prototype.toData = function() {
+	return this._data;
+};
+// node_modules/react-signature-canvas/dist/index.mjs
+var G = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t, n) => {
+	(function(n, r) {
+		typeof e == "object" && typeof t == "object" ? t.exports = r() : typeof define == "function" && define.amd ? define([], r) : typeof e == "object" ? e.trimCanvas = r() : n.trimCanvas = r();
+	})(n, function() {
+		return function(e) {
+			function t(r) {
+				if (n[r]) return n[r].exports;
+				var i = n[r] = {
+					exports: {},
+					id: r,
+					loaded: !1
+				};
+				return e[r].call(i.exports, i, i.exports, t), i.loaded = !0, i.exports;
+			}
+			var n = {};
+			return t.m = e, t.c = n, t.p = "", t(0);
+		}([function(e, t) {
+			function n(e) {
+				var t = e.getContext("2d"), n = e.width, r = e.height, i = t.getImageData(0, 0, n, r).data, s = a(!0, n, r, i), c = a(!1, n, r, i), l = o(!0, n, r, i), u = o(!1, n, r, i) - l + 1, d = c - s + 1, f = t.getImageData(l, s, u, d);
+				return e.width = u, e.height = d, t.clearRect(0, 0, u, d), t.putImageData(f, 0, 0), e;
+			}
+			function r(e, t, n, r) {
+				return {
+					red: r[4 * (n * t + e)],
+					green: r[4 * (n * t + e) + 1],
+					blue: r[4 * (n * t + e) + 2],
+					alpha: r[4 * (n * t + e) + 3]
+				};
+			}
+			function i(e, t, n, i) {
+				return r(e, t, n, i).alpha;
+			}
+			function a(e, t, n, r) {
+				for (var a = e ? 1 : -1, o = e ? 0 : n - 1; e ? o < n : o > -1; o += a) for (var s = 0; s < t; s++) if (i(s, o, t, r)) return o;
+				return null;
+			}
+			function o(e, t, n, r) {
+				for (var a = e ? 1 : -1, o = e ? 0 : t - 1; e ? o < t : o > -1; o += a) for (var s = 0; s < n; s++) if (i(o, s, t, r)) return o;
+				return null;
+			}
+			Object.defineProperty(t, "__esModule", { value: !0 }), t.default = n;
+		}]);
+	});
+})))(), 1), K = ["canvasProps", "clearOnResize"], q = /*#__PURE__*/ function(e) {
+	T(n, e);
+	var t = A(n);
+	function n() {
+		var e;
+		C(this, n);
+		var r = [...arguments];
+		return e = t.call.apply(t, [this].concat(r)), e.staticThis = e.constructor, e._sigPad = null, e._canvas = null, e.setRef = function(t) {
+			e._canvas = t, e._canvas === null && (e._sigPad = null);
+		}, e._excludeOurProps = function() {
+			var t = e.props;
+			return t.canvasProps, t.clearOnResize, _(t, K);
+		}, e.componentDidMount = function() {
+			var t = e.getCanvas();
+			e._sigPad = new W(t, e._excludeOurProps()), e._resizeCanvas(), e.on();
+		}, e.componentWillUnmount = function() {
+			e.off();
+		}, e.componentDidUpdate = function() {
+			Object.assign(e._sigPad, e._excludeOurProps());
+		}, e.getCanvas = function() {
+			if (e._canvas === null) throw e.staticThis.refNullError;
+			return e._canvas;
+		}, e.getTrimmedCanvas = function() {
+			var t = e.getCanvas(), n = document.createElement("canvas");
+			return n.width = t.width, n.height = t.height, n.getContext("2d").drawImage(t, 0, 0), (0, G.default)(n);
+		}, e.getSignaturePad = function() {
+			if (e._sigPad === null) throw e.staticThis.refNullError;
+			return e._sigPad;
+		}, e._checkClearOnResize = function() {
+			e.props.clearOnResize && e._resizeCanvas();
+		}, e._resizeCanvas = function() {
+			var t = e.props.canvasProps ?? {}, n = t.width, r = t.height;
+			if (n === void 0 || r === void 0) {
+				var i = e.getCanvas(), a = Math.max(window.devicePixelRatio ?? 1, 1);
+				n === void 0 && (i.width = i.offsetWidth * a), r === void 0 && (i.height = i.offsetHeight * a), i.getContext("2d").scale(a, a), e.clear();
+			}
+		}, e.render = function() {
+			var t = e.props.canvasProps;
+			return /*#__PURE__*/ i.createElement("canvas", h({ ref: e.setRef }, t));
+		}, e.on = function() {
+			return window.addEventListener("resize", e._checkClearOnResize), e.getSignaturePad().on();
+		}, e.off = function() {
+			return window.removeEventListener("resize", e._checkClearOnResize), e.getSignaturePad().off();
+		}, e.clear = function() {
+			return e.getSignaturePad().clear();
+		}, e.isEmpty = function() {
+			return e.getSignaturePad().isEmpty();
+		}, e.fromDataURL = function(t, n) {
+			return e.getSignaturePad().fromDataURL(t, n);
+		}, e.toDataURL = function(t, n) {
+			return e.getSignaturePad().toDataURL(t, n);
+		}, e.fromData = function(t) {
+			return e.getSignaturePad().fromData(t);
+		}, e.toData = function() {
+			return e.getSignaturePad().toData();
+		}, e;
+	}
+	return S(n);
+}(a);
+q.propTypes = {
+	velocityFilterWeight: B.default.number,
+	minWidth: B.default.number,
+	maxWidth: B.default.number,
+	minDistance: B.default.number,
+	dotSize: B.default.oneOfType([B.default.number, B.default.func]),
+	penColor: B.default.string,
+	throttle: B.default.number,
+	onEnd: B.default.func,
+	onBegin: B.default.func,
+	canvasProps: B.default.object,
+	clearOnResize: B.default.bool
+}, q.defaultProps = { clearOnResize: !0 }, q.refNullError = /* @__PURE__ */ Error("react-signature-canvas is currently mounting or unmounting: React refs are null during this phase.");
+// src/components/controls/Signature/signature.tsx
+function J({ attributes: e = {}, rules: n = {}, onChange: i }) {
+	let { id: a = "", MuiAttributes: h = {}, label: g = "Signature", bucket: _ = "", region: v = "", identityPoolId: y = "", path: b = "", disabled: x = !1, CanvasProps: S = {} } = e, C = s(null), w = s(null), [T, E] = c(!1), [D, O] = c(e.value || null), [k, A] = c(400), [j, M] = c(!1), N = t(n), P = S?.style?.height || 150;
+	o(() => {
+		let e = w.current;
+		if (!e) return;
+		let t = new ResizeObserver((e) => {
+			let t = e[0]?.contentRect?.width;
+			t && t > 0 && A(Math.floor(t));
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []), o(() => {
+		e.value ? O(e.value) : (O(null), M(!1), C.current && C.current.clear());
+	}, [e.value]);
+	let F = () => {
+		C.current && C.current.clear(), O(null), M(!1), i && i({
+			id: a,
+			value: ""
+		});
+	}, I = async () => {
+		if (!C.current || C.current.isEmpty()) return;
+		E(!0);
+		let e = C.current.toDataURL("image/png"), t = `${a}-${Date.now()}.png`;
+		try {
+			let n = await r(e, t, _, v, y, b);
+			O(n), M(!0), i && i({
+				id: a,
+				value: n
+			});
+		} catch (e) {
+			console.error("Signature upload failed", e);
+		} finally {
+			E(!1);
+		}
+	};
+	return /* @__PURE__ */ m(l, {
+		sx: {
+			width: "100%",
+			...h.sx
+		},
+		children: [
+			/* @__PURE__ */ m(f, {
+				variant: "subtitle2",
+				gutterBottom: !0,
+				sx: { display: "flex" },
+				children: [g, N && /* @__PURE__ */ p(l, {
+					component: "span",
+					sx: {
+						color: "error.main",
+						ml: .5
+					},
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ m(l, {
+				ref: w,
+				sx: {
+					position: "relative",
+					isolation: "isolate",
+					zIndex: 1,
+					border: "1px solid",
+					borderColor: "divider",
+					borderRadius: 1,
+					overflow: "hidden",
+					bgcolor: "background.paper"
+				},
+				children: [/* @__PURE__ */ p(q, {
+					ref: C,
+					penColor: "black",
+					canvasProps: {
+						className: "sigCanvas",
+						width: k,
+						height: P,
+						style: {
+							display: "block",
+							position: "relative",
+							zIndex: 1,
+							touchAction: "none",
+							pointerEvents: x ? "none" : "auto",
+							...S?.style,
+							width: "100%",
+							height: P
+						}
+					},
+					backgroundColor: "transparent"
+				}), D && /* @__PURE__ */ p(l, {
+					component: "img",
+					src: D,
+					alt: "Signature",
+					sx: {
+						position: "absolute",
+						inset: 0,
+						width: "100%",
+						height: P,
+						objectFit: "contain",
+						bgcolor: "background.paper"
+					}
+				})]
+			}),
+			/* @__PURE__ */ m(l, {
+				sx: {
+					display: "flex",
+					flexWrap: "wrap",
+					gap: 1,
+					alignItems: "center",
+					mt: 1
+				},
+				children: [
+					/* @__PURE__ */ p(u, {
+						variant: "outlined",
+						color: "secondary",
+						onClick: F,
+						size: "small",
+						disabled: x || T,
+						children: "Clear"
+					}),
+					/* @__PURE__ */ p(u, {
+						variant: "contained",
+						color: "primary",
+						onClick: I,
+						size: "small",
+						disabled: x || T || D !== null,
+						startIcon: T ? /* @__PURE__ */ p(d, {
+							size: 16,
+							color: "inherit"
+						}) : null,
+						children: D ? "Saved" : "Save"
+					}),
+					j && D && /* @__PURE__ */ p(f, {
+						variant: "caption",
+						sx: { color: "success.main" },
+						children: "Signature Saved!"
+					})
+				]
+			})
+		]
+	});
+}
+export { J as default };