themelia-ui 3.0.0 → 3.2.0

package/dist/upload-B38YZeFJ.js

@@ -1,938 +0,0 @@
-import { t as e } from "./cx--CBrhWH0.js";
-import { h as t } from "./feedback-DRerHGuV.js";
-import { c as n } from "./buttons-CqXKWty3.js";
-import { d as r } from "./display-B3Q17h5z.js";
-import { C as i, S as a } from "./primitives-D0bdDozz.js";
-import { t as o } from "./badge-CxOuTfVr.js";
-import { t as s } from "./strings-Co9_qArR.js";
-import { CheckIcon as c, CircleAlertIcon as l, ClockIcon as u, FileIcon as d, ImageIcon as f, ImagePlusIcon as p, Loader2Icon as m, PaperclipIcon as h, PencilIcon as g, RotateCwIcon as _, TrashIcon as v, UploadCloudIcon as y, UserIcon as b, XIcon as x } from "lucide-react";
-import { useCallback as S, useEffect as C, useId as w, useMemo as T, useRef as E, useState as D } from "react";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-//#region src/hooks/use-object-urls.ts
-function j(e) {
-	let [t, n] = D([]), r = E([]), i = E([]);
-	return C(() => {
-		if (e.length === r.current.length && e.every((e, t) => e === r.current[t])) return;
-		r.current = e;
-		let t = i.current;
-		i.current = e.map((e) => URL.createObjectURL(e)), n(i.current);
-		for (let e of t) URL.revokeObjectURL(e);
-	}, [e]), C(() => () => {
-		for (let e of i.current) URL.revokeObjectURL(e);
-		i.current = [], r.current = [];
-	}, []), t;
-}
-//#endregion
-//#region src/components/base/upload/preview-image.tsx
-function M({ src: t, alt: n = "", fallback: r, className: i }) {
-	let [a, o] = D(!1), [s, c] = D(t);
-	return t !== s && (c(t), o(!1)), a ? /* @__PURE__ */ k(O, { children: r }) : /* @__PURE__ */ k("img", {
-		src: t,
-		alt: n,
-		className: e("preview-image--component", i),
-		onError: () => o(!0)
-	});
-}
-//#endregion
-//#region src/components/base/upload/file-upload.strings.ts
-var N = {
-	instruction: "Drop a file here, or browse",
-	instructionMultiple: "Drop files here, or browse",
-	uploading: (e) => `Uploading ${e}`,
-	remove: (e) => `Remove ${e}`,
-	rejection: ({ file: e, code: t, details: n }) => {
-		switch (t) {
-			case "invalid-type": return `${e.name} is not an accepted file type.`;
-			case "too-small": return `${e.name} is smaller than ${i(n.limitBytes ?? 0)}.`;
-			case "too-large": return `${e.name} is larger than ${i(n.limitBytes ?? 0)}.`;
-			case "duplicate": return `${e.name} has already been added.`;
-			case "too-many": return `${e.name} exceeds the limit of ${n.maxFiles ?? 0} file${n.maxFiles === 1 ? "" : "s"}.`;
-			default: return n.customMessage ?? `${e.name} was rejected.`;
-		}
-	},
-	constraintHint: ({ accept: e, maxSizeBytes: t }) => [e, t === void 0 ? void 0 : `up to ${Math.round(t / 1024 / 1024)} MB`].filter(Boolean).join(" · ")
-}, P = {
-	cover: "Cover",
-	add: "Add images",
-	position: (e, t, n) => `${e}, position ${t} of ${n}. Use the arrow keys to reorder.`,
-	remove: (e) => `Remove ${e}`
-}, F = {
-	empty: "Add a photo",
-	overlay: "Change photo",
-	remove: "Remove photo"
-}, I = {
-	empty: "Drop an image here, or browse",
-	overlay: "Change image",
-	remove: "Remove image"
-}, L = {
-	status: {
-		queued: "Queued",
-		uploading: "Uploading",
-		done: "Uploaded",
-		error: "Failed",
-		cancelled: "Cancelled"
-	},
-	cancel: (e) => `Cancel ${e}`,
-	retry: (e) => `Retry ${e}`,
-	remove: (e) => `Remove ${e}`,
-	uploading: (e) => `Uploading ${e}`,
-	settled: (e, t) => `${e}: ${t}`
-}, R = {
-	...N,
-	...L,
-	clearAll: "Clear all"
-}, z = {
-	instruction: "Drop a file here, or browse",
-	instructionMultiple: "Drop files here, or browse",
-	dragOver: "Release to add",
-	helper: ""
-}, B = {
-	empty: "No file chosen",
-	clear: "Remove file"
-};
-//#endregion
-//#region src/components/base/upload/use-file-drop-target.ts
-function V({ disabled: e = !1, onFiles: t }) {
-	let n = E(0), [r, i] = D(!1), a = r && !e, o = S((e) => {
-		e.preventDefault(), e.stopPropagation();
-	}, []);
-	return {
-		isDragging: a,
-		dropTargetProps: {
-			onDragEnter: S((t) => {
-				if (o(t), e) {
-					n.current = 0;
-					return;
-				}
-				n.current += 1, i(!0);
-			}, [e, o]),
-			onDragOver: S((t) => {
-				o(t), !e && (t.dataTransfer && (t.dataTransfer.dropEffect = "copy"), i(!0));
-			}, [e, o]),
-			onDragLeave: S((e) => {
-				o(e), n.current = Math.max(0, n.current - 1), n.current === 0 && i(!1);
-			}, [o]),
-			onDrop: S((r) => {
-				if (o(r), n.current = 0, i(!1), e) return;
-				let a = r.dataTransfer?.files;
-				a?.length && t(Array.from(a));
-			}, [
-				e,
-				t,
-				o
-			])
-		}
-	};
-}
-var H = {
-	dropzone: "upload__dropzone___18PHm",
-	dropzoneCompact: "upload__dropzoneCompact___lO1Y2",
-	dropzoneInput: "upload__dropzoneInput___OSLjX",
-	dropzoneIcon: "upload__dropzoneIcon___dEbuz",
-	dropzoneCopy: "upload__dropzoneCopy___FGRl_",
-	dropzoneText: "upload__dropzoneText___fG9Sv",
-	dropzoneHint: "upload__dropzoneHint____aACx",
-	list: "upload__list___54BTe",
-	row: "upload__row___6TE2T",
-	rowActions: "upload__rowActions___fgMkU",
-	thumb: "upload__thumb___I7oD7",
-	statusIcon: "upload__statusIcon___VRRk3",
-	rowBody: "upload__rowBody___51jrN",
-	rowName: "upload__rowName____3TMo",
-	rowMeta: "upload__rowMeta___NlE7h",
-	progress: "upload__progress___sfhZY",
-	progressFill: "upload__progressFill___PXFlt",
-	root: "upload__root___TLif3",
-	rejections: "upload__rejections___VTeCm",
-	mediaRoot: "upload__mediaRoot___yS2ko",
-	mediaPicker: "upload__mediaPicker___eVcZk",
-	avatarPicker: "upload__avatarPicker___rAikO",
-	imagePicker: "upload__imagePicker___zDNWf",
-	mediaPreview: "upload__mediaPreview___BS0TO",
-	mediaOverlay: "upload__mediaOverlay___diadO",
-	mediaEmpty: "upload__mediaEmpty___5M65A",
-	tray: "upload__tray___u741N",
-	trayToolbar: "upload__trayToolbar___NmrU5",
-	trayCounts: "upload__trayCounts___hrAmS",
-	statusQueued: "upload__statusQueued___CMIPL",
-	statusUploading: "upload__statusUploading___ec2M2",
-	statusDone: "upload__statusDone___MW_Za",
-	statusError: "upload__statusError___kutx4",
-	statusCancelled: "upload__statusCancelled___JKMmC",
-	rowError: "upload__rowError___X8Aj2",
-	gallery: "upload__gallery___1UoHk",
-	tile: "upload__tile___8-XgU",
-	tileImage: "upload__tileImage___pT1Rk",
-	tileFallback: "upload__tileFallback___h-Jsc",
-	tileHandle: "upload__tileHandle___ulbFv",
-	tileRemove: "upload__tileRemove___JQHnl",
-	tileCover: "upload__tileCover___0TJt3",
-	galleryAdd: "upload__galleryAdd___CGqBt",
-	pickerShell: "upload__pickerShell___25oaj",
-	pickerIcon: "upload__pickerIcon___v0eFJ",
-	pickerLabel: "upload__pickerLabel___tY20Z",
-	pickerEmpty: "upload__pickerEmpty___Ql3p-",
-	pickerMeta: "upload__pickerMeta___0fZCN",
-	pickerClear: "upload__pickerClear___Rf83M",
-	dropzoneFooter: "upload__dropzoneFooter___q6ETS"
-};
-//#endregion
-//#region src/components/base/upload/dropzone.tsx
-function U({ onDrop: t, accept: n, multiple: r = !1, disabled: i = !1, invalid: a = !1, compact: o = !1, icon: s, inputProps: c, strings: l, label: u, hint: d, footer: f, className: p, ...m }) {
-	let h = {
-		...z,
-		...l
-	}, g = w(), _ = c?.id ?? g, v = `${g}-prompt`, { isDragging: b, dropTargetProps: x } = V({
-		disabled: i,
-		onFiles: t
-	}), S = b ? h.dragOver : u ?? (r ? h.instructionMultiple : h.instruction), C = d === void 0 ? h.helper : d, T = c?.["aria-labelledby"];
-	return /* @__PURE__ */ A("div", {
-		className: e("dropzone--component", p),
-		...m,
-		children: [/* @__PURE__ */ A("label", {
-			htmlFor: _,
-			...x,
-			"data-slot": "dropzone",
-			"data-dragging": b || void 0,
-			"data-disabled": i || void 0,
-			"data-invalid": a || void 0,
-			className: e(H.dropzone, o && H.dropzoneCompact),
-			children: [
-				/* @__PURE__ */ k("input", {
-					"aria-invalid": a || void 0,
-					...c,
-					"aria-labelledby": T ? `${T} ${v}` : void 0,
-					id: _,
-					type: "file",
-					accept: n,
-					multiple: r,
-					disabled: i,
-					className: e(H.dropzoneInput, c?.className),
-					onChange: (e) => {
-						let n = e.target.files;
-						n?.length && t(Array.from(n)), e.target.value = "";
-					}
-				}),
-				s ?? /* @__PURE__ */ k(y, {
-					"aria-hidden": !0,
-					className: H.dropzoneIcon
-				}),
-				/* @__PURE__ */ A("span", {
-					className: H.dropzoneCopy,
-					children: [/* @__PURE__ */ k("span", {
-						id: v,
-						className: H.dropzoneText,
-						children: S
-					}), C != null && C !== "" && /* @__PURE__ */ k("span", {
-						className: H.dropzoneHint,
-						children: C
-					})]
-				})
-			]
-		}), !!f && /* @__PURE__ */ k("div", {
-			className: H.dropzoneFooter,
-			children: f
-		})]
-	});
-}
-//#endregion
-//#region src/components/base/upload/validate-files.ts
-function W(e) {
-	return [
-		e.name,
-		e.size,
-		e.type,
-		e.lastModified
-	].join("|");
-}
-function G(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 K(e, t) {
-	let { accept: n, minSizeBytes: r, maxSizeBytes: i, validateFile: a } = t;
-	if (!G(e, n)) return {
-		file: e,
-		code: "invalid-type",
-		details: {}
-	};
-	if (r !== void 0 && e.size < r) return {
-		file: e,
-		code: "too-small",
-		details: { limitBytes: r }
-	};
-	if (i !== void 0 && e.size > i) return {
-		file: e,
-		code: "too-large",
-		details: { limitBytes: i }
-	};
-	if (a) {
-		let t;
-		try {
-			t = a(e);
-		} catch {
-			t = !1;
-		}
-		if (t !== !0) return {
-			file: e,
-			code: "custom",
-			details: { customMessage: typeof t == "string" ? t : void 0 }
-		};
-	}
-}
-function q({ incoming: e, current: t, maxFiles: n, append: r, ...i }) {
-	let a = r ? [...t] : [], o = new Set(a.map(W)), s = [], c = [];
-	for (let t of e) {
-		let e = K(t, i);
-		if (e) {
-			c.push(e);
-			continue;
-		}
-		let r = W(t);
-		if (o.has(r)) {
-			c.push({
-				file: t,
-				code: "duplicate",
-				details: {}
-			});
-			continue;
-		}
-		if (a.length >= n) {
-			c.push({
-				file: t,
-				code: "too-many",
-				details: { maxFiles: n }
-			});
-			continue;
-		}
-		s.push(t), a.push(t), o.add(r);
-	}
-	return {
-		accepted: s,
-		nextFiles: a,
-		rejections: c
-	};
-}
-//#endregion
-//#region src/components/base/upload/file-upload.tsx
-var ee = [];
-function J({ id: r, value: i, defaultValue: o, onValueChange: s, onRejectedFiles: c, multiple: l = !1, maxFiles: u, selectionMode: d, disabled: f = !1, invalid: p = !1, compact: m = !1, label: h, strings: g, hint: _, showList: v = !0, showRejections: y = !0, progress: b, name: T, className: O, "aria-labelledby": j, "aria-describedby": M, "aria-invalid": P, "aria-required": F, ...I }) {
-	let L = {
-		...N,
-		...g
-	}, R = w(), z = r ?? R, B = E(null), V = i !== void 0, [W, G] = D(o ?? []), K = V ? i ?? ee : W, [J, ne] = D([]), Y = u ?? (l ? Infinity : 1), X = (d ?? (l ? "append" : "replace")) === "append", re = S((e) => {
-		let t = q({
-			incoming: e,
-			current: K,
-			maxFiles: Y,
-			append: X,
-			...I
-		});
-		ne(t.rejections), t.rejections.length > 0 && c?.(t.rejections), (t.accepted.length > 0 || !X) && (V || G(t.nextFiles), s?.(t.nextFiles)), B.current && (B.current.value = "");
-	}, [
-		X,
-		I,
-		K,
-		V,
-		c,
-		s,
-		Y
-	]), Z = E(null), Q = E(null), ie = S((e) => {
-		let t = K.filter((t, n) => n !== e);
-		Q.current = e, V || G(t), s?.(t);
-	}, [
-		K,
-		V,
-		s
-	]);
-	C(() => {
-		if (Q.current === null) return;
-		let e = Q.current;
-		Q.current = null;
-		let t = Z.current?.querySelectorAll("[data-remove]") ?? [], n = t[Math.min(e, t.length - 1)];
-		n ? n.focus() : B.current?.focus();
-	}, [K]);
-	let $ = P ?? (p || void 0), ae = _ === void 0 ? L.constraintHint?.({
-		accept: I.accept,
-		maxSizeBytes: I.maxSizeBytes
-	}) || null : _;
-	return /* @__PURE__ */ A("div", {
-		className: e("file-upload--component", H.root, O),
-		children: [
-			/* @__PURE__ */ k(U, {
-				onDrop: re,
-				accept: I.accept,
-				multiple: l,
-				disabled: f,
-				invalid: $ === !0 || $ === "true",
-				compact: m,
-				label: h,
-				hint: ae,
-				strings: {
-					instruction: L.instruction,
-					instructionMultiple: L.instructionMultiple,
-					...L.dragOver ? { dragOver: L.dragOver } : null
-				},
-				inputProps: {
-					ref: B,
-					id: z,
-					name: T,
-					"aria-labelledby": j,
-					"aria-describedby": M,
-					"aria-invalid": $,
-					"aria-required": F
-				}
-			}),
-			y && J.length > 0 && /* @__PURE__ */ k("div", {
-				className: H.rejections,
-				children: J.map((e) => /* @__PURE__ */ k(t, {
-					tone: "destructive",
-					children: L.rejection(e)
-				}, `${e.file.name}-${e.code}`))
-			}),
-			v && K.length > 0 && /* @__PURE__ */ k("ul", {
-				ref: Z,
-				className: H.list,
-				children: K.map((e, t) => /* @__PURE__ */ A("li", {
-					className: H.row,
-					children: [
-						/* @__PURE__ */ k(te, { file: e }),
-						/* @__PURE__ */ A("div", {
-							className: H.rowBody,
-							children: [
-								/* @__PURE__ */ k("span", {
-									className: H.rowName,
-									children: e.name
-								}),
-								/* @__PURE__ */ k("span", {
-									className: H.rowMeta,
-									children: /* @__PURE__ */ k(a, { value: e.size })
-								}),
-								b?.[e.name] !== void 0 && /* @__PURE__ */ k("div", {
-									className: H.progress,
-									role: "progressbar",
-									"aria-valuenow": b[e.name],
-									"aria-valuemin": 0,
-									"aria-valuemax": 100,
-									"aria-label": L.uploading(e.name),
-									children: /* @__PURE__ */ k("div", {
-										className: H.progressFill,
-										style: { width: `${b[e.name]}%` }
-									})
-								})
-							]
-						}),
-						/* @__PURE__ */ k(n, {
-							tone: "neutral",
-							buttonStyle: "ghost",
-							iconOnly: !0,
-							"aria-label": L.remove(e.name),
-							"data-remove": "",
-							disabled: f,
-							onClick: () => ie(t),
-							children: /* @__PURE__ */ k(x, {})
-						})
-					]
-				}, `${e.name}-${e.lastModified}`))
-			})
-		]
-	});
-}
-function te({ file: e }) {
-	let t = e.type.startsWith("image/"), [n] = j(t ? [e] : []);
-	return /* @__PURE__ */ k("span", {
-		className: H.thumb,
-		children: t && n ? /* @__PURE__ */ k(M, {
-			src: n,
-			fallback: /* @__PURE__ */ k(d, { "aria-hidden": !0 })
-		}) : /* @__PURE__ */ k(d, { "aria-hidden": !0 })
-	});
-}
-//#endregion
-//#region src/components/base/upload/media-upload.tsx
-function ne({ value: e, onValueChange: t, onRejectedFiles: n, previewUrl: r, accept: i = "image/*", ...a }) {
-	let o = E(null), [s, c] = D(void 0), [l, u] = D(void 0), [d, f] = D(r);
-	d !== r && (f(r), u(void 0));
-	let p = e === void 0 ? s : e ?? void 0, [m] = j(p ? [p] : []);
-	return {
-		inputRef: o,
-		accepted: S((r) => {
-			let s = q({
-				incoming: r,
-				current: [],
-				maxFiles: 1,
-				append: !1,
-				accept: i,
-				...a
-			}), l = s.accepted[0];
-			l && (e === void 0 && c(l), t?.(l)), s.rejections.length > 0 && n?.(s.rejections), o.current && (o.current.value = "");
-		}, [
-			i,
-			a,
-			n,
-			t,
-			e
-		]),
-		clear: S(() => {
-			e === void 0 && (c(void 0), u(r)), t?.(void 0);
-		}, [
-			t,
-			r,
-			e
-		]),
-		shown: m ?? (e === void 0 && l === r ? null : r) ?? null,
-		accept: i
-	};
-}
-function Y({ shape: t, emptyIcon: r, emptyLabel: i, overlayLabel: a, removeLabel: o, props: s }) {
-	let { id: c, disabled: l, invalid: u, className: d, name: f, "aria-label": p, "aria-labelledby": m, "aria-describedby": h, "aria-invalid": _, "aria-required": y } = s, { inputRef: b, accepted: x, clear: S, shown: C, accept: T } = ne(s), { isDragging: E, dropTargetProps: D } = V({
-		disabled: l,
-		onFiles: x
-	}), O = _ ?? (u || void 0), j = w(), N = c ?? j;
-	return /* @__PURE__ */ A("div", {
-		className: e(t === "avatar" ? "avatar-upload--component" : "image-upload--component", H.mediaRoot, d),
-		children: [/* @__PURE__ */ A("div", {
-			...D,
-			"data-dragging": E || void 0,
-			"data-disabled": l || void 0,
-			"data-filled": C ? "" : void 0,
-			"data-invalid": O && O !== "false" || void 0,
-			className: e(H.mediaPicker, t === "avatar" ? H.avatarPicker : H.imagePicker),
-			children: [
-				/* @__PURE__ */ k("input", {
-					ref: b,
-					id: N,
-					type: "file",
-					name: f,
-					accept: T,
-					disabled: l,
-					"aria-label": p ?? (C ? a : i),
-					"aria-labelledby": m ? `${m} ${N}` : void 0,
-					"aria-describedby": h,
-					"aria-invalid": O,
-					"aria-required": y,
-					className: H.dropzoneInput,
-					onChange: (e) => {
-						let t = e.target.files;
-						t?.length && x(Array.from(t)), e.target.value = "";
-					}
-				}),
-				C ? /* @__PURE__ */ k(M, {
-					src: C,
-					fallback: /* @__PURE__ */ k("span", {
-						className: H.mediaEmpty,
-						children: r
-					}),
-					className: H.mediaPreview
-				}) : /* @__PURE__ */ A("span", {
-					className: H.mediaEmpty,
-					children: [r, t === "image" && /* @__PURE__ */ k("span", { children: i })]
-				}),
-				/* @__PURE__ */ A("span", {
-					className: H.mediaOverlay,
-					"aria-hidden": !0,
-					children: [/* @__PURE__ */ k(g, { "aria-hidden": !0 }), t === "image" && /* @__PURE__ */ k("span", { children: a })]
-				})
-			]
-		}), C && !l && /* @__PURE__ */ A(n, {
-			tone: "neutral",
-			buttonStyle: "ghost",
-			onClick: () => {
-				S(), b.current?.focus();
-			},
-			children: [/* @__PURE__ */ k(v, {}), o]
-		})]
-	});
-}
-function X({ strings: e, ...t }) {
-	let n = {
-		...F,
-		...e
-	};
-	return /* @__PURE__ */ k(Y, {
-		shape: "avatar",
-		emptyIcon: /* @__PURE__ */ k(b, { "aria-hidden": !0 }),
-		emptyLabel: n.empty,
-		overlayLabel: n.overlay,
-		removeLabel: n.remove,
-		props: t
-	});
-}
-function re({ strings: e, ...t }) {
-	let n = {
-		...I,
-		...e
-	};
-	return /* @__PURE__ */ k(Y, {
-		shape: "image",
-		emptyIcon: /* @__PURE__ */ k(f, { "aria-hidden": !0 }),
-		emptyLabel: n.empty,
-		overlayLabel: n.overlay,
-		removeLabel: n.remove,
-		props: t
-	});
-}
-//#endregion
-//#region src/components/base/upload/upload-queue.tsx
-var Z = {
-	queued: /* @__PURE__ */ k(u, { "aria-hidden": !0 }),
-	uploading: /* @__PURE__ */ k(m, { "aria-hidden": !0 }),
-	done: /* @__PURE__ */ k(c, { "aria-hidden": !0 }),
-	error: /* @__PURE__ */ k(l, { "aria-hidden": !0 }),
-	cancelled: /* @__PURE__ */ k(x, { "aria-hidden": !0 })
-}, Q = {
-	queued: H.statusQueued,
-	uploading: H.statusUploading,
-	done: H.statusDone,
-	error: H.statusError,
-	cancelled: H.statusCancelled
-};
-function ie({ items: t, onCancel: i, onRetry: o, onRemove: c, strings: l, className: u }) {
-	let f = s(L, l), p = E(/* @__PURE__ */ new Map()), [m, h] = D(""), g = t.some((e) => e.status === "queued" || e.status === "uploading"), [v, y] = D(g);
-	return g && !v && y(!0), C(() => {
-		let e = [];
-		for (let n of t) {
-			let t = p.current.get(n.id), r = n.status === "done" || n.status === "error" || n.status === "cancelled";
-			t !== void 0 && t !== n.status && r && e.push(f.settled?.(n.name, f.status[n.status]) ?? `${n.name}: ${f.status[n.status]}`);
-		}
-		p.current = new Map(t.map((e) => [e.id, e.status])), e.length > 0 && h(e.join(". "));
-	}, [t, f]), t.length === 0 ? null : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("ul", {
-		className: e("upload-progress-list--component", H.list, u),
-		children: t.map((t) => {
-			let r = {
-				key: "cancel",
-				label: f.cancel(t.name),
-				icon: /* @__PURE__ */ k(x, {}),
-				run: () => i?.(t.id)
-			}, s = {
-				key: "retry",
-				label: f.retry(t.name),
-				icon: /* @__PURE__ */ k(_, {}),
-				run: () => o?.(t.id)
-			}, l = {
-				key: "remove",
-				label: f.remove(t.name),
-				icon: /* @__PURE__ */ k(x, {}),
-				run: () => c?.(t.id)
-			}, u = t.status === "uploading" ? i ? [r] : [] : t.status === "queued" ? i ? [r] : c ? [l] : [] : t.status === "error" ? [...o ? [s] : [], ...c ? [l] : []] : c ? [l] : [];
-			return /* @__PURE__ */ A("li", {
-				className: H.row,
-				children: [
-					t.preview ? /* @__PURE__ */ k("span", {
-						className: H.thumb,
-						children: /* @__PURE__ */ k(M, {
-							src: t.preview,
-							fallback: /* @__PURE__ */ k(d, { "aria-hidden": !0 })
-						})
-					}) : /* @__PURE__ */ k("span", {
-						className: e(H.statusIcon, Q[t.status]),
-						"aria-hidden": !0,
-						children: Z[t.status]
-					}),
-					/* @__PURE__ */ A("div", {
-						className: H.rowBody,
-						children: [
-							/* @__PURE__ */ k("span", {
-								className: H.rowName,
-								children: t.name
-							}),
-							/* @__PURE__ */ A("span", {
-								className: H.rowMeta,
-								children: [f.status[t.status], t.size !== void 0 && /* @__PURE__ */ A(O, { children: [" · ", /* @__PURE__ */ k(a, { value: t.size })] })]
-							}),
-							t.status === "uploading" && /* @__PURE__ */ k("div", {
-								className: H.progress,
-								role: "progressbar",
-								"aria-valuenow": t.progress ?? 0,
-								"aria-valuemin": 0,
-								"aria-valuemax": 100,
-								"aria-label": f.uploading(t.name),
-								children: /* @__PURE__ */ k("div", {
-									className: H.progressFill,
-									style: { width: `${t.progress ?? 0}%` }
-								})
-							}),
-							t.status === "error" && !!t.error && /* @__PURE__ */ k("span", {
-								className: H.rowError,
-								children: t.error
-							})
-						]
-					}),
-					u.length > 0 && /* @__PURE__ */ k("span", {
-						className: H.rowActions,
-						children: u.map((e) => /* @__PURE__ */ k(n, {
-							tone: "neutral",
-							buttonStyle: "ghost",
-							iconOnly: !0,
-							"aria-label": e.label,
-							onClick: e.run,
-							children: e.icon
-						}, e.key))
-					})
-				]
-			}, t.id);
-		})
-	}), v && /* @__PURE__ */ k(r, {
-		"aria-live": "polite",
-		children: m
-	})] });
-}
-function $({ items: t, onAddFiles: r, onCancel: i, onRetry: a, onRemove: s, onClearAll: c, strings: l, showSummary: u = !0, className: d, ...f }) {
-	let p = {
-		...R,
-		...l
-	}, m = T(() => {
-		let e = {};
-		for (let n of t) e[n.status] = (e[n.status] ?? 0) + 1;
-		return e;
-	}, [t]), h = [
-		"uploading",
-		"queued",
-		"done",
-		"error",
-		"cancelled"
-	].filter((e) => m[e]).map((e) => ({
-		status: e,
-		count: m[e]
-	}));
-	return /* @__PURE__ */ A("div", {
-		className: e("upload-tray--component", H.tray, d),
-		children: [
-			/* @__PURE__ */ k(J, {
-				...f,
-				strings: l,
-				multiple: !0,
-				showList: !1,
-				value: [],
-				onValueChange: (e) => {
-					e.length > 0 && r(e);
-				}
-			}),
-			u && h.length > 0 && /* @__PURE__ */ A("div", {
-				className: H.trayToolbar,
-				children: [/* @__PURE__ */ k("div", {
-					className: H.trayCounts,
-					children: h.map(({ status: e, count: t }) => /* @__PURE__ */ A(o, {
-						tone: e === "error" ? "destructive" : "neutral",
-						children: [
-							p.status[e],
-							" ",
-							t
-						]
-					}, e))
-				}), !!c && /* @__PURE__ */ k(n, {
-					tone: "neutral",
-					buttonStyle: "ghost",
-					onClick: c,
-					children: p.clearAll
-				})]
-			}),
-			/* @__PURE__ */ k(ie, {
-				items: t,
-				strings: l,
-				onCancel: i,
-				onRetry: a,
-				onRemove: s
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/base/upload/media-gallery.tsx
-var ae = [];
-function oe({ value: t, defaultValue: r, onValueChange: i, onRejectedFiles: a, maxFiles: s, disabled: c = !1, invalid: l = !1, showCover: u = !0, strings: d, accept: m = "image/*", ...h }) {
-	let g = {
-		...P,
-		...d
-	}, _ = t !== void 0, [v, y] = D(r ?? []), b = _ ? t ?? ae : v, [C, w] = D(null), [E, O] = D(null), N = S((e) => {
-		_ || y(e), i?.(e);
-	}, [_, i]), F = S((e) => {
-		let t = q({
-			incoming: e,
-			current: b,
-			maxFiles: s ?? Infinity,
-			append: !0,
-			accept: m,
-			...h
-		});
-		t.rejections.length > 0 && a?.(t.rejections), t.accepted.length > 0 && N(t.nextFiles);
-	}, [
-		m,
-		N,
-		h,
-		b,
-		s,
-		a
-	]), { isDragging: I, dropTargetProps: L } = V({
-		disabled: c,
-		onFiles: F
-	}), R = S((e, t) => {
-		if (e === t || t < 0 || t >= b.length) return;
-		let n = [...b], [r] = n.splice(e, 1);
-		r !== void 0 && (n.splice(t, 0, r), N(n));
-	}, [N, b]), z = j(b), B = (e, t) => {
-		let n = e.key === "ArrowLeft" ? -1 : +(e.key === "ArrowRight");
-		if (n === 0) return;
-		e.preventDefault();
-		let r = t + n;
-		R(t, r);
-		let i = e.currentTarget.closest("[data-gallery]")?.querySelectorAll("[data-gallery-tile]");
-		requestAnimationFrame(() => i?.[r]?.focus());
-	}, U = (e, t) => {
-		e.preventDefault(), C !== null && R(C, t), w(null), O(null);
-	}, W = s !== void 0 && b.length >= s, G = T(() => b.map((e, t) => ({
-		file: e,
-		url: z[t]
-	})), [b, z]);
-	return /* @__PURE__ */ A("div", {
-		"data-gallery": "",
-		className: e("media-gallery--component", H.gallery),
-		children: [G.map(({ file: e, url: t }, r) => /* @__PURE__ */ A("div", {
-			className: H.tile,
-			"data-dragging": C === r || void 0,
-			"data-drop": E === r && C !== null && C !== r || void 0,
-			onDragOver: (e) => {
-				C !== null && (e.preventDefault(), O(r));
-			},
-			onDrop: (e) => U(e, r),
-			onDragEnd: () => {
-				w(null), O(null);
-			},
-			children: [
-				!!t && /* @__PURE__ */ k(M, {
-					src: t,
-					fallback: /* @__PURE__ */ k(f, {
-						"aria-hidden": !0,
-						className: H.tileFallback
-					}),
-					className: H.tileImage
-				}),
-				/* @__PURE__ */ k("button", {
-					type: "button",
-					"data-gallery-tile": "",
-					className: H.tileHandle,
-					"aria-label": g.position(e.name, r + 1, b.length),
-					disabled: c,
-					draggable: !c,
-					onDragStart: (e) => {
-						w(r), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", String(r));
-						let t = e.currentTarget.closest("[data-drop], div");
-						t && e.dataTransfer.setDragImage(t, 20, 20);
-					},
-					onDragEnd: () => {
-						w(null), O(null);
-					},
-					onKeyDown: (e) => B(e, r)
-				}),
-				r === 0 && u && /* @__PURE__ */ k(o, {
-					tone: "neutral",
-					className: H.tileCover,
-					children: g.cover
-				}),
-				/* @__PURE__ */ k(n, {
-					tone: "neutral",
-					buttonStyle: "solid",
-					iconOnly: !0,
-					className: H.tileRemove,
-					"aria-label": g.remove(e.name),
-					disabled: c,
-					onClick: () => N(b.filter((e, t) => t !== r)),
-					children: /* @__PURE__ */ k(x, {})
-				})
-			]
-		}, `${e.name}-${e.lastModified}-${r}`)), !W && /* @__PURE__ */ A("label", {
-			...L,
-			"data-dragging": I || void 0,
-			"data-disabled": c || void 0,
-			"aria-invalid": l || void 0,
-			className: H.galleryAdd,
-			children: [
-				/* @__PURE__ */ k("input", {
-					type: "file",
-					accept: m,
-					multiple: !0,
-					disabled: c,
-					className: H.dropzoneInput,
-					onChange: (e) => {
-						let t = e.target.files;
-						t?.length && F(Array.from(t)), e.target.value = "";
-					}
-				}),
-				/* @__PURE__ */ k(p, { "aria-hidden": !0 }),
-				/* @__PURE__ */ k("span", { children: g.add })
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/components/base/upload/file-picker-input.tsx
-function se({ value: t, onValueChange: r, onRejectedFiles: i, constraints: o = {}, disabled: s = !1, invalid: c = !1, name: l, strings: u, className: d, ...f }) {
-	let p = {
-		...B,
-		...u
-	}, m = E(null), [g, _] = D(void 0), v = t === void 0 ? g : t ?? void 0, y = S((e) => {
-		let n = q({
-			incoming: e,
-			current: [],
-			maxFiles: 1,
-			append: !1,
-			...o
-		});
-		n.rejections.length > 0 && i?.(n.rejections);
-		let a = n.accepted[0];
-		a && (t === void 0 && _(a), r?.(a)), m.current && (m.current.value = "");
-	}, [
-		o,
-		i,
-		r,
-		t
-	]);
-	return /* @__PURE__ */ A("div", {
-		"data-field-shell": "",
-		"data-disabled": s || void 0,
-		"aria-invalid": c || void 0,
-		className: e("file-picker-input--component", H.pickerShell, d),
-		...f,
-		children: [
-			/* @__PURE__ */ k("input", {
-				ref: m,
-				type: "file",
-				name: l,
-				accept: o.accept,
-				disabled: s,
-				"aria-label": v ? v.name : p.empty,
-				className: H.dropzoneInput,
-				onChange: (e) => {
-					let t = e.target.files;
-					t?.length && y(Array.from(t));
-				}
-			}),
-			/* @__PURE__ */ k(h, {
-				"aria-hidden": !0,
-				className: H.pickerIcon
-			}),
-			/* @__PURE__ */ k("span", {
-				className: e(H.pickerLabel, !v && H.pickerEmpty),
-				children: v ? v.name : p.empty
-			}),
-			!!v && /* @__PURE__ */ k("span", {
-				className: H.pickerMeta,
-				children: /* @__PURE__ */ k(a, { value: v.size })
-			}),
-			!!v && !s && /* @__PURE__ */ k(n, {
-				tone: "neutral",
-				buttonStyle: "ghost",
-				iconOnly: !0,
-				"aria-label": p.clear,
-				className: H.pickerClear,
-				onClick: () => {
-					t === void 0 && _(void 0), r?.(void 0);
-				},
-				children: /* @__PURE__ */ k(x, {})
-			})
-		]
-	});
-}
-//#endregion
-export { R as _, X as a, q as c, F as d, z as f, L as g, P as h, $ as i, U as l, I as m, oe as n, re as o, B as p, ie as r, J as s, se as t, V as u, N as v, M as y };