@ienlab/react-library 0.17.0-beta.48 → 0.17.0-beta.49

package/dist/my-library.es.js

@@ -2783,21 +2783,21 @@ function yt(e, t, n, r, i = 1) {
 		}
 	}));
 }
-function W(e) {
+function bt(e) {
 	e.width = 0, e.height = 0;
 }
-function bt() {
+function xt() {
 	return new Promise((function(e, t) {
 		let n, r, i, a;
-		return bt.cachedResult === void 0 ? ut("data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAEAAgMBEQACEQEDEQH/xABKAAEAAAAAAAAAAAAAAAAAAAALEAEAAAAAAAAAAAAAAAAAAAAAAQEAAAAAAAAAAAAAAAAAAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwA/8H//2Q==", "test.jpg", Date.now()).then((function(o) {
+		return xt.cachedResult === void 0 ? ut("data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAEAAgMBEQACEQEDEQH/xABKAAEAAAAAAAAAAAAAAAAAAAALEAEAAAAAAAAAAAAAAAAAAAAAAQEAAAAAAAAAAAAAAAAAAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwA/8H//2Q==", "test.jpg", Date.now()).then((function(o) {
 			try {
 				return n = o, vt(n).then((function(o) {
 					try {
 						return r = o[1], yt(r, n.type, n.name, n.lastModified).then((function(n) {
 							try {
-								return i = n, W(r), vt(i).then((function(n) {
+								return i = n, bt(r), vt(i).then((function(n) {
 									try {
-										return a = n[0], bt.cachedResult = a.width === 1 && a.height === 2, e(bt.cachedResult);
+										return a = n[0], xt.cachedResult = a.width === 1 && a.height === 2, e(xt.cachedResult);
 									} catch (e) {
 										return t(e);
 									}
@@ -2813,10 +2813,10 @@ function bt() {
 			} catch (e) {
 				return t(e);
 			}
-		}), t) : e(bt.cachedResult);
+		}), t) : e(xt.cachedResult);
 	}));
 }
-function xt(e) {
+function St(e) {
 	return new Promise(((t, n) => {
 		let r = new lt();
 		r.onload = (e) => {
@@ -2842,11 +2842,11 @@ function xt(e) {
 		}, r.onerror = (e) => n(e), r.readAsArrayBuffer(e);
 	}));
 }
-function St(e, t) {
+function Ct(e, t) {
 	let { width: n } = e, { height: r } = e, { maxWidthOrHeight: i } = t, a, o = e;
-	return isFinite(i) && (n > i || r > i) && ([o, a] = ht(n, r), n > r ? (o.width = i, o.height = r / n * i) : (o.width = n / r * i, o.height = i), a.drawImage(e, 0, 0, o.width, o.height), W(e)), o;
+	return isFinite(i) && (n > i || r > i) && ([o, a] = ht(n, r), n > r ? (o.width = i, o.height = r / n * i) : (o.width = n / r * i, o.height = i), a.drawImage(e, 0, 0, o.width, o.height), bt(e)), o;
 }
-function Ct(e, t) {
+function wt(e, t) {
 	let { width: n } = e, { height: r } = e, [i, a] = ht(n, r);
 	switch (t > 4 && t < 9 ? (i.width = r, i.height = n) : (i.width = n, i.height = r), t) {
 		case 2:
@@ -2869,9 +2869,9 @@ function Ct(e, t) {
 			break;
 		case 8: a.transform(0, -1, 1, 0, 0, n);
 	}
-	return a.drawImage(e, 0, 0, n, r), W(e), i;
+	return a.drawImage(e, 0, 0, n, r), bt(e), i;
 }
-function wt(e, t, n = 0) {
+function Tt(e, t, n = 0) {
 	return new Promise((function(r, i) {
 		let a, o, s, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w;
 		function T(e = 5) {
@@ -2884,9 +2884,9 @@ function wt(e, t, n = 0) {
 		}
 		return a = n, o = t.maxIteration || 10, s = 1024 * t.maxSizeMB * 1024, T(), vt(e, t).then(function(n) {
 			try {
-				return [, c] = n, T(), l = St(c, t), T(), new Promise((function(n, r) {
+				return [, c] = n, T(), l = Ct(c, t), T(), new Promise((function(n, r) {
 					var i;
-					if (!(i = t.exifOrientation)) return xt(e).then(function(e) {
+					if (!(i = t.exifOrientation)) return St(e).then(function(e) {
 						try {
 							return i = e, a.call(this);
 						} catch (e) {
@@ -2899,9 +2899,9 @@ function wt(e, t, n = 0) {
 					return a.call(this);
 				})).then(function(n) {
 					try {
-						return u = n, T(), bt().then(function(n) {
+						return u = n, T(), xt().then(function(n) {
 							try {
-								return d = n ? l : Ct(l, u), T(), f = t.initialQuality || 1, p = t.fileType || e.type, yt(d, p, e.name, e.lastModified, f).then(function(n) {
+								return d = n ? l : wt(l, u), T(), f = t.initialQuality || 1, p = t.fileType || e.type, yt(d, p, e.name, e.lastModified, f).then(function(n) {
 									try {
 										{
 											if (m = n, T(), h = m.size > s, g = m.size > e.size, !h && !g) return E(100), r(m);
@@ -2911,7 +2911,7 @@ function wt(e, t, n = 0) {
 													let t, n;
 													return t = w ? .95 * C.width : C.width, n = w ? .95 * C.height : C.height, [x, S] = ht(t, n), S.drawImage(C, 0, 0, t, n), f *= p === "image/png" ? .85 : .95, yt(x, p, e.name, e.lastModified, f).then((function(e) {
 														try {
-															return b = e, W(C), C = x, y = b.size, E(Math.min(99, Math.floor((v - y) / (v - s) * 100))), u;
+															return b = e, bt(C), C = x, y = b.size, E(Math.min(99, Math.floor((v - y) / (v - s) * 100))), u;
 														} catch (e) {
 															return i(e);
 														}
@@ -2933,7 +2933,7 @@ function wt(e, t, n = 0) {
 												}
 											}.bind(this))(u);
 											function D() {
-												return W(C), W(x), W(l), W(d), W(c), E(100), r(b);
+												return bt(C), bt(x), bt(l), bt(d), bt(c), E(100), r(b);
 											}
 										}
 									} catch (e) {
@@ -2954,14 +2954,14 @@ function wt(e, t, n = 0) {
 		}.bind(this), i);
 	}));
 }
-var Tt = "\nlet scriptImported = false\nself.addEventListener('message', async (e) => {\n  const { file, id, imageCompressionLibUrl, options } = e.data\n  options.onProgress = (progress) => self.postMessage({ progress, id })\n  try {\n    if (!scriptImported) {\n      // console.log('[worker] importScripts', imageCompressionLibUrl)\n      self.importScripts(imageCompressionLibUrl)\n      scriptImported = true\n    }\n    // console.log('[worker] self', self)\n    const compressedFile = await imageCompression(file, options)\n    self.postMessage({ file: compressedFile, id })\n  } catch (e) {\n    // console.error('[worker] error', e)\n    self.postMessage({ error: e.message + '\\n' + e.stack, id })\n  }\n})\n", Et;
-function Dt(e, t) {
+var Et = "\nlet scriptImported = false\nself.addEventListener('message', async (e) => {\n  const { file, id, imageCompressionLibUrl, options } = e.data\n  options.onProgress = (progress) => self.postMessage({ progress, id })\n  try {\n    if (!scriptImported) {\n      // console.log('[worker] importScripts', imageCompressionLibUrl)\n      self.importScripts(imageCompressionLibUrl)\n      scriptImported = true\n    }\n    // console.log('[worker] self', self)\n    const compressedFile = await imageCompression(file, options)\n    self.postMessage({ file: compressedFile, id })\n  } catch (e) {\n    // console.error('[worker] error', e)\n    self.postMessage({ error: e.message + '\\n' + e.stack, id })\n  }\n})\n", Dt;
+function Ot(e, t) {
 	return new Promise(((n, r) => {
-		Et ||= function(e) {
+		Dt ||= function(e) {
 			let t = [];
 			return typeof e == "function" ? t.push(`(${e})()`) : t.push(e), URL.createObjectURL(new Blob(t));
-		}(Tt);
-		let i = new Worker(Et);
+		}(Et);
+		let i = new Worker(Dt);
 		i.addEventListener("message", (function(e) {
 			if (t.signal && t.signal.aborted) i.terminate();
 			else if (e.data.progress === void 0) {
@@ -2981,14 +2981,14 @@ function Dt(e, t) {
 		});
 	}));
 }
-function G(e, t) {
+function W(e, t) {
 	return new Promise((function(n, r) {
 		let i, a, o, s, c, l;
 		if (i = { ...t }, o = 0, {onProgress: s} = i, i.maxSizeMB = i.maxSizeMB || Infinity, c = typeof i.useWebWorker != "boolean" || i.useWebWorker, delete i.useWebWorker, i.onProgress = (e) => {
 			o = e, typeof s == "function" && s(o);
 		}, !(e instanceof Blob || e instanceof ct)) return r(/* @__PURE__ */ Error("The file given is not an instance of Blob or File"));
 		if (!/^image/.test(e.type)) return r(/* @__PURE__ */ Error("The file given is not an image"));
-		if (l = typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope, !c || typeof Worker != "function" || l) return wt(e, i).then(function(e) {
+		if (l = typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope, !c || typeof Worker != "function" || l) return Tt(e, i).then(function(e) {
 			try {
 				return a = e, f.call(this);
 			} catch (e) {
@@ -3003,7 +3003,7 @@ function G(e, t) {
 			}
 		}.bind(this), d = function(t) {
 			try {
-				return wt(e, i).then((function(e) {
+				return Tt(e, i).then((function(e) {
 					try {
 						return a = e, u();
 					} catch (e) {
@@ -3015,7 +3015,7 @@ function G(e, t) {
 			}
 		};
 		try {
-			return i.libURL = i.libURL || "https://cdn.jsdelivr.net/npm/browser-image-compression@2.0.2/dist/browser-image-compression.js", Dt(e, i).then((function(e) {
+			return i.libURL = i.libURL || "https://cdn.jsdelivr.net/npm/browser-image-compression@2.0.2/dist/browser-image-compression.js", Ot(e, i).then((function(e) {
 				try {
 					return a = e, u();
 				} catch {
@@ -3036,12 +3036,12 @@ function G(e, t) {
 		}
 	}));
 }
-G.getDataUrlFromFile = dt, G.getFilefromDataUrl = ut, G.loadImage = ft, G.drawImageInCanvas = gt, G.drawFileInCanvas = vt, G.canvasToFile = yt, G.getExifOrientation = xt, G.handleMaxWidthOrHeight = St, G.followExifOrientation = Ct, G.cleanupCanvasMemory = W, G.isAutoOrientationInBrowser = bt, G.approximateBelowMaximumCanvasSizeOfBrowser = mt, G.copyExifWithoutOrientation = Qe, G.getBrowserName = pt, G.version = "2.0.2";
+W.getDataUrlFromFile = dt, W.getFilefromDataUrl = ut, W.loadImage = ft, W.drawImageInCanvas = gt, W.drawFileInCanvas = vt, W.canvasToFile = yt, W.getExifOrientation = St, W.handleMaxWidthOrHeight = Ct, W.followExifOrientation = wt, W.cleanupCanvasMemory = bt, W.isAutoOrientationInBrowser = xt, W.approximateBelowMaximumCanvasSizeOfBrowser = mt, W.copyExifWithoutOrientation = Qe, W.getBrowserName = pt, W.version = "2.0.2";
 //#endregion
 //#region src/utils/image/image-compress.ts
-async function Ot(e, t) {
+async function kt(e, t) {
 	if (!e.type.startsWith("image/")) return e;
-	let n = await G(e, {
+	let n = await W(e, {
 		...t.maxSizeMB != null && { maxSizeMB: t.maxSizeMB },
 		...t.maxWidthOrHeight != null && { maxWidthOrHeight: t.maxWidthOrHeight },
 		useWebWorker: !0
@@ -3053,7 +3053,7 @@ async function Ot(e, t) {
 }
 //#endregion
 //#region src/utils/image/image-validation.ts
-function kt(e, t) {
+function At(e, t) {
 	return t.split(",").map((e) => e.trim()).some((t) => {
 		if (t.endsWith("/*")) {
 			let n = t.slice(0, -2);
@@ -3062,8 +3062,8 @@ function kt(e, t) {
 		return e === t;
 	});
 }
-async function At(e, t) {
-	if (t.acceptType && !kt(e.type, t.acceptType)) return {
+async function jt(e, t) {
+	if (t.acceptType && !At(e.type, t.acceptType)) return {
 		ok: !1,
 		type: "invalidType",
 		acceptType: t.acceptType,
@@ -3081,7 +3081,7 @@ async function At(e, t) {
 	if (t.requiredSize || t.maxSize || t.requiredAspectRatio) {
 		let n = URL.createObjectURL(e);
 		try {
-			let e = await jt(n);
+			let e = await Mt(n);
 			if (!e) return { ok: !0 };
 			let { width: r, height: i } = e;
 			if (t.requiredSize) {
@@ -3122,7 +3122,7 @@ async function At(e, t) {
 	}
 	return { ok: !0 };
 }
-function jt(e) {
+function Mt(e) {
 	return new Promise((t) => {
 		let n = new Image();
 		n.onload = () => t({
@@ -3131,18 +3131,18 @@ function jt(e) {
 		}), n.onerror = () => t(null), n.src = e;
 	});
 }
-function Mt(e) {
+function Nt(e) {
 	return !!(e.requiredSize || e.maxSize || e.maxFileSizeMB != null || e.requiredAspectRatio || e.acceptType);
 }
 //#endregion
 //#region src/utils/image/image-delete.ts
-async function Nt(e, t) {
+async function Pt(e, t) {
 	let n = t.flat(), r = [...new Set(n.filter(({ item: e, url: t }) => e?.file === null && !!t).map(({ url: e }) => e))];
 	r.length !== 0 && await Promise.all(r.map((t) => w(E(e, t)).catch(() => {})));
 }
 //#endregion
 //#region src/utils/fb-storage.ts
-async function Pt(e, t, n) {
+async function Ft(e, t, n) {
 	if (!n.file) return n.url;
 	try {
 		let r = Xe(n.file.name);
@@ -3151,18 +3151,18 @@ async function Pt(e, t, n) {
 		throw console.error("Firebase file upload failed:", e), e;
 	}
 }
-async function Ft(e, t, n, r) {
+async function It(e, t, n, r) {
 	if (n.isEmpty) return "";
 	if (!n.file) return n.url;
-	let i = await Ot(n.file, r);
-	return await Pt(e, t, new pe({
+	let i = await kt(n.file, r);
+	return await Ft(e, t, new pe({
 		...n,
 		file: i
 	}));
 }
 //#endregion
 //#region src/utils/table.ts
-function It(e, t, n, r) {
+function Lt(e, t, n, r) {
 	let i = /* @__PURE__ */ new Map(), a = [];
 	for (let n of e) i.set(t(n), {
 		...n,
@@ -3181,29 +3181,29 @@ function It(e, t, n, r) {
 }
 //#endregion
 //#region src/utils/theme-provider.tsx
-var Lt = n({
+var Rt = n({
 	theme: "system",
 	resolvedTheme: "light",
 	setTheme: () => null
-}), Rt = (e) => e === "light" || e === "dark" || e === "system", zt = (e, t, n) => {
+}), zt = (e) => e === "light" || e === "dark" || e === "system", Bt = (e, t, n) => {
 	let r = localStorage.getItem(e);
 	if (!r) return t;
 	try {
 		let i = JSON.parse(r);
-		if (Rt(i)) return i;
+		if (zt(i)) return i;
 		if (i && typeof i == "object" && "theme" in i && "time" in i) {
 			let r = i;
-			if (!Rt(r.theme) || typeof r.time != "number") return t;
+			if (!zt(r.theme) || typeof r.time != "number") return t;
 			let a = Date.now(), o = n * 60 * 60 * 1e3;
 			return a - r.time < o ? r.theme : (localStorage.removeItem(e), t);
 		}
 	} catch {
-		if (Rt(r)) return r;
+		if (zt(r)) return r;
 	}
 	return t;
 };
-function Bt({ children: e, defaultTheme: t = "system", storageKey: n = "vite-ui-theme", themeExpiryHours: r = 24 }) {
-	let [i, s] = c(() => zt(n, t, r)), [l, u] = c(() => window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), d = i === "system" ? l : i;
+function Vt({ children: e, defaultTheme: t = "system", storageKey: n = "vite-ui-theme", themeExpiryHours: r = 24 }) {
+	let [i, s] = c(() => Bt(n, t, r)), [l, u] = c(() => window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), d = i === "system" ? l : i;
 	a(() => {
 		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => {
 			u(e.matches ? "dark" : "light");
@@ -3228,24 +3228,24 @@ function Bt({ children: e, defaultTheme: t = "system", storageKey: n = "vite-ui-
 		d,
 		n
 	]);
-	return /* @__PURE__ */ f(Lt.Provider, {
+	return /* @__PURE__ */ f(Rt.Provider, {
 		value: p,
 		children: e
 	});
 }
-var Vt = () => i(Lt);
+var Ht = () => i(Rt);
 //#endregion
 //#region src/utils/text.ts
-function Ht(e) {
+function Ut(e) {
 	let t = e.trimEnd(), n = t.length === 0 ? null : t[t.length - 1];
 	return !n || n.charCodeAt(0) < 44032 || n.charCodeAt(0) > 55203 ? !1 : (n.charCodeAt(0) - 44032) % 28 != 0;
 }
-function Ut(e, t, n) {
-	return e + (Ht(e) ? t : n);
+function Wt(e, t, n) {
+	return e + (Ut(e) ? t : n);
 }
 //#endregion
 //#region src/components/image/ImageUploadField.tsx
-var K = {
+var G = {
 	wrapper: {
 		display: "flex",
 		flexDirection: "column",
@@ -3264,18 +3264,15 @@ var K = {
 		backgroundColor: "var(--card)",
 		transition: "background-color 160ms ease, box-shadow 160ms ease"
 	},
-	frame: {
-		position: "relative",
-		width: "100%",
-		aspectRatio: "16 / 9"
-	},
 	imageLayer: {
 		position: "absolute",
 		inset: 0,
-		padding: "1.5rem"
+		padding: "0.75rem",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center"
 	},
 	imageBox: {
-		margin: "0 auto",
 		maxWidth: "100%",
 		maxHeight: "100%"
 	},
@@ -3332,34 +3329,41 @@ var K = {
 		boxShadow: "0 1px 3px rgba(0, 0, 0, 0.12)"
 	}
 };
-function Wt({ id: e, label: t, uploadHintText: n, descriptionText: r, value: i, onChange: a, aspectRatio: o = "1 / 1", accept: s = "image/*", requiredSize: l, maxSize: u, maxFileSizeMB: d, requiredAspectRatio: h, components: g, className: _ }) {
-	let { t: v } = m(), y = g?.Field ?? B, b = g?.FieldLabel ?? ne, x = g?.FieldDescription ?? re, S = g?.Input ?? V, C = g?.Button ?? se, w = g?.CloseIcon ?? ce, T = {
-		requiredSize: l,
-		maxSize: u,
-		maxFileSizeMB: d,
-		requiredAspectRatio: h ? o : void 0,
-		acceptType: s
-	}, E = {
-		...K.imageBox,
+function Gt({ id: e, label: t, uploadHintText: n, descriptionText: r, value: i, onChange: a, aspectRatio: o = "1 / 1", cardAspectRatio: s, accept: l = "image/*", requiredSize: u, maxSize: d, maxFileSizeMB: h, requiredAspectRatio: g, components: _, className: v, width: y, height: b }) {
+	let { t: x } = m(), S = _?.Field ?? B, C = _?.FieldLabel ?? ne, w = _?.FieldDescription ?? re, T = _?.Input ?? V, E = _?.Button ?? se, D = _?.CloseIcon ?? ce, O = {
+		requiredSize: u,
+		maxSize: d,
+		maxFileSizeMB: h,
+		requiredAspectRatio: g ? o : void 0,
+		acceptType: l
+	}, k = {
+		...G.card,
+		aspectRatio: s ?? o
+	}, A = {
+		...G.imageBox,
 		aspectRatio: o
-	}, [D, O] = c(!1), [k, A] = c(!1), [j, M] = c(null), N = (e) => {
+	}, j = {
+		...G.wrapper,
+		...y ? { width: y } : {},
+		...b ? { height: b } : {}
+	}, [M, N] = c(!1), [P, F] = c(!1), [I, L] = c(null), R = (e) => {
 		switch (e.type) {
-			case "requiredSize": return v("libs:validation_image_required_size", { size: `${e.requiredWidth}x${e.requiredHeight}` });
-			case "maxSize": return v("libs:validation_image_max_size", { size: `${e.maxWidth}x${e.maxHeight}` });
-			case "maxFileSize": return v("libs:validation_image_oversize", { size: e.maxSizeMB });
-			case "requiredAspectRatio": return v("libs:validation_image_aspect_ratio", { ratio: e.ratio });
-			case "invalidType": return v("libs:validation_image_invalid_type", {
+			case "requiredSize": return x("libs:validation_image_required_size", { size: `${e.requiredWidth}x${e.requiredHeight}` });
+			case "maxSize": return x("libs:validation_image_max_size", { size: `${e.maxWidth}x${e.maxHeight}` });
+			case "maxFileSize": return x("libs:validation_image_oversize", { size: e.maxSizeMB });
+			case "requiredAspectRatio": return x("libs:validation_image_aspect_ratio", { ratio: e.ratio });
+			case "invalidType": return x("libs:validation_image_invalid_type", {
 				accept: e.acceptType,
 				type: e.fileType
 			});
 		}
-	}, P = async (e) => {
-		M(null);
+	}, ee = async (e) => {
+		L(null);
 		let t = URL.createObjectURL(e);
-		if (Mt(T)) {
-			let n = await At(e, T);
+		if (Nt(O)) {
+			let n = await jt(e, O);
 			if (!n.ok) {
-				URL.revokeObjectURL(t), M(N(n));
+				URL.revokeObjectURL(t), L(R(n));
 				return;
 			}
 		}
@@ -3367,94 +3371,91 @@ function Wt({ id: e, label: t, uploadHintText: n, descriptionText: r, value: i,
 			file: e,
 			url: t
 		}));
-	}, F = (e) => {
+	}, te = (e) => {
 		e.stopPropagation(), i.revokeIfNeeded(), a(new pe());
-	}, I = (e) => {
-		e.preventDefault(), e.stopPropagation(), A(!0);
-	}, L = (e) => {
-		e.preventDefault(), e.stopPropagation(), A(!1);
-	}, R = (e) => {
-		e.preventDefault(), e.stopPropagation(), A(!1);
+	}, ie = (e) => {
+		e.preventDefault(), e.stopPropagation(), F(!0);
+	}, ae = (e) => {
+		e.preventDefault(), e.stopPropagation(), F(!1);
+	}, oe = (e) => {
+		e.preventDefault(), e.stopPropagation(), F(!1);
 		let t = e.dataTransfer.files?.[0];
-		t && P(t);
+		t && ee(t);
 	};
-	return /* @__PURE__ */ p(y, {
-		className: _,
-		children: [/* @__PURE__ */ f(b, {
+	return /* @__PURE__ */ p(S, {
+		className: v,
+		children: [/* @__PURE__ */ f(C, {
 			htmlFor: e,
 			children: t
 		}), /* @__PURE__ */ p("div", {
-			style: K.wrapper,
+			style: j,
 			children: [
 				/* @__PURE__ */ f("label", {
 					htmlFor: e,
 					style: {
-						...K.trigger,
-						backgroundColor: D || k ? "var(--accent)" : "var(--card)"
+						...G.trigger,
+						backgroundColor: M || P ? "var(--accent)" : "var(--card)"
 					},
-					onMouseEnter: () => O(!0),
-					onMouseLeave: () => O(!1),
-					onDragOver: I,
-					onDragLeave: L,
-					onDrop: R,
+					onMouseEnter: () => N(!0),
+					onMouseLeave: () => N(!1),
+					onDragOver: ie,
+					onDragLeave: ae,
+					onDrop: oe,
 					children: /* @__PURE__ */ p("div", {
-						style: K.card,
-						children: [/* @__PURE__ */ f("div", {
-							style: K.frame,
-							children: i.url ? /* @__PURE__ */ p("div", {
-								style: K.imageLayer,
-								children: [/* @__PURE__ */ f("div", {
-									style: E,
-									children: /* @__PURE__ */ f(z, {
-										src: i.url,
-										className: "",
-										alt: t,
-										style: K.image
-									})
-								}), /* @__PURE__ */ f(C, {
-									type: "button",
-									style: K.removeButton,
-									onClick: F,
-									children: /* @__PURE__ */ f(w, {})
-								})]
-							}) : /* @__PURE__ */ p("div", {
-								style: K.empty,
-								children: [/* @__PURE__ */ f("div", {
-									style: K.badge,
-									children: v("libs:add_assets")
-								}), /* @__PURE__ */ f("p", {
-									style: K.hint,
-									children: n
-								})]
-							})
+						style: k,
+						children: [i.url ? /* @__PURE__ */ p("div", {
+							style: G.imageLayer,
+							children: [/* @__PURE__ */ f("div", {
+								style: A,
+								children: /* @__PURE__ */ f(z, {
+									src: i.url,
+									className: "",
+									alt: t,
+									style: G.image
+								})
+							}), /* @__PURE__ */ f(E, {
+								type: "button",
+								style: G.removeButton,
+								onClick: te,
+								children: /* @__PURE__ */ f(D, {})
+							})]
+						}) : /* @__PURE__ */ p("div", {
+							style: G.empty,
+							children: [/* @__PURE__ */ f("div", {
+								style: G.badge,
+								children: x("libs:add_assets")
+							}), /* @__PURE__ */ f("p", {
+								style: G.hint,
+								children: n
+							})]
 						}), /* @__PURE__ */ f("div", { style: {
-							...K.overlay,
-							boxShadow: k ? "inset 0 0 0 2px rgba(59, 130, 246, 0.5)" : D ? "inset 0 0 0 2px rgba(59, 130, 246, 0.16)" : "inset 0 0 0 0 rgba(59, 130, 246, 0)"
+							...G.overlay,
+							boxShadow: P ? "inset 0 0 0 2px rgba(59, 130, 246, 0.5)" : M ? "inset 0 0 0 2px rgba(59, 130, 246, 0.16)" : "inset 0 0 0 0 rgba(59, 130, 246, 0)"
 						} })]
 					})
 				}),
-				/* @__PURE__ */ f(S, {
+				/* @__PURE__ */ f(T, {
 					id: e,
 					type: "file",
-					accept: s,
+					accept: l,
 					onChange: (e) => {
 						let t = e.target.files?.[0];
-						t && (P(t), e.currentTarget.value = "");
+						t && (ee(t), e.currentTarget.value = "");
 					},
 					style: { display: "none" }
 				}),
-				j && /* @__PURE__ */ f("div", {
-					style: K.error,
-					children: j
+				I && /* @__PURE__ */ f("div", {
+					style: G.error,
+					children: I
 				}),
-				/* @__PURE__ */ f(x, { children: r })
+				/* @__PURE__ */ f(w, { children: r })
 			]
 		})]
 	});
 }
 //#endregion
 //#region src/components/image/ImageUploadSortableField.tsx
-var q = {
+var K = {
 	wrapper: {
 		display: "flex",
 		flexDirection: "column",
@@ -3582,34 +3583,34 @@ var q = {
 		lineHeight: 1.4
 	}
 };
-function Gt({ id: e, label: t, descriptionText: n, uploadHintText: r, items: i, onChange: a, aspectRatio: o = "1 / 1", accept: l = "image/*", requiredSize: d, maxSize: h, maxFileSizeMB: g, requiredAspectRatio: _, components: v, className: y }) {
-	let { t: b } = m(), x = {
-		requiredSize: d,
-		maxSize: h,
-		maxFileSizeMB: g,
-		requiredAspectRatio: _ ? o : void 0,
-		acceptType: l
-	}, S = v?.Field ?? B, C = v?.FieldLabel ?? ne, w = v?.FieldDescription ?? re, T = v?.Input ?? V, E = v?.ScrollArea ?? ie, D = v?.ScrollBar ?? ae, O = v?.Card ?? oe, k = v?.Button ?? se, A = v?.CloseIcon ?? ce, j = s(null), [M, N] = c(!1), [P, F] = c(null), I = (e) => {
+function Kt({ id: e, label: t, descriptionText: n, uploadHintText: r, items: i, onChange: a, aspectRatio: o = "1 / 1", cardAspectRatio: l, accept: d = "image/*", requiredSize: h, maxSize: g, maxFileSizeMB: _, requiredAspectRatio: v, components: y, className: b, width: x, height: S }) {
+	let { t: C } = m(), w = {
+		requiredSize: h,
+		maxSize: g,
+		maxFileSizeMB: _,
+		requiredAspectRatio: v ? o : void 0,
+		acceptType: d
+	}, T = y?.Field ?? B, E = y?.FieldLabel ?? ne, D = y?.FieldDescription ?? re, O = y?.Input ?? V, k = y?.ScrollArea ?? ie, A = y?.ScrollBar ?? ae, j = y?.Card ?? oe, M = y?.Button ?? se, N = y?.CloseIcon ?? ce, P = s(null), [F, I] = c(!1), [L, R] = c(null), ee = (e) => {
 		switch (e.type) {
-			case "requiredSize": return b("libs:validation_image_required_size", { size: `${e.requiredWidth}x${e.requiredHeight}` });
-			case "maxSize": return b("libs:validation_image_max_size", { size: `${e.maxWidth}x${e.maxHeight}` });
-			case "maxFileSize": return b("libs:validation_image_oversize", { size: e.maxSizeMB });
-			case "requiredAspectRatio": return b("libs:validation_image_aspect_ratio", { ratio: e.ratio });
-			case "invalidType": return b("libs:validation_image_invalid_type", {
+			case "requiredSize": return C("libs:validation_image_required_size", { size: `${e.requiredWidth}x${e.requiredHeight}` });
+			case "maxSize": return C("libs:validation_image_max_size", { size: `${e.maxWidth}x${e.maxHeight}` });
+			case "maxFileSize": return C("libs:validation_image_oversize", { size: e.maxSizeMB });
+			case "requiredAspectRatio": return C("libs:validation_image_aspect_ratio", { ratio: e.ratio });
+			case "invalidType": return C("libs:validation_image_invalid_type", {
 				accept: e.acceptType,
 				type: e.fileType
 			});
 		}
-	}, L = (e) => {
+	}, te = (e) => {
 		e.revokeIfNeeded(), a(i.filter((t) => t !== e));
-	}, R = async (e) => {
+	}, le = async (e) => {
 		if (!e || e.length === 0) return;
-		F(null);
+		R(null);
 		let t = Array.from(e);
-		if (Mt(x)) for (let e of t) {
-			let t = await At(e, x);
+		if (Nt(w)) for (let e of t) {
+			let t = await jt(e, w);
 			if (!t.ok) {
-				F(I(t));
+				R(ee(t));
 				return;
 			}
 		}
@@ -3617,78 +3618,82 @@ function Gt({ id: e, label: t, descriptionText: n, uploadHintText: r, items: i,
 			file: e,
 			url: URL.createObjectURL(e)
 		}))]);
-	}, ee = (e) => {
-		e.preventDefault(), e.stopPropagation(), N(!0);
-	}, te = (e) => {
-		e.preventDefault(), e.stopPropagation(), j.current && !j.current.contains(e.relatedTarget) && N(!1);
-	}, le = (e) => {
-		e.preventDefault(), e.stopPropagation(), N(!1), R(e.dataTransfer.files);
-	}, ue = {
-		...q.card,
-		aspectRatio: o
-	}, de = {
-		...q.uploadCard,
-		aspectRatio: o
+	}, ue = (e) => {
+		e.preventDefault(), e.stopPropagation(), I(!0);
+	}, de = (e) => {
+		e.preventDefault(), e.stopPropagation(), P.current && !P.current.contains(e.relatedTarget) && I(!1);
+	}, fe = (e) => {
+		e.preventDefault(), e.stopPropagation(), I(!1), le(e.dataTransfer.files);
+	}, me = {
+		...K.card,
+		aspectRatio: l ?? o
+	}, he = {
+		...K.uploadCard,
+		aspectRatio: l ?? o
+	}, ge = {
+		...K.wrapper,
+		...x ? { width: x } : {},
+		...S ? { height: S } : {}
 	};
-	return /* @__PURE__ */ p(S, {
-		className: y,
-		children: [/* @__PURE__ */ f(C, {
+	return /* @__PURE__ */ p(T, {
+		className: b,
+		children: [/* @__PURE__ */ f(E, {
 			htmlFor: e,
 			children: t
 		}), /* @__PURE__ */ p("div", {
-			style: q.wrapper,
+			style: ge,
 			children: [
 				/* @__PURE__ */ p("div", {
-					ref: j,
+					ref: P,
 					style: {
-						...q.outerBox,
+						...K.outerBox,
 						position: "relative"
 					},
-					onDragOver: ee,
-					onDragLeave: te,
-					onDrop: le,
+					onDragOver: ue,
+					onDragLeave: de,
+					onDrop: fe,
 					children: [
-						M && /* @__PURE__ */ f("div", {
-							style: q.dropOverlay,
+						F && /* @__PURE__ */ f("div", {
+							style: K.dropOverlay,
 							children: /* @__PURE__ */ f("div", {
-								style: q.dropOverlayInner,
-								children: b("libs:drop_to_upload")
+								style: K.dropOverlayInner,
+								children: C("libs:drop_to_upload")
 							})
 						}),
-						/* @__PURE__ */ p(E, {
-							style: q.scrollArea,
+						/* @__PURE__ */ p(k, {
+							style: K.scrollArea,
 							children: [/* @__PURE__ */ p(u.Group, {
 								axis: "x",
 								values: i,
 								onReorder: a,
 								layoutScroll: !0,
-								style: q.list,
+								style: K.list,
 								children: [i.map((e) => /* @__PURE__ */ f(u.Item, {
 									value: e,
-									style: q.item,
-									children: /* @__PURE__ */ f(O, {
-										style: ue,
+									style: K.item,
+									children: /* @__PURE__ */ f(j, {
+										style: me,
 										children: /* @__PURE__ */ p("div", {
-											style: q.cardInner,
+											style: K.cardInner,
 											children: [/* @__PURE__ */ f(z, {
 												src: e.url,
 												className: "",
 												alt: t,
-												style: q.image,
+												style: K.image,
 												draggable: !1
-											}), /* @__PURE__ */ f(k, {
+											}), /* @__PURE__ */ f(M, {
 												type: "button",
-												style: q.removeButton,
-												onClick: () => L(e),
-												children: /* @__PURE__ */ f(A, {})
+												style: K.removeButton,
+												onClick: () => te(e),
+												children: /* @__PURE__ */ f(N, {})
 											})]
 										})
 									})
 								}, e.url)), /* @__PURE__ */ f("label", {
 									htmlFor: e,
-									style: q.uploadLabel,
-									children: /* @__PURE__ */ f(O, {
-										style: de,
+									style: K.uploadLabel,
+									children: /* @__PURE__ */ f(j, {
+										style: he,
 										onMouseEnter: (e) => {
 											e.currentTarget.style.backgroundColor = "var(--accent)";
 										},
@@ -3696,41 +3701,41 @@ function Gt({ id: e, label: t, descriptionText: n, uploadHintText: r, items: i,
 											e.currentTarget.style.backgroundColor = "var(--card)";
 										},
 										children: /* @__PURE__ */ p("div", {
-											style: q.uploadCardInner,
+											style: K.uploadCardInner,
 											children: [/* @__PURE__ */ f("div", {
-												style: q.badge,
-												children: b("libs:add_assets")
+												style: K.badge,
+												children: C("libs:add_assets")
 											}), /* @__PURE__ */ f("p", {
-												style: q.hint,
+												style: K.hint,
 												children: r
 											})]
 										})
 									})
 								})]
-							}), /* @__PURE__ */ f(D, {
+							}), /* @__PURE__ */ f(A, {
 								orientation: "horizontal",
-								style: q.scrollBar
+								style: K.scrollBar
 							})]
 						}),
-						/* @__PURE__ */ f(T, {
+						/* @__PURE__ */ f(O, {
 							id: e,
 							type: "file",
-							accept: l,
+							accept: d,
 							multiple: !0,
 							onChange: (e) => {
-								R(e.target.files), e.currentTarget.value = "";
+								le(e.target.files), e.currentTarget.value = "";
 							},
-							style: q.hiddenInput
+							style: K.hiddenInput
 						})
 					]
 				}),
-				P && /* @__PURE__ */ f("div", {
-					style: q.error,
-					children: P
+				L && /* @__PURE__ */ f("div", {
+					style: K.error,
+					children: L
 				}),
 				/* @__PURE__ */ f("div", {
-					style: q.description,
-					children: /* @__PURE__ */ f(w, { children: n })
+					style: K.description,
+					children: /* @__PURE__ */ f(D, { children: n })
 				})
 			]
 		})]
@@ -3738,115 +3743,115 @@ function Gt({ id: e, label: t, descriptionText: n, uploadHintText: r, items: i,
 }
 //#endregion
 //#region node_modules/clsx/dist/clsx.mjs
-function Kt(e) {
+function qt(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") if (Array.isArray(e)) {
 		var i = e.length;
-		for (t = 0; t < i; t++) e[t] && (n = Kt(e[t])) && (r && (r += " "), r += n);
+		for (t = 0; t < i; t++) e[t] && (n = qt(e[t])) && (r && (r += " "), r += n);
 	} else for (n in e) e[n] && (r && (r += " "), r += n);
 	return r;
 }
-function qt() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = Kt(e)) && (r && (r += " "), r += t);
+function Jt() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = qt(e)) && (r && (r += " "), r += t);
 	return r;
 }
 //#endregion
 //#region node_modules/tailwind-merge/dist/bundle-mjs.mjs
-var Jt = (e, t) => {
+var Yt = (e, t) => {
 	let n = Array(e.length + t.length);
 	for (let t = 0; t < e.length; t++) n[t] = e[t];
 	for (let r = 0; r < t.length; r++) n[e.length + r] = t[r];
 	return n;
-}, Yt = (e, t) => ({
+}, Xt = (e, t) => ({
 	classGroupId: e,
 	validator: t
-}), Xt = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+}), Zt = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
 	nextPart: e,
 	validators: t,
 	classGroupId: n
-}), Zt = "-", Qt = [], $t = "arbitrary..", en = (e) => {
-	let t = rn(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+}), Qt = "-", $t = [], en = "arbitrary..", tn = (e) => {
+	let t = an(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
 	return {
 		getClassGroupId: (e) => {
-			if (e.startsWith("[") && e.endsWith("]")) return nn(e);
-			let n = e.split(Zt);
-			return tn(n, +(n[0] === "" && n.length > 1), t);
+			if (e.startsWith("[") && e.endsWith("]")) return rn(e);
+			let n = e.split(Qt);
+			return nn(n, +(n[0] === "" && n.length > 1), t);
 		},
 		getConflictingClassGroupIds: (e, t) => {
 			if (t) {
 				let t = r[e], i = n[e];
-				return t ? i ? Jt(i, t) : t : i || Qt;
+				return t ? i ? Yt(i, t) : t : i || $t;
 			}
-			return n[e] || Qt;
+			return n[e] || $t;
 		}
 	};
-}, tn = (e, t, n) => {
+}, nn = (e, t, n) => {
 	if (e.length - t === 0) return n.classGroupId;
 	let r = e[t], i = n.nextPart.get(r);
 	if (i) {
-		let n = tn(e, t + 1, i);
+		let n = nn(e, t + 1, i);
 		if (n) return n;
 	}
 	let a = n.validators;
 	if (a === null) return;
-	let o = t === 0 ? e.join(Zt) : e.slice(t).join(Zt), s = a.length;
+	let o = t === 0 ? e.join(Qt) : e.slice(t).join(Qt), s = a.length;
 	for (let e = 0; e < s; e++) {
 		let t = a[e];
 		if (t.validator(o)) return t.classGroupId;
 	}
-}, nn = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, rn = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
 	let t = e.slice(1, -1), n = t.indexOf(":"), r = t.slice(0, n);
-	return r ? $t + r : void 0;
-})(), rn = (e) => {
+	return r ? en + r : void 0;
+})(), an = (e) => {
 	let { theme: t, classGroups: n } = e;
-	return an(n, t);
-}, an = (e, t) => {
-	let n = Xt();
+	return on(n, t);
+}, on = (e, t) => {
+	let n = Zt();
 	for (let r in e) {
 		let i = e[r];
-		on(i, n, r, t);
+		sn(i, n, r, t);
 	}
 	return n;
-}, on = (e, t, n, r) => {
+}, sn = (e, t, n, r) => {
 	let i = e.length;
 	for (let a = 0; a < i; a++) {
 		let i = e[a];
-		sn(i, t, n, r);
+		cn(i, t, n, r);
 	}
-}, sn = (e, t, n, r) => {
+}, cn = (e, t, n, r) => {
 	if (typeof e == "string") {
-		cn(e, t, n);
+		ln(e, t, n);
 		return;
 	}
 	if (typeof e == "function") {
-		ln(e, t, n, r);
+		un(e, t, n, r);
 		return;
 	}
-	un(e, t, n, r);
-}, cn = (e, t, n) => {
-	let r = e === "" ? t : dn(t, e);
+	dn(e, t, n, r);
+}, ln = (e, t, n) => {
+	let r = e === "" ? t : fn(t, e);
 	r.classGroupId = n;
-}, ln = (e, t, n, r) => {
-	if (fn(e)) {
-		on(e(r), t, n, r);
+}, un = (e, t, n, r) => {
+	if (pn(e)) {
+		sn(e(r), t, n, r);
 		return;
 	}
-	t.validators === null && (t.validators = []), t.validators.push(Yt(n, e));
-}, un = (e, t, n, r) => {
+	t.validators === null && (t.validators = []), t.validators.push(Xt(n, e));
+}, dn = (e, t, n, r) => {
 	let i = Object.entries(e), a = i.length;
 	for (let e = 0; e < a; e++) {
 		let [a, o] = i[e];
-		on(o, dn(t, a), n, r);
+		sn(o, fn(t, a), n, r);
 	}
-}, dn = (e, t) => {
-	let n = e, r = t.split(Zt), i = r.length;
+}, fn = (e, t) => {
+	let n = e, r = t.split(Qt), i = r.length;
 	for (let e = 0; e < i; e++) {
 		let t = r[e], i = n.nextPart.get(t);
-		i || (i = Xt(), n.nextPart.set(t, i)), n = i;
+		i || (i = Zt(), n.nextPart.set(t, i)), n = i;
 	}
 	return n;
-}, fn = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, pn = (e) => {
+}, pn = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, mn = (e) => {
 	if (e < 1) return {
 		get: () => void 0,
 		set: () => {}
@@ -3864,19 +3869,19 @@ var Jt = (e, t) => {
 			e in n ? n[e] = t : i(e, t);
 		}
 	};
-}, mn = "!", hn = ":", gn = [], _n = (e, t, n, r, i) => ({
+}, hn = "!", gn = ":", _n = [], vn = (e, t, n, r, i) => ({
 	modifiers: e,
 	hasImportantModifier: t,
 	baseClassName: n,
 	maybePostfixModifierPosition: r,
 	isExternal: i
-}), vn = (e) => {
+}), yn = (e) => {
 	let { prefix: t, experimentalParseClassName: n } = e, r = (e) => {
 		let t = [], n = 0, r = 0, i = 0, a, o = e.length;
 		for (let s = 0; s < o; s++) {
 			let o = e[s];
 			if (n === 0 && r === 0) {
-				if (o === hn) {
+				if (o === gn) {
 					t.push(e.slice(i, s)), i = s + 1;
 					continue;
 				}
@@ -3888,13 +3893,13 @@ var Jt = (e, t) => {
 			o === "[" ? n++ : o === "]" ? n-- : o === "(" ? r++ : o === ")" && r--;
 		}
 		let s = t.length === 0 ? e : e.slice(i), c = s, l = !1;
-		s.endsWith(mn) ? (c = s.slice(0, -1), l = !0) : s.startsWith(mn) && (c = s.slice(1), l = !0);
+		s.endsWith(hn) ? (c = s.slice(0, -1), l = !0) : s.startsWith(hn) && (c = s.slice(1), l = !0);
 		let u = a && a > i ? a - i : void 0;
-		return _n(t, l, c, u);
+		return vn(t, l, c, u);
 	};
 	if (t) {
-		let e = t + hn, n = r;
-		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : _n(gn, !1, t, void 0, !0);
+		let e = t + gn, n = r;
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : vn(_n, !1, t, void 0, !0);
 	}
 	if (n) {
 		let e = r;
@@ -3904,7 +3909,7 @@ var Jt = (e, t) => {
 		});
 	}
 	return r;
-}, yn = (e) => {
+}, bn = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.orderSensitiveModifiers.forEach((e, n) => {
 		t.set(e, 1e6 + n);
@@ -3916,18 +3921,18 @@ var Jt = (e, t) => {
 		}
 		return r.length > 0 && (r.sort(), n.push(...r)), n;
 	};
-}, bn = (e) => ({
-	cache: pn(e.cacheSize),
-	parseClassName: vn(e),
-	sortModifiers: yn(e),
-	postfixLookupClassGroupIds: xn(e),
-	...en(e)
-}), xn = (e) => {
+}, xn = (e) => ({
+	cache: mn(e.cacheSize),
+	parseClassName: yn(e),
+	sortModifiers: bn(e),
+	postfixLookupClassGroupIds: Sn(e),
+	...tn(e)
+}), Sn = (e) => {
 	let t = Object.create(null), n = e.postfixLookupClassGroups;
 	if (n) for (let e = 0; e < n.length; e++) t[n[e]] = !0;
 	return t;
-}, Sn = /\s+/, Cn = (e, t) => {
-	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(Sn), l = "";
+}, Cn = /\s+/, wn = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(Cn), l = "";
 	for (let e = c.length - 1; e >= 0; --e) {
 		let t = c[e], { isExternal: u, modifiers: d, hasImportantModifier: f, baseClassName: p, maybePostfixModifierPosition: m } = n(t);
 		if (u) {
@@ -3951,7 +3956,7 @@ var Jt = (e, t) => {
 			}
 			h = !1;
 		}
-		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), v = f ? _ + mn : _, y = v + g;
+		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), v = f ? _ + hn : _, y = v + g;
 		if (s.indexOf(y) > -1) continue;
 		s.push(y);
 		let b = i(g, h);
@@ -3962,34 +3967,34 @@ var Jt = (e, t) => {
 		l = t + (l.length > 0 ? " " + l : l);
 	}
 	return l;
-}, wn = (...e) => {
+}, Tn = (...e) => {
 	let t = 0, n, r, i = "";
-	for (; t < e.length;) (n = e[t++]) && (r = Tn(n)) && (i && (i += " "), i += r);
+	for (; t < e.length;) (n = e[t++]) && (r = En(n)) && (i && (i += " "), i += r);
 	return i;
-}, Tn = (e) => {
+}, En = (e) => {
 	if (typeof e == "string") return e;
 	let t, n = "";
-	for (let r = 0; r < e.length; r++) e[r] && (t = Tn(e[r])) && (n && (n += " "), n += t);
+	for (let r = 0; r < e.length; r++) e[r] && (t = En(e[r])) && (n && (n += " "), n += t);
 	return n;
-}, En = (e, ...t) => {
-	let n, r, i, a, o = (o) => (n = bn(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
+}, Dn = (e, ...t) => {
+	let n, r, i, a, o = (o) => (n = xn(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
 		let t = r(e);
 		if (t) return t;
-		let a = Cn(e, n);
+		let a = wn(e, n);
 		return i(e, a), a;
 	};
-	return a = o, (...e) => a(wn(...e));
-}, Dn = [], J = (e) => {
-	let t = (t) => t[e] || Dn;
+	return a = o, (...e) => a(Tn(...e));
+}, On = [], q = (e) => {
+	let t = (t) => t[e] || On;
 	return t.isThemeGetter = !0, t;
-}, On = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, kn = /^\((?:(\w[\w-]*):)?(.+)\)$/i, An = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, jn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Mn = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Nn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Pn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Fn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, In = (e) => An.test(e), Y = (e) => !!e && !Number.isNaN(Number(e)), Ln = (e) => !!e && Number.isInteger(Number(e)), Rn = (e) => e.endsWith("%") && Y(e.slice(0, -1)), zn = (e) => jn.test(e), Bn = () => !0, Vn = (e) => Mn.test(e) && !Nn.test(e), Hn = () => !1, Un = (e) => Pn.test(e), Wn = (e) => Fn.test(e), Gn = (e) => !X(e) && !Z(e), Kn = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), qn = (e) => cr(e, fr, Hn), X = (e) => On.test(e), Jn = (e) => cr(e, pr, Vn), Yn = (e) => cr(e, mr, Y), Xn = (e) => cr(e, gr, Bn), Zn = (e) => cr(e, hr, Hn), Qn = (e) => cr(e, ur, Hn), $n = (e) => cr(e, dr, Wn), er = (e) => cr(e, _r, Un), Z = (e) => kn.test(e), tr = (e) => lr(e, pr), nr = (e) => lr(e, hr), rr = (e) => lr(e, ur), ir = (e) => lr(e, fr), ar = (e) => lr(e, dr), or = (e) => lr(e, _r, !0), sr = (e) => lr(e, gr, !0), cr = (e, t, n) => {
-	let r = On.exec(e);
+}, kn = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, An = /^\((?:(\w[\w-]*):)?(.+)\)$/i, jn = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Mn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Nn = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Pn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Fn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, In = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ln = (e) => jn.test(e), J = (e) => !!e && !Number.isNaN(Number(e)), Y = (e) => !!e && Number.isInteger(Number(e)), Rn = (e) => e.endsWith("%") && J(e.slice(0, -1)), zn = (e) => Mn.test(e), Bn = () => !0, Vn = (e) => Nn.test(e) && !Pn.test(e), Hn = () => !1, Un = (e) => Fn.test(e), Wn = (e) => In.test(e), Gn = (e) => !X(e) && !Z(e), Kn = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), qn = (e) => cr(e, fr, Hn), X = (e) => kn.test(e), Jn = (e) => cr(e, pr, Vn), Yn = (e) => cr(e, mr, J), Xn = (e) => cr(e, gr, Bn), Zn = (e) => cr(e, hr, Hn), Qn = (e) => cr(e, ur, Hn), $n = (e) => cr(e, dr, Wn), er = (e) => cr(e, _r, Un), Z = (e) => An.test(e), tr = (e) => lr(e, pr), nr = (e) => lr(e, hr), rr = (e) => lr(e, ur), ir = (e) => lr(e, fr), ar = (e) => lr(e, dr), or = (e) => lr(e, _r, !0), sr = (e) => lr(e, gr, !0), cr = (e, t, n) => {
+	let r = kn.exec(e);
 	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
 }, lr = (e, t, n = !1) => {
-	let r = kn.exec(e);
+	let r = An.exec(e);
 	return r ? r[1] ? t(r[1]) : n : !1;
-}, ur = (e) => e === "position" || e === "percentage", dr = (e) => e === "image" || e === "url", fr = (e) => e === "length" || e === "size" || e === "bg-size", pr = (e) => e === "length", mr = (e) => e === "number", hr = (e) => e === "family-name", gr = (e) => e === "number" || e === "weight", _r = (e) => e === "shadow", vr = /*#__PURE__*/ En(() => {
-	let e = J("color"), t = J("font"), n = J("text"), r = J("font-weight"), i = J("tracking"), a = J("leading"), o = J("breakpoint"), s = J("container"), c = J("spacing"), l = J("radius"), u = J("shadow"), d = J("inset-shadow"), f = J("text-shadow"), p = J("drop-shadow"), m = J("blur"), h = J("perspective"), g = J("aspect"), _ = J("ease"), v = J("animate"), y = () => [
+}, ur = (e) => e === "position" || e === "percentage", dr = (e) => e === "image" || e === "url", fr = (e) => e === "length" || e === "size" || e === "bg-size", pr = (e) => e === "length", mr = (e) => e === "number", hr = (e) => e === "family-name", gr = (e) => e === "number" || e === "weight", _r = (e) => e === "shadow", vr = /*#__PURE__*/ Dn(() => {
+	let e = q("color"), t = q("font"), n = q("text"), r = q("font-weight"), i = q("tracking"), a = q("leading"), o = q("breakpoint"), s = q("container"), c = q("spacing"), l = q("radius"), u = q("shadow"), d = q("inset-shadow"), f = q("text-shadow"), p = q("drop-shadow"), m = q("blur"), h = q("perspective"), g = q("aspect"), _ = q("ease"), v = q("animate"), y = () => [
 		"auto",
 		"avoid",
 		"all",
@@ -4031,12 +4036,12 @@ var Jt = (e, t) => {
 		X,
 		c
 	], T = () => [
-		In,
+		Ln,
 		"full",
 		"auto",
 		...w()
 	], E = () => [
-		Ln,
+		Y,
 		"none",
 		"subgrid",
 		Z,
@@ -4045,15 +4050,15 @@ var Jt = (e, t) => {
 		"auto",
 		{ span: [
 			"full",
-			Ln,
+			Y,
 			Z,
 			X
 		] },
-		Ln,
+		Y,
 		Z,
 		X
 	], O = () => [
-		Ln,
+		Y,
 		"auto",
 		Z,
 		X
@@ -4083,7 +4088,7 @@ var Jt = (e, t) => {
 		"center-safe",
 		"end-safe"
 	], M = () => ["auto", ...w()], N = () => [
-		In,
+		Ln,
 		"auto",
 		"full",
 		"dvw",
@@ -4097,7 +4102,7 @@ var Jt = (e, t) => {
 		"fit",
 		...w()
 	], P = () => [
-		In,
+		Ln,
 		"screen",
 		"full",
 		"dvw",
@@ -4108,7 +4113,7 @@ var Jt = (e, t) => {
 		"fit",
 		...w()
 	], F = () => [
-		In,
+		Ln,
 		"screen",
 		"full",
 		"lh",
@@ -4154,7 +4159,7 @@ var Jt = (e, t) => {
 		X
 	], B = () => [
 		"",
-		Y,
+		J,
 		tr,
 		Jn
 	], ne = () => [
@@ -4180,7 +4185,7 @@ var Jt = (e, t) => {
 		"color",
 		"luminosity"
 	], V = () => [
-		Y,
+		J,
 		Rn,
 		rr,
 		Qn
@@ -4192,20 +4197,20 @@ var Jt = (e, t) => {
 		X
 	], ae = () => [
 		"none",
-		Y,
+		J,
 		Z,
 		X
 	], oe = () => [
 		"none",
-		Y,
+		J,
 		Z,
 		X
 	], se = () => [
-		Y,
+		J,
 		Z,
 		X
 	], ce = () => [
-		In,
+		Ln,
 		"full",
 		...w()
 	];
@@ -4260,7 +4265,7 @@ var Jt = (e, t) => {
 			],
 			radius: [zn],
 			shadow: [zn],
-			spacing: ["px", Y],
+			spacing: ["px", J],
 			text: [zn],
 			"text-shadow": [zn],
 			tracking: [
@@ -4276,7 +4281,7 @@ var Jt = (e, t) => {
 			aspect: [{ aspect: [
 				"auto",
 				"square",
-				In,
+				Ln,
 				X,
 				Z,
 				g
@@ -4291,7 +4296,7 @@ var Jt = (e, t) => {
 			] }],
 			"container-named": [Kn],
 			columns: [{ columns: [
-				Y,
+				J,
 				X,
 				Z,
 				s
@@ -4390,13 +4395,13 @@ var Jt = (e, t) => {
 				"collapse"
 			],
 			z: [{ z: [
-				Ln,
+				Y,
 				"auto",
 				Z,
 				X
 			] }],
 			basis: [{ basis: [
-				In,
+				Ln,
 				"full",
 				"auto",
 				s,
@@ -4414,8 +4419,8 @@ var Jt = (e, t) => {
 				"wrap-reverse"
 			] }],
 			flex: [{ flex: [
-				Y,
-				In,
+				J,
+				Ln,
 				"auto",
 				"initial",
 				"none",
@@ -4423,18 +4428,18 @@ var Jt = (e, t) => {
 			] }],
 			grow: [{ grow: [
 				"",
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			shrink: [{ shrink: [
 				"",
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			order: [{ order: [
-				Ln,
+				Y,
 				"first",
 				"last",
 				"none",
@@ -4586,7 +4591,7 @@ var Jt = (e, t) => {
 				X
 			] }],
 			"line-clamp": [{ "line-clamp": [
-				Y,
+				J,
 				"none",
 				Z,
 				Yn
@@ -4623,7 +4628,7 @@ var Jt = (e, t) => {
 			],
 			"text-decoration-style": [{ decoration: [...ne(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
-				Y,
+				J,
 				"from-font",
 				"auto",
 				Z,
@@ -4631,7 +4636,7 @@ var Jt = (e, t) => {
 			] }],
 			"text-decoration-color": [{ decoration: I() }],
 			"underline-offset": [{ "underline-offset": [
-				Y,
+				J,
 				"auto",
 				Z,
 				X
@@ -4655,7 +4660,7 @@ var Jt = (e, t) => {
 			] }],
 			indent: [{ indent: w() }],
 			"tab-size": [{ tab: [
-				Ln,
+				Y,
 				Z,
 				X
 			] }],
@@ -4733,7 +4738,7 @@ var Jt = (e, t) => {
 							"l",
 							"tl"
 						] },
-						Ln,
+						Y,
 						Z,
 						X
 					],
@@ -4743,7 +4748,7 @@ var Jt = (e, t) => {
 						X
 					],
 					conic: [
-						Ln,
+						Y,
 						Z,
 						X
 					]
@@ -4816,13 +4821,13 @@ var Jt = (e, t) => {
 				"hidden"
 			] }],
 			"outline-offset": [{ "outline-offset": [
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			"outline-w": [{ outline: [
 				"",
-				Y,
+				J,
 				tr,
 				Jn
 			] }],
@@ -4845,7 +4850,7 @@ var Jt = (e, t) => {
 			"ring-w": [{ ring: B() }],
 			"ring-w-inset": ["ring-inset"],
 			"ring-color": [{ ring: I() }],
-			"ring-offset-w": [{ "ring-offset": [Y, Jn] }],
+			"ring-offset-w": [{ "ring-offset": [J, Jn] }],
 			"ring-offset-color": [{ "ring-offset": I() }],
 			"inset-ring-w": [{ "inset-ring": B() }],
 			"inset-ring-color": [{ "inset-ring": I() }],
@@ -4857,7 +4862,7 @@ var Jt = (e, t) => {
 			] }],
 			"text-shadow-color": [{ "text-shadow": I() }],
 			opacity: [{ opacity: [
-				Y,
+				J,
 				Z,
 				X
 			] }],
@@ -4881,7 +4886,7 @@ var Jt = (e, t) => {
 				"intersect",
 				"exclude"
 			] }],
-			"mask-image-linear-pos": [{ "mask-linear": [Y] }],
+			"mask-image-linear-pos": [{ "mask-linear": [J] }],
 			"mask-image-linear-from-pos": [{ "mask-linear-from": V() }],
 			"mask-image-linear-to-pos": [{ "mask-linear-to": V() }],
 			"mask-image-linear-from-color": [{ "mask-linear-from": I() }],
@@ -4921,7 +4926,7 @@ var Jt = (e, t) => {
 				farthest: ["side", "corner"]
 			}] }],
 			"mask-image-radial-pos": [{ "mask-radial-at": b() }],
-			"mask-image-conic-pos": [{ "mask-conic": [Y] }],
+			"mask-image-conic-pos": [{ "mask-conic": [J] }],
 			"mask-image-conic-from-pos": [{ "mask-conic-from": V() }],
 			"mask-image-conic-to-pos": [{ "mask-conic-to": V() }],
 			"mask-image-conic-from-color": [{ "mask-conic-from": I() }],
@@ -4956,12 +4961,12 @@ var Jt = (e, t) => {
 			] }],
 			blur: [{ blur: ie() }],
 			brightness: [{ brightness: [
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			contrast: [{ contrast: [
-				Y,
+				J,
 				Z,
 				X
 			] }],
@@ -4975,29 +4980,29 @@ var Jt = (e, t) => {
 			"drop-shadow-color": [{ "drop-shadow": I() }],
 			grayscale: [{ grayscale: [
 				"",
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			"hue-rotate": [{ "hue-rotate": [
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			invert: [{ invert: [
 				"",
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			saturate: [{ saturate: [
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			sepia: [{ sepia: [
 				"",
-				Y,
+				J,
 				Z,
 				X
 			] }],
@@ -5009,45 +5014,45 @@ var Jt = (e, t) => {
 			] }],
 			"backdrop-blur": [{ "backdrop-blur": ie() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			"backdrop-contrast": [{ "backdrop-contrast": [
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			"backdrop-grayscale": [{ "backdrop-grayscale": [
 				"",
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			"backdrop-invert": [{ "backdrop-invert": [
 				"",
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			"backdrop-opacity": [{ "backdrop-opacity": [
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			"backdrop-saturate": [{ "backdrop-saturate": [
-				Y,
+				J,
 				Z,
 				X
 			] }],
 			"backdrop-sepia": [{ "backdrop-sepia": [
 				"",
-				Y,
+				J,
 				Z,
 				X
 			] }],
@@ -5070,7 +5075,7 @@ var Jt = (e, t) => {
 			] }],
 			"transition-behavior": [{ transition: ["normal", "discrete"] }],
 			duration: [{ duration: [
-				Y,
+				J,
 				"initial",
 				Z,
 				X
@@ -5083,7 +5088,7 @@ var Jt = (e, t) => {
 				X
 			] }],
 			delay: [{ delay: [
-				Y,
+				J,
 				Z,
 				X
 			] }],
@@ -5128,7 +5133,7 @@ var Jt = (e, t) => {
 			"translate-z": [{ "translate-z": ce() }],
 			"translate-none": ["translate-none"],
 			zoom: [{ zoom: [
-				Ln,
+				Y,
 				Z,
 				X
 			] }],
@@ -5272,7 +5277,7 @@ var Jt = (e, t) => {
 			] }],
 			fill: [{ fill: ["none", ...I()] }],
 			"stroke-w": [{ stroke: [
-				Y,
+				J,
 				tr,
 				Jn,
 				Yn
@@ -5467,7 +5472,7 @@ var Jt = (e, t) => {
 //#endregion
 //#region src/lib/utils.ts
 function yr(...e) {
-	return vr(qt(e));
+	return vr(Jt(e));
 }
 //#endregion
 //#region src/components/table/data-table.tsx
@@ -6604,4 +6609,4 @@ var Vi = {
 	transition: { duration: .3 }
 };
 //#endregion
-export { Cr as AnimatedSwapIcon, wr as BaseDateTimeSelector, Tr as BaseDeleteAlertDialog, Er as BaseRouterPromptAlertDialog, z as CrossfadeImage, br as DataTable, Ee as DefaultCalendar, xe as DefaultDialogContent, we as DefaultDialogDescription, Te as DefaultDialogFooter, Se as DefaultDialogHeader, be as DefaultDialogRoot, Ce as DefaultDialogTitle, De as DefaultFieldGroup, Oe as DefaultInputGroup, Ae as DefaultInputGroupAddon, ke as DefaultInputGroupInput, me as DefaultTable, ge as DefaultTableBody, ye as DefaultTableCell, ve as DefaultTableHead, he as DefaultTableHeader, _e as DefaultTableRow, je as DefaultTimeIcon, pe as FileUploadItem, xr as GroupedDataTable, Wt as ImageUploadField, Gt as ImageUploadSortableField, fe as Localized, le as SUPPORTED_LOCALES, Oi as Seo, Bt as ThemeProvider, Vi as ToastCSS, It as buildTreeWithSubRows, Ot as compressImage, Be as createZustandContext, qe as dateIdFormat, Fi as delItem, Ni as delItemLegacy, Nt as deleteStorageItems, Ui as fadeProps, Ne as fetchItems, Pe as fetchItemsByOne, Li as getAuthErrorKey, Xe as getFileExtension, ze as getPlatformType, Le as getSnapshots, Ht as hasLastConsonant, Mt as hasValidation, Bi as initIenlabI18n, Re as mapNotNull, de as setLocalizedLocaleResolver, Hi as slideFadeProps, Me as snapshotToData, Je as time24Format, Ii as undelItem, Pi as undelItemLegacy, Ft as uploadCompressedImage, Pt as uploadFile, Ke as useDateTimeFormatters, Mi as useDebouncedSearch, ji as useDebouncedValue, Ai as useListScreenLifecycle, Vt as useTheme, At as validateUpload, Ut as withLetterParticle };
+export { Cr as AnimatedSwapIcon, wr as BaseDateTimeSelector, Tr as BaseDeleteAlertDialog, Er as BaseRouterPromptAlertDialog, z as CrossfadeImage, br as DataTable, Ee as DefaultCalendar, xe as DefaultDialogContent, we as DefaultDialogDescription, Te as DefaultDialogFooter, Se as DefaultDialogHeader, be as DefaultDialogRoot, Ce as DefaultDialogTitle, De as DefaultFieldGroup, Oe as DefaultInputGroup, Ae as DefaultInputGroupAddon, ke as DefaultInputGroupInput, me as DefaultTable, ge as DefaultTableBody, ye as DefaultTableCell, ve as DefaultTableHead, he as DefaultTableHeader, _e as DefaultTableRow, je as DefaultTimeIcon, pe as FileUploadItem, xr as GroupedDataTable, Gt as ImageUploadField, Kt as ImageUploadSortableField, fe as Localized, le as SUPPORTED_LOCALES, Oi as Seo, Vt as ThemeProvider, Vi as ToastCSS, Lt as buildTreeWithSubRows, kt as compressImage, Be as createZustandContext, qe as dateIdFormat, Fi as delItem, Ni as delItemLegacy, Pt as deleteStorageItems, Ui as fadeProps, Ne as fetchItems, Pe as fetchItemsByOne, Li as getAuthErrorKey, Xe as getFileExtension, ze as getPlatformType, Le as getSnapshots, Ut as hasLastConsonant, Nt as hasValidation, Bi as initIenlabI18n, Re as mapNotNull, de as setLocalizedLocaleResolver, Hi as slideFadeProps, Me as snapshotToData, Je as time24Format, Ii as undelItem, Pi as undelItemLegacy, It as uploadCompressedImage, Ft as uploadFile, Ke as useDateTimeFormatters, Mi as useDebouncedSearch, ji as useDebouncedValue, Ai as useListScreenLifecycle, Ht as useTheme, jt as validateUpload, Wt as withLetterParticle };