themelia-react-ui 1.0.0 → 1.0.2

package/dist/{upload-DIzw1dx1.js → upload-CDbYw1WN.js}

@@ -1,21 +1,22 @@
 "use client";
-import { _ as e, c as t, s as n } from "./ui-provider-CftIB6TY.js";
+import { _ as e, c as t, s as n } from "./ui-provider-DRPn3qNl.js";
 import { useStrings as r } from "./lib/strings.js";
-import { t as i } from "./utils-C2EKeIw3.js";
-import { n as a } from "./buttons-Co6GavvM.js";
-import { a as o } from "./typography-Cv8MT-82.js";
-import { _ as s, f as c, m as l } from "./smart-card-B5FcKODh.js";
-import { a as u, i as d } from "./primitives-DKPOGVpj.js";
-import { o as f } from "./item-pJ0GsOiJ.js";
-import { t as p } from "./use-file-drop-target-BX7GnhoQ.js";
-import { a as m, s as ee } from "./upload-queue-xRJ3qDmd.js";
-import { a as h, c as g, i as _, n as v, o as y, r as b, t as x } from "./attachment-DsLgNHXt.js";
-import * as S from "react";
-import C, { forwardRef as w, useCallback as T, useEffect as E, useId as te, useLayoutEffect as ne, 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 re, Trash2 as ie, Trash2Icon as N, TriangleAlert as P, UploadIcon as F, X as ae } from "lucide-react";
+import { t as i } from "./utils-BvH9PSmq.js";
+import { a } from "./typography-BxQgiZyw.js";
+import { t as o } from "./button-BZDasD04.js";
+import { h as s, p as c, v as l } from "./smart-card-DjGVV2xr.js";
+import { a as u, i as d } from "./primitives-C7ff0QaI.js";
+import { t as f } from "./field-affordance-recipes-uKY4MsZ_.js";
+import { o as p } from "./item-DE4YnuJx.js";
+import { t as ee } from "./use-file-drop-target-BX7GnhoQ.js";
+import { a as te, s as ne } from "./upload-queue-CNd_hH_a.js";
+import { a as m, c as h, i as g, n as _, o as v, r as y, t as b } from "./attachment-DbjUWsP0.js";
+import * as x from "react";
+import S, { forwardRef as C, useCallback as w, useEffect as T, useId as re, useLayoutEffect as ie, 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 ae, Trash2 as oe, Trash2Icon as M, TriangleAlert as se, UploadIcon as N, X as ce } 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",
@@ -34,17 +35,17 @@ 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) {
+function L(e, t) {
 	let { accept: n, minSizeBytes: r, maxSizeBytes: i, validateFile: a, formatSize: o, strings: s } = t;
-	if (!R(e, n)) return {
+	if (!I(e, n)) return {
 		file: e,
 		code: "invalid-type",
 		message: s.invalidType(e.name, n ?? "")
@@ -73,10 +74,10 @@ function z(e, t) {
 		};
 	}
 }
-function oe({ 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 = [];
+function R({ 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(F)), f = [], p = [];
 	for (let t of e) {
-		let e = z(t, {
+		let e = L(t, {
 			accept: n,
 			minSizeBytes: r,
 			maxSizeBytes: i,
@@ -88,7 +89,7 @@ function oe({ incoming: e, current: t, accept: n, minSizeBytes: r, maxSizeBytes:
 			p.push(e);
 			continue;
 		}
-		let o = L(t);
+		let o = F(t);
 		if (d.has(o)) {
 			p.push({
 				file: t,
@@ -115,40 +116,40 @@ function oe({ incoming: e, current: t, accept: n, minSizeBytes: r, maxSizeBytes:
 }
 //#endregion
 //#region src/components/base/upload/file-upload.tsx
-function se(e) {
+function le(e) {
 	return Object.prototype.hasOwnProperty.call(e, "value");
 }
-function ce(e) {
+function ue(e) {
 	return e === void 0 || !Number.isFinite(e) ? 2 ** 53 - 1 : Math.max(1, Math.floor(e));
 }
-function le(e, t) {
+function de(e, t) {
 	return `${e.name}-${e.size}-${e.type}-${e.lastModified}-${t}`;
 }
-function ue(e, t, n) {
+function z(e, t, n) {
 	t.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
 }
-function B({ 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, {
+	return /* @__PURE__ */ A(b, {
 		variant: "outline",
 		size: r,
 		className: "file-upload--file flex-nowrap bg-card text-card-foreground",
 		children: [
-			/* @__PURE__ */ A(y, {
+			/* @__PURE__ */ k(v, {
 				variant: "icon",
 				className: "file-upload--file-media self-center group-has-data-[slot=item-description]/item:self-center",
-				children: /* @__PURE__ */ A(h, { name: e.name })
+				children: /* @__PURE__ */ k(m, { name: e.name })
 			}),
-			/* @__PURE__ */ j(b, {
+			/* @__PURE__ */ A(y, {
 				className: "file-upload--file-content min-w-0",
-				children: [/* @__PURE__ */ A(g, {
+				children: [/* @__PURE__ */ k(h, {
 					className: "file-upload--file-name truncate",
 					title: e.name,
 					children: e.name
-				}), /* @__PURE__ */ A(_, {
+				}), /* @__PURE__ */ k(g, {
 					className: "file-upload--file-size",
 					clamp: 1,
-					children: /* @__PURE__ */ A(d, {
+					children: /* @__PURE__ */ k(d, {
 						value: e.size,
 						locale: i,
 						size: "xs",
@@ -157,37 +158,37 @@ function B({ file: e, index: t, disabled: n, size: r, locale: i, strings: s, sho
 					})
 				})]
 			}),
-			/* @__PURE__ */ j(v, {
+			/* @__PURE__ */ A(_, {
 				className: "file-upload--actions gap-space-xs",
-				children: [c && /* @__PURE__ */ A(a, {
+				children: [c && /* @__PURE__ */ k(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__ */ A(o, {
+					children: /* @__PURE__ */ k(a, {
 						tag: "span",
 						size: "inherit",
 						className: "sr-only",
 						children: s.replace
 					})
-				}), /* @__PURE__ */ A(a, {
+				}), /* @__PURE__ */ k(o, {
 					type: "button",
 					tone: "destructive",
 					buttonStyle: "ghost",
 					size: "sm",
 					iconOnly: !0,
-					icon: N,
+					icon: M,
 					"aria-label": p,
 					title: p,
 					disabled: n,
 					onClick: () => u(t),
-					children: /* @__PURE__ */ A(o, {
+					children: /* @__PURE__ */ k(a, {
 						tag: "span",
 						size: "inherit",
 						className: "sr-only",
@@ -198,208 +199,208 @@ function B({ file: e, index: t, disabled: n, size: r, locale: i, strings: s, sho
 		]
 	});
 }
-function V(d, h) {
-	let { accept: g, disabled: _ = !1, invalid: v = !1, size: y, minSizeBytes: b, maxSizeBytes: x, validateFile: S, onRejectedFiles: C, className: w, strings: E, multiple: M = !1, value: re, defaultValue: ie, onValueChange: N, selectionMode: F, maxFiles: ae, "aria-describedby": L, "aria-invalid": R, ...z } = d, V = r(I, E), { defaultScale: H } = n(), { locale: U } = t(), W = e(y, H), G = se(d), [de, fe] = k(() => d.multiple ? [...d.defaultValue ?? []] : d.defaultValue ? [d.defaultValue] : []), [K, pe] = k([]), q = O(null), J = O(null), Y = O(!1), X = O(!1), me = te(), Z = D(() => G ? d.multiple ? d.value ?? [] : d.value ? [d.value] : [] : de, [
-		G,
+function B(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: T = !1, value: j, defaultValue: ae, onValueChange: oe, selectionMode: M, maxFiles: N, "aria-describedby": ce, "aria-invalid": F, ...I } = d, L = r(P, C), { defaultScale: B } = n(), { locale: V } = t(), H = e(_, B), U = le(d), [pe, me] = O(() => d.multiple ? [...d.defaultValue ?? []] : d.defaultValue ? [d.defaultValue] : []), [W, he] = O([]), G = D(null), K = D(null), q = D(!1), J = D(!1), ge = re(), Y = E(() => U ? d.multiple ? d.value ?? [] : d.value ? [d.value] : [] : pe, [
+		U,
 		d.multiple,
 		d.value,
-		de
+		pe
 	]);
-	ne(() => {
-		if (!Y.current) return;
-		let e = J.current?.querySelector(".file-upload--actions button, .file-upload--dropzone input[type=file], .file-upload--dropzone button");
-		e && (e.focus(), Y.current = !1);
-	}, [Z]);
-	let he = d.multiple ? d : void 0, ge = M ? ce(he?.maxFiles) : 1, _e = M && (he?.selectionMode ?? "append") === "append", ve = `${z.id ?? `file-upload-${me}`}-errors`, ye = [L, K.length > 0 ? ve : void 0].filter(Boolean).join(" ") || void 0, Q = v || K.length > 0, $ = T((e) => {
-		if (G || fe(e), d.multiple) d.onValueChange?.(e);
+	ie(() => {
+		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 = T ? ue(X?.maxFiles) : 1, ve = T && (X?.selectionMode ?? "append") === "append", ye = `${I.id ?? `file-upload-${ge}`}-errors`, be = [ce, W.length > 0 ? ye : void 0].filter(Boolean).join(" ") || void 0, Z = g || W.length > 0, Q = w((e) => {
+		if (U || me(e), d.multiple) d.onValueChange?.(e);
 		else {
 			let t = e[0];
 			d.onValueChange?.(t);
 		}
-	}, [G, d]), be = T((e) => u(e, { locale: U }) ?? `${e} B`, [U]), xe = T((e) => {
-		if (_ || e.length === 0) return !1;
-		let t = oe({
+	}, [U, d]), xe = w((e) => u(e, { locale: V }) ?? `${e} B`, [V]), $ = w((e) => {
+		if (h || e.length === 0) return !1;
+		let t = R({
 			incoming: e,
-			current: Z,
-			accept: g,
-			minSizeBytes: b,
-			maxSizeBytes: x,
-			maxFiles: ge,
-			append: _e,
-			validateFile: S,
-			formatSize: be,
-			strings: V
+			current: Y,
+			accept: m,
+			minSizeBytes: v,
+			maxSizeBytes: y,
+			maxFiles: _e,
+			append: ve,
+			validateFile: b,
+			formatSize: xe,
+			strings: L
 		});
-		return pe(t.rejections), t.rejections.length > 0 && C?.(t.rejections), t.accepted.length !== 0 && (Y.current = !M && (X.current || !!J.current?.contains(document.activeElement)), X.current = !1, $(t.nextFiles), t.rejections.length === 0);
+		return he(t.rejections), t.rejections.length > 0 && x?.(t.rejections), t.accepted.length !== 0 && (q.current = !T && (J.current || !!K.current?.contains(document.activeElement)), J.current = !1, Q(t.nextFiles), t.rejections.length === 0);
 	}, [
-		g,
+		m,
+		ve,
+		Q,
+		h,
+		T,
+		Y,
+		xe,
 		_e,
-		$,
-		_,
-		M,
-		Z,
-		be,
-		ge,
+		y,
+		v,
 		x,
-		b,
-		C,
-		V,
-		S
-	]), Se = T(() => {
-		q.current && (q.current.value = "");
-	}, []), Ce = T((e) => {
-		_ || (pe([]), Se(), Y.current = !!J.current?.contains(document.activeElement), $(Z.filter((t, n) => n !== e)));
+		L,
+		b
+	]), Se = w(() => {
+		G.current && (G.current.value = "");
+	}, []), Ce = w((e) => {
+		h || (he([]), Se(), q.current = !!K.current?.contains(document.activeElement), Q(Y.filter((t, n) => n !== e)));
 	}, [
 		Se,
-		$,
-		_,
-		Z
-	]), we = T(() => {
-		_ || (X.current = !!J.current?.contains(document.activeElement), q.current?.click());
-	}, [_]), { isDragging: Te, dropTargetProps: Ee } = p({
-		disabled: _,
-		onFiles: xe
+		Q,
+		h,
+		Y
+	]), we = w(() => {
+		h || (J.current = !!K.current?.contains(document.activeElement), G.current?.click());
+	}, [h]), { isDragging: Te, dropTargetProps: Ee } = ee({
+		disabled: h,
+		onFiles: $
 	}), De = {
-		...z,
-		accept: g,
-		multiple: M,
-		disabled: _,
-		"aria-describedby": ye,
-		"aria-invalid": Q ? !0 : R
-	}, Oe = /* @__PURE__ */ A(m, {
-		ref: (e) => ue(e, q, h),
-		onDrop: xe,
-		accept: g,
-		multiple: M,
-		disabled: _,
-		invalid: Q,
-		size: W,
+		...I,
+		accept: m,
+		multiple: T,
+		disabled: h,
+		"aria-describedby": be,
+		"aria-invalid": Z ? !0 : F
+	}, Oe = /* @__PURE__ */ k(te, {
+		ref: (e) => z(e, G, f),
+		onDrop: $,
+		accept: m,
+		multiple: T,
+		disabled: h,
+		invalid: Z,
+		size: H,
 		className: "file-upload--dropzone",
 		inputProps: De,
 		strings: {
-			instruction: V.instruction,
-			helper: V.helper,
-			dragOver: V.dragOver
+			instruction: L.instruction,
+			helper: L.helper,
+			dragOver: L.dragOver
 		},
-		children: /* @__PURE__ */ A(a, {
+		children: /* @__PURE__ */ k(o, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "outline",
-			size: W,
-			disabled: _,
+			size: H,
+			disabled: h,
 			onClick: we,
-			children: V.browse
+			children: L.browse
 		})
 	});
-	return /* @__PURE__ */ j("div", {
-		ref: J,
-		"data-disabled": _ || void 0,
-		"data-invalid": Q || void 0,
-		className: i("file-upload--component grid gap-space-md", w),
+	return /* @__PURE__ */ A("div", {
+		ref: K,
+		"data-disabled": h || void 0,
+		"data-invalid": Z || void 0,
+		className: i("file-upload--component grid gap-space-md", S),
 		children: [
-			(M || Z.length === 0) && Oe,
-			!M && Z[0] && /* @__PURE__ */ j("div", {
+			(T || Y.length === 0) && Oe,
+			!T && Y[0] && /* @__PURE__ */ A("div", {
 				...Ee,
 				"data-dragging": Te || void 0,
-				"data-invalid": Q || void 0,
-				className: i("file-upload--selected rounded-radius transition-shadow", Q && "[&_.file-upload--file]:border-destructive", !_ && Te && (Q ? "ring-2 ring-destructive/50 ring-offset-2" : "ring-2 ring-primary/50 ring-offset-2")),
-				children: [/* @__PURE__ */ A(ee, {
+				"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")),
+				children: [/* @__PURE__ */ k(ne, {
 					...De,
-					ref: (e) => ue(e, q, h),
+					ref: (e) => z(e, G, f),
 					tabIndex: -1,
 					className: "file-upload--input",
-					onFiles: xe
-				}), /* @__PURE__ */ A(B, {
-					file: Z[0],
+					onFiles: $
+				}), /* @__PURE__ */ k(fe, {
+					file: Y[0],
 					index: 0,
-					disabled: _,
-					size: W,
-					locale: U,
-					strings: V,
+					disabled: h,
+					size: H,
+					locale: V,
+					strings: L,
 					showReplace: !0,
 					onReplace: we,
 					onRemove: Ce
 				})]
 			}),
-			M && Z.length > 0 && /* @__PURE__ */ A(f, {
+			T && Y.length > 0 && /* @__PURE__ */ k(p, {
 				className: "file-upload--files",
-				children: Z.map((e, t) => /* @__PURE__ */ A(B, {
+				children: Y.map((e, t) => /* @__PURE__ */ k(fe, {
 					file: e,
 					index: t,
-					disabled: _,
-					size: W,
-					locale: U,
-					strings: V,
+					disabled: h,
+					size: H,
+					locale: V,
+					strings: L,
 					showReplace: !1,
 					onReplace: we,
 					onRemove: Ce
-				}, le(e, t)))
+				}, de(e, t)))
 			}),
-			K.length > 0 && /* @__PURE__ */ j(c, {
-				id: ve,
+			W.length > 0 && /* @__PURE__ */ A(c, {
+				id: ye,
 				tone: "destructive",
 				"aria-live": "polite",
-				className: i("file-upload--errors", W === "sm" && "p-surface-xs"),
+				className: i("file-upload--errors", H === "sm" && "p-surface-xs"),
 				children: [
-					/* @__PURE__ */ A(P, { "aria-hidden": "true" }),
-					/* @__PURE__ */ A(s, { children: V.errorsHeading }),
-					/* @__PURE__ */ A(l, { children: /* @__PURE__ */ A("ul", {
-						className: "grid gap-space-2xs",
-						children: K.map((e, t) => /* @__PURE__ */ A("li", {
+					/* @__PURE__ */ k(se, { "aria-hidden": "true" }),
+					/* @__PURE__ */ k(l, { children: L.errorsHeading }),
+					/* @__PURE__ */ k(s, { children: /* @__PURE__ */ k("ul", {
+						className: "m-0 p-0 list-none grid gap-space-2xs",
+						children: W.map((e, t) => /* @__PURE__ */ k("li", {
 							className: "file-upload--error",
-							children: /* @__PURE__ */ A(o, {
+							children: /* @__PURE__ */ k(a, {
 								tag: "span",
 								size: "xs",
 								type: "error",
 								children: e.message
 							})
-						}, `${e.code}-${le(e.file, t)}`))
+						}, `${e.code}-${de(e.file, t)}`))
 					}) })
 				]
 			})
 		]
 	});
 }
-var H = w(V);
-H.displayName = "FileUpload";
+var V = C(B);
+V.displayName = "FileUpload";
 //#endregion
 //#region src/hooks/use-files.ts
-var U = [
+var H = [
 	"B",
 	"KB",
 	"MB",
 	"GB",
 	"TB"
 ];
-function W(e) {
+function U(e) {
 	if (!Number.isFinite(e) || e <= 0) return "0 B";
-	let t = Math.min(Math.floor(Math.log(e) / Math.log(1024)), U.length - 1), n = e / 1024 ** t;
-	return `${t === 0 ? n.toFixed(0) : Number(n.toFixed(1)).toString()} ${U[t]}`;
+	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 G = 0;
-function de() {
-	return `${Date.now().toString(36)}-${(G++).toString(36)}`;
+var pe = 0;
+function me() {
+	return `${Date.now().toString(36)}-${(pe++).toString(36)}`;
 }
-function fe(e) {
+function W(e) {
 	return e.name.split(".").pop()?.toLowerCase() ?? "";
 }
-function K(e) {
+function he(e) {
 	return `${e.name}\u0000${e.size}\u0000${e.type}\u0000${e.lastModified}`;
 }
-function pe(e) {
+function G(e) {
 	return {
-		id: de(),
+		id: me(),
 		file: e,
 		name: e.name,
 		size: e.size,
-		formattedSize: W(e.size),
+		formattedSize: U(e.size),
 		type: e.type,
-		extension: fe(e),
+		extension: W(e),
 		lastModified: e.lastModified
 	};
 }
-function q(e, t) {
-	let n = fe(e);
+function K(e, t) {
+	let n = W(e);
 	if (t?.minSize !== void 0 && e.size < t.minSize) return {
 		file: e,
 		code: "too-small",
@@ -429,14 +430,14 @@ function q(e, t) {
 		};
 	}
 }
-function J(e) {
+function q(e) {
 	return Object.fromEntries(e.map((e) => [e.file.name, e]));
 }
-function Y(e) {
-	let [t, n] = k([]), r = O([]), [i, a] = k([]), o = T(W, []), 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) => K(e.file))), u = [], d = [];
+function J(e) {
+	let [t, n] = O([]), r = D([]), [i, a] = O([]), o = w(U, []), 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) => he(e.file))), u = [], d = [];
 		for (let t of o) {
-			let n = K(t);
+			let n = he(t);
 			if (l.has(n)) {
 				d.push({
 					file: t,
@@ -445,7 +446,7 @@ function Y(e) {
 				});
 				continue;
 			}
-			let r = q(t, e);
+			let r = K(t, e);
 			if (r) {
 				d.push(r);
 				continue;
@@ -458,7 +459,7 @@ function Y(e) {
 				});
 				continue;
 			}
-			let i = pe(t);
+			let i = G(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), {
@@ -469,28 +470,28 @@ function Y(e) {
 	}, [e]);
 	return {
 		files: t,
-		addFiles: T((e) => s(e, !1), [s]),
-		setFiles: T((e) => s(e, !0), [s]),
-		remove: T((e) => {
+		addFiles: w((e) => s(e, !1), [s]),
+		setFiles: w((e) => s(e, !0), [s]),
+		remove: w((e) => {
 			let t = r.current.filter((t) => t.id !== e);
 			r.current = t, n(t);
 		}, []),
-		removeAll: T(() => {
+		removeAll: w(() => {
 			r.current = [], n([]), a([]);
 		}, []),
 		formatSize: o,
-		validationErrors: J(i),
+		validationErrors: q(i),
 		rejections: i
 	};
 }
 //#endregion
 //#region src/components/base/upload/image-upload.tsx
-var X = 2, me = {
+var ge = 2, Y = {
 	square: "aspect-square",
 	standard: "aspect-[4/3]",
 	widescreen: "aspect-[16/9]",
 	portrait: "aspect-[9/16]"
-}, Z = {
+}, X = {
 	select: "Select image",
 	change: "Change image",
 	remove: "Remove",
@@ -506,7 +507,7 @@ var X = 2, me = {
 	customValidationFailed: (e) => `${e} did not pass validation.`,
 	moreFiles: (e) => `+ ${e} more file${e === 1 ? "" : "s"}`
 };
-function he(e, t, n) {
+function _e(e, t, n) {
 	let { file: r, code: i, details: a } = e;
 	switch (i) {
 		case "invalid-type": return t.invalidType(r.name, a.extension ?? "");
@@ -517,8 +518,8 @@ function he(e, t, n) {
 		case "custom": return a.customMessage ?? t.customValidationFailed(r.name);
 	}
 }
-function ge({ 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: ee, strings: h }, g) {
-	let _ = r(Z, h), v = te(), y = O(null), b = D(() => {
+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 }, m) {
+	let h = r(X, ne), g = re(), _ = D(null), v = E(() => {
 		if (!e) return [
 			"png",
 			"jpg",
@@ -536,167 +537,167 @@ function ge({ 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: x, setFiles: S, remove: C, removeAll: w, formatSize: ne, rejections: M } = Y(D(() => ({
+	}, [e]), { files: y, setFiles: b, remove: x, removeAll: S, formatSize: C, rejections: ie } = J(E(() => ({
 		maxFiles: t ? void 0 : 1,
-		maxSize: X * 1024 * 1024,
-		allowedExtensions: b
-	}), [t, b]));
-	E(() => {
-		n ? S([n]) : (w(), y.current && (y.current.value = ""));
+		maxSize: ge * 1024 * 1024,
+		allowedExtensions: v
+	}), [t, v]));
+	T(() => {
+		n ? b([n]) : (S(), _.current && (_.current.value = ""));
 	}, [
 		n,
-		S,
-		w
+		b,
+		S
 	]);
-	let N = x[0], P = N ? _.change : _.select, [F, ae] = k(void 0), I = D(() => !b || b.length === 0 ? null : b.map((e) => e.toUpperCase()).join(", "), [b]);
-	E(() => {
-		let e = N?.file ?? n;
+	let j = y[0], M = j ? h.change : h.select, [se, N] = O(void 0), ce = E(() => !v || v.length === 0 ? null : v.map((e) => e.toUpperCase()).join(", "), [v]);
+	T(() => {
+		let e = j?.file ?? n;
 		if (!e) {
-			ae(void 0);
+			N(void 0);
 			return;
 		}
 		let t = URL.createObjectURL(e);
-		return ae(t), () => URL.revokeObjectURL(t);
-	}, [N, n]);
-	let L = F ?? l, R = !!L, z = N?.name ?? _.previewAlt ?? Z.previewAlt, oe = me[u] ?? me.square, se = d === "contain" ? "object-contain p-surface-xs" : "object-cover", ce = f ? typeof f == "number" ? `${f}px` : f : "240px", le = m === "inline" ? void 0 : { maxWidth: ce }, ue = m === "inline" ? {
-		maxWidth: f ? ce : "185px",
+		return N(t), () => URL.revokeObjectURL(t);
+	}, [j, n]);
+	let P = se ?? l, F = !!P, I = j?.name ?? h.previewAlt ?? X.previewAlt, L = Y[u] ?? Y.square, R = d === "contain" ? "object-contain p-space-sm" : "object-cover", le = f ? typeof f == "number" ? `${f}px` : f : "240px", ue = p === "inline" ? void 0 : { maxWidth: le }, de = p === "inline" ? {
+		maxWidth: f ? le : "185px",
 		width: "100%"
-	} : void 0, B = T((e) => {
+	} : void 0, z = w((e) => {
 		if (c || e.length === 0) return;
-		let t = S(e).accepted[0]?.file;
+		let t = b(e).accepted[0]?.file;
 		t && s?.(t);
 	}, [
 		c,
-		S,
+		b,
 		s
-	]), V = T((e) => {
-		B(Array.from(e.target.files ?? []));
-	}, [B]), { isDragging: H, dropTargetProps: U } = p({
+	]), fe = w((e) => {
+		z(Array.from(e.target.files ?? []));
+	}, [z]), { isDragging: B, dropTargetProps: V } = ee({
 		disabled: c,
-		onFiles: B
-	}), W = T(() => {
-		c || y.current?.click();
-	}, [c]), G = T(() => {
-		N && C(N.id), s?.(void 0), y.current && (y.current.value = "");
+		onFiles: z
+	}), H = w(() => {
+		c || _.current?.click();
+	}, [c]), U = w(() => {
+		j && x(j.id), s?.(void 0), _.current && (_.current.value = "");
 	}, [
-		N,
-		C,
+		j,
+		x,
 		s
 	]);
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ A("div", {
 		className: i("image-upload--component", "grid gap-space-md"),
-		style: le,
+		style: ue,
 		children: [
-			/* @__PURE__ */ A("input", {
+			/* @__PURE__ */ k("input", {
 				ref: (e) => {
-					y.current = e, typeof g == "function" ? g(e) : g && (g.current = e);
+					_.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
 				},
-				id: v,
+				id: g,
 				type: "file",
 				className: "sr-only",
-				"aria-label": P,
+				"aria-label": M,
 				accept: e,
 				multiple: t,
 				disabled: c,
-				onChange: V
+				onChange: fe
 			}),
-			/* @__PURE__ */ j("div", {
-				className: i(m === "inline" ? "flex flex-wrap items-start gap-space-xl" : "grid gap-space-md"),
-				children: [/* @__PURE__ */ A("div", {
-					...U,
-					"data-dragging": H || void 0,
-					className: i("relative overflow-hidden rounded-radius-md border transition-colors", m === "inline" ? "flex-shrink-0 w-full" : "w-full", oe, !c && H && "ring-2 ring-ring", R ? "border-border bg-muted/20" : i("border-dashed bg-background text-muted-foreground ", ee ? "border-destructive" : "border-border")),
-					style: ue,
-					children: R && L ? /* @__PURE__ */ A("img", {
-						src: L,
-						alt: z,
-						className: i("absolute inset-0 h-full w-full", se)
-					}) : /* @__PURE__ */ A("div", {
+			/* @__PURE__ */ A("div", {
+				className: i(p === "inline" ? "flex flex-wrap items-start gap-space-xl" : "grid gap-space-md"),
+				children: [/* @__PURE__ */ k("div", {
+					...V,
+					"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, !c && B && "ring-2 ring-ring", F ? "border-border bg-muted/20" : i("border-dashed bg-background text-muted-foreground ", te ? "border-destructive" : "border-border")),
+					style: de,
+					children: F && P ? /* @__PURE__ */ k("img", {
+						src: P,
+						alt: I,
+						className: i("absolute inset-0 box-border h-full w-full", R)
+					}) : /* @__PURE__ */ k("div", {
 						className: "absolute inset-0 flex items-center justify-center",
-						children: /* @__PURE__ */ A(re, {
+						children: /* @__PURE__ */ k(ae, {
 							"aria-hidden": !0,
 							className: "size-icon-lg"
 						})
 					})
-				}), /* @__PURE__ */ j("div", {
-					className: i("grid gap-space-sm", m === "inline" && "flex-1 min-w-0 basis-40"),
+				}), /* @__PURE__ */ A("div", {
+					className: i("grid gap-space-sm", p === "inline" && "flex-1 min-w-0 basis-40"),
 					children: [
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ A("div", {
 							className: "flex flex-wrap items-center gap-space-md",
-							children: [/* @__PURE__ */ A(a, {
+							children: [/* @__PURE__ */ k(o, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "outline",
-								onClick: W,
+								onClick: H,
 								disabled: c,
-								children: P
-							}), !N && !!R && /* @__PURE__ */ A(o, {
+								children: M
+							}), !j && !!F && /* @__PURE__ */ k(a, {
 								size: "xs",
 								type: "secondary",
-								children: _.keepCurrent
+								children: h.keepCurrent
 							})]
 						}),
-						!!I && /* @__PURE__ */ A(o, {
+						!!ce && /* @__PURE__ */ k(a, {
 							size: "xs",
 							type: "secondary",
-							children: _.supportsTemplate.replace("{ext}", I).replace("{size}", String(X))
+							children: h.supportsTemplate.replace("{ext}", ce).replace("{size}", String(ge))
 						}),
-						!!N && /* @__PURE__ */ j("div", {
+						!!j && /* @__PURE__ */ A("div", {
 							className: "grid gap-space-2xs",
 							children: [
-								/* @__PURE__ */ A(o, {
+								/* @__PURE__ */ k(a, {
 									weight: "medium",
-									title: N.name,
+									title: j.name,
 									className: "truncate",
-									children: N.name
+									children: j.name
 								}),
-								/* @__PURE__ */ A(o, {
+								/* @__PURE__ */ k(a, {
 									size: "xs",
 									type: "secondary",
-									children: N.formattedSize
+									children: j.formattedSize
 								}),
-								!!t && x.length > 1 && /* @__PURE__ */ A(o, {
+								!!t && y.length > 1 && /* @__PURE__ */ k(a, {
 									size: "xs",
 									type: "secondary",
-									children: _.moreFiles(x.length - 1)
+									children: h.moreFiles(y.length - 1)
 								}),
-								/* @__PURE__ */ A(a, {
+								/* @__PURE__ */ k(o, {
 									type: "button",
 									tone: "destructive",
 									buttonStyle: "ghost",
 									size: "sm",
-									icon: ie,
-									onClick: G,
-									children: _.remove
+									icon: oe,
+									onClick: U,
+									children: h.remove
 								})
 							]
 						}),
-						!N && !R && /* @__PURE__ */ A(o, {
+						!j && !F && /* @__PURE__ */ k(a, {
 							size: "xs",
 							type: "secondary",
-							children: _.noSelection
+							children: h.noSelection
 						})
 					]
 				})]
 			}),
-			M.length > 0 && /* @__PURE__ */ A("div", {
+			ie.length > 0 && /* @__PURE__ */ k("div", {
 				className: "image-upload--errors grid gap-space-2xs",
 				role: "alert",
 				"aria-live": "polite",
-				children: M.map((e, t) => /* @__PURE__ */ A(o, {
+				children: ie.map((e, t) => /* @__PURE__ */ k(a, {
 					size: "xs",
 					type: "error",
-					children: he(e, _, ne)
+					children: _e(e, h, C)
 				}, `${e.file.name}-${e.code}-${t}`))
 			})
 		]
 	});
 }
-var _e = C.forwardRef(ge);
-_e.displayName = "ImageUpload";
+var ye = S.forwardRef(ve);
+ye.displayName = "ImageUpload";
 //#endregion
 //#region src/components/base/upload/avatar-upload.tsx
-var ve = {
+var be = {
 	change: "Change photo",
 	remove: "Remove photo",
 	hint: "Click or drop an image",
@@ -708,7 +709,7 @@ var ve = {
 	duplicate: (e) => `${e} is already selected.`,
 	customValidationFailed: (e) => `${e} did not pass validation.`
 };
-function ye(e, t, n) {
+function Z(e, t, n) {
 	let { file: r, code: i, details: a } = e;
 	switch (i) {
 		case "invalid-type": return t.invalidType(r.name, a.extension ?? "");
@@ -736,114 +737,116 @@ var Q = {
 		remove: "size-action-lg"
 	}
 };
-function $({ value: t, onValueChange: a, initialPreviewUrl: s, accept: c = ".png,.jpg,.jpeg,.gif,.webp", disabled: l = !1, invalid: u = !1, size: d, className: f, strings: m, initials: ee }, h) {
-	let { defaultScale: g } = n(), _ = e(d, g), v = r(ve, m), y = te(), b = O(null), x = Q[_], { files: S, setFiles: C, removeAll: w, formatSize: ne, rejections: re } = Y({
+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 }, m) {
+	let { defaultScale: h } = n(), g = e(d, h), _ = r(be, te), v = re(), y = D(null), b = Q[g], { files: x, setFiles: S, removeAll: C, formatSize: ie, rejections: ae } = J({
 		maxFiles: 1,
-		allowedExtensions: D(() => c.split(",").map((e) => e.trim().replace(/^\./, "").toLowerCase()).filter(Boolean), [c])
+		allowedExtensions: E(() => c.split(",").map((e) => e.trim().replace(/^\./, "").toLowerCase()).filter(Boolean), [c])
 	});
-	E(() => {
-		t ? C([t]) : w();
+	T(() => {
+		t ? S([t]) : C();
 	}, [t]);
-	let ie = S[0], [N, P] = k(void 0);
-	E(() => {
-		let e = ie?.file ?? t;
+	let oe = x[0], [M, se] = O(void 0);
+	T(() => {
+		let e = oe?.file ?? t;
 		if (!e) {
-			P(void 0);
+			se(void 0);
 			return;
 		}
 		let n = URL.createObjectURL(e);
-		return P(n), () => URL.revokeObjectURL(n);
-	}, [ie, t]);
-	let F = N ?? s, I = !!F, L = T((e) => {
+		return se(n), () => URL.revokeObjectURL(n);
+	}, [oe, t]);
+	let N = M ?? s, P = !!N, F = w((e) => {
 		let t = e.target.files;
 		if (!t || t.length === 0) return;
-		let n = C(t).accepted[0]?.file;
-		n && a?.(n), b.current && (b.current.value = "");
-	}, [a, C]), R = T(() => {
-		w(), a?.(void 0), b.current && (b.current.value = "");
-	}, [a, w]), z = T((e) => {
-		let t = C(e).accepted[0]?.file;
-		t && a?.(t);
-	}, [a, C]), { isDragging: oe, dropTargetProps: se } = p({
+		let n = S(t).accepted[0]?.file;
+		n && o?.(n), y.current && (y.current.value = "");
+	}, [o, S]), I = w(() => {
+		C(), o?.(void 0), y.current && (y.current.value = "");
+	}, [o, C]), L = w((e) => {
+		let t = S(e).accepted[0]?.file;
+		t && o?.(t);
+	}, [o, S]), { isDragging: R, dropTargetProps: le } = ee({
 		disabled: l,
-		onFiles: z
+		onFiles: L
 	});
-	return /* @__PURE__ */ j("div", {
-		className: i("avatar-upload--component", "inline-flex flex-col items-center gap-space-md", f),
+	return /* @__PURE__ */ A("div", {
+		className: i("avatar-upload--component", "inline-flex flex-col items-center gap-space-md", p),
 		children: [
-			/* @__PURE__ */ j("div", {
-				...se,
-				className: i("group relative flex shrink-0 items-center justify-center overflow-hidden rounded-full", "border border-dashed transition-colors duration-150 outline-none", "focus-within:ring-2 focus-within:ring-ring/50", I ? "border-border/60 bg-muted/20" : i("bg-muted/30 hover:border-primary hover:bg-primary/5", u ? "border-destructive" : "border-muted-foreground/40"), l && "cursor-not-allowed opacity-50", !l && oe && "border-primary bg-primary/10", x.box),
+			/* @__PURE__ */ A("div", {
+				...le,
+				className: i("group relative flex shrink-0 items-center justify-center rounded-full", "border border-dashed transition-colors duration-150 outline-none", "focus-within:ring-2 focus-within:ring-ring", P ? "border-border/60 bg-muted/20" : i("bg-muted/30 hover:border-primary hover:bg-primary/5", u ? "border-destructive" : "border-muted-foreground/40"), l && "cursor-not-allowed opacity-50", !l && R && "border-primary bg-primary/10", b.box),
 				children: [
-					/* @__PURE__ */ A("input", {
-						id: y,
+					/* @__PURE__ */ k("input", {
+						id: v,
 						ref: (e) => {
-							b.current = e, typeof h == "function" ? h(e) : h && (h.current = e);
+							y.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
 						},
 						type: "file",
 						className: "absolute inset-0 z-10 size-full cursor-pointer opacity-0 disabled:cursor-not-allowed",
-						"aria-label": v.change,
+						"aria-label": _.change,
 						"aria-invalid": u || void 0,
 						accept: c,
 						disabled: l,
-						onChange: L
-					}),
-					I && F ? /* @__PURE__ */ A("img", {
-						src: F,
-						alt: v.change,
-						className: "absolute inset-0 size-full object-cover"
-					}) : ee ? /* @__PURE__ */ A(o, {
-						size: _ === "sm" ? "sm" : _ === "lg" ? "lg" : "base",
-						weight: "bold",
-						className: "leading-none",
-						children: ee
-					}) : /* @__PURE__ */ A(M, {
-						className: i(x.icon, "text-muted-foreground"),
-						"aria-hidden": "true"
+						onChange: F
 					}),
-					!l && I && /* @__PURE__ */ A("div", {
-						className: "pointer-events-none absolute inset-0 hidden items-center justify-center bg-foreground/50 text-background backdrop-blur-[1px] group-hover:flex",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ A(M, { className: x.icon })
+					/* @__PURE__ */ A("div", {
+						className: "pointer-events-none absolute inset-0 flex items-center justify-center overflow-hidden rounded-full",
+						children: [P && N ? /* @__PURE__ */ k("img", {
+							src: N,
+							alt: _.change,
+							className: "absolute inset-0 size-full object-cover"
+						}) : ne ? /* @__PURE__ */ k(a, {
+							size: g === "sm" ? "sm" : g === "lg" ? "lg" : "base",
+							weight: "bold",
+							className: "leading-none",
+							children: ne
+						}) : /* @__PURE__ */ k(j, {
+							className: i(b.icon, "text-muted-foreground"),
+							"aria-hidden": "true"
+						}), !l && P && /* @__PURE__ */ k("div", {
+							className: "absolute inset-0 hidden items-center justify-center bg-foreground/50 text-background backdrop-blur-[1px] group-hover:flex",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ k(j, { className: b.icon })
+						})]
 					}),
-					!l && I && /* @__PURE__ */ A("button", {
+					!l && P && /* @__PURE__ */ k("button", {
 						type: "button",
-						"aria-label": v.remove,
+						"aria-label": _.remove,
 						onClick: (e) => {
-							e.stopPropagation(), R();
+							e.stopPropagation(), I();
 						},
-						className: i("absolute right-0.5 top-0.5 z-20 inline-flex items-center justify-center rounded-full 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),
-						children: /* @__PURE__ */ A(ae, { className: "size-icon-sm" })
+						className: i(f.target, f.focus, "absolute right-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", b.remove),
+						children: /* @__PURE__ */ k(ce, { className: f.icon })
 					}),
-					!l && !I && oe && /* @__PURE__ */ A(o, {
+					!l && !P && R && /* @__PURE__ */ k(a, {
 						size: "xs",
 						weight: "medium",
 						className: "absolute inset-x-0 bottom-1.5 text-center text-primary-accent",
-						children: v.dragOver
+						children: _.dragOver
 					})
 				]
 			}),
-			!I && /* @__PURE__ */ A(o, {
+			!P && /* @__PURE__ */ k(a, {
 				size: "xs",
 				type: "secondary",
-				children: v.hint
+				children: _.hint
 			}),
-			re.length > 0 && /* @__PURE__ */ A("div", {
+			ae.length > 0 && /* @__PURE__ */ k("div", {
 				className: "avatar-upload--errors grid gap-space-2xs",
 				role: "alert",
 				"aria-live": "polite",
-				children: re.map((e, t) => /* @__PURE__ */ A(o, {
+				children: ae.map((e, t) => /* @__PURE__ */ k(a, {
 					size: "xs",
 					type: "error",
-					children: ye(e, v, ne)
+					children: Z(e, _, ie)
 				}, `${e.file.name}-${e.code}-${t}`))
 			})
 		]
 	});
 }
-var be = S.forwardRef($);
-be.displayName = "AvatarUpload";
+var $ = x.forwardRef(xe);
+$.displayName = "AvatarUpload";
 //#endregion
-export { H as a, Z as i, ve as n, I as o, _e as r, be as t };
+export { V as a, X as i, be as n, P as o, ye as r, $ as t };
 
-//# sourceMappingURL=upload-DIzw1dx1.js.map
+//# sourceMappingURL=upload-CDbYw1WN.js.map