themelia-react-ui 2.0.6 → 3.0.0

package/dist/{upload-Hdm5gObf.js → upload-DMuMYJFT.js}

@@ -1,23 +1,23 @@
 "use client";
-import { S as e, d as t, f as n } from "./ui-provider-C-74NVLc.js";
+import { C as e, f as t, p as n } from "./ui-provider-Bu1S-o96.js";
 import { useStrings as r } from "./lib/strings.js";
-import { t as i } from "./utils-DhuoqFy4.js";
-import { n as a } from "./buttons-DeW0bQeK.js";
-import { c as o } from "./typography-C7-YMW1S.js";
-import { h as s, p as c, v as l } from "./smart-card-B6vLxqa_.js";
-import { a as u, i as d } from "./primitives-BkkQjYl7.js";
-import { n as f } from "./field-affordance-recipes-D6H7tVJi.js";
+import { t as i } from "./utils-BVbAG2J6.js";
+import { c as a } from "./typography-C0dELqYV.js";
+import { n as o } from "./buttons-pZVgPTZn.js";
+import { _ as s, f as c, m as l } from "./smart-card-C59z6KFO.js";
+import { a as u, i as d } from "./primitives-BlC1lXBr.js";
+import { n as f } from "./field-affordance-recipes-DfbMadot.js";
 import { n as p } from "./field-control-attributes-B6i335wr.js";
-import { o as m } from "./item-FfWnaYST.js";
+import { o as m } from "./item-GJ9mvCcg.js";
 import { n as ee, t as h } from "./upload.recipes-BbxTqrCT.js";
-import { a as te, s as ne } from "./upload-queue-D0sYPuqo.js";
-import { a as g, c as re, i as ie, n as _, o as v, r as y, t as b } from "./attachment-BCpA4e7i.js";
+import { r as te, t as ne } from "./dropzone-CHBNK3de.js";
+import { a as g, c as re, i as ie, n as _, o as v, r as y, t as b } from "./attachment-D2-fpfmv.js";
 import * as x from "react";
-import S, { forwardRef as C, useCallback as w, useEffect as ae, useId as oe, useLayoutEffect as T, useMemo as E, useRef as D, useState as O } from "react";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
-import { Camera as j, ImageIcon as M, Trash2Icon as N, TriangleAlert as P, UploadIcon as F, X as se } from "lucide-react";
+import S, { forwardRef as C, useCallback as w, useEffect as ae, useId as oe, useLayoutEffect as se, useMemo as T, useRef as E, useState as D } from "react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Camera as A, ImageIcon as j, Trash2Icon as M, TriangleAlert as ce, UploadIcon as N, X as le } from "lucide-react";
 //#region src/components/base/upload/file-upload.strings.ts
-var I = {
+var P = {
 	instruction: "Drag files here or click to browse",
 	helper: "",
 	browse: "Browse files",
@@ -36,31 +36,19 @@ var I = {
 };
 //#endregion
 //#region src/components/base/upload/file-upload.validation.ts
-function L(e) {
+function F(e) {
 	return `${e.name}\u0000${e.size}\u0000${e.type}\u0000${e.lastModified}`;
 }
-function R(e, t) {
+function I(e, t) {
 	if (!t?.trim()) return !0;
 	let n = e.name.toLowerCase(), r = e.type.toLowerCase();
 	return t.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean).some((e) => e.startsWith(".") ? n.endsWith(e) : e.endsWith("/*") ? r.startsWith(e.slice(0, -1)) : r === e);
 }
-function z(e, t) {
-	let { accept: n, minSizeBytes: r, maxSizeBytes: i, validateFile: a, formatSize: o, strings: s } = t;
-	if (!R(e, n)) return {
-		file: e,
-		code: "invalid-type",
-		message: s.invalidType(e.name, n ?? "")
-	};
-	if (r !== void 0 && e.size < r) return {
-		file: e,
-		code: "too-small",
-		message: s.fileTooSmall(e.name, o(r))
-	};
-	if (i !== void 0 && e.size > i) return {
-		file: e,
-		code: "too-large",
-		message: s.fileTooLarge(e.name, o(i))
-	};
+function L(e, t) {
+	let { accept: n, minSizeBytes: r, maxSizeBytes: i, validateFile: a } = t;
+	if (!I(e, n)) return { code: "invalid-type" };
+	if (r !== void 0 && e.size < r) return { code: "too-small" };
+	if (i !== void 0 && e.size > i) return { code: "too-large" };
 	if (a) {
 		let t;
 		try {
@@ -68,56 +56,76 @@ function z(e, t) {
 		} catch {
 			t = !1;
 		}
-		if (t !== !0) return {
-			file: e,
+		if (t !== !0) return typeof t == "string" ? {
 			code: "custom",
-			message: typeof t == "string" ? t : s.customValidationFailed(e.name)
-		};
+			message: t
+		} : { code: "custom" };
 	}
 }
-function ce({ incoming: e, current: t, accept: n, minSizeBytes: r, maxSizeBytes: i, maxFiles: a, append: o, validateFile: s, formatSize: c, strings: l }) {
-	let u = o ? [...t] : [], d = new Set(u.map(L)), f = [], p = [];
-	for (let t of e) {
-		let e = z(t, {
-			accept: n,
-			minSizeBytes: r,
-			maxSizeBytes: i,
-			validateFile: s,
-			formatSize: c,
-			strings: l
-		});
+function R(e, t = {}, n = []) {
+	let r = t.maxFiles ?? Infinity, i = [...n], a = new Set(i.map(F)), o = [], s = [];
+	for (let n of e) {
+		let e = L(n, t);
 		if (e) {
-			p.push(e);
+			s.push({
+				file: n,
+				...e
+			});
 			continue;
 		}
-		let o = L(t);
-		if (d.has(o)) {
-			p.push({
-				file: t,
-				code: "duplicate",
-				message: l.duplicateFile(t.name)
+		let c = F(n);
+		if (a.has(c)) {
+			s.push({
+				file: n,
+				code: "duplicate"
 			});
 			continue;
 		}
-		if (u.length >= a) {
-			p.push({
-				file: t,
-				code: "too-many",
-				message: l.tooManyFiles(t.name, a)
+		if (i.length >= r) {
+			s.push({
+				file: n,
+				code: "too-many"
 			});
 			continue;
 		}
-		f.push(t), u.push(t), d.add(o);
+		o.push(n), i.push(n), a.add(c);
 	}
 	return {
-		accepted: f,
-		nextFiles: u,
-		rejections: p
+		accepted: o,
+		nextFiles: i,
+		rejections: s
+	};
+}
+function ue({ incoming: e, current: t, accept: n, minSizeBytes: r, maxSizeBytes: i, maxFiles: a, append: o, validateFile: s, formatSize: c, strings: l }) {
+	let u = R(e, {
+		accept: n,
+		minSizeBytes: r,
+		maxSizeBytes: i,
+		maxFiles: a,
+		validateFile: s
+	}, o ? t : []), d = ({ file: e, code: t, message: o }) => {
+		switch (t) {
+			case "invalid-type": return l.invalidType(e.name, n ?? "");
+			case "too-small": return l.fileTooSmall(e.name, c(r ?? 0));
+			case "too-large": return l.fileTooLarge(e.name, c(i ?? 0));
+			case "duplicate": return l.duplicateFile(e.name);
+			case "too-many": return l.tooManyFiles(e.name, a);
+			default: return o ?? l.customValidationFailed(e.name);
+		}
+	};
+	return {
+		accepted: u.accepted,
+		nextFiles: u.nextFiles,
+		rejections: u.rejections.map((e) => ({
+			file: e.file,
+			code: e.code,
+			message: d(e)
+		}))
 	};
 }
 //#endregion
 //#region src/components/base/upload/file-upload.tsx
-function le(e) {
+function z(e) {
 	return Object.prototype.hasOwnProperty.call(e, "value");
 }
 function B(e) {
@@ -129,28 +137,28 @@ function V(e, t) {
 function H(e, t, n) {
 	t.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
 }
-function ue({ file: e, index: t, disabled: n, size: r, locale: i, strings: s, showReplace: c, onReplace: l, onRemove: u }) {
+function de({ file: e, index: t, disabled: n, size: r, locale: i, strings: s, showReplace: c, onReplace: l, onRemove: u }) {
 	let f = s.replaceFileAria(e.name), p = s.removeFileAria(e.name);
-	return /* @__PURE__ */ A(b, {
+	return /* @__PURE__ */ k(b, {
 		variant: "outline",
 		size: r,
 		className: "file-upload--file flex-nowrap bg-card text-card-foreground",
 		children: [
-			/* @__PURE__ */ k(v, {
+			/* @__PURE__ */ O(v, {
 				variant: "icon",
 				className: "file-upload--file-media self-center group-has-data-[slot=item-description]/item:self-center",
-				children: /* @__PURE__ */ k(g, { name: e.name })
+				children: /* @__PURE__ */ O(g, { name: e.name })
 			}),
-			/* @__PURE__ */ A(y, {
+			/* @__PURE__ */ k(y, {
 				className: "file-upload--file-content min-w-0",
-				children: [/* @__PURE__ */ k(re, {
+				children: [/* @__PURE__ */ O(re, {
 					className: "file-upload--file-name truncate",
 					title: e.name,
 					children: e.name
-				}), /* @__PURE__ */ k(ie, {
+				}), /* @__PURE__ */ O(ie, {
 					className: "file-upload--file-size",
 					clamp: 1,
-					children: /* @__PURE__ */ k(d, {
+					children: /* @__PURE__ */ O(d, {
 						value: e.size,
 						locale: i,
 						size: "xs",
@@ -159,38 +167,38 @@ function ue({ file: e, index: t, disabled: n, size: r, locale: i, strings: s, sh
 					})
 				})]
 			}),
-			/* @__PURE__ */ A(_, {
+			/* @__PURE__ */ k(_, {
 				className: "file-upload--actions gap-space-xs",
-				children: [c && /* @__PURE__ */ k(a, {
+				children: [c && /* @__PURE__ */ O(o, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
 					size: "sm",
 					iconOnly: !0,
-					icon: F,
+					icon: N,
 					"aria-label": f,
 					title: f,
 					disabled: n,
 					onClick: l,
-					children: /* @__PURE__ */ k(o, {
+					children: /* @__PURE__ */ O(a, {
 						tag: "span",
 						size: "inherit",
 						className: "sr-only",
 						children: s.replace
 					})
-				}), /* @__PURE__ */ k(a, {
+				}), /* @__PURE__ */ O(o, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
 					size: "sm",
 					iconOnly: !0,
-					icon: N,
+					icon: M,
 					"aria-label": p,
 					title: p,
 					disabled: n,
 					onClick: () => u(t),
 					className: "file-upload--remove text-muted-foreground hover:text-destructive focus-visible:text-destructive",
-					children: /* @__PURE__ */ k(o, {
+					children: /* @__PURE__ */ O(a, {
 						tag: "span",
 						size: "inherit",
 						className: "sr-only",
@@ -201,27 +209,27 @@ function ue({ file: e, index: t, disabled: n, size: r, locale: i, strings: s, sh
 		]
 	});
 }
-function de(d, f) {
-	let { accept: p, disabled: g = !1, invalid: re = !1, size: ie, minSizeBytes: _, maxSizeBytes: v, validateFile: y, onRejectedFiles: b, className: x, strings: S, multiple: C = !1, value: ae, defaultValue: j, onValueChange: M, selectionMode: N, maxFiles: F, "aria-describedby": se, "aria-invalid": L, ...R } = d, z = r(I, S), { defaultScale: de } = t(), { locale: U } = n(), W = e(ie, de), G = le(d), [fe, pe] = O(() => d.multiple ? [...d.defaultValue ?? []] : d.defaultValue ? [d.defaultValue] : []), [K, q] = O([]), J = D(null), Y = D(null), X = D(!1), me = D(!1), he = oe(), Z = E(() => G ? d.multiple ? d.value ?? [] : d.value ? [d.value] : [] : fe, [
+function U(d, f) {
+	let { accept: p, disabled: g = !1, invalid: re = !1, size: ie, minSizeBytes: _, maxSizeBytes: v, validateFile: y, onRejectedFiles: b, className: x, strings: S, multiple: C = !1, value: ae, defaultValue: A, onValueChange: j, selectionMode: M, maxFiles: N, "aria-describedby": le, "aria-invalid": F, ...I } = d, L = r(P, S), { defaultScale: R } = t(), { locale: U } = n(), W = e(ie, R), G = z(d), [K, fe] = D(() => d.multiple ? [...d.defaultValue ?? []] : d.defaultValue ? [d.defaultValue] : []), [q, pe] = D([]), J = E(null), Y = E(null), X = E(!1), me = E(!1), he = oe(), Z = T(() => G ? d.multiple ? d.value ?? [] : d.value ? [d.value] : [] : K, [
 		G,
 		d.multiple,
 		d.value,
-		fe
+		K
 	]);
-	T(() => {
+	se(() => {
 		if (!X.current) return;
 		let e = Y.current?.querySelector(".file-upload--actions button, .file-upload--dropzone input[type=file], .file-upload--dropzone button");
 		e && (e.focus(), X.current = !1);
 	}, [Z]);
-	let ge = d.multiple ? d : void 0, _e = C ? B(ge?.maxFiles) : 1, ve = C && (ge?.selectionMode ?? "append") === "append", ye = `${R.id ?? `file-upload-${he}`}-errors`, be = [se, K.length > 0 ? ye : void 0].filter(Boolean).join(" ") || void 0, Q = re || K.length > 0, $ = w((e) => {
-		if (G || pe(e), d.multiple) d.onValueChange?.(e);
+	let ge = d.multiple ? d : void 0, _e = C ? B(ge?.maxFiles) : 1, ve = C && (ge?.selectionMode ?? "append") === "append", ye = `${I.id ?? `file-upload-${he}`}-errors`, be = [le, q.length > 0 ? ye : void 0].filter(Boolean).join(" ") || void 0, Q = re || q.length > 0, $ = w((e) => {
+		if (G || fe(e), d.multiple) d.onValueChange?.(e);
 		else {
 			let t = e[0];
 			d.onValueChange?.(t);
 		}
 	}, [G, d]), xe = w((e) => u(e, { locale: U }) ?? `${e} B`, [U]), Se = w((e) => {
 		if (g || e.length === 0) return !1;
-		let t = ce({
+		let t = ue({
 			incoming: e,
 			current: Z,
 			accept: p,
@@ -231,9 +239,9 @@ function de(d, f) {
 			append: ve,
 			validateFile: y,
 			formatSize: xe,
-			strings: z
+			strings: L
 		});
-		return q(t.rejections), t.rejections.length > 0 && b?.(t.rejections), t.accepted.length !== 0 && (X.current = !C && (me.current || !!Y.current?.contains(document.activeElement)), me.current = !1, $(t.nextFiles), t.rejections.length === 0);
+		return pe(t.rejections), t.rejections.length > 0 && b?.(t.rejections), t.accepted.length !== 0 && (X.current = !C && (me.current || !!Y.current?.contains(document.activeElement)), me.current = !1, $(t.nextFiles), t.rejections.length === 0);
 	}, [
 		p,
 		ve,
@@ -246,12 +254,12 @@ function de(d, f) {
 		v,
 		_,
 		b,
-		z,
+		L,
 		y
 	]), Ce = w(() => {
 		J.current && (J.current.value = "");
 	}, []), we = w((e) => {
-		g || (q([]), Ce(), X.current = !!Y.current?.contains(document.activeElement), $(Z.filter((t, n) => n !== e)));
+		g || (pe([]), Ce(), X.current = !!Y.current?.contains(document.activeElement), $(Z.filter((t, n) => n !== e)));
 	}, [
 		Ce,
 		$,
@@ -263,13 +271,13 @@ function de(d, f) {
 		disabled: g,
 		onFiles: Se
 	}), Oe = {
-		...R,
+		...I,
 		accept: p,
 		multiple: C,
 		disabled: g,
 		"aria-describedby": be,
-		"aria-invalid": Q ? !0 : L
-	}, ke = /* @__PURE__ */ k(te, {
+		"aria-invalid": Q ? !0 : F
+	}, ke = /* @__PURE__ */ O(ne, {
 		ref: (e) => H(e, J, f),
 		onDrop: Se,
 		accept: p,
@@ -280,11 +288,11 @@ function de(d, f) {
 		className: "file-upload--dropzone",
 		inputProps: Oe,
 		strings: {
-			instruction: z.instruction,
-			helper: z.helper,
-			dragOver: z.dragOver
+			instruction: L.instruction,
+			helper: L.helper,
+			dragOver: L.dragOver
 		},
-		children: /* @__PURE__ */ k(a, {
+		children: /* @__PURE__ */ O(o, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "outline",
@@ -292,66 +300,66 @@ function de(d, f) {
 			disabled: g,
 			className: "disabled:opacity-100 aria-disabled:opacity-100",
 			onClick: Te,
-			children: z.browse
+			children: L.browse
 		})
 	});
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ k("div", {
 		ref: Y,
 		"data-disabled": g || void 0,
 		"data-invalid": Q || void 0,
 		className: i("file-upload--component grid gap-space-md", x),
 		children: [
 			(C || Z.length === 0) && ke,
-			!C && Z[0] && /* @__PURE__ */ A("div", {
+			!C && Z[0] && /* @__PURE__ */ k("div", {
 				...De,
 				"data-dragging": Ee || void 0,
 				"data-invalid": Q || void 0,
 				className: i("file-upload--selected rounded-radius transition-shadow", Q && "[&_.file-upload--file]:border-destructive", !g && Ee && (Q ? h.invalidDraggingRing : h.draggingRing)),
-				children: [/* @__PURE__ */ k(ne, {
+				children: [/* @__PURE__ */ O(te, {
 					...Oe,
 					ref: (e) => H(e, J, f),
 					tabIndex: -1,
 					className: "file-upload--input",
 					onFiles: Se
-				}), /* @__PURE__ */ k(ue, {
+				}), /* @__PURE__ */ O(de, {
 					file: Z[0],
 					index: 0,
 					disabled: g,
 					size: W,
 					locale: U,
-					strings: z,
+					strings: L,
 					showReplace: !0,
 					onReplace: Te,
 					onRemove: we
 				})]
 			}),
-			C && Z.length > 0 && /* @__PURE__ */ k(m, {
+			C && Z.length > 0 && /* @__PURE__ */ O(m, {
 				className: "file-upload--files",
-				children: Z.map((e, t) => /* @__PURE__ */ k(ue, {
+				children: Z.map((e, t) => /* @__PURE__ */ O(de, {
 					file: e,
 					index: t,
 					disabled: g,
 					size: W,
 					locale: U,
-					strings: z,
+					strings: L,
 					showReplace: !1,
 					onReplace: Te,
 					onRemove: we
 				}, V(e, t)))
 			}),
-			K.length > 0 && /* @__PURE__ */ A(c, {
+			q.length > 0 && /* @__PURE__ */ k(c, {
 				id: ye,
 				tone: "destructive",
 				"aria-live": "polite",
 				className: i("file-upload--errors", W === "sm" && "p-surface-xs"),
 				children: [
-					/* @__PURE__ */ k(P, { "aria-hidden": "true" }),
-					/* @__PURE__ */ k(l, { children: z.errorsHeading }),
-					/* @__PURE__ */ k(s, { children: /* @__PURE__ */ k("ul", {
+					/* @__PURE__ */ O(ce, { "aria-hidden": "true" }),
+					/* @__PURE__ */ O(s, { children: L.errorsHeading }),
+					/* @__PURE__ */ O(l, { children: /* @__PURE__ */ O("ul", {
 						className: "m-0 p-0 list-none grid gap-space-2xs",
-						children: K.map((e, t) => /* @__PURE__ */ k("li", {
+						children: q.map((e, t) => /* @__PURE__ */ O("li", {
 							className: "file-upload--error",
-							children: /* @__PURE__ */ k(o, {
+							children: /* @__PURE__ */ O(a, {
 								tag: "span",
 								size: "xs",
 								type: "error",
@@ -364,50 +372,50 @@ function de(d, f) {
 		]
 	});
 }
-var U = C(de);
-U.displayName = "FileUpload";
+var W = C(U);
+W.displayName = "FileUpload";
 //#endregion
 //#region src/hooks/use-files.ts
-var W = [
+var G = [
 	"B",
 	"KB",
 	"MB",
 	"GB",
 	"TB"
 ];
-function G(e) {
+function K(e) {
 	if (!Number.isFinite(e) || e <= 0) return "0 B";
-	let t = Math.min(Math.floor(Math.log(e) / Math.log(1024)), W.length - 1), n = e / 1024 ** t;
-	return `${t === 0 ? n.toFixed(0) : Number(n.toFixed(1)).toString()} ${W[t]}`;
+	let t = Math.min(Math.floor(Math.log(e) / Math.log(1024)), G.length - 1), n = e / 1024 ** t;
+	return `${t === 0 ? n.toFixed(0) : Number(n.toFixed(1)).toString()} ${G[t]}`;
 }
 var fe = 0;
-function pe() {
+function q() {
 	return `${Date.now().toString(36)}-${(fe++).toString(36)}`;
 }
-function K(e) {
+function pe(e) {
 	return e.name.split(".").pop()?.toLowerCase() ?? "";
 }
-function q(e) {
+function J(e) {
 	return `${e.name}\u0000${e.size}\u0000${e.type}\u0000${e.lastModified}`;
 }
-function J(e) {
+function Y(e) {
 	return {
-		id: pe(),
+		id: q(),
 		file: e,
 		name: e.name,
 		size: e.size,
-		formattedSize: G(e.size),
+		formattedSize: K(e.size),
 		type: e.type,
-		extension: K(e),
+		extension: pe(e),
 		lastModified: e.lastModified
 	};
 }
-function Y(e, t, n) {
+function X(e, t, n) {
 	let r = n.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), i = e.name.toLowerCase(), a = e.type.toLowerCase();
 	return r.length === 0 || r.some((e) => e.startsWith(".") ? i.endsWith(e) : e.endsWith("/*") ? a.startsWith(e.slice(0, -1)) : e.includes("/") ? a === e : t === e);
 }
-function X(e, t) {
-	let n = K(e);
+function me(e, t) {
+	let n = pe(e);
 	if (t?.minSize !== void 0 && e.size < t.minSize) return {
 		file: e,
 		code: "too-small",
@@ -418,7 +426,7 @@ function X(e, t) {
 		code: "too-large",
 		details: { maximumBytes: t.maxSize }
 	};
-	if (t?.accept && !Y(e, n, t.accept) || t?.allowedExtensions && !t.allowedExtensions.some((e) => e.toLowerCase().replace(/^\./, "") === n)) return {
+	if (t?.accept && !X(e, n, t.accept) || t?.allowedExtensions && !t.allowedExtensions.some((e) => e.toLowerCase().replace(/^\./, "") === n)) return {
 		file: e,
 		code: "invalid-type",
 		details: { extension: n }
@@ -437,14 +445,14 @@ function X(e, t) {
 		};
 	}
 }
-function me(e) {
+function he(e) {
 	return Object.fromEntries(e.map((e) => [e.file.name, e]));
 }
-function he(e) {
-	let [t, n] = O([]), r = D([]), [i, a] = O([]), o = w(G, []), s = w((t, i) => {
-		let o = Array.isArray(t) ? t : Array.from(t), s = r.current, c = i ? [] : [...s], l = new Set(c.map((e) => q(e.file))), u = [], d = [];
+function Z(e) {
+	let [t, n] = D([]), r = E([]), [i, a] = D([]), o = w(K, []), s = w((t, i) => {
+		let o = Array.isArray(t) ? t : Array.from(t), s = r.current, c = i ? [] : [...s], l = new Set(c.map((e) => J(e.file))), u = [], d = [];
 		for (let t of o) {
-			let n = q(t);
+			let n = J(t);
 			if (l.has(n)) {
 				d.push({
 					file: t,
@@ -453,7 +461,7 @@ function he(e) {
 				});
 				continue;
 			}
-			let r = X(t, e);
+			let r = me(t, e);
 			if (r) {
 				d.push(r);
 				continue;
@@ -466,7 +474,7 @@ function he(e) {
 				});
 				continue;
 			}
-			let i = J(t);
+			let i = Y(t);
 			u.push(i), c.push(i), l.add(n);
 		}
 		return i && u.length === 0 && d.length > 0 && (c = s), r.current = c, n(c), a(d), {
@@ -487,18 +495,18 @@ function he(e) {
 			r.current = [], n([]), a([]);
 		}, []),
 		formatSize: o,
-		validationErrors: me(i),
+		validationErrors: he(i),
 		rejections: i
 	};
 }
 //#endregion
 //#region src/components/base/upload/image-upload.tsx
-var Z = 2, ge = {
+var ge = 2, _e = {
 	square: "aspect-square",
 	standard: "aspect-[4/3]",
 	widescreen: "aspect-[16/9]",
 	portrait: "aspect-[9/16]"
-}, _e = {
+}, ve = {
 	select: "Select image",
 	change: "Change image",
 	remove: "Remove",
@@ -514,7 +522,7 @@ var Z = 2, ge = {
 	customValidationFailed: (e) => `${e} did not pass validation.`,
 	moreFiles: (e) => `+ ${e} more file${e === 1 ? "" : "s"}`
 };
-function ve(e, t, n) {
+function ye(e, t, n) {
 	let { file: r, code: i, details: a } = e;
 	switch (i) {
 		case "invalid-type": return t.invalidType(r.name, a.extension ?? "");
@@ -525,8 +533,8 @@ function ve(e, t, n) {
 		case "custom": return a.customMessage ?? t.customValidationFailed(r.name);
 	}
 }
-function ye({ accept: e = ".png,.jpg,.jpeg,.gif,.svg", multiple: t = !1, value: n, onValueChange: s, disabled: c, initialPreviewUrl: l, aspectRatio: u = "square", fit: d = "cover", maxWidth: f, layout: m = "stacked", invalid: te, strings: ne, id: g, "aria-label": re, "aria-labelledby": ie, "aria-describedby": _, "aria-invalid": v }, y) {
-	let b = r(_e, ne), { invalid: x, ariaInvalid: S } = p(te, v), C = oe(), T = D(null), j = E(() => {
+function be({ accept: e = ".png,.jpg,.jpeg,.gif,.svg", multiple: t = !1, value: n, onValueChange: s, disabled: c, initialPreviewUrl: l, aspectRatio: u = "square", fit: d = "cover", maxWidth: f, layout: m = "stacked", invalid: te, strings: ne, className: g, id: re, "aria-label": ie, "aria-labelledby": _, "aria-describedby": v, "aria-invalid": y }, b) {
+	let x = r(ve, ne), { invalid: S, ariaInvalid: C } = p(te, y), se = oe(), A = E(null), M = T(() => {
 		if (!e) return [
 			"png",
 			"jpg",
@@ -544,173 +552,173 @@ function ye({ accept: e = ".png,.jpg,.jpeg,.gif,.svg", multiple: t = !1, value:
 			return e.toLowerCase();
 		}).filter((e) => !!e);
 		if (t.length !== 0) return Array.from(new Set(t));
-	}, [e]), { files: N, setFiles: P, remove: F, removeAll: se, formatSize: I, rejections: L } = he(E(() => ({
+	}, [e]), { files: ce, setFiles: N, remove: le, removeAll: P, formatSize: F, rejections: I } = Z(T(() => ({
 		maxFiles: t ? void 0 : 1,
-		maxSize: Z * 1024 * 1024,
-		allowedExtensions: j
-	}), [t, j]));
+		maxSize: ge * 1024 * 1024,
+		allowedExtensions: M
+	}), [t, M]));
 	ae(() => {
-		n ? P([n]) : (se(), T.current && (T.current.value = ""));
+		n ? N([n]) : (P(), A.current && (A.current.value = ""));
 	}, [
 		n,
-		P,
-		se
+		N,
+		P
 	]);
-	let R = N[0], z = R ? b.change : b.select, [ce, le] = O(void 0), B = E(() => !j || j.length === 0 ? null : j.map((e) => e.toUpperCase()).join(", "), [j]);
+	let L = ce[0], R = L ? x.change : x.select, [ue, z] = D(void 0), B = T(() => !M || M.length === 0 ? null : M.map((e) => e.toUpperCase()).join(", "), [M]);
 	ae(() => {
-		let e = R?.file ?? n;
+		let e = L?.file ?? n;
 		if (!e) {
-			le(void 0);
+			z(void 0);
 			return;
 		}
 		let t = URL.createObjectURL(e);
-		return le(t), () => URL.revokeObjectURL(t);
-	}, [R, n]);
-	let V = ce ?? l, H = !!V, ue = R?.name ?? b.previewAlt ?? _e.previewAlt, de = ge[u] ?? ge.square, U = d === "contain" ? "object-contain p-space-sm" : "object-cover", W = f ? typeof f == "number" ? `${f}px` : f : "240px", G = m === "inline" ? void 0 : { maxWidth: W }, fe = m === "inline" ? {
-		maxWidth: f ? W : "185px",
+		return z(t), () => URL.revokeObjectURL(t);
+	}, [L, n]);
+	let V = ue ?? l, H = !!V, de = L?.name ?? x.previewAlt ?? ve.previewAlt, U = _e[u] ?? _e.square, W = d === "contain" ? "object-contain p-space-sm" : "object-cover", G = f ? typeof f == "number" ? `${f}px` : f : "240px", K = m === "inline" ? void 0 : { maxWidth: G }, fe = m === "inline" ? {
+		maxWidth: f ? G : "185px",
 		width: "100%"
-	} : void 0, pe = w((e) => {
+	} : void 0, q = w((e) => {
 		if (c || e.length === 0) return;
-		let t = P(e).accepted[0]?.file;
+		let t = N(e).accepted[0]?.file;
 		t && s?.(t);
 	}, [
 		c,
-		P,
+		N,
 		s
-	]), K = w((e) => {
-		pe(Array.from(e.target.files ?? []));
-	}, [pe]), { isDragging: q, dropTargetProps: J } = ee({
+	]), pe = w((e) => {
+		q(Array.from(e.target.files ?? []));
+	}, [q]), { isDragging: J, dropTargetProps: Y } = ee({
 		disabled: c,
-		onFiles: pe
-	}), Y = w(() => {
-		c || T.current?.click();
-	}, [c]), X = w(() => {
-		R && F(R.id), s?.(void 0), T.current && (T.current.value = "");
+		onFiles: q
+	}), X = w(() => {
+		c || A.current?.click();
+	}, [c]), me = w(() => {
+		L && le(L.id), s?.(void 0), A.current && (A.current.value = "");
 	}, [
-		R,
-		F,
+		L,
+		le,
 		s
 	]);
-	return /* @__PURE__ */ A("div", {
-		className: i("image-upload--component", "grid gap-space-md"),
-		style: G,
+	return /* @__PURE__ */ k("div", {
+		className: i("image-upload--component", "grid gap-space-md", g),
+		style: K,
 		children: [
-			/* @__PURE__ */ k("input", {
+			/* @__PURE__ */ O("input", {
 				ref: (e) => {
-					T.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
+					A.current = e, typeof b == "function" ? b(e) : b && (b.current = e);
 				},
-				id: C,
+				id: se,
 				type: "file",
 				className: "sr-only",
 				tabIndex: -1,
-				"aria-label": z,
+				"aria-label": R,
 				accept: e,
 				multiple: t,
 				disabled: c,
-				onChange: K
+				onChange: pe
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ k("div", {
 				className: i(m === "inline" ? "flex flex-wrap items-start gap-space-xl" : "grid gap-space-md"),
-				children: [/* @__PURE__ */ k("div", {
-					...J,
-					"data-dragging": q || void 0,
-					className: i("relative overflow-hidden rounded-surface border transition-colors", m === "inline" ? "flex-shrink-0 w-full" : "w-full", de, H ? "border-border bg-muted" : i("border-dashed bg-background text-muted-foreground", h.idle), x && h.invalid, !c && q && h.dragging),
+				children: [/* @__PURE__ */ O("div", {
+					...Y,
+					"data-dragging": J || void 0,
+					className: i("relative overflow-hidden rounded-surface border transition-colors", m === "inline" ? "flex-shrink-0 w-full" : "w-full", U, H ? "border-border bg-muted" : i("border-dashed bg-background text-muted-foreground", h.idle), S && h.invalid, !c && J && h.dragging),
 					style: fe,
-					children: H && V ? /* @__PURE__ */ k("img", {
+					children: H && V ? /* @__PURE__ */ O("img", {
 						src: V,
-						alt: ue,
-						className: i("absolute inset-0 box-border h-full w-full", U)
-					}) : /* @__PURE__ */ k("div", {
+						alt: de,
+						className: i("absolute inset-0 box-border h-full w-full", W)
+					}) : /* @__PURE__ */ O("div", {
 						className: "absolute inset-0 flex items-center justify-center",
-						children: /* @__PURE__ */ k(M, {
+						children: /* @__PURE__ */ O(j, {
 							"aria-hidden": !0,
 							className: "size-icon-lg"
 						})
 					})
-				}), /* @__PURE__ */ A("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: i("grid gap-space-sm", m === "inline" && "flex-1 min-w-0 basis-40"),
 					children: [
-						/* @__PURE__ */ A("div", {
+						/* @__PURE__ */ k("div", {
 							className: "flex flex-wrap items-center gap-space-md",
-							children: [/* @__PURE__ */ k(a, {
+							children: [/* @__PURE__ */ O(o, {
 								type: "button",
-								id: g,
-								"aria-label": re,
-								"aria-labelledby": ie,
-								"aria-describedby": _,
-								"aria-invalid": S,
+								id: re,
+								"aria-label": ie,
+								"aria-labelledby": _,
+								"aria-describedby": v,
+								"aria-invalid": C,
 								tone: "secondary",
 								buttonStyle: "outline",
-								onClick: Y,
+								onClick: X,
 								disabled: c,
-								children: z
-							}), !R && !!H && /* @__PURE__ */ k(o, {
+								children: R
+							}), !L && !!H && /* @__PURE__ */ O(a, {
 								size: "xs",
 								type: "secondary",
-								children: b.keepCurrent
+								children: x.keepCurrent
 							})]
 						}),
-						!!B && /* @__PURE__ */ k(o, {
+						!!B && /* @__PURE__ */ O(a, {
 							size: "xs",
 							type: "secondary",
-							children: b.supportsTemplate.replace("{ext}", B).replace("{size}", String(Z))
+							children: x.supportsTemplate.replace("{ext}", B).replace("{size}", String(ge))
 						}),
-						!!R && /* @__PURE__ */ A("div", {
+						!!L && /* @__PURE__ */ k("div", {
 							className: "grid gap-space-2xs",
 							children: [
-								/* @__PURE__ */ k(o, {
+								/* @__PURE__ */ O(a, {
 									weight: "medium",
-									title: R.name,
+									title: L.name,
 									className: "truncate",
-									children: R.name
+									children: L.name
 								}),
-								/* @__PURE__ */ k(o, {
+								/* @__PURE__ */ O(a, {
 									size: "xs",
 									type: "secondary",
-									children: R.formattedSize
+									children: L.formattedSize
 								}),
-								!!t && N.length > 1 && /* @__PURE__ */ k(o, {
+								!!t && ce.length > 1 && /* @__PURE__ */ O(a, {
 									size: "xs",
 									type: "secondary",
-									children: b.moreFiles(N.length - 1)
+									children: x.moreFiles(ce.length - 1)
 								}),
-								/* @__PURE__ */ k(a, {
+								/* @__PURE__ */ O(o, {
 									type: "button",
 									tone: "destructive",
 									buttonStyle: "ghost",
 									size: "sm",
-									onClick: X,
+									onClick: me,
 									className: "justify-self-start",
-									children: b.remove
+									children: x.remove
 								})
 							]
 						}),
-						!R && !H && /* @__PURE__ */ k(o, {
+						!L && !H && /* @__PURE__ */ O(a, {
 							size: "xs",
 							type: "secondary",
-							children: b.noSelection
+							children: x.noSelection
 						})
 					]
 				})]
 			}),
-			L.length > 0 && /* @__PURE__ */ k("div", {
+			I.length > 0 && /* @__PURE__ */ O("div", {
 				className: "image-upload--errors grid gap-space-2xs",
 				role: "alert",
 				"aria-live": "polite",
-				children: L.map((e, t) => /* @__PURE__ */ k(o, {
+				children: I.map((e, t) => /* @__PURE__ */ O(a, {
 					size: "xs",
 					type: "error",
-					children: ve(e, b, I)
+					children: ye(e, x, F)
 				}, `${e.file.name}-${e.code}-${t}`))
 			})
 		]
 	});
 }
-var be = S.forwardRef(ye);
-be.displayName = "ImageUpload";
+var Q = S.forwardRef(be);
+Q.displayName = "ImageUpload";
 //#endregion
 //#region src/components/base/upload/avatar-upload.tsx
-var Q = {
+var $ = {
 	change: "Change photo",
 	remove: "Remove photo",
 	hint: "Click or drop an image",
@@ -722,7 +730,7 @@ var Q = {
 	duplicate: (e) => `${e} is already selected.`,
 	customValidationFailed: (e) => `${e} did not pass validation.`
 };
-function $(e, t, n) {
+function xe(e, t, n) {
 	let { file: r, code: i, details: a } = e;
 	switch (i) {
 		case "invalid-type": return t.invalidType(r.name, a.extension ?? "");
@@ -733,7 +741,7 @@ function $(e, t, n) {
 		case "custom": return a.customMessage ?? t.customValidationFailed(r.name);
 	}
 }
-var xe = {
+var Se = {
 	sm: {
 		box: "size-upload-avatar-small",
 		icon: "size-icon",
@@ -750,90 +758,90 @@ var xe = {
 		remove: "size-action-lg"
 	}
 };
-function Se({ value: n, onValueChange: a, initialPreviewUrl: s, accept: c = ".png,.jpg,.jpeg,.gif,.webp", disabled: l = !1, invalid: u, size: d, className: m, strings: te, initials: ne, id: g, "aria-label": re, "aria-labelledby": ie, "aria-describedby": _, "aria-invalid": v }, y) {
-	let { defaultScale: b } = t(), x = e(d, b), S = r(Q, te), C = oe(), { invalid: T, ariaInvalid: E } = p(u, v), M = D(null), N = xe[x], { files: P, setFiles: F, removeAll: I, formatSize: L, rejections: R } = he({
+function Ce({ value: n, onValueChange: o, initialPreviewUrl: s, accept: c = ".png,.jpg,.jpeg,.gif,.webp", disabled: l = !1, invalid: u, size: d, className: m, strings: te, initials: ne, id: g, "aria-label": re, "aria-labelledby": ie, "aria-describedby": _, "aria-invalid": v }, y) {
+	let { defaultScale: b } = t(), x = e(d, b), S = r($, te), C = oe(), { invalid: se, ariaInvalid: T } = p(u, v), j = E(null), M = Se[x], { files: ce, setFiles: N, removeAll: P, formatSize: F, rejections: I } = Z({
 		maxFiles: 1,
 		accept: c
 	});
 	ae(() => {
-		n ? F([n]) : I();
+		n ? N([n]) : P();
 	}, [n]);
-	let z = P[0], [ce, le] = O(void 0);
+	let L = ce[0], [R, ue] = D(void 0);
 	ae(() => {
-		let e = z?.file ?? n;
+		let e = L?.file ?? n;
 		if (!e) {
-			le(void 0);
+			ue(void 0);
 			return;
 		}
 		let t = URL.createObjectURL(e);
-		return le(t), () => URL.revokeObjectURL(t);
-	}, [z, n]);
-	let B = ce ?? s, V = !!B, H = w((e) => {
+		return ue(t), () => URL.revokeObjectURL(t);
+	}, [L, n]);
+	let z = R ?? s, B = !!z, V = w((e) => {
 		let t = e.target.files;
 		if (!t || t.length === 0) return;
-		let n = F(t).accepted[0]?.file;
-		n && a?.(n), M.current && (M.current.value = "");
-	}, [a, F]), ue = w(() => {
-		I(), a?.(void 0), M.current && (M.current.value = "");
-	}, [a, I]), de = w((e) => {
-		let t = F(e).accepted[0]?.file;
-		t && a?.(t);
-	}, [a, F]), { isDragging: U, dropTargetProps: W } = ee({
+		let n = N(t).accepted[0]?.file;
+		n && o?.(n), j.current && (j.current.value = "");
+	}, [o, N]), H = w(() => {
+		P(), o?.(void 0), j.current && (j.current.value = "");
+	}, [o, P]), de = w((e) => {
+		let t = N(e).accepted[0]?.file;
+		t && o?.(t);
+	}, [o, N]), { isDragging: U, dropTargetProps: W } = ee({
 		disabled: l,
 		onFiles: de
 	});
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ k("div", {
 		className: i("avatar-upload--component", "inline-flex w-fit flex-col items-start gap-space-md self-start", m),
 		children: [
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ k("div", {
 				...W,
-				className: i("group relative flex shrink-0 items-center justify-center rounded-full", "border transition-colors duration-150 outline-none", "has-[input:focus-visible]:ring-3", V ? "border-border bg-muted" : i("border-dashed bg-muted", !l && h.hover, h.idle), T ? i(h.invalid, h.focus.input.invalid) : h.focus.input.valid, l && "cursor-not-allowed opacity-50", !l && U && h.dragging, N.box),
+				className: i("group relative flex shrink-0 items-center justify-center rounded-full", "border transition-colors duration-150 outline-none", "has-[input:focus-visible]:ring-3", B ? "border-border bg-muted" : i("border-dashed bg-muted", !l && h.hover, h.idle), se ? i(h.invalid, h.focus.input.invalid) : h.focus.input.valid, l && "cursor-not-allowed opacity-50", !l && U && h.dragging, M.box),
 				children: [
-					/* @__PURE__ */ k("input", {
+					/* @__PURE__ */ O("input", {
 						id: g ?? C,
 						ref: (e) => {
-							M.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
+							j.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
 						},
 						type: "file",
 						className: "absolute inset-0 z-10 size-full cursor-pointer opacity-0 disabled:cursor-not-allowed",
 						"aria-label": re ?? S.change,
 						"aria-labelledby": ie,
 						"aria-describedby": _,
-						"aria-invalid": E,
+						"aria-invalid": T,
 						accept: c,
 						disabled: l,
-						onChange: H
+						onChange: V
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ k("div", {
 						className: "pointer-events-none absolute inset-0 flex items-center justify-center overflow-hidden rounded-full",
-						children: [V && B ? /* @__PURE__ */ k("img", {
-							src: B,
+						children: [B && z ? /* @__PURE__ */ O("img", {
+							src: z,
 							alt: S.change,
 							className: "absolute inset-0 size-full object-cover"
-						}) : ne ? /* @__PURE__ */ k(o, {
+						}) : ne ? /* @__PURE__ */ O(a, {
 							size: x === "sm" ? "sm" : x === "lg" ? "lg" : "base",
 							weight: "medium",
 							lineHeight: "none",
 							children: ne
-						}) : /* @__PURE__ */ k(j, {
-							className: i(N.icon, "text-muted-foreground"),
+						}) : /* @__PURE__ */ O(A, {
+							className: i(M.icon, "text-muted-foreground"),
 							"aria-hidden": "true"
-						}), !l && V && /* @__PURE__ */ k("div", {
+						}), !l && B && /* @__PURE__ */ O("div", {
 							className: "absolute inset-0 hidden items-center justify-center bg-inverse-background/60 text-inverse-foreground group-hover:flex",
 							"aria-hidden": "true",
-							children: /* @__PURE__ */ k(j, { className: N.icon })
+							children: /* @__PURE__ */ O(A, { className: M.icon })
 						})]
 					}),
-					!l && V && /* @__PURE__ */ k("button", {
+					!l && B && /* @__PURE__ */ O("button", {
 						type: "button",
 						"aria-label": S.remove,
 						onClick: (e) => {
-							e.stopPropagation(), ue();
+							e.stopPropagation(), H();
 						},
-						className: i(f.target, f.focus, "absolute end-0.5 top-0.5 z-10 bg-card text-card-foreground shadow-sm ring-1 ring-border", "opacity-100 transition-opacity sm:opacity-0 sm:group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100", N.remove),
-						children: /* @__PURE__ */ k(se, { className: f.icon })
+						className: i(f.target, f.focus, "absolute end-0.5 top-0.5 z-10 bg-card text-card-foreground shadow-sm ring-1 ring-border", "opacity-100 transition-opacity sm:opacity-0 sm:group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100", M.remove),
+						children: /* @__PURE__ */ O(le, { className: f.icon })
 					}),
-					!l && !V && U && /* @__PURE__ */ k(o, {
+					!l && !B && U && /* @__PURE__ */ O(a, {
 						size: "xs",
 						weight: "medium",
 						className: "absolute inset-x-0 bottom-1.5 text-center text-primary-accent",
@@ -841,27 +849,27 @@ function Se({ value: n, onValueChange: a, initialPreviewUrl: s, accept: c = ".pn
 					})
 				]
 			}),
-			!V && /* @__PURE__ */ k(o, {
+			!B && /* @__PURE__ */ O(a, {
 				size: "xs",
 				type: "secondary",
 				children: S.hint
 			}),
-			R.length > 0 && /* @__PURE__ */ k("div", {
+			I.length > 0 && /* @__PURE__ */ O("div", {
 				className: "avatar-upload--errors grid gap-space-2xs",
 				role: "alert",
 				"aria-live": "polite",
-				children: R.map((e, t) => /* @__PURE__ */ k(o, {
+				children: I.map((e, t) => /* @__PURE__ */ O(a, {
 					size: "xs",
 					type: "error",
-					children: $(e, S, L)
+					children: xe(e, S, F)
 				}, `${e.file.name}-${e.code}-${t}`))
 			})
 		]
 	});
 }
-var Ce = x.forwardRef(Se);
-Ce.displayName = "AvatarUpload";
+var we = x.forwardRef(Ce);
+we.displayName = "AvatarUpload";
 //#endregion
-export { U as a, _e as i, Q as n, I as o, be as r, Ce as t };
+export { W as a, P as c, ve as i, $ as n, I as o, Q as r, R as s, we as t };
 
-//# sourceMappingURL=upload-Hdm5gObf.js.map
+//# sourceMappingURL=upload-DMuMYJFT.js.map