themelia-react-ui 2.0.0 → 2.0.1

package/dist/{upload-B0WHW7ak.js → upload-BO8-CLN6.js}

@@ -1,18 +1,18 @@
 "use client";
-import { _ as e, c as t, s as n } from "./ui-provider-D2_TeLqw.js";
+import { c as e, s as t, v as n } from "./ui-provider-1D_NSYzO.js";
 import { useStrings as r } from "./lib/strings.js";
-import { t as i } from "./utils-Cospvlj1.js";
-import { s as a } from "./typography-CAr3dQhX.js";
-import { t as o } from "./button-BS3KDg00.js";
-import { h as s, p as c, v as l } from "./smart-card-Bek-TwUp.js";
-import { a as u, i as d } from "./primitives-BHrwQXFC.js";
-import { t as f } from "./field-affordance-recipes-CkOCdE2y.js";
-import { o as p } from "./item-xzh8Df65.js";
-import { t as ee } from "./use-file-drop-target-BX7GnhoQ.js";
-import { a as te, c as ne, s as m } from "./upload-queue-BHZ_wBfd.js";
-import { a as h, c as g, i as _, n as v, o as y, r as b, t as x } from "./attachment-q69dlt5Y.js";
+import { t as i } from "./utils-l5LpDw2z.js";
+import { n as a } from "./buttons-SbIcm1HJ.js";
+import { s as o } from "./typography-DTRkE9zL.js";
+import { h as s, p as c, v as l } from "./smart-card-lFKxn5Hu.js";
+import { a as u, i as d } from "./primitives-B-CkiEMU.js";
+import { n as f } from "./field-affordance-recipes-qQeIf4lG.js";
+import { o as p } from "./item-DEmDiTlD.js";
+import { n as ee, t as m } from "./upload.recipes-BbxTqrCT.js";
+import { a as te, s as ne } from "./upload-queue-EOC8g1gf.js";
+import { a as h, c as g, i as _, n as v, o as y, r as b, t as x } from "./attachment-BtfhGm8i.js";
 import * as S from "react";
-import C, { forwardRef as w, useCallback as T, useEffect as re, useId as ie, useLayoutEffect as E, useMemo as D, useRef as O, useState as k } from "react";
+import C, { forwardRef as w, useCallback as T, useEffect as E, useId as re, useLayoutEffect as ie, useMemo as D, useRef as O, useState as k } from "react";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
 import { Camera as M, ImageIcon as ae, Trash2Icon as N, TriangleAlert as oe, UploadIcon as P, X as se } from "lucide-react";
 //#region src/components/base/upload/file-upload.strings.ts
@@ -38,14 +38,14 @@ var F = {
 function I(e) {
 	return `${e.name}\u0000${e.size}\u0000${e.type}\u0000${e.lastModified}`;
 }
-function L(e, t) {
+function ce(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 R(e, t) {
+function L(e, t) {
 	let { accept: n, minSizeBytes: r, maxSizeBytes: i, validateFile: a, formatSize: o, strings: s } = t;
-	if (!L(e, n)) return {
+	if (!ce(e, n)) return {
 		file: e,
 		code: "invalid-type",
 		message: s.invalidType(e.name, n ?? "")
@@ -74,10 +74,10 @@ function R(e, t) {
 		};
 	}
 }
-function ce({ incoming: e, current: t, accept: n, minSizeBytes: r, maxSizeBytes: i, maxFiles: a, append: o, validateFile: s, formatSize: c, strings: l }) {
+function le({ 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(I)), f = [], p = [];
 	for (let t of e) {
-		let e = R(t, {
+		let e = L(t, {
 			accept: n,
 			minSizeBytes: r,
 			maxSizeBytes: i,
@@ -116,19 +116,19 @@ function ce({ incoming: e, current: t, accept: n, minSizeBytes: r, maxSizeBytes:
 }
 //#endregion
 //#region src/components/base/upload/file-upload.tsx
-function z(e) {
+function R(e) {
 	return Object.prototype.hasOwnProperty.call(e, "value");
 }
-function le(e) {
+function ue(e) {
 	return e === void 0 || !Number.isFinite(e) ? 2 ** 53 - 1 : Math.max(1, Math.floor(e));
 }
-function ue(e, t) {
+function de(e, t) {
 	return `${e.name}-${e.size}-${e.type}-${e.lastModified}-${t}`;
 }
-function B(e, t, n) {
+function z(e, t, n) {
 	t.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
 }
-function de({ file: e, index: t, disabled: n, size: r, locale: i, strings: s, showReplace: c, onReplace: l, onRemove: u }) {
+function fe({ 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__ */ j(x, {
 		variant: "outline",
@@ -160,7 +160,7 @@ function de({ file: e, index: t, disabled: n, size: r, locale: i, strings: s, sh
 			}),
 			/* @__PURE__ */ j(v, {
 				className: "file-upload--actions gap-space-xs",
-				children: [c && /* @__PURE__ */ A(o, {
+				children: [c && /* @__PURE__ */ A(a, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
@@ -171,13 +171,13 @@ function de({ file: e, index: t, disabled: n, size: r, locale: i, strings: s, sh
 					title: f,
 					disabled: n,
 					onClick: l,
-					children: /* @__PURE__ */ A(a, {
+					children: /* @__PURE__ */ A(o, {
 						tag: "span",
 						size: "inherit",
 						className: "sr-only",
 						children: s.replace
 					})
-				}), /* @__PURE__ */ A(o, {
+				}), /* @__PURE__ */ A(a, {
 					type: "button",
 					tone: "destructive",
 					buttonStyle: "ghost",
@@ -188,7 +188,7 @@ function de({ file: e, index: t, disabled: n, size: r, locale: i, strings: s, sh
 					title: p,
 					disabled: n,
 					onClick: () => u(t),
-					children: /* @__PURE__ */ A(a, {
+					children: /* @__PURE__ */ A(o, {
 						tag: "span",
 						size: "inherit",
 						className: "sr-only",
@@ -199,169 +199,169 @@ function de({ file: e, index: t, disabled: n, size: r, locale: i, strings: s, sh
 		]
 	});
 }
-function fe(d, f) {
-	let { accept: m, disabled: h = !1, invalid: g = !1, size: _, minSizeBytes: v, maxSizeBytes: y, validateFile: b, onRejectedFiles: x, className: S, strings: C, multiple: w = !1, value: re, defaultValue: M, onValueChange: ae, selectionMode: N, maxFiles: P, "aria-describedby": se, "aria-invalid": I, ...L } = d, R = r(F, C), { defaultScale: fe } = n(), { locale: V } = t(), H = e(_, fe), U = z(d), [pe, me] = k(() => d.multiple ? [...d.defaultValue ?? []] : d.defaultValue ? [d.defaultValue] : []), [W, he] = k([]), G = O(null), K = O(null), q = O(!1), J = O(!1), ge = ie(), Y = D(() => U ? d.multiple ? d.value ?? [] : d.value ? [d.value] : [] : pe, [
-		U,
+function B(d, f) {
+	let { accept: h, disabled: g = !1, invalid: _ = !1, size: v, minSizeBytes: y, maxSizeBytes: b, validateFile: x, onRejectedFiles: S, className: C, strings: w, multiple: E = !1, value: M, defaultValue: ae, onValueChange: N, selectionMode: P, maxFiles: se, "aria-describedby": I, "aria-invalid": ce, ...L } = d, B = r(F, w), { defaultScale: V } = t(), { locale: H } = e(), U = n(v, V), W = R(d), [pe, me] = k(() => d.multiple ? [...d.defaultValue ?? []] : d.defaultValue ? [d.defaultValue] : []), [G, he] = k([]), K = O(null), q = O(null), J = O(!1), Y = O(!1), ge = re(), X = D(() => W ? d.multiple ? d.value ?? [] : d.value ? [d.value] : [] : pe, [
+		W,
 		d.multiple,
 		d.value,
 		pe
 	]);
-	E(() => {
-		if (!q.current) return;
-		let e = K.current?.querySelector(".file-upload--actions button, .file-upload--dropzone input[type=file], .file-upload--dropzone button");
-		e && (e.focus(), q.current = !1);
-	}, [Y]);
-	let X = d.multiple ? d : void 0, _e = w ? le(X?.maxFiles) : 1, ve = w && (X?.selectionMode ?? "append") === "append", ye = `${L.id ?? `file-upload-${ge}`}-errors`, be = [se, W.length > 0 ? ye : void 0].filter(Boolean).join(" ") || void 0, Z = g || W.length > 0, Q = T((e) => {
-		if (U || me(e), d.multiple) d.onValueChange?.(e);
+	ie(() => {
+		if (!J.current) return;
+		let e = q.current?.querySelector(".file-upload--actions button, .file-upload--dropzone input[type=file], .file-upload--dropzone button");
+		e && (e.focus(), J.current = !1);
+	}, [X]);
+	let _e = d.multiple ? d : void 0, ve = E ? ue(_e?.maxFiles) : 1, Z = E && (_e?.selectionMode ?? "append") === "append", ye = `${L.id ?? `file-upload-${ge}`}-errors`, be = [I, G.length > 0 ? ye : void 0].filter(Boolean).join(" ") || void 0, Q = _ || G.length > 0, $ = T((e) => {
+		if (W || me(e), d.multiple) d.onValueChange?.(e);
 		else {
 			let t = e[0];
 			d.onValueChange?.(t);
 		}
-	}, [U, d]), xe = T((e) => u(e, { locale: V }) ?? `${e} B`, [V]), $ = T((e) => {
-		if (h || e.length === 0) return !1;
-		let t = ce({
+	}, [W, d]), xe = T((e) => u(e, { locale: H }) ?? `${e} B`, [H]), Se = T((e) => {
+		if (g || e.length === 0) return !1;
+		let t = le({
 			incoming: e,
-			current: Y,
-			accept: m,
-			minSizeBytes: v,
-			maxSizeBytes: y,
-			maxFiles: _e,
-			append: ve,
-			validateFile: b,
+			current: X,
+			accept: h,
+			minSizeBytes: y,
+			maxSizeBytes: b,
+			maxFiles: ve,
+			append: Z,
+			validateFile: x,
 			formatSize: xe,
-			strings: R
+			strings: B
 		});
-		return he(t.rejections), t.rejections.length > 0 && x?.(t.rejections), t.accepted.length !== 0 && (q.current = !w && (J.current || !!K.current?.contains(document.activeElement)), J.current = !1, Q(t.nextFiles), t.rejections.length === 0);
+		return he(t.rejections), t.rejections.length > 0 && S?.(t.rejections), t.accepted.length !== 0 && (J.current = !E && (Y.current || !!q.current?.contains(document.activeElement)), Y.current = !1, $(t.nextFiles), t.rejections.length === 0);
 	}, [
-		m,
-		ve,
-		Q,
 		h,
-		w,
-		Y,
+		Z,
+		$,
+		g,
+		E,
+		X,
 		xe,
-		_e,
+		ve,
+		b,
 		y,
-		v,
-		x,
-		R,
-		b
-	]), Se = T(() => {
-		G.current && (G.current.value = "");
-	}, []), Ce = T((e) => {
-		h || (he([]), Se(), q.current = !!K.current?.contains(document.activeElement), Q(Y.filter((t, n) => n !== e)));
+		S,
+		B,
+		x
+	]), Ce = T(() => {
+		K.current && (K.current.value = "");
+	}, []), we = T((e) => {
+		g || (he([]), Ce(), J.current = !!q.current?.contains(document.activeElement), $(X.filter((t, n) => n !== e)));
 	}, [
-		Se,
-		Q,
-		h,
-		Y
-	]), we = T(() => {
-		h || (J.current = !!K.current?.contains(document.activeElement), G.current?.click());
-	}, [h]), { isDragging: Te, dropTargetProps: Ee } = ee({
-		disabled: h,
-		onFiles: $
-	}), De = {
+		Ce,
+		$,
+		g,
+		X
+	]), Te = T(() => {
+		g || (Y.current = !!q.current?.contains(document.activeElement), K.current?.click());
+	}, [g]), { isDragging: Ee, dropTargetProps: De } = ee({
+		disabled: g,
+		onFiles: Se
+	}), Oe = {
 		...L,
-		accept: m,
-		multiple: w,
-		disabled: h,
+		accept: h,
+		multiple: E,
+		disabled: g,
 		"aria-describedby": be,
-		"aria-invalid": Z ? !0 : I
-	}, Oe = /* @__PURE__ */ A(te, {
-		ref: (e) => B(e, G, f),
-		onDrop: $,
-		accept: m,
-		multiple: w,
-		disabled: h,
-		invalid: Z,
-		size: H,
+		"aria-invalid": Q ? !0 : ce
+	}, ke = /* @__PURE__ */ A(te, {
+		ref: (e) => z(e, K, f),
+		onDrop: Se,
+		accept: h,
+		multiple: E,
+		disabled: g,
+		invalid: Q,
+		size: U,
 		className: "file-upload--dropzone",
-		inputProps: De,
+		inputProps: Oe,
 		strings: {
-			instruction: R.instruction,
-			helper: R.helper,
-			dragOver: R.dragOver
+			instruction: B.instruction,
+			helper: B.helper,
+			dragOver: B.dragOver
 		},
-		children: /* @__PURE__ */ A(o, {
+		children: /* @__PURE__ */ A(a, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "outline",
-			size: H,
-			disabled: h,
-			onClick: we,
-			children: R.browse
+			size: U,
+			disabled: g,
+			onClick: Te,
+			children: B.browse
 		})
 	});
 	return /* @__PURE__ */ j("div", {
-		ref: K,
-		"data-disabled": h || void 0,
-		"data-invalid": Z || void 0,
-		className: i("file-upload--component grid gap-space-md", S),
+		ref: q,
+		"data-disabled": g || void 0,
+		"data-invalid": Q || void 0,
+		className: i("file-upload--component grid gap-space-md", C),
 		children: [
-			(w || Y.length === 0) && Oe,
-			!w && Y[0] && /* @__PURE__ */ j("div", {
-				...Ee,
-				"data-dragging": Te || void 0,
-				"data-invalid": Z || void 0,
-				className: i("file-upload--selected rounded-radius transition-shadow", Z && "[&_.file-upload--file]:border-destructive", !h && Te && (Z ? "ring-2 ring-destructive/50 ring-offset-2" : "ring-2 ring-primary/50 ring-offset-2")),
+			(E || X.length === 0) && ke,
+			!E && X[0] && /* @__PURE__ */ j("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 ? m.invalidDraggingRing : m.draggingRing)),
 				children: [/* @__PURE__ */ A(ne, {
-					...De,
-					ref: (e) => B(e, G, f),
+					...Oe,
+					ref: (e) => z(e, K, f),
 					tabIndex: -1,
 					className: "file-upload--input",
-					onFiles: $
-				}), /* @__PURE__ */ A(de, {
-					file: Y[0],
+					onFiles: Se
+				}), /* @__PURE__ */ A(fe, {
+					file: X[0],
 					index: 0,
-					disabled: h,
-					size: H,
-					locale: V,
-					strings: R,
+					disabled: g,
+					size: U,
+					locale: H,
+					strings: B,
 					showReplace: !0,
-					onReplace: we,
-					onRemove: Ce
+					onReplace: Te,
+					onRemove: we
 				})]
 			}),
-			w && Y.length > 0 && /* @__PURE__ */ A(p, {
+			E && X.length > 0 && /* @__PURE__ */ A(p, {
 				className: "file-upload--files",
-				children: Y.map((e, t) => /* @__PURE__ */ A(de, {
+				children: X.map((e, t) => /* @__PURE__ */ A(fe, {
 					file: e,
 					index: t,
-					disabled: h,
-					size: H,
-					locale: V,
-					strings: R,
+					disabled: g,
+					size: U,
+					locale: H,
+					strings: B,
 					showReplace: !1,
-					onReplace: we,
-					onRemove: Ce
-				}, ue(e, t)))
+					onReplace: Te,
+					onRemove: we
+				}, de(e, t)))
 			}),
-			W.length > 0 && /* @__PURE__ */ j(c, {
+			G.length > 0 && /* @__PURE__ */ j(c, {
 				id: ye,
 				tone: "destructive",
 				"aria-live": "polite",
-				className: i("file-upload--errors", H === "sm" && "p-surface-xs"),
+				className: i("file-upload--errors", U === "sm" && "p-surface-xs"),
 				children: [
 					/* @__PURE__ */ A(oe, { "aria-hidden": "true" }),
-					/* @__PURE__ */ A(l, { children: R.errorsHeading }),
+					/* @__PURE__ */ A(l, { children: B.errorsHeading }),
 					/* @__PURE__ */ A(s, { children: /* @__PURE__ */ A("ul", {
 						className: "m-0 p-0 list-none grid gap-space-2xs",
-						children: W.map((e, t) => /* @__PURE__ */ A("li", {
+						children: G.map((e, t) => /* @__PURE__ */ A("li", {
 							className: "file-upload--error",
-							children: /* @__PURE__ */ A(a, {
+							children: /* @__PURE__ */ A(o, {
 								tag: "span",
 								size: "xs",
 								type: "error",
 								children: e.message
 							})
-						}, `${e.code}-${ue(e.file, t)}`))
+						}, `${e.code}-${de(e.file, t)}`))
 					}) })
 				]
 			})
 		]
 	});
 }
-var V = w(fe);
+var V = w(B);
 V.displayName = "FileUpload";
 //#endregion
 //#region src/hooks/use-files.ts
@@ -377,30 +377,30 @@ function U(e) {
 	let t = Math.min(Math.floor(Math.log(e) / Math.log(1024)), H.length - 1), n = e / 1024 ** t;
 	return `${t === 0 ? n.toFixed(0) : Number(n.toFixed(1)).toString()} ${H[t]}`;
 }
-var pe = 0;
-function me() {
-	return `${Date.now().toString(36)}-${(pe++).toString(36)}`;
+var W = 0;
+function pe() {
+	return `${Date.now().toString(36)}-${(W++).toString(36)}`;
 }
-function W(e) {
+function me(e) {
 	return e.name.split(".").pop()?.toLowerCase() ?? "";
 }
-function he(e) {
+function G(e) {
 	return `${e.name}\u0000${e.size}\u0000${e.type}\u0000${e.lastModified}`;
 }
-function G(e) {
+function he(e) {
 	return {
-		id: me(),
+		id: pe(),
 		file: e,
 		name: e.name,
 		size: e.size,
 		formattedSize: U(e.size),
 		type: e.type,
-		extension: W(e),
+		extension: me(e),
 		lastModified: e.lastModified
 	};
 }
 function K(e, t) {
-	let n = W(e);
+	let n = me(e);
 	if (t?.minSize !== void 0 && e.size < t.minSize) return {
 		file: e,
 		code: "too-small",
@@ -435,9 +435,9 @@ function q(e) {
 }
 function J(e) {
 	let [t, n] = k([]), r = O([]), [i, a] = k([]), o = T(U, []), s = T((t, i) => {
-		let o = Array.isArray(t) ? t : Array.from(t), s = r.current, c = i ? [] : [...s], l = new Set(c.map((e) => he(e.file))), u = [], d = [];
+		let o = Array.isArray(t) ? t : Array.from(t), s = r.current, c = i ? [] : [...s], l = new Set(c.map((e) => G(e.file))), u = [], d = [];
 		for (let t of o) {
-			let n = he(t);
+			let n = G(t);
 			if (l.has(n)) {
 				d.push({
 					file: t,
@@ -459,7 +459,7 @@ function J(e) {
 				});
 				continue;
 			}
-			let i = G(t);
+			let i = he(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), {
@@ -486,7 +486,7 @@ function J(e) {
 }
 //#endregion
 //#region src/components/base/upload/image-upload.tsx
-var ge = 2, Y = {
+var Y = 2, ge = {
 	square: "aspect-square",
 	standard: "aspect-[4/3]",
 	widescreen: "aspect-[16/9]",
@@ -519,7 +519,7 @@ function _e(e, t, n) {
 	}
 }
 function ve({ 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: p = "stacked", invalid: te, strings: ne }, h) {
-	let g = r(X, ne), _ = ie(), v = O(null), y = D(() => {
+	let g = r(X, ne), _ = re(), v = O(null), y = D(() => {
 		if (!e) return [
 			"png",
 			"jpg",
@@ -537,12 +537,12 @@ function ve({ 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: b, setFiles: x, remove: S, removeAll: C, formatSize: w, rejections: E } = J(D(() => ({
+	}, [e]), { files: b, setFiles: x, remove: S, removeAll: C, formatSize: w, rejections: ie } = J(D(() => ({
 		maxFiles: t ? void 0 : 1,
-		maxSize: ge * 1024 * 1024,
+		maxSize: Y * 1024 * 1024,
 		allowedExtensions: y
 	}), [t, y]));
-	re(() => {
+	E(() => {
 		n ? x([n]) : (C(), v.current && (v.current.value = ""));
 	}, [
 		n,
@@ -550,7 +550,7 @@ function ve({ accept: e = ".png,.jpg,.jpeg,.gif,.svg", multiple: t = !1, value:
 		C
 	]);
 	let M = b[0], N = M ? g.change : g.select, [oe, P] = k(void 0), se = D(() => !y || y.length === 0 ? null : y.map((e) => e.toUpperCase()).join(", "), [y]);
-	re(() => {
+	E(() => {
 		let e = M?.file ?? n;
 		if (!e) {
 			P(void 0);
@@ -559,10 +559,10 @@ function ve({ accept: e = ".png,.jpg,.jpeg,.gif,.svg", multiple: t = !1, value:
 		let t = URL.createObjectURL(e);
 		return P(t), () => URL.revokeObjectURL(t);
 	}, [M, n]);
-	let F = oe ?? l, I = !!F, L = M?.name ?? g.previewAlt ?? X.previewAlt, R = Y[u] ?? Y.square, ce = d === "contain" ? "object-contain p-space-sm" : "object-cover", z = f ? typeof f == "number" ? `${f}px` : f : "240px", le = p === "inline" ? void 0 : { maxWidth: z }, ue = p === "inline" ? {
-		maxWidth: f ? z : "185px",
+	let F = oe ?? l, I = !!F, ce = M?.name ?? g.previewAlt ?? X.previewAlt, L = ge[u] ?? ge.square, le = d === "contain" ? "object-contain p-space-sm" : "object-cover", R = f ? typeof f == "number" ? `${f}px` : f : "240px", ue = p === "inline" ? void 0 : { maxWidth: R }, de = p === "inline" ? {
+		maxWidth: f ? R : "185px",
 		width: "100%"
-	} : void 0, B = T((e) => {
+	} : void 0, z = T((e) => {
 		if (c || e.length === 0) return;
 		let t = x(e).accepted[0]?.file;
 		t && s?.(t);
@@ -570,11 +570,11 @@ function ve({ accept: e = ".png,.jpg,.jpeg,.gif,.svg", multiple: t = !1, value:
 		c,
 		x,
 		s
-	]), de = T((e) => {
-		B(Array.from(e.target.files ?? []));
-	}, [B]), { isDragging: fe, dropTargetProps: V } = ee({
+	]), fe = T((e) => {
+		z(Array.from(e.target.files ?? []));
+	}, [z]), { isDragging: B, dropTargetProps: V } = ee({
 		disabled: c,
-		onFiles: B
+		onFiles: z
 	}), H = T(() => {
 		c || v.current?.click();
 	}, [c]), U = T(() => {
@@ -586,7 +586,7 @@ function ve({ accept: e = ".png,.jpg,.jpeg,.gif,.svg", multiple: t = !1, value:
 	]);
 	return /* @__PURE__ */ j("div", {
 		className: i("image-upload--component", "grid gap-space-md"),
-		style: le,
+		style: ue,
 		children: [
 			/* @__PURE__ */ A("input", {
 				ref: (e) => {
@@ -600,19 +600,19 @@ function ve({ accept: e = ".png,.jpg,.jpeg,.gif,.svg", multiple: t = !1, value:
 				accept: e,
 				multiple: t,
 				disabled: c,
-				onChange: de
+				onChange: fe
 			}),
 			/* @__PURE__ */ j("div", {
 				className: i(p === "inline" ? "flex flex-wrap items-start gap-space-xl" : "grid gap-space-md"),
 				children: [/* @__PURE__ */ A("div", {
 					...V,
-					"data-dragging": fe || void 0,
-					className: i("relative overflow-hidden rounded-radius border transition-colors", p === "inline" ? "flex-shrink-0 w-full" : "w-full", R, I ? "border-border bg-muted" : i("border-dashed bg-background text-muted-foreground", m.idle), te && m.invalid, !c && fe && m.dragging),
-					style: ue,
+					"data-dragging": B || void 0,
+					className: i("relative overflow-hidden rounded-radius border transition-colors", p === "inline" ? "flex-shrink-0 w-full" : "w-full", L, I ? "border-border bg-muted" : i("border-dashed bg-background text-muted-foreground", m.idle), te && m.invalid, !c && B && m.dragging),
+					style: de,
 					children: I && F ? /* @__PURE__ */ A("img", {
 						src: F,
-						alt: L,
-						className: i("absolute inset-0 box-border h-full w-full", ce)
+						alt: ce,
+						className: i("absolute inset-0 box-border h-full w-full", le)
 					}) : /* @__PURE__ */ A("div", {
 						className: "absolute inset-0 flex items-center justify-center",
 						children: /* @__PURE__ */ A(ae, {
@@ -625,44 +625,44 @@ function ve({ accept: e = ".png,.jpg,.jpeg,.gif,.svg", multiple: t = !1, value:
 					children: [
 						/* @__PURE__ */ j("div", {
 							className: "flex flex-wrap items-center gap-space-md",
-							children: [/* @__PURE__ */ A(o, {
+							children: [/* @__PURE__ */ A(a, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "outline",
 								onClick: H,
 								disabled: c,
 								children: N
-							}), !M && !!I && /* @__PURE__ */ A(a, {
+							}), !M && !!I && /* @__PURE__ */ A(o, {
 								size: "xs",
 								type: "secondary",
 								children: g.keepCurrent
 							})]
 						}),
-						!!se && /* @__PURE__ */ A(a, {
+						!!se && /* @__PURE__ */ A(o, {
 							size: "xs",
 							type: "secondary",
-							children: g.supportsTemplate.replace("{ext}", se).replace("{size}", String(ge))
+							children: g.supportsTemplate.replace("{ext}", se).replace("{size}", String(Y))
 						}),
 						!!M && /* @__PURE__ */ j("div", {
 							className: "grid gap-space-2xs",
 							children: [
-								/* @__PURE__ */ A(a, {
+								/* @__PURE__ */ A(o, {
 									weight: "medium",
 									title: M.name,
 									className: "truncate",
 									children: M.name
 								}),
-								/* @__PURE__ */ A(a, {
+								/* @__PURE__ */ A(o, {
 									size: "xs",
 									type: "secondary",
 									children: M.formattedSize
 								}),
-								!!t && b.length > 1 && /* @__PURE__ */ A(a, {
+								!!t && b.length > 1 && /* @__PURE__ */ A(o, {
 									size: "xs",
 									type: "secondary",
 									children: g.moreFiles(b.length - 1)
 								}),
-								/* @__PURE__ */ A(o, {
+								/* @__PURE__ */ A(a, {
 									type: "button",
 									tone: "destructive",
 									buttonStyle: "ghost",
@@ -673,7 +673,7 @@ function ve({ accept: e = ".png,.jpg,.jpeg,.gif,.svg", multiple: t = !1, value:
 								})
 							]
 						}),
-						!M && !I && /* @__PURE__ */ A(a, {
+						!M && !I && /* @__PURE__ */ A(o, {
 							size: "xs",
 							type: "secondary",
 							children: g.noSelection
@@ -681,11 +681,11 @@ function ve({ accept: e = ".png,.jpg,.jpeg,.gif,.svg", multiple: t = !1, value:
 					]
 				})]
 			}),
-			E.length > 0 && /* @__PURE__ */ A("div", {
+			ie.length > 0 && /* @__PURE__ */ A("div", {
 				className: "image-upload--errors grid gap-space-2xs",
 				role: "alert",
 				"aria-live": "polite",
-				children: E.map((e, t) => /* @__PURE__ */ A(a, {
+				children: ie.map((e, t) => /* @__PURE__ */ A(o, {
 					size: "xs",
 					type: "error",
 					children: _e(e, g, w)
@@ -694,11 +694,11 @@ function ve({ accept: e = ".png,.jpg,.jpeg,.gif,.svg", multiple: t = !1, value:
 		]
 	});
 }
-var ye = C.forwardRef(ve);
-ye.displayName = "ImageUpload";
+var Z = C.forwardRef(ve);
+Z.displayName = "ImageUpload";
 //#endregion
 //#region src/components/base/upload/avatar-upload.tsx
-var be = {
+var ye = {
 	change: "Change photo",
 	remove: "Remove photo",
 	hint: "Click or drop an image",
@@ -710,7 +710,7 @@ var be = {
 	duplicate: (e) => `${e} is already selected.`,
 	customValidationFailed: (e) => `${e} did not pass validation.`
 };
-function Z(e, t, n) {
+function be(e, t, n) {
 	let { file: r, code: i, details: a } = e;
 	switch (i) {
 		case "invalid-type": return t.invalidType(r.name, a.extension ?? "");
@@ -738,44 +738,44 @@ var Q = {
 		remove: "size-action-lg"
 	}
 };
-function xe({ value: t, onValueChange: o, initialPreviewUrl: s, accept: c = ".png,.jpg,.jpeg,.gif,.webp", disabled: l = !1, invalid: u = !1, size: d, className: p, strings: te, initials: ne }, h) {
-	let { defaultScale: g } = n(), _ = e(d, g), v = r(be, te), y = ie(), b = O(null), x = Q[_], { files: S, setFiles: C, removeAll: w, formatSize: E, rejections: ae } = J({
+function $({ value: e, onValueChange: a, initialPreviewUrl: s, accept: c = ".png,.jpg,.jpeg,.gif,.webp", disabled: l = !1, invalid: u = !1, size: d, className: p, strings: te, initials: ne }, h) {
+	let { defaultScale: g } = t(), _ = n(d, g), v = r(ye, te), y = re(), b = O(null), x = Q[_], { files: S, setFiles: C, removeAll: w, formatSize: ie, rejections: ae } = J({
 		maxFiles: 1,
 		allowedExtensions: D(() => c.split(",").map((e) => e.trim().replace(/^\./, "").toLowerCase()).filter(Boolean), [c])
 	});
-	re(() => {
-		t ? C([t]) : w();
-	}, [t]);
+	E(() => {
+		e ? C([e]) : w();
+	}, [e]);
 	let N = S[0], [oe, P] = k(void 0);
-	re(() => {
-		let e = N?.file ?? t;
-		if (!e) {
+	E(() => {
+		let t = N?.file ?? e;
+		if (!t) {
 			P(void 0);
 			return;
 		}
-		let n = URL.createObjectURL(e);
+		let n = URL.createObjectURL(t);
 		return P(n), () => URL.revokeObjectURL(n);
-	}, [N, t]);
-	let F = oe ?? s, I = !!F, L = T((e) => {
+	}, [N, e]);
+	let F = oe ?? s, I = !!F, ce = T((e) => {
 		let t = e.target.files;
 		if (!t || t.length === 0) return;
 		let n = C(t).accepted[0]?.file;
-		n && o?.(n), b.current && (b.current.value = "");
-	}, [o, C]), R = T(() => {
-		w(), o?.(void 0), b.current && (b.current.value = "");
-	}, [o, w]), ce = T((e) => {
+		n && a?.(n), b.current && (b.current.value = "");
+	}, [a, C]), L = T(() => {
+		w(), a?.(void 0), b.current && (b.current.value = "");
+	}, [a, w]), le = T((e) => {
 		let t = C(e).accepted[0]?.file;
-		t && o?.(t);
-	}, [o, C]), { isDragging: z, dropTargetProps: le } = ee({
+		t && a?.(t);
+	}, [a, C]), { isDragging: R, dropTargetProps: ue } = ee({
 		disabled: l,
-		onFiles: ce
+		onFiles: le
 	});
 	return /* @__PURE__ */ j("div", {
 		className: i("avatar-upload--component", "inline-flex w-fit flex-col items-center gap-space-md self-start", p),
 		children: [
 			/* @__PURE__ */ j("div", {
-				...le,
-				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-2 has-[input:focus-visible]:ring-ring", I ? "border-border bg-muted" : i("border-dashed bg-muted", !l && "hover:border-primary hover:bg-primary/5", m.idle), u && m.invalid, l && "cursor-not-allowed opacity-50", !l && z && m.dragging, x.box),
+				...ue,
+				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", I ? "border-border bg-muted" : i("border-dashed bg-muted", !l && m.hover, m.idle), u ? i(m.invalid, m.focus.input.invalid) : m.focus.input.valid, l && "cursor-not-allowed opacity-50", !l && R && m.dragging, x.box),
 				children: [
 					/* @__PURE__ */ A("input", {
 						id: y,
@@ -788,7 +788,7 @@ function xe({ value: t, onValueChange: o, initialPreviewUrl: s, accept: c = ".pn
 						"aria-invalid": u || void 0,
 						accept: c,
 						disabled: l,
-						onChange: L
+						onChange: ce
 					}),
 					/* @__PURE__ */ j("div", {
 						className: "pointer-events-none absolute inset-0 flex items-center justify-center overflow-hidden rounded-full",
@@ -796,7 +796,7 @@ function xe({ value: t, onValueChange: o, initialPreviewUrl: s, accept: c = ".pn
 							src: F,
 							alt: v.change,
 							className: "absolute inset-0 size-full object-cover"
-						}) : ne ? /* @__PURE__ */ A(a, {
+						}) : ne ? /* @__PURE__ */ A(o, {
 							size: _ === "sm" ? "sm" : _ === "lg" ? "lg" : "base",
 							weight: "medium",
 							lineHeight: "none",
@@ -814,12 +814,12 @@ function xe({ value: t, onValueChange: o, initialPreviewUrl: s, accept: c = ".pn
 						type: "button",
 						"aria-label": v.remove,
 						onClick: (e) => {
-							e.stopPropagation(), R();
+							e.stopPropagation(), L();
 						},
-						className: i(f.target, f.focus, "absolute end-0.5 top-0.5 z-20 bg-card text-foreground shadow 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", x.remove),
+						className: i(f.target, f.focus, "absolute end-0.5 top-0.5 z-10 bg-card text-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", x.remove),
 						children: /* @__PURE__ */ A(se, { className: f.icon })
 					}),
-					!l && !I && z && /* @__PURE__ */ A(a, {
+					!l && !I && R && /* @__PURE__ */ A(o, {
 						size: "xs",
 						weight: "medium",
 						className: "absolute inset-x-0 bottom-1.5 text-center text-primary-accent",
@@ -827,7 +827,7 @@ function xe({ value: t, onValueChange: o, initialPreviewUrl: s, accept: c = ".pn
 					})
 				]
 			}),
-			!I && /* @__PURE__ */ A(a, {
+			!I && /* @__PURE__ */ A(o, {
 				size: "xs",
 				type: "secondary",
 				children: v.hint
@@ -836,18 +836,18 @@ function xe({ value: t, onValueChange: o, initialPreviewUrl: s, accept: c = ".pn
 				className: "avatar-upload--errors grid gap-space-2xs",
 				role: "alert",
 				"aria-live": "polite",
-				children: ae.map((e, t) => /* @__PURE__ */ A(a, {
+				children: ae.map((e, t) => /* @__PURE__ */ A(o, {
 					size: "xs",
 					type: "error",
-					children: Z(e, v, E)
+					children: be(e, v, ie)
 				}, `${e.file.name}-${e.code}-${t}`))
 			})
 		]
 	});
 }
-var $ = S.forwardRef(xe);
-$.displayName = "AvatarUpload";
+var xe = S.forwardRef($);
+xe.displayName = "AvatarUpload";
 //#endregion
-export { V as a, X as i, be as n, F as o, ye as r, $ as t };
+export { V as a, X as i, ye as n, F as o, Z as r, xe as t };
 
-//# sourceMappingURL=upload-B0WHW7ak.js.map
+//# sourceMappingURL=upload-BO8-CLN6.js.map