themelia-react-ui 2.0.5 → 3.0.0

package/dist/upload-BOW6U2tI.js

@@ -1,855 +0,0 @@
-"use client";
-import { S as e, d as t, f as n } from "./ui-provider-C-74NVLc.js";
-import { useStrings as r } from "./lib/strings.js";
-import { t as i } from "./utils-B6kKb8jB.js";
-import { n as a } from "./buttons-BedGfygC.js";
-import { c as o } from "./typography-BQnine1k.js";
-import { h as s, p as c, v as l } from "./smart-card-CW0hjetE.js";
-import { a as u, i as d } from "./primitives-ByWgGUgt.js";
-import { n as f } from "./field-affordance-recipes-DWcNcOjh.js";
-import { o as p } from "./item-DjCcM18E.js";
-import { n as ee, t as m } from "./upload.recipes-BbxTqrCT.js";
-import { a as te, s as ne } from "./upload-queue-qUXn1ykN.js";
-import { a as h, c as g, i as _, n as v, o as y, r as b, t as x } from "./attachment-Dg_69lPS.js";
-import * as S 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
-var F = {
-	instruction: "Drag files here or click to browse",
-	helper: "",
-	browse: "Browse files",
-	replace: "Replace file",
-	remove: "Remove file",
-	dragOver: "Release to select",
-	errorsHeading: "Some files could not be selected",
-	replaceFileAria: (e) => `Replace ${e}`,
-	removeFileAria: (e) => `Remove ${e}`,
-	invalidType: (e, t) => `${e} is not an accepted file type (${t}).`,
-	fileTooSmall: (e, t) => `${e} is smaller than the minimum size of ${t}.`,
-	fileTooLarge: (e, t) => `${e} is larger than the maximum size of ${t}.`,
-	tooManyFiles: (e, t) => `${e} exceeds the limit of ${t} files.`,
-	duplicateFile: (e) => `${e} has already been selected.`,
-	customValidationFailed: (e) => `${e} did not pass validation.`
-};
-//#endregion
-//#region src/components/base/upload/file-upload.validation.ts
-function I(e) {
-	return `${e.name}\u0000${e.size}\u0000${e.type}\u0000${e.lastModified}`;
-}
-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 L(e, t) {
-	let { accept: n, minSizeBytes: r, maxSizeBytes: i, validateFile: a, formatSize: o, strings: s } = t;
-	if (!ce(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))
-	};
-	if (a) {
-		let t;
-		try {
-			t = a(e);
-		} catch {
-			t = !1;
-		}
-		if (t !== !0) return {
-			file: e,
-			code: "custom",
-			message: typeof t == "string" ? t : s.customValidationFailed(e.name)
-		};
-	}
-}
-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 = L(t, {
-			accept: n,
-			minSizeBytes: r,
-			maxSizeBytes: i,
-			validateFile: s,
-			formatSize: c,
-			strings: l
-		});
-		if (e) {
-			p.push(e);
-			continue;
-		}
-		let o = I(t);
-		if (d.has(o)) {
-			p.push({
-				file: t,
-				code: "duplicate",
-				message: l.duplicateFile(t.name)
-			});
-			continue;
-		}
-		if (u.length >= a) {
-			p.push({
-				file: t,
-				code: "too-many",
-				message: l.tooManyFiles(t.name, a)
-			});
-			continue;
-		}
-		f.push(t), u.push(t), d.add(o);
-	}
-	return {
-		accepted: f,
-		nextFiles: u,
-		rejections: p
-	};
-}
-//#endregion
-//#region src/components/base/upload/file-upload.tsx
-function R(e) {
-	return Object.prototype.hasOwnProperty.call(e, "value");
-}
-function ue(e) {
-	return e === void 0 || !Number.isFinite(e) ? 2 ** 53 - 1 : Math.max(1, Math.floor(e));
-}
-function de(e, t) {
-	return `${e.name}-${e.size}-${e.type}-${e.lastModified}-${t}`;
-}
-function z(e, t, n) {
-	t.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
-}
-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",
-		size: r,
-		className: "file-upload--file flex-nowrap bg-card text-card-foreground",
-		children: [
-			/* @__PURE__ */ A(y, {
-				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 })
-			}),
-			/* @__PURE__ */ j(b, {
-				className: "file-upload--file-content min-w-0",
-				children: [/* @__PURE__ */ A(g, {
-					className: "file-upload--file-name truncate",
-					title: e.name,
-					children: e.name
-				}), /* @__PURE__ */ A(_, {
-					className: "file-upload--file-size",
-					clamp: 1,
-					children: /* @__PURE__ */ A(d, {
-						value: e.size,
-						locale: i,
-						size: "xs",
-						align: "left",
-						type: "secondary"
-					})
-				})]
-			}),
-			/* @__PURE__ */ j(v, {
-				className: "file-upload--actions gap-space-xs",
-				children: [c && /* @__PURE__ */ A(a, {
-					type: "button",
-					tone: "secondary",
-					buttonStyle: "ghost",
-					size: "sm",
-					iconOnly: !0,
-					icon: P,
-					"aria-label": f,
-					title: f,
-					disabled: n,
-					onClick: l,
-					children: /* @__PURE__ */ A(o, {
-						tag: "span",
-						size: "inherit",
-						className: "sr-only",
-						children: s.replace
-					})
-				}), /* @__PURE__ */ A(a, {
-					type: "button",
-					tone: "secondary",
-					buttonStyle: "ghost",
-					size: "sm",
-					iconOnly: !0,
-					icon: N,
-					"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__ */ A(o, {
-						tag: "span",
-						size: "inherit",
-						className: "sr-only",
-						children: s.remove
-					})
-				})]
-			})
-		]
-	});
-}
-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 } = n(), U = e(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
-	]);
-	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);
-		}
-	}, [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: X,
-			accept: h,
-			minSizeBytes: y,
-			maxSizeBytes: b,
-			maxFiles: ve,
-			append: Z,
-			validateFile: x,
-			formatSize: xe,
-			strings: B
-		});
-		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);
-	}, [
-		h,
-		Z,
-		$,
-		g,
-		E,
-		X,
-		xe,
-		ve,
-		b,
-		y,
-		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)));
-	}, [
-		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: h,
-		multiple: E,
-		disabled: g,
-		"aria-describedby": be,
-		"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: Oe,
-		strings: {
-			instruction: B.instruction,
-			helper: B.helper,
-			dragOver: B.dragOver
-		},
-		children: /* @__PURE__ */ A(a, {
-			type: "button",
-			tone: "secondary",
-			buttonStyle: "outline",
-			size: U,
-			disabled: g,
-			className: "disabled:opacity-100 aria-disabled:opacity-100",
-			onClick: Te,
-			children: B.browse
-		})
-	});
-	return /* @__PURE__ */ j("div", {
-		ref: q,
-		"data-disabled": g || void 0,
-		"data-invalid": Q || void 0,
-		className: i("file-upload--component grid gap-space-md", C),
-		children: [
-			(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, {
-					...Oe,
-					ref: (e) => z(e, K, f),
-					tabIndex: -1,
-					className: "file-upload--input",
-					onFiles: Se
-				}), /* @__PURE__ */ A(fe, {
-					file: X[0],
-					index: 0,
-					disabled: g,
-					size: U,
-					locale: H,
-					strings: B,
-					showReplace: !0,
-					onReplace: Te,
-					onRemove: we
-				})]
-			}),
-			E && X.length > 0 && /* @__PURE__ */ A(p, {
-				className: "file-upload--files",
-				children: X.map((e, t) => /* @__PURE__ */ A(fe, {
-					file: e,
-					index: t,
-					disabled: g,
-					size: U,
-					locale: H,
-					strings: B,
-					showReplace: !1,
-					onReplace: Te,
-					onRemove: we
-				}, de(e, t)))
-			}),
-			G.length > 0 && /* @__PURE__ */ j(c, {
-				id: ye,
-				tone: "destructive",
-				"aria-live": "polite",
-				className: i("file-upload--errors", U === "sm" && "p-surface-xs"),
-				children: [
-					/* @__PURE__ */ A(oe, { "aria-hidden": "true" }),
-					/* @__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: G.map((e, t) => /* @__PURE__ */ A("li", {
-							className: "file-upload--error",
-							children: /* @__PURE__ */ A(o, {
-								tag: "span",
-								size: "xs",
-								type: "error",
-								children: e.message
-							})
-						}, `${e.code}-${de(e.file, t)}`))
-					}) })
-				]
-			})
-		]
-	});
-}
-var V = w(B);
-V.displayName = "FileUpload";
-//#endregion
-//#region src/hooks/use-files.ts
-var H = [
-	"B",
-	"KB",
-	"MB",
-	"GB",
-	"TB"
-];
-function U(e) {
-	if (!Number.isFinite(e) || e <= 0) return "0 B";
-	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 W = 0;
-function pe() {
-	return `${Date.now().toString(36)}-${(W++).toString(36)}`;
-}
-function me(e) {
-	return e.name.split(".").pop()?.toLowerCase() ?? "";
-}
-function G(e) {
-	return `${e.name}\u0000${e.size}\u0000${e.type}\u0000${e.lastModified}`;
-}
-function he(e) {
-	return {
-		id: pe(),
-		file: e,
-		name: e.name,
-		size: e.size,
-		formattedSize: U(e.size),
-		type: e.type,
-		extension: me(e),
-		lastModified: e.lastModified
-	};
-}
-function K(e, t) {
-	let n = me(e);
-	if (t?.minSize !== void 0 && e.size < t.minSize) return {
-		file: e,
-		code: "too-small",
-		details: { minimumBytes: t.minSize }
-	};
-	if (t?.maxSize !== void 0 && e.size > t.maxSize) return {
-		file: e,
-		code: "too-large",
-		details: { maximumBytes: t.maxSize }
-	};
-	if (t?.allowedExtensions && !t.allowedExtensions.some((e) => e.toLowerCase().replace(/^\./, "") === n)) return {
-		file: e,
-		code: "invalid-type",
-		details: { extension: n }
-	};
-	if (t?.customValidator) {
-		let n;
-		try {
-			n = t.customValidator(e);
-		} catch {
-			n = !1;
-		}
-		if (n !== !0) return {
-			file: e,
-			code: "custom",
-			details: { customMessage: typeof n == "string" && n.length > 0 ? n : void 0 }
-		};
-	}
-}
-function q(e) {
-	return Object.fromEntries(e.map((e) => [e.file.name, 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) => G(e.file))), u = [], d = [];
-		for (let t of o) {
-			let n = G(t);
-			if (l.has(n)) {
-				d.push({
-					file: t,
-					code: "duplicate",
-					details: {}
-				});
-				continue;
-			}
-			let r = K(t, e);
-			if (r) {
-				d.push(r);
-				continue;
-			}
-			if (e?.maxFiles !== void 0 && c.length >= e.maxFiles) {
-				d.push({
-					file: t,
-					code: "too-many",
-					details: { maximumFiles: e.maxFiles }
-				});
-				continue;
-			}
-			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), {
-			accepted: u,
-			files: c,
-			rejections: d
-		};
-	}, [e]);
-	return {
-		files: t,
-		addFiles: T((e) => s(e, !1), [s]),
-		setFiles: T((e) => s(e, !0), [s]),
-		remove: T((e) => {
-			let t = r.current.filter((t) => t.id !== e);
-			r.current = t, n(t);
-		}, []),
-		removeAll: T(() => {
-			r.current = [], n([]), a([]);
-		}, []),
-		formatSize: o,
-		validationErrors: q(i),
-		rejections: i
-	};
-}
-//#endregion
-//#region src/components/base/upload/image-upload.tsx
-var Y = 2, ge = {
-	square: "aspect-square",
-	standard: "aspect-[4/3]",
-	widescreen: "aspect-[16/9]",
-	portrait: "aspect-[9/16]"
-}, X = {
-	select: "Select image",
-	change: "Change image",
-	remove: "Remove",
-	noSelection: "No file selected yet.",
-	keepCurrent: "Current image stays until you upload a new one.",
-	previewAlt: "Selected image",
-	supportsTemplate: "Supports {ext} files up to {size} MB.",
-	invalidType: (e, t) => `${e} uses an unsupported .${t || "unknown"} file type.`,
-	tooSmall: (e, t) => `${e} is smaller than ${t}.`,
-	tooLarge: (e, t) => `${e} is larger than ${t}.`,
-	tooMany: (e, t) => `${e} exceeds the limit of ${t} images.`,
-	duplicate: (e) => `${e} is already selected.`,
-	customValidationFailed: (e) => `${e} did not pass validation.`,
-	moreFiles: (e) => `+ ${e} more file${e === 1 ? "" : "s"}`
-};
-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 ?? "");
-		case "too-small": return t.tooSmall(r.name, n(a.minimumBytes ?? 0));
-		case "too-large": return t.tooLarge(r.name, n(a.maximumBytes ?? 0));
-		case "too-many": return t.tooMany(r.name, a.maximumFiles ?? 1);
-		case "duplicate": return t.duplicate(r.name);
-		case "custom": return a.customMessage ?? t.customValidationFailed(r.name);
-	}
-}
-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), _ = re(), v = O(null), y = D(() => {
-		if (!e) return [
-			"png",
-			"jpg",
-			"jpeg",
-			"gif",
-			"svg"
-		];
-		let t = e.split(",").map((e) => e.trim()).map((e) => {
-			if (!e) return null;
-			if (e.startsWith(".")) return e.slice(1).toLowerCase();
-			if (e.includes("/")) {
-				let t = e.split("/")[1] ?? "";
-				return t === "*" || t.length === 0 ? null : t.replace(/\+.*/, "").toLowerCase();
-			}
-			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: ie } = J(D(() => ({
-		maxFiles: t ? void 0 : 1,
-		maxSize: Y * 1024 * 1024,
-		allowedExtensions: y
-	}), [t, y]));
-	E(() => {
-		n ? x([n]) : (C(), v.current && (v.current.value = ""));
-	}, [
-		n,
-		x,
-		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]);
-	E(() => {
-		let e = M?.file ?? n;
-		if (!e) {
-			P(void 0);
-			return;
-		}
-		let t = URL.createObjectURL(e);
-		return P(t), () => URL.revokeObjectURL(t);
-	}, [M, n]);
-	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, z = T((e) => {
-		if (c || e.length === 0) return;
-		let t = x(e).accepted[0]?.file;
-		t && s?.(t);
-	}, [
-		c,
-		x,
-		s
-	]), fe = T((e) => {
-		z(Array.from(e.target.files ?? []));
-	}, [z]), { isDragging: B, dropTargetProps: V } = ee({
-		disabled: c,
-		onFiles: z
-	}), H = T(() => {
-		c || v.current?.click();
-	}, [c]), U = T(() => {
-		M && S(M.id), s?.(void 0), v.current && (v.current.value = "");
-	}, [
-		M,
-		S,
-		s
-	]);
-	return /* @__PURE__ */ j("div", {
-		className: i("image-upload--component", "grid gap-space-md"),
-		style: ue,
-		children: [
-			/* @__PURE__ */ A("input", {
-				ref: (e) => {
-					v.current = e, typeof h == "function" ? h(e) : h && (h.current = e);
-				},
-				id: _,
-				type: "file",
-				className: "sr-only",
-				tabIndex: -1,
-				"aria-label": N,
-				accept: e,
-				multiple: t,
-				disabled: c,
-				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": B || void 0,
-					className: i("relative overflow-hidden rounded-surface 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: 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, {
-							"aria-hidden": !0,
-							className: "size-icon-lg"
-						})
-					})
-				}), /* @__PURE__ */ j("div", {
-					className: i("grid gap-space-sm", p === "inline" && "flex-1 min-w-0 basis-40"),
-					children: [
-						/* @__PURE__ */ j("div", {
-							className: "flex flex-wrap items-center gap-space-md",
-							children: [/* @__PURE__ */ A(a, {
-								type: "button",
-								tone: "secondary",
-								buttonStyle: "outline",
-								onClick: H,
-								disabled: c,
-								children: N
-							}), !M && !!I && /* @__PURE__ */ A(o, {
-								size: "xs",
-								type: "secondary",
-								children: g.keepCurrent
-							})]
-						}),
-						!!se && /* @__PURE__ */ A(o, {
-							size: "xs",
-							type: "secondary",
-							children: g.supportsTemplate.replace("{ext}", se).replace("{size}", String(Y))
-						}),
-						!!M && /* @__PURE__ */ j("div", {
-							className: "grid gap-space-2xs",
-							children: [
-								/* @__PURE__ */ A(o, {
-									weight: "medium",
-									title: M.name,
-									className: "truncate",
-									children: M.name
-								}),
-								/* @__PURE__ */ A(o, {
-									size: "xs",
-									type: "secondary",
-									children: M.formattedSize
-								}),
-								!!t && b.length > 1 && /* @__PURE__ */ A(o, {
-									size: "xs",
-									type: "secondary",
-									children: g.moreFiles(b.length - 1)
-								}),
-								/* @__PURE__ */ A(a, {
-									type: "button",
-									tone: "destructive",
-									buttonStyle: "ghost",
-									size: "sm",
-									onClick: U,
-									className: "justify-self-start",
-									children: g.remove
-								})
-							]
-						}),
-						!M && !I && /* @__PURE__ */ A(o, {
-							size: "xs",
-							type: "secondary",
-							children: g.noSelection
-						})
-					]
-				})]
-			}),
-			ie.length > 0 && /* @__PURE__ */ A("div", {
-				className: "image-upload--errors grid gap-space-2xs",
-				role: "alert",
-				"aria-live": "polite",
-				children: ie.map((e, t) => /* @__PURE__ */ A(o, {
-					size: "xs",
-					type: "error",
-					children: _e(e, g, w)
-				}, `${e.file.name}-${e.code}-${t}`))
-			})
-		]
-	});
-}
-var Z = C.forwardRef(ve);
-Z.displayName = "ImageUpload";
-//#endregion
-//#region src/components/base/upload/avatar-upload.tsx
-var ye = {
-	change: "Change photo",
-	remove: "Remove photo",
-	hint: "Click or drop an image",
-	dragOver: "Drop image to upload",
-	invalidType: (e, t) => `${e} uses an unsupported .${t || "unknown"} file type.`,
-	tooSmall: (e, t) => `${e} is smaller than ${t}.`,
-	tooLarge: (e, t) => `${e} is larger than ${t}.`,
-	tooMany: (e, t) => `${e} exceeds the limit of ${t} images.`,
-	duplicate: (e) => `${e} is already selected.`,
-	customValidationFailed: (e) => `${e} did not pass validation.`
-};
-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 ?? "");
-		case "too-small": return t.tooSmall(r.name, n(a.minimumBytes ?? 0));
-		case "too-large": return t.tooLarge(r.name, n(a.maximumBytes ?? 0));
-		case "too-many": return t.tooMany(r.name, a.maximumFiles ?? 1);
-		case "duplicate": return t.duplicate(r.name);
-		case "custom": return a.customMessage ?? t.customValidationFailed(r.name);
-	}
-}
-var Q = {
-	sm: {
-		box: "size-upload-avatar-small",
-		icon: "size-icon",
-		remove: "size-control-clear"
-	},
-	md: {
-		box: "size-upload-avatar",
-		icon: "size-icon-lg",
-		remove: "size-action"
-	},
-	lg: {
-		box: "size-upload-avatar-large",
-		icon: "size-icon-lg",
-		remove: "size-action-lg"
-	}
-};
-function $({ value: n, 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(), _ = e(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])
-	});
-	E(() => {
-		n ? C([n]) : w();
-	}, [n]);
-	let N = S[0], [oe, P] = k(void 0);
-	E(() => {
-		let e = N?.file ?? n;
-		if (!e) {
-			P(void 0);
-			return;
-		}
-		let t = URL.createObjectURL(e);
-		return P(t), () => URL.revokeObjectURL(t);
-	}, [N, n]);
-	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 && 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 && a?.(t);
-	}, [a, C]), { isDragging: R, dropTargetProps: ue } = ee({
-		disabled: l,
-		onFiles: le
-	});
-	return /* @__PURE__ */ j("div", {
-		className: i("avatar-upload--component", "inline-flex w-fit flex-col items-start gap-space-md self-start", p),
-		children: [
-			/* @__PURE__ */ j("div", {
-				...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,
-						ref: (e) => {
-							b.current = e, typeof h == "function" ? h(e) : h && (h.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-invalid": u || void 0,
-						accept: c,
-						disabled: l,
-						onChange: ce
-					}),
-					/* @__PURE__ */ j("div", {
-						className: "pointer-events-none absolute inset-0 flex items-center justify-center overflow-hidden rounded-full",
-						children: [I && F ? /* @__PURE__ */ A("img", {
-							src: F,
-							alt: v.change,
-							className: "absolute inset-0 size-full object-cover"
-						}) : ne ? /* @__PURE__ */ A(o, {
-							size: _ === "sm" ? "sm" : _ === "lg" ? "lg" : "base",
-							weight: "medium",
-							lineHeight: "none",
-							children: ne
-						}) : /* @__PURE__ */ A(M, {
-							className: i(x.icon, "text-muted-foreground"),
-							"aria-hidden": "true"
-						}), !l && I && /* @__PURE__ */ A("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__ */ A(M, { className: x.icon })
-						})]
-					}),
-					!l && I && /* @__PURE__ */ A("button", {
-						type: "button",
-						"aria-label": v.remove,
-						onClick: (e) => {
-							e.stopPropagation(), L();
-						},
-						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", x.remove),
-						children: /* @__PURE__ */ A(se, { className: f.icon })
-					}),
-					!l && !I && R && /* @__PURE__ */ A(o, {
-						size: "xs",
-						weight: "medium",
-						className: "absolute inset-x-0 bottom-1.5 text-center text-primary-accent",
-						children: v.dragOver
-					})
-				]
-			}),
-			!I && /* @__PURE__ */ A(o, {
-				size: "xs",
-				type: "secondary",
-				children: v.hint
-			}),
-			ae.length > 0 && /* @__PURE__ */ A("div", {
-				className: "avatar-upload--errors grid gap-space-2xs",
-				role: "alert",
-				"aria-live": "polite",
-				children: ae.map((e, t) => /* @__PURE__ */ A(o, {
-					size: "xs",
-					type: "error",
-					children: be(e, v, ie)
-				}, `${e.file.name}-${e.code}-${t}`))
-			})
-		]
-	});
-}
-var xe = S.forwardRef($);
-xe.displayName = "AvatarUpload";
-//#endregion
-export { V as a, X as i, ye as n, F as o, Z as r, xe as t };
-
-//# sourceMappingURL=upload-BOW6U2tI.js.map