@caspeco/casper-ui-library 11.4.0 → 12.0.0

package/dist/components/image-upload/image-upload-dropzone.js

@@ -1,135 +1,136 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { ThemeColorVariable as t, ThemeRadiusVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
 import { Alert as i } from "../alert/alert.js";
-import { ImageIconLarge as a } from "./image-upload-icons.js";
-import { sanitizeFilename as o } from "./image-upload-helper.js";
-import { translations as s } from "./translations.js";
-import c, { useState as l } from "react";
-import { Box as u, Input as d, Text as f } from "@chakra-ui/react";
-import { Fragment as ee, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useComponentTranslations as a } from "../../theme/translations.js";
+import { ImageIconLarge as o } from "./image-upload-icons.js";
+import { sanitizeFilename as s } from "./image-upload-helper.js";
+import { imageUploadTranslations as c } from "./image-upload.translations.js";
+import l, { useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Box as m, Input as h, Text as g } from "@chakra-ui/react";
 //#region lib/components/image-upload/image-upload-dropzone.tsx
-var h = e();
-function g(e) {
-	let g = (0, h.c)(37), { locale: _, setFileItem: v, setHasImageChanged: y } = e, [te, b] = l(!1), [x, S] = l(!1), [C, w] = l(!1), T;
-	g[0] === Symbol.for("react.memo_cache_sentinel") ? (T = c.createRef(), g[0] = T) : T = g[0];
-	let E = T, D;
-	g[1] === Symbol.for("react.memo_cache_sentinel") ? (D = function(e, t) {
+var _ = e();
+function v(e) {
+	let v = (0, _.c)(37), { setFileItem: y, setHasImageChanged: b } = e, x = a(c), [S, C] = u(!1), [w, T] = u(!1), [E, D] = u(!1), O;
+	v[0] === Symbol.for("react.memo_cache_sentinel") ? (O = l.createRef(), v[0] = O) : O = v[0];
+	let k = O, A;
+	v[1] === Symbol.for("react.memo_cache_sentinel") ? (A = function(e, t) {
 		let n = new FileReader();
 		n.onload = t, n.readAsDataURL(e);
-	}, g[1] = D) : D = g[1];
-	let O = D, k;
-	g[2] === Symbol.for("react.memo_cache_sentinel") ? (k = [
+	}, v[1] = A) : A = v[1];
+	let j = A, M;
+	v[2] === Symbol.for("react.memo_cache_sentinel") ? (M = [
 		"image/jpeg",
 		"image/png",
 		"image/webp",
 		"image/gif",
 		"image/svg+xml"
-	], g[2] = k) : k = g[2];
-	let A = k, j;
-	g[3] !== v || g[4] !== y ? (j = (e) => {
+	], v[2] = M) : M = v[2];
+	let N = M, P;
+	v[3] !== y || v[4] !== b ? (P = (e) => {
 		let { target: t } = e;
 		if (!t || !t.files || !t.files[0]) return;
 		let n = t.files[0];
-		if (!A.includes(n.type)) {
-			w(!0);
+		if (!N.includes(n.type)) {
+			D(!0);
 			return;
 		}
-		w(!1), n.size > 3145728 ? S(!0) : (S(!1), O(n, (e) => {
+		D(!1), n.size > 3145728 ? T(!0) : (T(!1), j(n, (e) => {
 			let t = e.target?.result, r = {
-				fileName: o(n.name),
+				fileName: s(n.name),
 				data: t
 			};
-			v(r), y(!0);
+			y(r), b(!0);
 		}));
-	}, g[3] = v, g[4] = y, g[5] = j) : j = g[5];
-	let M = j, N;
-	g[6] === Symbol.for("react.memo_cache_sentinel") ? (N = () => {
-		E.current && E.current.click();
-	}, g[6] = N) : N = g[6];
-	let P = N, F;
-	g[7] === Symbol.for("react.memo_cache_sentinel") ? (F = (e) => {
-		e.preventDefault(), e.dataTransfer.items && e.dataTransfer.items.length > 0 && b(!0);
-	}, g[7] = F) : F = g[7];
-	let I = F, L;
-	g[8] === Symbol.for("react.memo_cache_sentinel") ? (L = () => {
-		b(!1);
-	}, g[8] = L) : L = g[8];
-	let R = L, z;
-	g[9] === M ? z = g[10] : (z = (e) => {
-		if (e.preventDefault(), E.current && e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+	}, v[3] = y, v[4] = b, v[5] = P) : P = v[5];
+	let F = P, I;
+	v[6] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
+		k.current && k.current.click();
+	}, v[6] = I) : I = v[6];
+	let L = I, R;
+	v[7] === Symbol.for("react.memo_cache_sentinel") ? (R = (e) => {
+		e.preventDefault(), e.dataTransfer.items && e.dataTransfer.items.length > 0 && C(!0);
+	}, v[7] = R) : R = v[7];
+	let z = R, B;
+	v[8] === Symbol.for("react.memo_cache_sentinel") ? (B = () => {
+		C(!1);
+	}, v[8] = B) : B = v[8];
+	let V = B, H;
+	v[9] === F ? H = v[10] : (H = (e) => {
+		if (e.preventDefault(), k.current && e.dataTransfer.files && e.dataTransfer.files.length > 0) {
 			let t = new DataTransfer();
 			Array.from(e.dataTransfer.files).forEach((e) => {
 				t.items.add(e);
-			}), E.current.files = t.files, M({ target: E.current }), e.dataTransfer.clearData(), b(!1);
+			}), k.current.files = t.files, F({ target: k.current }), e.dataTransfer.clearData(), C(!1);
 		}
-	}, g[9] = M, g[10] = z);
-	let B = z, V = te ? t.OnSurfaceBorder : "transparent", H;
-	g[11] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ p(a, {}), g[11] = H) : H = g[11];
-	let U = s[_], W;
-	g[12] === U.pullAndDrop ? W = g[13] : (W = /* @__PURE__ */ p(f, { children: U.pullAndDrop }), g[12] = U.pullAndDrop, g[13] = W);
-	let G = s[_], K = s[_], q;
-	g[14] === K.upload ? q = g[15] : (q = /* @__PURE__ */ p(u, {
+	}, v[9] = F, v[10] = H);
+	let U = H, W = S ? t.OnSurfaceBorder : "transparent", G;
+	v[11] === Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ f(o, {}), v[11] = G) : G = v[11];
+	let K;
+	v[12] === x.pullAndDrop ? K = v[13] : (K = /* @__PURE__ */ f(g, { children: x.pullAndDrop }), v[12] = x.pullAndDrop, v[13] = K);
+	let q;
+	v[14] === x.upload ? q = v[15] : (q = /* @__PURE__ */ f(m, {
 		as: "span",
 		color: t.Accent,
 		textDecoration: "underline",
-		children: K.upload
-	}), g[14] = K.upload, g[15] = q);
+		children: x.upload
+	}), v[14] = x.upload, v[15] = q);
 	let J;
-	g[16] !== G.or || g[17] !== q ? (J = /* @__PURE__ */ m(f, { children: [
-		G.or,
+	v[16] !== q || v[17] !== x.or ? (J = /* @__PURE__ */ p(g, { children: [
+		x.or,
 		" ",
 		q,
 		"."
-	] }), g[16] = G.or, g[17] = q, g[18] = J) : J = g[18];
+	] }), v[16] = q, v[17] = x.or, v[18] = J) : J = v[18];
 	let Y;
-	g[19] === M ? Y = g[20] : (Y = /* @__PURE__ */ p(d, {
+	v[19] === F ? Y = v[20] : (Y = /* @__PURE__ */ f(h, {
 		type: "file",
-		ref: E,
+		ref: k,
 		display: "none",
-		onChange: M
-	}), g[19] = M, g[20] = Y);
+		onChange: F
+	}), v[19] = F, v[20] = Y);
 	let X;
-	g[21] !== B || g[22] !== W || g[23] !== J || g[24] !== Y || g[25] !== V ? (X = /* @__PURE__ */ m(u, {
+	v[21] !== U || v[22] !== K || v[23] !== J || v[24] !== Y || v[25] !== W ? (X = /* @__PURE__ */ p(m, {
 		p: "108px",
 		bg: t.BackgroundDisabled,
 		borderWidth: "1px",
-		borderColor: V,
+		borderColor: W,
 		transition: "150ms ease",
 		borderRadius: n.Medium,
 		display: "flex",
 		alignItems: "center",
 		justifyContent: "center",
 		flexDir: "column",
-		onDragOver: I,
-		onDragLeave: R,
-		onDrop: B,
-		onClick: P,
+		onDragOver: z,
+		onDragLeave: V,
+		onDrop: U,
+		onClick: L,
 		cursor: "pointer",
 		children: [
-			H,
-			W,
+			G,
+			K,
 			J,
 			Y
 		]
-	}), g[21] = B, g[22] = W, g[23] = J, g[24] = Y, g[25] = V, g[26] = X) : X = g[26];
+	}), v[21] = U, v[22] = K, v[23] = J, v[24] = Y, v[25] = W, v[26] = X) : X = v[26];
 	let Z;
-	g[27] !== _ || g[28] !== C ? (Z = C && /* @__PURE__ */ p(i, {
+	v[27] !== x.unsupportedFormat || v[28] !== E ? (Z = E && /* @__PURE__ */ f(i, {
 		mt: r.Medium,
 		type: "error",
-		children: s[_].unsupportedFormat
-	}), g[27] = _, g[28] = C, g[29] = Z) : Z = g[29];
+		children: x.unsupportedFormat
+	}), v[27] = x.unsupportedFormat, v[28] = E, v[29] = Z) : Z = v[29];
 	let Q;
-	g[30] !== _ || g[31] !== x ? (Q = x && /* @__PURE__ */ p(i, {
+	v[30] !== x.sizeExceeded || v[31] !== w ? (Q = w && /* @__PURE__ */ f(i, {
 		mt: r.Medium,
 		type: "error",
-		children: s[_].sizeExceeded
-	}), g[30] = _, g[31] = x, g[32] = Q) : Q = g[32];
+		children: x.sizeExceeded
+	}), v[30] = x.sizeExceeded, v[31] = w, v[32] = Q) : Q = v[32];
 	let $;
-	return g[33] !== X || g[34] !== Z || g[35] !== Q ? ($ = /* @__PURE__ */ m(ee, { children: [
+	return v[33] !== X || v[34] !== Z || v[35] !== Q ? ($ = /* @__PURE__ */ p(d, { children: [
 		X,
 		Z,
 		Q
-	] }), g[33] = X, g[34] = Z, g[35] = Q, g[36] = $) : $ = g[36], $;
+	] }), v[33] = X, v[34] = Z, v[35] = Q, v[36] = $) : $ = v[36], $;
 }
 //#endregion
-export { g as default };
+export { v as default };

package/dist/components/image-upload/image-upload-icons.js

@@ -1,17 +1,17 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { Icon as t } from "@chakra-ui/react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { Icon as n } from "@chakra-ui/react";
 //#region lib/components/image-upload/image-upload-icons.tsx
 var r = e(), i = () => {
 	let e = (0, r.c)(1), i;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ n(t, {
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ t(n, {
 		boxSize: "30px",
 		width: "30px",
 		height: "30px",
 		asChild: !0,
-		children: /* @__PURE__ */ n("svg", {
+		children: /* @__PURE__ */ t("svg", {
 			viewBox: "0 0 30 30",
-			children: /* @__PURE__ */ n("path", {
+			children: /* @__PURE__ */ t("path", {
 				d: "M24 6.75H6C5.57812 6.75 5.25 7.125 5.25 7.5V22.5V22.5469L5.4375 22.2656L9.1875 17.0156C9.42188 16.6875 9.75 16.5 10.125 16.5C10.4531 16.5 10.8281 16.6875 11.0156 16.9688L12.4688 18.9844L16.3594 13.9688C16.5469 13.6875 16.875 13.5 17.25 13.5C17.5781 13.5 17.9062 13.6875 18.1406 13.9688L24.5156 22.2188L24.75 22.5V7.5C24.75 7.125 24.375 6.75 24 6.75ZM6 4.5H24C25.6406 4.5 27 5.85938 27 7.5V22.5C27 24.1875 25.6406 25.5 24 25.5H6C4.3125 25.5 3 24.1875 3 22.5V7.5C3 5.85938 4.3125 4.5 6 4.5ZM9.75 13.5C8.90625 13.5 8.20312 13.0781 7.78125 12.375C7.35938 11.7188 7.35938 10.8281 7.78125 10.125C8.20312 9.46875 8.90625 9 9.75 9C10.5469 9 11.25 9.46875 11.6719 10.125C12.0938 10.8281 12.0938 11.7188 11.6719 12.375C11.25 13.0781 10.5469 13.5 9.75 13.5Z",
 				fill: "#0C0656",
 				fillOpacity: "0.24"
@@ -20,14 +20,14 @@ var r = e(), i = () => {
 	}), e[0] = i) : i = e[0], i;
 }, a = () => {
 	let e = (0, r.c)(1), i;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ n(t, {
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ t(n, {
 		boxSize: "64px",
 		width: "64px",
 		height: "64px",
 		asChild: !0,
-		children: /* @__PURE__ */ n("svg", {
+		children: /* @__PURE__ */ t("svg", {
 			viewBox: "0 0 64 64",
-			children: /* @__PURE__ */ n("path", {
+			children: /* @__PURE__ */ t("path", {
 				d: "M20 15C16.625 15 14 17.75 14 21C14 24.375 16.625 27 20 27C23.25 27 26 24.375 26 21C26 17.75 23.25 15 20 15ZM56.875 4H8.875C4.5 4 0.875 7.625 0.875 12V52C0.875 56.5 4.5 60 8.875 60H56.875C61.25 60 64.875 56.5 64.875 52V12C64.875 7.625 61.375 4 56.875 4ZM58.875 51.25L41.75 28C41.375 27.375 40.75 27 40 27C39.125 27 38.5 27.375 38 28L24.75 46L20.125 40.25C19.625 39.75 19 39.375 18.25 39.375C17.5 39.375 16.875 39.75 16.375 40.25L7 52L6.875 12C6.875 11 7.875 10 8.875 10H56.875C58 10 58.875 11 58.875 12V51.25Z",
 				fill: "#0C0656",
 				fillOpacity: "0.24"
@@ -36,13 +36,13 @@ var r = e(), i = () => {
 	}), e[0] = i) : i = e[0], i;
 }, o = () => {
 	let e = (0, r.c)(1), i;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ n(t, {
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ t(n, {
 		width: "24px",
 		height: "24px",
 		asChild: !0,
-		children: /* @__PURE__ */ n("svg", {
+		children: /* @__PURE__ */ t("svg", {
 			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ n("path", {
+			children: /* @__PURE__ */ t("path", {
 				d: "M17.9766 7.85156L13.2891 12.5391L17.9375 17.1875C18.3281 17.5391 18.3281 18.125 17.9375 18.4766C17.5859 18.8672 17 18.8672 16.6484 18.4766L11.9609 13.8281L7.3125 18.4766C6.96094 18.8672 6.375 18.8672 6.02344 18.4766C5.63281 18.125 5.63281 17.5391 6.02344 17.1484L10.6719 12.5L6.02344 7.85156C5.63281 7.5 5.63281 6.91406 6.02344 6.52344C6.375 6.17188 6.96094 6.17188 7.35156 6.52344L12 11.2109L16.6484 6.5625C17 6.17188 17.5859 6.17188 17.9766 6.5625C18.3281 6.91406 18.3281 7.5 17.9766 7.85156Z",
 				fill: "#0C0656"
 			})

package/dist/components/image-upload/image-upload-modal.d.ts

@@ -1,7 +1,6 @@
 import { FileItem } from './image-upload-dropzone.js';
-import { Crop, ImageUploadAspectRatio, Locales } from './types.js';
+import { Crop, ImageUploadAspectRatio } from './types.js';
 interface IImageCropperModalProps {
-    locale: Locales;
     title: string | undefined;
     src: string | undefined;
     savedCrop: Crop | undefined;
@@ -13,6 +12,6 @@ interface IImageCropperModalProps {
     setPreviewImage: (base64: string) => void;
     setCrop: (crop: Crop | null) => void;
 }
-export declare function ImageUploadModal({ title, src, savedCrop, isOpen, aspectRatio, crop, locale, onClose, handleSaveImage, setPreviewImage, setCrop, }: IImageCropperModalProps): import('react').JSX.Element;
+export declare function ImageUploadModal({ title, src, savedCrop, isOpen, aspectRatio, crop, onClose, handleSaveImage, setPreviewImage, setCrop, }: IImageCropperModalProps): import('react').JSX.Element;
 export {};
 //# sourceMappingURL=image-upload-modal.d.ts.map

package/dist/components/image-upload/image-upload-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload-modal.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-modal.tsx"],"names":[],"mappings":"AAOA,OAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIlE,OAAO,EAAE,KAAK,IAAI,EAAE,sBAAsB,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAC;AAE1E,UAAU,uBAAuB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,sBAAsB,CAAC;IACpC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3F,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,EAChC,KAAK,EACL,GAAG,EACH,SAAS,EACT,MAAM,EACN,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,eAAe,EACf,eAAe,EACf,OAAO,GACP,EAAE,uBAAuB,+BA8GzB"}
+{"version":3,"file":"image-upload-modal.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-modal.tsx"],"names":[],"mappings":"AAOA,OAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGlE,OAAO,EAAE,KAAK,IAAI,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAI5D,UAAU,uBAAuB;IAChC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,sBAAsB,CAAC;IACpC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3F,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,EAChC,KAAK,EACL,GAAG,EACH,SAAS,EACT,MAAM,EACN,WAAW,EACX,IAAI,EACJ,OAAO,EACP,eAAe,EACf,eAAe,EACf,OAAO,GACP,EAAE,uBAAuB,+BA+GzB"}

package/dist/components/image-upload/image-upload-modal.js

@@ -1,132 +1,132 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeColorVariable as t, ThemeFontSizeVariable as n, ThemeFontVariable as r, ThemeSpaceVariable as i } from "../../theme/theme-types.js";
-import { Text as ee } from "../text/text.js";
+import { ThemeColorVariable as t, ThemeFontSizeVariable as n, ThemeFontVariable as ee, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
+import { Text as i } from "../text/text.js";
 import { Button as a } from "../button/button.js";
-import { RemoveIcon as o } from "./image-upload-icons.js";
+import { useComponentTranslations as o } from "../../theme/translations.js";
+import { RemoveIcon as te } from "./image-upload-icons.js";
 import { Modal as s } from "../modal/modal.js";
-import { ModalBody as c } from "../modal/modal-body.js";
-import { ModalCloseButton as l } from "../modal/modal-close-button.js";
-import { ModalFooter as u } from "../modal/modal-footer.js";
-import { ModalHeader as d } from "../modal/modal-header.js";
-import { ImageCropper as te } from "./image-cropper.js";
-import { loadImageFileItem as f } from "./image-upload-helper.js";
-import { translations as p } from "./translations.js";
-import ne from "./image-upload-dropzone.js";
-import { useEffect as re, useState as m } from "react";
-import { ButtonGroup as ie } from "@chakra-ui/react";
-import { Fragment as ae, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { ModalBody as ne } from "../modal/modal-body.js";
+import { ModalCloseButton as c } from "../modal/modal-close-button.js";
+import { ModalFooter as l } from "../modal/modal-footer.js";
+import { ModalHeader as re } from "../modal/modal-header.js";
+import { ImageCropper as ie } from "./image-cropper.js";
+import { loadImageFileItem as u } from "./image-upload-helper.js";
+import { imageUploadTranslations as ae } from "./image-upload.translations.js";
+import oe from "./image-upload-dropzone.js";
+import { useEffect as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ButtonGroup as g } from "@chakra-ui/react";
 //#region lib/components/image-upload/image-upload-modal.tsx
 var _ = e();
 function v(e) {
-	let v = (0, _.c)(48), { title: y, src: b, savedCrop: x, isOpen: S, aspectRatio: C, crop: w, locale: T, onClose: E, handleSaveImage: D, setPreviewImage: O, setCrop: k } = e, [A, j] = m(!1), M;
+	let v = (0, _.c)(48), { title: y, src: b, savedCrop: x, isOpen: S, aspectRatio: C, crop: w, onClose: T, handleSaveImage: E, setPreviewImage: D, setCrop: O } = e, k = o(ae), [A, j] = f(!1), M;
 	v[0] === Symbol.for("react.memo_cache_sentinel") ? (M = {
 		data: "",
 		fileName: ""
 	}, v[0] = M) : M = v[0];
-	let [N, P] = m(M), F, I;
+	let [N, P] = f(M), F, I;
 	v[1] === b ? (F = v[2], I = v[3]) : (F = () => {
 		if (!b) return;
 		let e = new AbortController();
-		return f(b, e.signal).then((t) => {
+		return u(b, e.signal).then((t) => {
 			e.signal.aborted || P(t);
 		}).catch(console.error), () => {
 			e.abort();
 		};
-	}, I = [b], v[1] = b, v[2] = F, v[3] = I), re(F, I);
+	}, I = [b], v[1] = b, v[2] = F, v[3] = I), d(F, I);
 	let L;
-	v[4] !== w || v[5] !== N || v[6] !== D || v[7] !== A ? (L = () => {
-		D(N, w, A);
-	}, v[4] = w, v[5] = N, v[6] = D, v[7] = A, v[8] = L) : L = v[8];
-	let R = L, z = (!N.data || !N.fileName) && !b, oe = (!N.data || !N.fileName) && b, B;
-	v[9] !== E || v[10] !== x || v[11] !== k || v[12] !== O || v[13] !== b ? (B = () => {
+	v[4] !== w || v[5] !== N || v[6] !== E || v[7] !== A ? (L = () => {
+		E(N, w, A);
+	}, v[4] = w, v[5] = N, v[6] = E, v[7] = A, v[8] = L) : L = v[8];
+	let R = L, z = (!N.data || !N.fileName) && !b, B = (!N.data || !N.fileName) && b, V;
+	v[9] !== T || v[10] !== x || v[11] !== O || v[12] !== D || v[13] !== b ? (V = () => {
 		P({
 			data: "",
 			fileName: ""
-		}), O(""), b && (f(b).then(P).catch(console.error), O(b)), k(x || null), E();
-	}, v[9] = E, v[10] = x, v[11] = k, v[12] = O, v[13] = b, v[14] = B) : B = v[14];
-	let V = B, H;
-	v[15] !== k || v[16] !== O ? (H = () => {
+		}), D(""), b && (u(b).then(P).catch(console.error), D(b)), O(x || null), T();
+	}, v[9] = T, v[10] = x, v[11] = O, v[12] = D, v[13] = b, v[14] = V) : V = v[14];
+	let H = V, U;
+	v[15] !== O || v[16] !== D ? (U = () => {
 		P({
 			data: "",
 			fileName: ""
-		}), O(""), k(null);
-	}, v[15] = k, v[16] = O, v[17] = H) : H = v[17];
-	let U = H, W;
-	v[18] === y ? W = v[19] : (W = /* @__PURE__ */ h(ee, {
+		}), D(""), O(null);
+	}, v[15] = O, v[16] = D, v[17] = U) : U = v[17];
+	let W = U, G;
+	v[18] === y ? G = v[19] : (G = /* @__PURE__ */ m(i, {
 		color: t.OnSurfaceHeader,
-		fontFamily: r.SubHeader,
+		fontFamily: ee.SubHeader,
 		fontWeight: "medium",
 		fontSize: n.XLarge,
 		children: y
-	}), v[18] = y, v[19] = W);
-	let G;
-	v[20] === Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ h(l, {}), v[20] = G) : G = v[20];
+	}), v[18] = y, v[19] = G);
 	let K;
-	v[21] === W ? K = v[22] : (K = /* @__PURE__ */ g(d, {
+	v[20] === Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ m(c, {}), v[20] = K) : K = v[20];
+	let q;
+	v[21] === G ? q = v[22] : (q = /* @__PURE__ */ h(re, {
 		display: "flex",
 		alignItems: "center",
 		justifyContent: "space-between",
-		p: i.Medium,
-		children: [W, G]
-	}), v[21] = W, v[22] = K);
-	let q;
-	v[23] !== C || v[24] !== w || v[25] !== N.data || v[26] !== N.fileName || v[27] !== U || v[28] !== T || v[29] !== k || v[30] !== O ? (q = /* @__PURE__ */ h(c, {
+		p: r.Medium,
+		children: [G, K]
+	}), v[21] = G, v[22] = q);
+	let J;
+	v[23] !== C || v[24] !== w || v[25] !== N.data || v[26] !== N.fileName || v[27] !== W || v[28] !== O || v[29] !== D || v[30] !== k.remove ? (J = /* @__PURE__ */ m(ne, {
 		display: "flex",
 		flexDirection: "column",
-		p: `${i.Large} ${i.Medium}`,
-		children: N.data && N.fileName ? /* @__PURE__ */ g(ae, { children: [/* @__PURE__ */ h(te, {
+		p: `${r.Large} ${r.Medium}`,
+		children: N.data && N.fileName ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(ie, {
 			src: N.data,
 			crop: w,
-			onCropCallback: k,
+			onCropCallback: O,
 			aspectRatio: C,
-			setPreviewImage: O
-		}), /* @__PURE__ */ h(ie, {
-			gap: i.Small,
-			mt: i.Large,
+			setPreviewImage: D
+		}), /* @__PURE__ */ m(g, {
+			gap: r.Small,
+			mt: r.Large,
 			flexWrap: "wrap",
-			children: /* @__PURE__ */ g(a, {
+			children: /* @__PURE__ */ h(a, {
 				variant: "ghost",
-				onClick: U,
-				gap: i.XSmall,
-				children: [/* @__PURE__ */ h(o, {}), p[T].remove]
+				onClick: W,
+				gap: r.XSmall,
+				children: [/* @__PURE__ */ m(te, {}), k.remove]
 			})
-		})] }) : /* @__PURE__ */ h(ne, {
-			locale: T,
+		})] }) : /* @__PURE__ */ m(oe, {
 			setFileItem: P,
 			setHasImageChanged: j
 		})
-	}), v[23] = C, v[24] = w, v[25] = N.data, v[26] = N.fileName, v[27] = U, v[28] = T, v[29] = k, v[30] = O, v[31] = q) : q = v[31];
-	let J = p[T], Y;
-	v[32] !== V || v[33] !== J.secondary ? (Y = /* @__PURE__ */ h(a, {
+	}), v[23] = C, v[24] = w, v[25] = N.data, v[26] = N.fileName, v[27] = W, v[28] = O, v[29] = D, v[30] = k.remove, v[31] = J) : J = v[31];
+	let Y;
+	v[32] !== H || v[33] !== k.secondary ? (Y = /* @__PURE__ */ m(a, {
 		variant: "ghost",
-		onClick: V,
-		children: J.secondary
-	}), v[32] = V, v[33] = J.secondary, v[34] = Y) : Y = v[34];
-	let X = oe ? p[T].remove : p[T].primary, Z;
-	v[35] !== z || v[36] !== R || v[37] !== X ? (Z = /* @__PURE__ */ h(a, {
+		onClick: H,
+		children: k.secondary
+	}), v[32] = H, v[33] = k.secondary, v[34] = Y) : Y = v[34];
+	let X = B ? k.remove : k.primary, Z;
+	v[35] !== z || v[36] !== R || v[37] !== X ? (Z = /* @__PURE__ */ m(a, {
 		variant: "primary",
 		onClick: R,
 		isDisabled: z,
 		children: X
 	}), v[35] = z, v[36] = R, v[37] = X, v[38] = Z) : Z = v[38];
 	let Q;
-	v[39] !== Y || v[40] !== Z ? (Q = /* @__PURE__ */ g(u, {
-		p: i.Medium,
-		gap: i.Medium,
+	v[39] !== Y || v[40] !== Z ? (Q = /* @__PURE__ */ h(l, {
+		p: r.Medium,
+		gap: r.Medium,
 		borderTop: `1px solid ${t.OnSurfaceBorder}`,
 		children: [Y, Z]
 	}), v[39] = Y, v[40] = Z, v[41] = Q) : Q = v[41];
 	let $;
-	return v[42] !== V || v[43] !== S || v[44] !== q || v[45] !== Q || v[46] !== K ? ($ = /* @__PURE__ */ g(s, {
+	return v[42] !== H || v[43] !== S || v[44] !== J || v[45] !== Q || v[46] !== q ? ($ = /* @__PURE__ */ h(s, {
 		isOpen: S,
-		onClose: V,
+		onClose: H,
 		size: "md",
 		children: [
-			K,
 			q,
+			J,
 			Q
 		]
-	}), v[42] = V, v[43] = S, v[44] = q, v[45] = Q, v[46] = K, v[47] = $) : $ = v[47], $;
+	}), v[42] = H, v[43] = S, v[44] = J, v[45] = Q, v[46] = q, v[47] = $) : $ = v[47], $;
 }
 //#endregion
 export { v as ImageUploadModal };

package/dist/components/image-upload/image-upload.d.ts

@@ -1,3 +1,3 @@
 import { ImageUploadProps } from './types.js';
-export declare function ImageUpload({ title, savedImageUrl, savedCrop, aspectRatio, isLoading, locale, onSave, }: ImageUploadProps): import('react').JSX.Element;
+export declare function ImageUpload({ title, savedImageUrl, savedCrop, aspectRatio, isLoading, onSave, }: ImageUploadProps): import('react').JSX.Element;
 //# sourceMappingURL=image-upload.d.ts.map

package/dist/components/image-upload/image-upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload.tsx"],"names":[],"mappings":"AASA,OAAO,EAAqD,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEnG,wBAAgB,WAAW,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,SAAS,EACT,WAAW,EACX,SAAS,EACT,MAAgB,EAChB,MAAM,GACN,EAAE,gBAAgB,+BAgGlB"}
+{"version":3,"file":"image-upload.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload.tsx"],"names":[],"mappings":"AASA,OAAO,EAAqD,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEnG,wBAAgB,WAAW,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,SAAS,EACT,WAAW,EACX,SAAS,EACT,MAAM,GACN,EAAE,gBAAgB,+BA+FlB"}