wacomm 2.24.0 → 2.25.1

package/dist/wacomm.es.js

@@ -14649,7 +14649,6 @@ function _a({ className: e = "", size: t = q.md }) {
 				strokeLinecap: "butt",
 				strokeLinejoin: "miter",
 				strokeMiterlimit: 10,
-				fill: e,
 				fillRule: "nonzero",
 				opacity: 1
 			},
@@ -14663,7 +14662,6 @@ function _a({ className: e = "", size: t = q.md }) {
 					strokeLinecap: "butt",
 					strokeLinejoin: "miter",
 					strokeMiterlimit: 10,
-					fill: e,
 					fillRule: "nonzero",
 					opacity: 1
 				},
@@ -34573,41 +34571,74 @@ function Ek({ children: e, lazyFallback: t = null, errorFallback: n = null }) {
 	});
 }
 //#endregion
+//#region src/success/SuccessMessage.tsx
+function Dk({ label: e = "Success" }) {
+	return /* @__PURE__ */ C("div", {
+		className: "text-green-600",
+		children: e
+	});
+}
+//#endregion
+//#region src/toaster/Toaster.tsx
+var Ok = 1e3;
+function kk({ message: e, isOpen: t, onClose: n = Yt, duration: r = 2e3, className: i = "" }) {
+	let [a, o] = x("hidden");
+	return g(() => {
+		if (!t) return;
+		o("entering");
+		let e = requestAnimationFrame(() => o("visible"));
+		return () => cancelAnimationFrame(e);
+	}, [t]), g(() => {
+		if (a !== "visible") return;
+		let e = setTimeout(() => o("exiting"), r);
+		return () => clearTimeout(e);
+	}, [a, r]), g(() => {
+		if (a !== "exiting") return;
+		let e = setTimeout(() => {
+			o("hidden"), n();
+		}, Ok);
+		return () => clearTimeout(e);
+	}, [a, n]), a === "hidden" ? null : /* @__PURE__ */ C("div", {
+		className: `fixed bottom-6 left-1/2 -translate-x-1/2 z-[100] px-4 py-2 rounded-md shadow-lg transition-all ease-out ${a === "visible" ? "duration-300 opacity-100 translate-y-0" : a === "exiting" ? "duration-1000 opacity-0 translate-y-4" : "duration-300 opacity-0 translate-y-4"} ${i}`,
+		children: e
+	});
+}
+//#endregion
 //#region src/tags/Tag.tsx
-var Dk = [
+var Ak = [
 	"text-lime-700 border border-lime-700 bg-white",
 	"text-violet-600 border border-violet-600 bg-white",
 	"text-blue-500 border border-blue-500 bg-white",
 	"text-slate-300 border border-slate-300 bg-white",
 	"text-cyan-600 border border-cyan-600 bg-white",
 	"text-yellow-700 border border-yellow-700 bg-white"
-], Ok = [
+], jk = [
 	"bg-lime-700 text-white",
 	"bg-violet-600 text-white",
 	"bg-blue-500 text-white",
 	"bg-slate-300 text-white",
 	"bg-cyan-600 text-white",
 	"bg-yellow-700 text-white"
-], kk = 6, Ak = (e) => (typeof e == "string" && (e = sn(e)), Math.abs(Math.floor(e)) % kk), jk = (e, t) => {
-	let n = Ak(e);
-	return t ? Ok[n] : Dk[n];
+], Mk = 6, Nk = (e) => (typeof e == "string" && (e = sn(e)), Math.abs(Math.floor(e)) % Mk), Pk = (e, t) => {
+	let n = Nk(e);
+	return t ? jk[n] : Ak[n];
 };
-function Mk({ label: e, onClick: t = Yt, className: n = "", labelSize: r = "base", isHighlighted: i = !1, color: a = 0 }) {
+function Fk({ label: e, onClick: t = Yt, className: n = "", labelSize: r = "base", isHighlighted: i = !1, color: a = 0 }) {
 	return /* @__PURE__ */ C(Va, {
 		onClick: t,
-		className: G("Tag w-fit h-fit px-1 rounded-full", n, `text-${r}`, jk(a, i)),
+		className: G("Tag w-fit h-fit px-1 rounded-full", n, `text-${r}`, Pk(a, i)),
 		children: e
 	});
 }
 //#endregion
 //#region src/tags/Tags.tsx
-function Nk({ tags: e, highlightedTagIndex: t, className: n = "" }) {
+function Ik({ tags: e, highlightedTagIndex: t, className: n = "" }) {
 	return /* @__PURE__ */ C(Ya, {
 		className: G("Tags flex flex-wrap gap-1", n),
 		items: e,
 		itemRenderer: (e, n) => {
 			let r = typeof t == "number" ? n === t : void 0;
-			return /* @__PURE__ */ C(Mk, {
+			return /* @__PURE__ */ C(Fk, {
 				...e,
 				...r === void 0 ? {} : { isHighlighted: r }
 			}, n);
@@ -34616,7 +34647,7 @@ function Nk({ tags: e, highlightedTagIndex: t, className: n = "" }) {
 }
 //#endregion
 //#region src/Text.tsx
-function Pk({ text: e, onClick: t = Yt, className: n = "", isHighlighted: r = !1 }) {
+function Lk({ text: e, onClick: t = Yt, className: n = "", isHighlighted: r = !1 }) {
 	return /* @__PURE__ */ C(Va, {
 		onClick: t,
 		className: G("Text", r ? "text-blue-500" : "text-gray-500", n),
@@ -34625,7 +34656,7 @@ function Pk({ text: e, onClick: t = Yt, className: n = "", isHighlighted: r = !1
 }
 //#endregion
 //#region src/ShowMore.tsx
-function Fk({ onClick: e = Yt, className: t = "" }) {
+function Rk({ onClick: e = Yt, className: t = "" }) {
 	return /* @__PURE__ */ C(Va, {
 		onClick: e,
 		className: G("ShowMore font-bold text-gray-700", t),
@@ -34634,7 +34665,7 @@ function Fk({ onClick: e = Yt, className: t = "" }) {
 }
 //#endregion
 //#region src/carousel/Carousel.tsx
-function Ik({ children: e, className: t = "w-50" }) {
+function zk({ children: e, className: t = "w-50" }) {
 	return /* @__PURE__ */ C("div", {
 		className: G("Carousel", t),
 		children: /* @__PURE__ */ C(Te, {
@@ -34654,7 +34685,7 @@ function Ik({ children: e, className: t = "w-50" }) {
 }
 //#endregion
 //#region src/avatar/LetterAvatar.tsx
-function Lk({ letter: e, className: t = "", onClick: n }) {
+function Bk({ letter: e, className: t = "", onClick: n }) {
 	return /* @__PURE__ */ C(Va, {
 		onClick: n,
 		className: G("LetterAvatar flex items-center justify-center rounded-full w-full h-full bg-blue-300 text-white font-bold", t),
@@ -34682,14 +34713,14 @@ function Lk({ letter: e, className: t = "", onClick: n }) {
 }
 //#endregion
 //#region src/avatar/Avatar.tsx
-function Rk({ label: e = "N", className: t = "w-full h-full", imgSrc: n = "", fallbackImgSrc: r = "", onClick: i = Yt }) {
+function Vk({ label: e = "N", className: t = "w-full h-full", imgSrc: n = "", fallbackImgSrc: r = "", onClick: i = Yt }) {
 	return n || r ? /* @__PURE__ */ C(Vo, {
 		className: G("Avatar rounded-full w-full h-full", t),
 		src: n,
 		fallbackSrc: r,
 		alt: e,
 		onClick: i
-	}) : /* @__PURE__ */ C(Lk, {
+	}) : /* @__PURE__ */ C(Bk, {
 		className: `LetterAvatar ${t}`,
 		onClick: i,
 		letter: e
@@ -34697,10 +34728,10 @@ function Rk({ label: e = "N", className: t = "w-full h-full", imgSrc: n = "", fa
 }
 //#endregion
 //#region src/avatar/AvatarTag.tsx
-function zk({ label: e = "N", onClick: t = Yt, className: n = "", imgSrc: r = "", fallbackImgSrc: i = "", avatarClassName: a = "w-8 h-8" }) {
+function Hk({ label: e = "N", onClick: t = Yt, className: n = "", imgSrc: r = "", fallbackImgSrc: i = "", avatarClassName: a = "w-8 h-8" }) {
 	return /* @__PURE__ */ w(Wo, {
 		className: G("AvatarTag bg-white rounded-lg py-1", n),
-		children: [/* @__PURE__ */ C(Rk, {
+		children: [/* @__PURE__ */ C(Vk, {
 			className: a,
 			onClick: t,
 			label: e?.charAt(0).toUpperCase(),
@@ -34714,12 +34745,12 @@ function zk({ label: e = "N", onClick: t = Yt, className: n = "", imgSrc: r = ""
 }
 //#endregion
 //#region src/avatar/AvatarTimeTag.tsx
-function Bk({ label: e = "N", time: t, onClick: n = Yt, className: r = "", avatarClassName: i = "h-11 w-11", imgSrc: a = "", fallbackImgSrc: o }) {
+function Uk({ label: e = "N", time: t, onClick: n = Yt, className: r = "", avatarClassName: i = "h-11 w-11", imgSrc: a = "", fallbackImgSrc: o }) {
 	return /* @__PURE__ */ w(Wo, {
 		className: G("AvatarTimeTag bg-white rounded-lg py-1", r),
 		children: [/* @__PURE__ */ C("div", {
 			className: G("rounded-full overflow-hidden", i),
-			children: /* @__PURE__ */ C(Rk, {
+			children: /* @__PURE__ */ C(Vk, {
 				className: "w-full h-full",
 				onClick: n,
 				label: e?.charAt(0).toUpperCase(),
@@ -34741,7 +34772,7 @@ function Bk({ label: e = "N", time: t, onClick: n = Yt, className: r = "", avata
 }
 //#endregion
 //#region src/images/mediaUpload/MediaUploadPreview.tsx
-function Vk({ file: e, objectUrl: t, onRemove: n, className: r = "", imgClassName: i = "" }) {
+function Wk({ file: e, objectUrl: t, onRemove: n, className: r = "", imgClassName: i = "" }) {
 	return /* @__PURE__ */ w("div", {
 		className: G("relative flex-shrink-0", r),
 		children: [/* @__PURE__ */ C(Bo, {
@@ -34759,15 +34790,15 @@ function Vk({ file: e, objectUrl: t, onRemove: n, className: r = "", imgClassNam
 }
 //#endregion
 //#region src/images/useFileInput.tsx
-var Hk = "image/jpeg,image/png,image/webp,image/avif,image/bmp,image/svg+xml,image/tiff,image/heic,image/heif", Uk = [
+var Gk = "image/jpeg,image/png,image/webp,image/avif,image/bmp,image/svg+xml,image/tiff,image/heic,image/heif", Kk = [
 	"video/",
 	"image/gif",
 	"image/apng"
 ];
-function Wk(e) {
-	return !Uk.some((t) => e.type === t || e.type.startsWith(t));
+function qk(e) {
+	return !Kk.some((t) => e.type === t || e.type.startsWith(t));
 }
-function Gk({ onChange: e, accept: t = Hk, multiple: n = !1 }) {
+function Jk({ onChange: e, accept: t = Gk, multiple: n = !1 }) {
 	let r = b(null), i = b(e);
 	return i.current = e, {
 		inputElement: /* @__PURE__ */ C("input", {
@@ -34777,7 +34808,7 @@ function Gk({ onChange: e, accept: t = Hk, multiple: n = !1 }) {
 			multiple: n,
 			className: "hidden",
 			onChange: (e) => {
-				let t = Array.from(e.target.files ?? []).filter(Wk);
+				let t = Array.from(e.target.files ?? []).filter(qk);
 				e.target.value = "", t.length > 0 && i.current(t);
 			}
 		}),
@@ -34786,12 +34817,12 @@ function Gk({ onChange: e, accept: t = Hk, multiple: n = !1 }) {
 }
 //#endregion
 //#region src/images/mediaUpload/MediaUpload.tsx
-function Kk({ onChange: e, multiple: t = !0, maxFiles: n = 9, className: r = "", accept: i = Hk, loading: a = !1 }) {
+function Yk({ onChange: e, multiple: t = !0, maxFiles: n = 9, className: r = "", accept: i = Gk, loading: a = !1 }) {
 	let [o, s] = x([]), [c, l] = x("");
 	g(() => () => {
 		o.forEach((e) => URL.revokeObjectURL(e.objectUrl));
 	}, []);
-	let { inputElement: u, trigger: d } = Gk({
+	let { inputElement: u, trigger: d } = Jk({
 		onChange: (e) => f(e),
 		accept: i,
 		multiple: t
@@ -34818,7 +34849,7 @@ function Kk({ onChange: e, multiple: t = !0, maxFiles: n = 9, className: r = "",
 		children: [
 			/* @__PURE__ */ w(Wo, {
 				className: "gap-2 items-end overflow-x-auto",
-				children: [o.map((e, t) => /* @__PURE__ */ C(Vk, {
+				children: [o.map((e, t) => /* @__PURE__ */ C(Wk, {
 					file: e.file,
 					objectUrl: e.objectUrl,
 					onRemove: () => p(t)
@@ -34839,7 +34870,7 @@ function Kk({ onChange: e, multiple: t = !0, maxFiles: n = 9, className: r = "",
 }
 //#endregion
 //#region src/images/imageGrid/ImageGridBase.tsx
-var qk = 500, Jk = {
+var Xk = 500, Zk = {
 	background: "transparent",
 	border: "none",
 	boxShadow: "none",
@@ -34847,13 +34878,13 @@ var qk = 500, Jk = {
 	width: "fit-content",
 	height: "fit-content"
 };
-function Yk({ onSelect: e, selectedSrc: t, srcs: n, onDelete: r, className: i = "", isMobile: a = !1, extraCell: o }) {
+function Qk({ onSelect: e, selectedSrc: t, srcs: n, onDelete: r, className: i = "", isMobile: a = !1, extraCell: o }) {
 	let [s, c] = x(null), l = b(null), u = b(!1), d = () => {
 		l.current &&= (clearTimeout(l.current), null);
 	}, f = (e) => {
 		u.current = !1, d(), l.current = setTimeout(() => {
 			u.current = !0, c(e);
-		}, qk);
+		}, Xk);
 	}, p = (t) => {
 		if (u.current) {
 			u.current = !1;
@@ -34863,13 +34894,13 @@ function Yk({ onSelect: e, selectedSrc: t, srcs: n, onDelete: r, className: i =
 	}, m = {
 		overlay: { backgroundColor: "rgba(0, 0, 0, 0.75)" },
 		content: a ? {
-			...Jk,
+			...Zk,
 			top: "0",
 			left: "0",
 			transform: "none",
 			width: "100vw"
 		} : {
-			...Jk,
+			...Zk,
 			top: "50%",
 			left: "50%",
 			transform: "translate(-50%, -50%)"
@@ -34965,37 +34996,37 @@ function Yk({ onSelect: e, selectedSrc: t, srcs: n, onDelete: r, className: i =
 }
 //#endregion
 //#region src/images/imageGrid/ImageGrid.tsx
-function Xk(e) {
-	return /* @__PURE__ */ C(Yk, { ...e });
+function $k(e) {
+	return /* @__PURE__ */ C(Qk, { ...e });
 }
 //#endregion
 //#region src/images/imageGrid/ImageGridUpload.tsx
-var Zk = (e) => e.map((e) => ({
+var eA = (e) => e.map((e) => ({
 	file: e,
 	objectUrl: URL.createObjectURL(e)
-})), Qk = (e) => e.forEach((e) => URL.revokeObjectURL(e.objectUrl));
-function $k({ onUpload: e, onChange: t, onDelete: n, isEditable: r = !1, maxImages: i = 9, uploadLabel: a = "Upload", loading: o = !1, isUploaded: s = !1, ...c }) {
+})), tA = (e) => e.forEach((e) => URL.revokeObjectURL(e.objectUrl));
+function nA({ onUpload: e, onChange: t, onDelete: n, isEditable: r = !1, maxImages: i = 9, uploadLabel: a = "Upload", loading: o = !1, isUploaded: s = !1, ...c }) {
 	let [l, u] = x([]), [d, f] = x(!1), [p, m] = x(""), h = b(l);
-	h.current = l, g(() => () => Qk(h.current), []);
-	let _ = () => i - c.srcs.length - h.current.length, { inputElement: v, trigger: y } = Gk({
+	h.current = l, g(() => () => tA(h.current), []);
+	let _ = () => i - c.srcs.length - h.current.length, { inputElement: v, trigger: y } = Jk({
 		onChange: (e) => {
-			Qk(h.current);
+			tA(h.current);
 			let n = i - c.srcs.length, r = e.slice(0, n);
-			m(e.length > n ? `You can only add ${i} images in total.` : ""), u(Zk(r)), t?.(r), f(!0);
+			m(e.length > n ? `You can only add ${i} images in total.` : ""), u(eA(r)), t?.(r), f(!0);
 		},
 		multiple: !0
-	}), { inputElement: T, trigger: E } = Gk({
+	}), { inputElement: T, trigger: E } = Jk({
 		onChange: (e) => {
 			let n = _(), r = e.slice(0, n);
-			m(e.length > n ? `You can only add ${i} images in total.` : ""), u((e) => [...e, ...Zk(r)]), t?.(r), f(!0);
+			m(e.length > n ? `You can only add ${i} images in total.` : ""), u((e) => [...e, ...eA(r)]), t?.(r), f(!0);
 		},
 		multiple: !0
 	}), D = (e) => {
 		u((t) => (URL.revokeObjectURL(t[e].objectUrl), t.filter((t, n) => n !== e))), m("");
 	}, O = () => {
-		e(l.map((e) => e.file)), Qk(l), u([]), m("");
+		e(l.map((e) => e.file)), tA(l), u([]), m("");
 	}, k = () => {
-		Qk(l), u([]), f(!1), m("");
+		tA(l), u([]), f(!1), m("");
 	};
 	g(() => {
 		s && k();
@@ -35014,7 +35045,7 @@ function $k({ onUpload: e, onChange: t, onDelete: n, isEditable: r = !1, maxImag
 	return /* @__PURE__ */ w(S, { children: [
 		v,
 		T,
-		/* @__PURE__ */ C(Yk, {
+		/* @__PURE__ */ C(Qk, {
 			...c,
 			onDelete: r ? n : void 0,
 			extraCell: A
@@ -35030,7 +35061,7 @@ function $k({ onUpload: e, onChange: t, onDelete: n, isEditable: r = !1, maxImag
 				children: [
 					/* @__PURE__ */ C(Wo, {
 						className: "overflow-x-auto gap-2",
-						children: l.map((e, t) => /* @__PURE__ */ C(Vk, {
+						children: l.map((e, t) => /* @__PURE__ */ C(Wk, {
 							file: e.file,
 							objectUrl: e.objectUrl,
 							onRemove: () => D(t),
@@ -35063,37 +35094,37 @@ function $k({ onUpload: e, onChange: t, onDelete: n, isEditable: r = !1, maxImag
 }
 //#endregion
 //#region node_modules/tslib/tslib.es6.mjs
-var eA = function(e, t) {
-	return eA = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, t) {
+var rA = function(e, t) {
+	return rA = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, t) {
 		e.__proto__ = t;
 	} || function(e, t) {
 		for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
-	}, eA(e, t);
+	}, rA(e, t);
 };
-function tA(e, t) {
+function iA(e, t) {
 	if (typeof t != "function" && t !== null) throw TypeError("Class extends value " + String(t) + " is not a constructor or null");
-	eA(e, t);
+	rA(e, t);
 	function n() {
 		this.constructor = e;
 	}
 	e.prototype = t === null ? Object.create(t) : (n.prototype = t.prototype, new n());
 }
-var nA = function() {
-	return nA = Object.assign || function(e) {
+var aA = function() {
+	return aA = Object.assign || function(e) {
 		for (var t, n = 1, r = arguments.length; n < r; n++) for (var i in t = arguments[n], t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
 		return e;
-	}, nA.apply(this, arguments);
+	}, aA.apply(this, arguments);
 };
-function rA(e) {
-	return this instanceof rA ? (this.v = e, this) : new rA(e);
+function oA(e) {
+	return this instanceof oA ? (this.v = e, this) : new oA(e);
 }
-var iA = function(e) {
-	return iA = Object.getOwnPropertyNames || function(e) {
+var sA = function(e) {
+	return sA = Object.getOwnPropertyNames || function(e) {
 		var t = [];
 		for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && (t[t.length] = n);
 		return t;
-	}, iA(e);
-}, aA = /* @__PURE__ */ t(((e, t) => {
+	}, sA(e);
+}, cA = /* @__PURE__ */ t(((e, t) => {
 	var n = !1, r, i, a, o, s, c, l, u, d, f, p, m, h, g, _;
 	function v() {
 		if (!n) {
@@ -35164,7 +35195,7 @@ var iA = function(e) {
 		}
 	};
 	t.exports = y;
-})), oA = /* @__PURE__ */ t(((e, t) => {
+})), lA = /* @__PURE__ */ t(((e, t) => {
 	var n = !!(typeof window < "u" && window.document && window.document.createElement);
 	t.exports = {
 		canUseDOM: n,
@@ -35173,8 +35204,8 @@ var iA = function(e) {
 		canUseViewport: n && !!window.screen,
 		isInWorker: !n
 	};
-})), sA = /* @__PURE__ */ t(((e, t) => {
-	var n = oA(), r;
+})), uA = /* @__PURE__ */ t(((e, t) => {
+	var n = lA(), r;
 	n.canUseDOM && (r = document.implementation && document.implementation.hasFeature && document.implementation.hasFeature("", "") !== !0);
 	function i(e, t) {
 		if (!n.canUseDOM || t && !("addEventListener" in document)) return !1;
@@ -35186,8 +35217,8 @@ var iA = function(e) {
 		return !a && r && e === "wheel" && (a = document.implementation.hasFeature("Events.wheel", "3.0")), a;
 	}
 	t.exports = i;
-})), cA = /* @__PURE__ */ t(((e, t) => {
-	var n = aA(), r = sA(), i = 10, a = 40, o = 800;
+})), dA = /* @__PURE__ */ t(((e, t) => {
+	var n = cA(), r = uA(), i = 10, a = 40, o = 800;
 	function s(e) {
 		var t = 0, n = 0, r = 0, s = 0;
 		return "detail" in e && (n = e.detail), "wheelDelta" in e && (n = -e.wheelDelta / 120), "wheelDeltaY" in e && (n = -e.wheelDeltaY / 120), "wheelDeltaX" in e && (t = -e.wheelDeltaX / 120), "axis" in e && e.axis === e.HORIZONTAL_AXIS && (t = n, n = 0), r = t * i, s = n * i, "deltaY" in e && (s = e.deltaY), "deltaX" in e && (r = e.deltaX), (r || s) && e.deltaMode && (e.deltaMode == 1 ? (r *= a, s *= a) : (r *= o, s *= o)), r && !t && (t = r < 1 ? -1 : 1), s && !n && (n = s < 1 ? -1 : 1), {
@@ -35200,12 +35231,12 @@ var iA = function(e) {
 	s.getEventType = function() {
 		return n.firefox() ? "DOMMouseScroll" : r("wheel") ? "wheel" : "mousewheel";
 	}, t.exports = s;
-})), lA = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
-	t.exports = cA();
+})), fA = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+	t.exports = dA();
 })))(), 1);
-function uA(e, t, n, r, i, a) {
+function pA(e, t, n, r, i, a) {
 	a === void 0 && (a = 0);
-	var o = wA(e, t, a), s = o.width, c = o.height, l = Math.min(s, n), u = Math.min(c, r);
+	var o = DA(e, t, a), s = o.width, c = o.height, l = Math.min(s, n), u = Math.min(c, r);
 	return l > u * i ? {
 		width: u * i,
 		height: u
@@ -35214,30 +35245,30 @@ function uA(e, t, n, r, i, a) {
 		height: l / i
 	};
 }
-function dA(e) {
+function mA(e) {
 	return e.width > e.height ? e.width / e.naturalWidth : e.height / e.naturalHeight;
 }
-function fA(e, t, n, r, i) {
+function hA(e, t, n, r, i) {
 	i === void 0 && (i = 0);
-	var a = wA(t.width, t.height, i), o = a.width, s = a.height;
+	var a = DA(t.width, t.height, i), o = a.width, s = a.height;
 	return {
-		x: pA(e.x, o, n.width, r),
-		y: pA(e.y, s, n.height, r)
+		x: gA(e.x, o, n.width, r),
+		y: gA(e.y, s, n.height, r)
 	};
 }
-function pA(e, t, n, r) {
+function gA(e, t, n, r) {
 	var i = Math.abs(t * r / 2 - n / 2);
-	return TA(e, -i, i);
+	return OA(e, -i, i);
 }
-function mA(e, t) {
+function _A(e, t) {
 	return Math.sqrt((e.y - t.y) ** 2 + (e.x - t.x) ** 2);
 }
-function hA(e, t) {
+function vA(e, t) {
 	return Math.atan2(t.y - e.y, t.x - e.x) * 180 / Math.PI;
 }
-function gA(e, t, n, r, i, a, o) {
+function yA(e, t, n, r, i, a, o) {
 	a === void 0 && (a = 0), o === void 0 && (o = !0);
-	var s = o ? _A : vA, c = wA(t.width, t.height, a), l = wA(t.naturalWidth, t.naturalHeight, a), u = {
+	var s = o ? bA : xA, c = DA(t.width, t.height, a), l = DA(t.naturalWidth, t.naturalHeight, a), u = {
 		x: s(100, ((c.width - n.width / i) / 2 - e.x / i) / c.width * 100),
 		y: s(100, ((c.height - n.height / i) / 2 - e.y / i) / c.height * 100),
 		width: s(100, n.width / c.width * 100 / i),
@@ -35251,20 +35282,20 @@ function gA(e, t, n, r, i, a, o) {
 	};
 	return {
 		croppedAreaPercentages: u,
-		croppedAreaPixels: nA(nA({}, p), {
+		croppedAreaPixels: aA(aA({}, p), {
 			x: Math.round(s(l.width - p.width, u.x * l.width / 100)),
 			y: Math.round(s(l.height - p.height, u.y * l.height / 100))
 		})
 	};
 }
-function _A(e, t) {
+function bA(e, t) {
 	return Math.min(e, Math.max(0, t));
 }
-function vA(e, t) {
+function xA(e, t) {
 	return t;
 }
-function yA(e, t, n, r, i, a) {
-	var o = wA(t.width, t.height, n), s = TA(r.width / o.width * (100 / e.width), i, a);
+function SA(e, t, n, r, i, a) {
+	var o = DA(t.width, t.height, n), s = OA(r.width / o.width * (100 / e.width), i, a);
 	return {
 		crop: {
 			x: s * o.width / 2 - r.width / 2 - o.width * s * (e.x / 100),
@@ -35273,13 +35304,13 @@ function yA(e, t, n, r, i, a) {
 		zoom: s
 	};
 }
-function bA(e, t, n) {
-	var r = dA(t);
+function CA(e, t, n) {
+	var r = mA(t);
 	return n.height > n.width ? n.height / (e.height * r) : n.width / (e.width * r);
 }
-function xA(e, t, n, r, i, a) {
+function wA(e, t, n, r, i, a) {
 	n === void 0 && (n = 0);
-	var o = wA(t.naturalWidth, t.naturalHeight, n), s = TA(bA(e, t, r), i, a), c = r.height > r.width ? r.height / e.height : r.width / e.width;
+	var o = DA(t.naturalWidth, t.naturalHeight, n), s = OA(CA(e, t, r), i, a), c = r.height > r.width ? r.height / e.height : r.width / e.width;
 	return {
 		crop: {
 			x: ((o.width - e.width) / 2 - e.x) * c,
@@ -35288,32 +35319,32 @@ function xA(e, t, n, r, i, a) {
 		zoom: s
 	};
 }
-function SA(e, t) {
+function TA(e, t) {
 	return {
 		x: (t.x + e.x) / 2,
 		y: (t.y + e.y) / 2
 	};
 }
-function CA(e) {
+function EA(e) {
 	return e * Math.PI / 180;
 }
-function wA(e, t, n) {
-	var r = CA(n);
+function DA(e, t, n) {
+	var r = EA(n);
 	return {
 		width: Math.abs(Math.cos(r) * e) + Math.abs(Math.sin(r) * t),
 		height: Math.abs(Math.sin(r) * e) + Math.abs(Math.cos(r) * t)
 	};
 }
-function TA(e, t, n) {
+function OA(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function EA() {
+function kA() {
 	return [...arguments].filter(function(e) {
 		return typeof e == "string" && e.length > 0;
 	}).join(" ").trim();
 }
-var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overflow: hidden;\n  user-select: none;\n  touch-action: none;\n  cursor: move;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n  will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n.reactEasyCrop_Cover_Horizontal {\n  width: 100%;\n  height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n  width: auto;\n  height: 100%;\n}\n\n.reactEasyCrop_CropArea {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  box-sizing: border-box;\n  box-shadow: 0 0 0 9999em;\n  color: rgba(0, 0, 0, 0.5);\n  overflow: hidden;\n}\n\n.reactEasyCrop_CropAreaRound {\n  border-radius: 50%;\n}\n\n.reactEasyCrop_CropAreaGrid::before {\n  content: ' ';\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  top: 0;\n  bottom: 0;\n  left: 33.33%;\n  right: 33.33%;\n  border-top: 0;\n  border-bottom: 0;\n}\n\n.reactEasyCrop_CropAreaGrid::after {\n  content: ' ';\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  top: 33.33%;\n  bottom: 33.33%;\n  left: 0;\n  right: 0;\n  border-left: 0;\n  border-right: 0;\n}\n", OA = 1, kA = 3, AA = 1, jA = function(e) {
-	tA(t, e);
+var AA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overflow: hidden;\n  user-select: none;\n  touch-action: none;\n  cursor: move;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n  will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n.reactEasyCrop_Cover_Horizontal {\n  width: 100%;\n  height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n  width: auto;\n  height: 100%;\n}\n\n.reactEasyCrop_CropArea {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  box-sizing: border-box;\n  box-shadow: 0 0 0 9999em;\n  color: rgba(0, 0, 0, 0.5);\n  overflow: hidden;\n}\n\n.reactEasyCrop_CropAreaRound {\n  border-radius: 50%;\n}\n\n.reactEasyCrop_CropAreaGrid::before {\n  content: ' ';\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  top: 0;\n  bottom: 0;\n  left: 33.33%;\n  right: 33.33%;\n  border-top: 0;\n  border-bottom: 0;\n}\n\n.reactEasyCrop_CropAreaGrid::after {\n  content: ' ';\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  top: 33.33%;\n  bottom: 33.33%;\n  left: 0;\n  right: 0;\n  border-left: 0;\n  border-right: 0;\n}\n", jA = 1, MA = 3, NA = 1, PA = function(e) {
+	iA(t, e);
 	function t() {
 		var r = e !== null && e.apply(this, arguments) || this;
 		return r.cropperRef = n.createRef(), r.imageRef = n.createRef(), r.videoRef = n.createRef(), r.containerPosition = {
@@ -35356,10 +35387,10 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 			e && (r.previousCropSize = e, r.emitCropData(), r.setInitialCrop(e), r.isInitialized = !0), r.props.onMediaLoaded && r.props.onMediaLoaded(r.mediaSize);
 		}, r.setInitialCrop = function(e) {
 			if (r.props.initialCroppedAreaPercentages) {
-				var t = yA(r.props.initialCroppedAreaPercentages, r.mediaSize, r.props.rotation, e, r.props.minZoom, r.props.maxZoom), n = t.crop, i = t.zoom;
+				var t = SA(r.props.initialCroppedAreaPercentages, r.mediaSize, r.props.rotation, e, r.props.minZoom, r.props.maxZoom), n = t.crop, i = t.zoom;
 				r.props.onCropChange(n), r.props.onZoomChange && r.props.onZoomChange(i);
 			} else if (r.props.initialCroppedAreaPixels) {
-				var a = xA(r.props.initialCroppedAreaPixels, r.mediaSize, r.props.rotation, e, r.props.minZoom, r.props.maxZoom), n = a.crop, i = a.zoom;
+				var a = wA(r.props.initialCroppedAreaPixels, r.mediaSize, r.props.rotation, e, r.props.minZoom, r.props.maxZoom), n = a.crop, i = a.zoom;
 				r.props.onCropChange(n), r.props.onZoomChange && r.props.onZoomChange(i);
 			}
 		}, r.computeSizes = function() {
@@ -35395,11 +35426,11 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 					width: e.offsetWidth,
 					height: e.offsetHeight
 				};
-				r.mediaSize = nA(nA({}, s), {
+				r.mediaSize = aA(aA({}, s), {
 					naturalWidth: n,
 					naturalHeight: i
 				}), r.props.setMediaSize && r.props.setMediaSize(r.mediaSize);
-				var c = r.props.cropSize ? r.props.cropSize : uA(r.mediaSize.width, r.mediaSize.height, r.containerRect.width, r.containerRect.height, r.props.aspect, r.props.rotation);
+				var c = r.props.cropSize ? r.props.cropSize : pA(r.mediaSize.width, r.mediaSize.height, r.containerRect.width, r.containerRect.height, r.props.aspect, r.props.rotation);
 				return (r.state.cropSize?.height !== c.height || r.state.cropSize?.width !== c.width) && r.props.onCropSizeChange && r.props.onCropSizeChange(c), r.setState({ cropSize: c }, r.recomputeCropPosition), r.props.setCropSize && r.props.setCropSize(c), c;
 			}
 		}, r.saveContainerPosition = function() {
@@ -35437,7 +35468,7 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 			r.dragStartPosition = {
 				x: e.x,
 				y: e.y
-			}, r.dragStartCrop = nA({}, r.props.crop), (t = r.props).onInteractionStart?.call(t);
+			}, r.dragStartCrop = aA({}, r.props.crop), (t = r.props).onInteractionStart?.call(t);
 		}, r.onDrag = function(e) {
 			var t = e.x, n = e.y;
 			r.currentWindow && (r.rafDragTimeout && r.currentWindow.cancelAnimationFrame(r.rafDragTimeout), r.rafDragTimeout = r.currentWindow.requestAnimationFrame(function() {
@@ -35445,7 +35476,7 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 					var e = t - r.dragStartPosition.x, i = n - r.dragStartPosition.y, a = {
 						x: r.dragStartCrop.x + e,
 						y: r.dragStartCrop.y + i
-					}, o = r.props.restrictPosition ? fA(a, r.mediaSize, r.state.cropSize, r.props.zoom, r.props.rotation) : a;
+					}, o = r.props.restrictPosition ? hA(a, r.mediaSize, r.state.cropSize, r.props.zoom, r.props.rotation) : a;
 					r.props.onCropChange(o);
 				}
 			}));
@@ -35455,7 +35486,7 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 		}, r.onWheel = function(e) {
 			if (r.currentWindow && !(r.props.onWheelRequest && !r.props.onWheelRequest(e))) {
 				e.preventDefault();
-				var n = t.getMousePoint(e), i = (0, lA.default)(e).pixelY, a = r.props.zoom - i * r.props.zoomSpeed / 200;
+				var n = t.getMousePoint(e), i = (0, fA.default)(e).pixelY, a = r.props.zoom - i * r.props.zoomSpeed / 200;
 				r.setNewZoom(a, n, { shouldUpdatePosition: !0 }), r.state.hasWheelJustStarted || r.setState({ hasWheelJustStarted: !0 }, function() {
 					var e;
 					return (e = r.props).onInteractionStart?.call(e);
@@ -35482,18 +35513,18 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 		}, r.setNewZoom = function(e, t, n) {
 			var i = (n === void 0 ? {} : n).shouldUpdatePosition, a = i === void 0 || i;
 			if (!(!r.state.cropSize || !r.props.onZoomChange)) {
-				var o = TA(e, r.props.minZoom, r.props.maxZoom);
+				var o = OA(e, r.props.minZoom, r.props.maxZoom);
 				if (a) {
 					var s = r.getPointOnContainer(t, r.containerPosition), c = r.getPointOnMedia(s), l = {
 						x: c.x * o - s.x,
 						y: c.y * o - s.y
-					}, u = r.props.restrictPosition ? fA(l, r.mediaSize, r.state.cropSize, o, r.props.rotation) : l;
+					}, u = r.props.restrictPosition ? hA(l, r.mediaSize, r.state.cropSize, o, r.props.rotation) : l;
 					r.props.onCropChange(u);
 				}
 				r.props.onZoomChange(o);
 			}
 		}, r.getCropData = function() {
-			return r.state.cropSize ? gA(r.props.restrictPosition ? fA(r.props.crop, r.mediaSize, r.state.cropSize, r.props.zoom, r.props.rotation) : r.props.crop, r.mediaSize, r.state.cropSize, r.getAspect(), r.props.zoom, r.props.rotation, r.props.restrictPosition) : null;
+			return r.state.cropSize ? yA(r.props.restrictPosition ? hA(r.props.crop, r.mediaSize, r.state.cropSize, r.props.zoom, r.props.rotation) : r.props.crop, r.mediaSize, r.state.cropSize, r.getAspect(), r.props.zoom, r.props.rotation, r.props.restrictPosition) : null;
 		}, r.emitCropData = function() {
 			var e = r.getCropData();
 			if (e) {
@@ -35516,14 +35547,14 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 						y: r.props.crop.y * n
 					};
 				}
-				var i = r.props.restrictPosition ? fA(e, r.mediaSize, r.state.cropSize, r.props.zoom, r.props.rotation) : e;
+				var i = r.props.restrictPosition ? hA(e, r.mediaSize, r.state.cropSize, r.props.zoom, r.props.rotation) : e;
 				r.previousCropSize = r.state.cropSize, r.props.onCropChange(i), r.emitCropData();
 			}
 		}, r.onKeyDown = function(e) {
 			var t, n = r.props, i = n.crop, a = n.onCropChange, o = n.keyboardStep, s = n.zoom, c = n.rotation, l = o;
 			if (r.state.cropSize) {
 				e.shiftKey && (l *= .2);
-				var u = nA({}, i);
+				var u = aA({}, i);
 				switch (e.key) {
 					case "ArrowUp":
 						u.y -= l, e.preventDefault();
@@ -35539,7 +35570,7 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 						break;
 					default: return;
 				}
-				r.props.restrictPosition && (u = fA(u, r.mediaSize, r.state.cropSize, s, c)), e.repeat || (t = r.props).onInteractionStart?.call(t), a(u);
+				r.props.restrictPosition && (u = hA(u, r.mediaSize, r.state.cropSize, s, c)), e.repeat || (t = r.props).onInteractionStart?.call(t), a(u);
 			}
 		}, r.onKeyUp = function(e) {
 			var t;
@@ -35556,7 +35587,7 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 		}, r;
 	}
 	return t.prototype.componentDidMount = function() {
-		!this.currentDoc || !this.currentWindow || (this.containerRef && (this.containerRef.ownerDocument && (this.currentDoc = this.containerRef.ownerDocument), this.currentDoc.defaultView && (this.currentWindow = this.currentDoc.defaultView), this.initResizeObserver(), window.ResizeObserver === void 0 && this.currentWindow.addEventListener("resize", this.computeSizes), this.props.zoomWithScroll && this.containerRef.addEventListener("wheel", this.onWheel, { passive: !1 }), this.containerRef.addEventListener("gesturestart", this.onGestureStart)), this.currentDoc.addEventListener("scroll", this.onScroll), this.props.disableAutomaticStylesInjection || (this.styleRef = this.currentDoc.createElement("style"), this.styleRef.setAttribute("type", "text/css"), this.props.nonce && this.styleRef.setAttribute("nonce", this.props.nonce), this.styleRef.innerHTML = DA, this.currentDoc.head.appendChild(this.styleRef)), this.imageRef.current && this.imageRef.current.complete && this.onMediaLoad(), this.props.setImageRef && this.props.setImageRef(this.imageRef), this.props.setVideoRef && this.props.setVideoRef(this.videoRef), this.props.setCropperRef && this.props.setCropperRef(this.cropperRef));
+		!this.currentDoc || !this.currentWindow || (this.containerRef && (this.containerRef.ownerDocument && (this.currentDoc = this.containerRef.ownerDocument), this.currentDoc.defaultView && (this.currentWindow = this.currentDoc.defaultView), this.initResizeObserver(), window.ResizeObserver === void 0 && this.currentWindow.addEventListener("resize", this.computeSizes), this.props.zoomWithScroll && this.containerRef.addEventListener("wheel", this.onWheel, { passive: !1 }), this.containerRef.addEventListener("gesturestart", this.onGestureStart)), this.currentDoc.addEventListener("scroll", this.onScroll), this.props.disableAutomaticStylesInjection || (this.styleRef = this.currentDoc.createElement("style"), this.styleRef.setAttribute("type", "text/css"), this.props.nonce && this.styleRef.setAttribute("nonce", this.props.nonce), this.styleRef.innerHTML = AA, this.currentDoc.head.appendChild(this.styleRef)), this.imageRef.current && this.imageRef.current.complete && this.onMediaLoad(), this.props.setImageRef && this.props.setImageRef(this.imageRef), this.props.setVideoRef && this.props.setVideoRef(this.videoRef), this.props.setCropperRef && this.props.setCropperRef(this.cropperRef));
 	}, t.prototype.componentWillUnmount = function() {
 		!this.currentDoc || !this.currentWindow || (window.ResizeObserver === void 0 && this.currentWindow.removeEventListener("resize", this.computeSizes), this.resizeObserver?.disconnect(), this.containerRef && this.containerRef.removeEventListener("gesturestart", this.preventZoomSafari), this.styleRef && this.styleRef.parentNode?.removeChild(this.styleRef), this.cleanEvents(), this.props.zoomWithScroll && this.clearScrollEvent());
 	}, t.prototype.componentDidUpdate = function(e) {
@@ -35578,15 +35609,15 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 		return this.props.objectFit;
 	}, t.prototype.onPinchStart = function(e) {
 		var n = t.getTouchPoint(e.touches[0]), r = t.getTouchPoint(e.touches[1]);
-		this.lastPinchDistance = mA(n, r), this.lastPinchRotation = hA(n, r), this.onDragStart(SA(n, r));
+		this.lastPinchDistance = _A(n, r), this.lastPinchRotation = vA(n, r), this.onDragStart(TA(n, r));
 	}, t.prototype.onPinchMove = function(e) {
 		var n = this;
 		if (!(!this.currentDoc || !this.currentWindow)) {
-			var r = t.getTouchPoint(e.touches[0]), i = t.getTouchPoint(e.touches[1]), a = SA(r, i);
+			var r = t.getTouchPoint(e.touches[0]), i = t.getTouchPoint(e.touches[1]), a = TA(r, i);
 			this.onDrag(a), this.rafPinchTimeout && this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout), this.rafPinchTimeout = this.currentWindow.requestAnimationFrame(function() {
-				var e = mA(r, i), t = n.props.zoom * (e / n.lastPinchDistance);
+				var e = _A(r, i), t = n.props.zoom * (e / n.lastPinchDistance);
 				n.setNewZoom(t, a, { shouldUpdatePosition: !1 }), n.lastPinchDistance = e;
-				var o = hA(r, i), s = n.props.rotation + (o - n.lastPinchRotation);
+				var o = vA(r, i), s = n.props.rotation + (o - n.lastPinchRotation);
 				n.props.onRotationChange && n.props.onRotationChange(s), n.lastPinchRotation = o;
 			});
 		}
@@ -35600,31 +35631,31 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 			},
 			"data-testid": "container",
 			style: _,
-			className: EA("reactEasyCrop_Container", x)
-		}, r ? n.createElement("img", nA({
+			className: kA("reactEasyCrop_Container", x)
+		}, r ? n.createElement("img", aA({
 			alt: "",
-			className: EA("reactEasyCrop_Image", w === "contain" && "reactEasyCrop_Contain", w === "horizontal-cover" && "reactEasyCrop_Cover_Horizontal", w === "vertical-cover" && "reactEasyCrop_Cover_Vertical", C)
+			className: kA("reactEasyCrop_Image", w === "contain" && "reactEasyCrop_Contain", w === "horizontal-cover" && "reactEasyCrop_Cover_Horizontal", w === "vertical-cover" && "reactEasyCrop_Cover_Vertical", C)
 		}, a, {
 			src: r,
 			ref: this.imageRef,
-			style: nA(nA({}, y), { transform: s || `translate(${l}px, ${u}px) rotate(${d}deg) scale(${f})` }),
+			style: aA(aA({}, y), { transform: s || `translate(${l}px, ${u}px) rotate(${d}deg) scale(${f})` }),
 			onLoad: this.onMediaLoad
-		})) : i && n.createElement("video", nA({
+		})) : i && n.createElement("video", aA({
 			autoPlay: !0,
 			playsInline: !0,
 			loop: !0,
 			muted: !0,
-			className: EA("reactEasyCrop_Video", w === "contain" && "reactEasyCrop_Contain", w === "horizontal-cover" && "reactEasyCrop_Cover_Horizontal", w === "vertical-cover" && "reactEasyCrop_Cover_Vertical", C)
+			className: kA("reactEasyCrop_Video", w === "contain" && "reactEasyCrop_Contain", w === "horizontal-cover" && "reactEasyCrop_Cover_Horizontal", w === "vertical-cover" && "reactEasyCrop_Cover_Vertical", C)
 		}, a, {
 			ref: this.videoRef,
 			onLoadedMetadata: this.onMediaLoad,
-			style: nA(nA({}, y), { transform: s || `translate(${l}px, ${u}px) rotate(${d}deg) scale(${f})` }),
+			style: aA(aA({}, y), { transform: s || `translate(${l}px, ${u}px) rotate(${d}deg) scale(${f})` }),
 			controls: !1
 		}), (Array.isArray(i) ? i : [{ src: i }]).map(function(e) {
-			return n.createElement("source", nA({ key: e.src }, e));
-		})), this.state.cropSize && n.createElement("div", nA({
+			return n.createElement("source", aA({ key: e.src }, e));
+		})), this.state.cropSize && n.createElement("div", aA({
 			ref: this.cropperRef,
-			style: nA(nA({}, v), {
+			style: aA(aA({}, v), {
 				width: h ? Math.round(this.state.cropSize.width) : this.state.cropSize.width,
 				height: h ? Math.round(this.state.cropSize.height) : this.state.cropSize.height
 			}),
@@ -35632,14 +35663,14 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 			onKeyDown: this.onKeyDown,
 			onKeyUp: this.onKeyUp,
 			"data-testid": "cropper",
-			className: EA("reactEasyCrop_CropArea", p === "round" && "reactEasyCrop_CropAreaRound", m && "reactEasyCrop_CropAreaGrid", S)
+			className: kA("reactEasyCrop_CropArea", p === "round" && "reactEasyCrop_CropAreaRound", m && "reactEasyCrop_CropAreaGrid", S)
 		}, o)));
 	}, t.defaultProps = {
 		zoom: 1,
 		rotation: 0,
 		aspect: 4 / 3,
-		maxZoom: kA,
-		minZoom: OA,
+		maxZoom: MA,
+		minZoom: jA,
 		cropShape: "rect",
 		objectFit: "contain",
 		showGrid: !0,
@@ -35650,7 +35681,7 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 		zoomSpeed: 1,
 		restrictPosition: !0,
 		zoomWithScroll: !0,
-		keyboardStep: AA
+		keyboardStep: NA
 	}, t.getMousePoint = function(e) {
 		return {
 			x: Number(e.clientX),
@@ -35665,7 +35696,7 @@ var DA = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left:
 }(n.Component);
 //#endregion
 //#region src/images/imageCropper/ImageCropper.tsx
-function MA({ imageUrl: e, fallbackImageUrl: t, onSubmit: n, onSelect: r, error: i, isLoading: a, isCompleted: o, className: s = "" }) {
+function FA({ imageUrl: e, fallbackImageUrl: t, onSubmit: n, onSelect: r, error: i, isLoading: a, isCompleted: o, className: s = "" }) {
 	let c = y(() => e && `${e}${e.includes("?") ? "&" : "?"}t=${Date.now()}`, [e]), [l, u] = x(!1), [d, f] = x(c), [p, h] = x({
 		x: 0,
 		y: 0
@@ -35673,7 +35704,7 @@ function MA({ imageUrl: e, fallbackImageUrl: t, onSubmit: n, onSelect: r, error:
 	g(() => {
 		o && u(!1);
 	}, [o]);
-	let { inputElement: E, trigger: D } = Gk({ onChange: async (e) => {
+	let { inputElement: E, trigger: D } = Jk({ onChange: async (e) => {
 		let t = e[0];
 		if (!t) return;
 		let n = await r(t);
@@ -35723,7 +35754,7 @@ function MA({ imageUrl: e, fallbackImageUrl: t, onSubmit: n, onSelect: r, error:
 			children: [
 				d ? /* @__PURE__ */ C("div", {
 					className: "relative w-full h-64",
-					children: /* @__PURE__ */ C(jA, {
+					children: /* @__PURE__ */ C(PA, {
 						image: d,
 						crop: p,
 						zoom: _,
@@ -35769,4 +35800,4 @@ function MA({ imageUrl: e, fallbackImageUrl: t, onSubmit: n, onSelect: r, error:
 	})] });
 }
 //#endregion
-export { Wa as A, Ua as ATarget, Fo as AddButton, Yo as AlertWrapper, rC as ArenaTag, as as Autocomplete, Rk as Avatar, zk as AvatarTag, Bk as AvatarTimeTag, eC as BlockTag, LS as BuddyTag, fo as Button, wo as CacheButton, zS as CalendarTag, Ik as Carousel, es as ChatAlert, ls as CheckboxGroup, hC as CityTag, Va as ClickableDiv, Lo as CloseAccountButton, Ra as CloseIcon, cC as CoachTag, iC as CollectionTag, Ho as Column, os as CommentEditor, KS as CommentTag, TC as CommentsSection, Uo as Container, Rs as Coordinates, Bs as CoordinatesUpdater, HS as CopyTag, Ws as Copyright, pC as CreatePostTag, BS as CreateTag, xC as DashedLine, wy as DateDisplay, Iv as DatePicker, Cy as DateRange, Sy as DateTimePicker, qo as Deletable, ss as DuelVersus, La as EditIcon, Ko as EditableBlock, $a as EmailInput, wk as ErrorBoundary, Sk as ErrorMessage, aC as EventTag, Us as ExpandableContainer, IS as ExploreTag, zo as Form, lC as GameTag, qS as GoBackTag, Ga as Heading, PS as HomeTag, MA as ImageCropper, Xk as ImageGrid, $k as ImageGridUpload, dC as ImageTag, Bo as Img, Ek as LazyErrorBoundary, uC as LeaderboardTag, SC as LikeSection, Ya as List, oo as LoadingIcon, so as LoadingIndicator, _C as LocationPointTag, WS as LogoutTag, VS as MapTag, oC as MarketTag, Kk as MediaUpload, jS as MenuTooltip, ts as MessageAlert, JS as MessageTag, yC as MiddleDot, jo as Modal, Po as ModalButton, No as ModalItem, Lv as MonthPicker, Vs as MyGeolocationUpdater, is as NavArrows, NS as Navbar, _b as NavigationControlPosition, FS as NearbyTag, RS as NewsfeedTag, Tk as NotFound, $o as NotificationAlert, bC as OrDivider, hk as OrderLabels, _k as OrderPicker, gb as OsmMap, Ka as P, no as PasswordInput, io as PasswordSetup, mk as Picker, fC as PollTag, mC as PostTag, US as PrivateTag, ds as RadioGroup, Mo as RedStar, EC as RepliesSection, ZS as ReportTag, Ha as Row, Io as SaveCancelButtons, Jo as SearchBar, za as SendIcon, tC as SettingsTag, Fk as ShowMore, Vo as SmartImage, Ls as SocialMediaIcon, Ja as Span, Go as StaticColumn, Wo as StaticRow, gC as StreetTag, Do as StyledButton, ho as SvgButton, q as SvgSize, Qo as SvgTag, AS as SvgTooltip, ns as Tabs, Mk as Tag, Nk as Tags, nC as TeamTag, Pk as Text, Qa as TextInput, Ps as TextUpdater, qa as Textarea, Ns as TextareaAutosize, Is as TimeAgo, sg as TimePicker, So as ToggleButton, kS as Tooltip, GS as UpArrowTag, sC as UserTag, vC as VerticalLine };
+export { Wa as A, Ua as ATarget, Fo as AddButton, Yo as AlertWrapper, rC as ArenaTag, as as Autocomplete, Vk as Avatar, Hk as AvatarTag, Uk as AvatarTimeTag, eC as BlockTag, LS as BuddyTag, fo as Button, wo as CacheButton, zS as CalendarTag, zk as Carousel, es as ChatAlert, ls as CheckboxGroup, hC as CityTag, Va as ClickableDiv, Lo as CloseAccountButton, Ra as CloseIcon, cC as CoachTag, iC as CollectionTag, Ho as Column, os as CommentEditor, KS as CommentTag, TC as CommentsSection, Uo as Container, Rs as Coordinates, Bs as CoordinatesUpdater, HS as CopyTag, Ws as Copyright, pC as CreatePostTag, BS as CreateTag, xC as DashedLine, wy as DateDisplay, Iv as DatePicker, Cy as DateRange, Sy as DateTimePicker, qo as Deletable, ss as DuelVersus, La as EditIcon, Ko as EditableBlock, $a as EmailInput, wk as ErrorBoundary, Sk as ErrorMessage, aC as EventTag, Us as ExpandableContainer, IS as ExploreTag, zo as Form, lC as GameTag, qS as GoBackTag, Ga as Heading, PS as HomeTag, FA as ImageCropper, $k as ImageGrid, nA as ImageGridUpload, dC as ImageTag, Bo as Img, Ek as LazyErrorBoundary, uC as LeaderboardTag, SC as LikeSection, Ya as List, oo as LoadingIcon, so as LoadingIndicator, _C as LocationPointTag, WS as LogoutTag, VS as MapTag, oC as MarketTag, Yk as MediaUpload, jS as MenuTooltip, ts as MessageAlert, JS as MessageTag, yC as MiddleDot, jo as Modal, Po as ModalButton, No as ModalItem, Lv as MonthPicker, Vs as MyGeolocationUpdater, is as NavArrows, NS as Navbar, _b as NavigationControlPosition, FS as NearbyTag, RS as NewsfeedTag, Tk as NotFound, $o as NotificationAlert, bC as OrDivider, hk as OrderLabels, _k as OrderPicker, gb as OsmMap, Ka as P, no as PasswordInput, io as PasswordSetup, mk as Picker, fC as PollTag, mC as PostTag, US as PrivateTag, ds as RadioGroup, Mo as RedStar, EC as RepliesSection, ZS as ReportTag, Ha as Row, Io as SaveCancelButtons, Jo as SearchBar, za as SendIcon, tC as SettingsTag, Rk as ShowMore, Vo as SmartImage, Ls as SocialMediaIcon, Ja as Span, Go as StaticColumn, Wo as StaticRow, gC as StreetTag, Do as StyledButton, Dk as SuccessMessage, ho as SvgButton, q as SvgSize, Qo as SvgTag, AS as SvgTooltip, ns as Tabs, Fk as Tag, Ik as Tags, nC as TeamTag, Lk as Text, Qa as TextInput, Ps as TextUpdater, qa as Textarea, Ns as TextareaAutosize, Is as TimeAgo, sg as TimePicker, kk as Toaster, So as ToggleButton, kS as Tooltip, GS as UpArrowTag, sC as UserTag, vC as VerticalLine };