@epam/ai-dial-attachment-input 1.0.0-dev.484 → 1.0.0-dev.489

package/index.js

@@ -1,16 +1,16 @@
 import { AttachmentErrorReason as e, AttachmentType as t, CodeBlockTheme as n, Highlight as r, MIME_TYPE_EXT_MAP as i, RequestStatus as a, buildCssVars as o, mergeClasses as s } from "@epam/ai-dial-chat-shared";
 import { DIAL_ICON_SIZE as c, DialGhostIconButton as l, DialSkeleton as u, DialSkeletonVariant as d, DialSpinner as f, ElementSize as p } from "@epam/ai-dial-ui-kit";
-import { IconChevronUp as m, IconClipboard as h, IconDownload as g, IconFile as _, IconFileDescription as v, IconFileTypeBmp as y, IconFileTypeCss as b, IconFileTypeCsv as x, IconFileTypeDoc as S, IconFileTypeDocx as C, IconFileTypeHtml as w, IconFileTypeJpg as T, IconFileTypeJs as E, IconFileTypeJsx as D, IconFileTypePdf as O, IconFileTypePhp as k, IconFileTypePng as A, IconFileTypePpt as j, IconFileTypeRs as M, IconFileTypeSql as N, IconFileTypeSvg as P, IconFileTypeTs as F, IconFileTypeTsx as I, IconFileTypeTxt as L, IconFileTypeVue as ee, IconFileTypeXls as te, IconFileTypeXml as ne, IconFileTypeZip as R, IconFileX as z, IconMusic as B, IconPaperclip as V, IconPhoto as H, IconReload as re, IconTerminal2 as ie, IconVideo as ae, IconX as oe } from "@tabler/icons-react";
-import { useCallback as U, useEffect as W, useMemo as se, useRef as ce, useState as G } from "react";
-import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { IconChevronUp as m, IconClipboard as h, IconDownload as g, IconFile as _, IconFileDescription as v, IconFileTypeBmp as y, IconFileTypeCss as b, IconFileTypeCsv as x, IconFileTypeDoc as S, IconFileTypeDocx as C, IconFileTypeHtml as w, IconFileTypeJpg as T, IconFileTypeJs as E, IconFileTypeJsx as D, IconFileTypePdf as O, IconFileTypePhp as k, IconFileTypePng as A, IconFileTypePpt as j, IconFileTypeRs as M, IconFileTypeSql as N, IconFileTypeSvg as P, IconFileTypeTs as F, IconFileTypeTsx as I, IconFileTypeTxt as L, IconFileTypeVue as R, IconFileTypeXls as z, IconFileTypeXml as B, IconFileTypeZip as V, IconFileX as H, IconMusic as U, IconPaperclip as ee, IconPhoto as W, IconReload as te, IconTerminal2 as ne, IconVideo as re, IconX as ie } from "@tabler/icons-react";
+import { useCallback as G, useEffect as K, useId as ae, useMemo as oe, useRef as se, useState as ce } from "react";
+import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
 //#region src/hooks/useLazyImageLoad.ts
-var Y = /* @__PURE__ */ function(e) {
+var le = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Loading = "loading", e.Loaded = "loaded", e.Error = "error", e;
-}({}), le = ({ enabled: e, src: t }) => {
-	let n = ce(null), [r, i] = G("idle");
-	return W(() => {
+}({}), ue = ({ enabled: e, src: t }) => {
+	let n = se(null), [r, i] = ce("idle");
+	return K(() => {
 		i(e && t ? "loading" : "idle");
-	}, [e, t]), W(() => {
+	}, [e, t]), K(() => {
 		let r = n.current;
 		if (!r || !e || !t) return;
 		let a = () => i("loaded"), o = () => i("error");
@@ -22,18 +22,42 @@ var Y = /* @__PURE__ */ function(e) {
 		imageLoadStatus: r
 	};
 }, X = {
-	card: "_card_1wsze_1",
-	cardError: "_cardError_1wsze_6",
-	cardSelected: "_cardSelected_1wsze_10",
-	cardPrompt: "_cardPrompt_1wsze_15",
-	cardPasted: "_cardPasted_1wsze_16",
-	name: "_name_1wsze_20",
-	meta: "_meta_1wsze_24",
-	loadingOverlay: "_loadingOverlay_1wsze_28",
-	actionBtn: "_actionBtn_1wsze_32",
-	removeBtnImage: "_removeBtnImage_1wsze_43",
-	hoverDownloadIcon: "_hoverDownloadIcon_1wsze_51"
-}, Z = (e) => {
+	card: "_card_ywrb5_1",
+	cardError: "_cardError_ywrb5_6",
+	cardSelected: "_cardSelected_ywrb5_10",
+	cardPrompt: "_cardPrompt_ywrb5_15",
+	cardPasted: "_cardPasted_ywrb5_16",
+	name: "_name_ywrb5_20",
+	meta: "_meta_ywrb5_24",
+	loadingOverlay: "_loadingOverlay_ywrb5_28",
+	actionBtn: "_actionBtn_ywrb5_32",
+	removeBtnImage: "_removeBtnImage_ywrb5_43",
+	hoverDownloadIcon: "_hoverDownloadIcon_ywrb5_51"
+}, de = 5, fe = 4, Z = /* @__PURE__ */ function(e) {
+	return e.None = "none", e.AllVisible = "all-visible", e.Collapsed = "collapsed", e;
+}({}), pe = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, me = (e) => {
+	let t = e.lastIndexOf(".");
+	return t > 0 ? e.slice(0, t) : e;
+}, he = {
+	image: "Image files",
+	audio: "Audio files",
+	video: "Video files",
+	text: "Text files"
+}, ge = (e, t = he) => e.map((e) => {
+	if (e.endsWith("/*")) {
+		let n = e.slice(0, -2);
+		return t[n] ?? `${n} files`;
+	}
+	let n = e.split("/")[1];
+	return n == null ? e.toUpperCase() : n.toUpperCase();
+}).join(", "), _e = (e, t) => t.length === 0 ? !1 : t.some((t) => {
+	if (t === "*" || t === "*/*") return !0;
+	if (t.endsWith("/*")) {
+		let n = t.slice(0, -2);
+		return e.startsWith(`${n}/`);
+	}
+	return e === t;
+}), ve = (e) => {
 	if (!e) return _;
 	if (e.startsWith("image/")) switch (e) {
 		case "image/jpeg":
@@ -41,10 +65,10 @@ var Y = /* @__PURE__ */ function(e) {
 		case "image/png": return A;
 		case "image/svg+xml": return P;
 		case "image/bmp": return y;
-		default: return H;
+		default: return W;
 	}
-	if (e.startsWith("video/")) return ae;
-	if (e.startsWith("audio/")) return B;
+	if (e.startsWith("video/")) return re;
+	if (e.startsWith("audio/")) return U;
 	switch (e) {
 		case "application/pdf": return O;
 		case "application/msword":
@@ -52,20 +76,20 @@ var Y = /* @__PURE__ */ function(e) {
 		case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return C;
 		case "application/vnd.ms-powerpoint": return j;
 		case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return j;
-		case "application/vnd.ms-excel": return te;
-		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return te;
+		case "application/vnd.ms-excel": return z;
+		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return z;
 		case "application/zip":
 		case "application/x-zip-compressed":
 		case "application/x-rar-compressed":
 		case "application/x-7z-compressed":
 		case "application/gzip":
-		case "application/x-tar": return R;
+		case "application/x-tar": return V;
 		case "text/csv": return x;
 		case "text/plain": return L;
 		case "text/html":
 		case "application/xhtml+xml": return w;
 		case "text/xml":
-		case "application/xml": return ne;
+		case "application/xml": return B;
 		case "application/sql":
 		case "text/x-sql": return N;
 		case "text/javascript":
@@ -79,197 +103,214 @@ var Y = /* @__PURE__ */ function(e) {
 		case "application/x-php": return k;
 		case "text/x-rustsrc":
 		case "application/x-rust": return M;
-		case "text/x-vue": return ee;
+		case "text/x-vue": return R;
 		default: return _;
 	}
-}, ue = (e) => {
+}, ye = (e) => {
 	let { type: n, contentType: r } = e;
-	return n === t.Prompt ? ie : n === t.Pasted ? h : n === t.Image ? H : Z(r ?? "");
-}, de = (e) => {
+	return n === t.Prompt ? ne : n === t.Pasted ? h : n === t.Image ? W : ve(r ?? "");
+}, be = (e) => {
 	let t = e.toLowerCase().split(";")[0].trim(), n = i[t];
 	if (n) return n;
 	let r = t.split("/")[1];
 	if (r && !r.startsWith("vnd.") && !r.includes("+")) return r;
-}, fe = (e) => {
-	let { type: n, name: r, contentType: i } = e;
-	if (n === t.Prompt) return "Prompt";
-	if (n === t.Pasted) return "Pasted";
-	if (n === t.Image) return "Image";
-	if (i) {
-		let e = de(i);
+}, xe = (e, n) => {
+	let { type: r, name: i, contentType: a } = e;
+	if (r === t.Prompt) return n.promptLabel ?? "Prompt";
+	if (r === t.Pasted) return n.pastedLabel ?? "Pasted";
+	if (r === t.Image) return n.imageLabel ?? "Image";
+	if (a) {
+		let e = be(a);
 		if (e) return `.${e}`;
 	}
-	let a = r.lastIndexOf(".");
-	return a > 0 && a < r.length - 1 ? `.${r.slice(a + 1).toLowerCase()}` : r;
-}, pe = (e, n, r) => {
-	let { type: i, status: o, previewUrl: c, url: l } = e, u = o === a.Loading, d = o === a.Error, f = i === t.Image && !!(c ?? l) && !d, p = i === t.Audio && !d, m = s(X.card, d && X.cardError, n && X.cardSelected, !d && !n && i === t.Prompt && X.cardPrompt, !d && !n && i === t.Pasted && X.cardPasted);
+	let o = i.lastIndexOf(".");
+	return o > 0 && o < i.length - 1 ? `.${i.slice(o + 1).toLowerCase()}` : i;
+}, Se = (e, n, r, i = {}) => {
+	let { type: o, status: c, previewUrl: l, url: u } = e, d = c === a.Loading, f = c === a.Error, p = o === t.Image && !!(l ?? u) && !f, m = o === t.Audio && !f, h = s(X.card, f && X.cardError, n && X.cardSelected, !f && !n && o === t.Prompt && X.cardPrompt, !f && !n && o === t.Pasted && X.cardPasted);
 	return {
-		isLoading: u,
-		isError: d,
-		isImage: f,
-		isAudio: p,
-		areActionsVisible: d || r,
-		BottomIcon: ue(e),
-		typeLabel: fe(e),
-		cardColorClass: m,
-		removeBtnClass: f ? X.removeBtnImage : X.actionBtn
+		isLoading: d,
+		isError: f,
+		isImage: p,
+		isAudio: m,
+		areActionsVisible: f || r,
+		BottomIcon: ye(e),
+		typeLabel: xe(e, i),
+		cardColorClass: h,
+		removeBtnClass: p ? X.removeBtnImage : X.actionBtn
 	};
-}, me = (e) => {
-	let t = e.lastIndexOf(".");
-	return t > 0 ? e.slice(0, t) : e;
-}, he = ({ attachment: n, searchQuery: i = "", onRemove: a, onRetry: m, onExpand: h, onClick: _, isSelected: v, shouldAlwaysShowActions: y, removeLabel: b = "Remove attachment", retryLabel: x = "Retry upload", clickLabel: S = "Open attachment", colors: C, typography: w, roundedClassName: T = "rounded-xl", showHoverDownloadIcon: E = !1, className: D }) => {
-	let { id: O, name: k } = n, A = n.previewUrl ?? n.url, j = n.type === t.Pasted, M = j && h !== void 0, N = se(() => j ? k : me(k), [j, k]), P = o({
-		"--ci-card-border": C?.border,
-		"--ci-card-bg": C?.background,
-		"--ci-card-name": C?.nameText,
-		"--ci-card-meta": C?.metaText
-	}), { isLoading: F, isError: I, isImage: L, isAudio: ee, areActionsVisible: te, BottomIcon: ne, typeLabel: R, cardColorClass: z, removeBtnClass: B } = se(() => pe(n, v ?? !1, y ?? !1), [
+}, Ce = (e, t) => e <= 0 ? {
+	layout: Z.None,
+	visibleCount: 0,
+	hiddenCount: 0
+} : e < 5 || t ? {
+	layout: Z.AllVisible,
+	visibleCount: e,
+	hiddenCount: 0
+} : {
+	layout: Z.Collapsed,
+	visibleCount: 4,
+	hiddenCount: e - 4
+}, we = ({ attachment: n, searchQuery: i = "", onRemove: a, onRetry: m, onExpand: h, onClick: _, isSelected: v, shouldAlwaysShowActions: y, labels: b, typeLabels: x, styles: S, showHoverDownloadIcon: C = !1, className: w }) => {
+	let { removeLabel: T = "Remove attachment", retryLabel: E = "Retry upload", clickLabel: D = "Open attachment", expandLabel: O = "Expand pasted text", loadingLabel: k = "Loading attachment", uploadFailedStatusLabel: A = "Upload failed" } = b ?? {}, { colors: j, typography: M, roundedClassName: N = "rounded-xl" } = S ?? {}, { id: P, name: F } = n, I = n.previewUrl ?? n.url, L = n.type === t.Pasted, R = L && h !== void 0, z = oe(() => L ? F : me(F), [L, F]), B = o({
+		"--ci-card-border": j?.border,
+		"--ci-card-bg": j?.background,
+		"--ci-card-name": j?.nameText,
+		"--ci-card-meta": j?.metaText
+	}), { isLoading: V, isError: H, isImage: U, isAudio: ee, areActionsVisible: ne, BottomIcon: re, typeLabel: G, cardColorClass: K, removeBtnClass: ae } = oe(() => Se(n, v ?? !1, y ?? !1, x), [
 		n,
 		v,
-		y
-	]), V = _ !== void 0 && !M && !F && !I, ie = M || V, { imageRef: ae, imageLoadStatus: U } = le({
-		enabled: L,
-		src: A
-	}), W = () => {
-		M && h ? h(O) : V && _ && _(O);
-	}, ce = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), W());
+		y,
+		x
+	]), se = _ !== void 0 && !R && !V && !H, ce = R || se, { imageRef: de, imageLoadStatus: fe } = ue({
+		enabled: U,
+		src: I
+	}), Z = () => {
+		R && h ? h(P) : se && _ && _(P);
+	}, pe = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Z());
 	};
-	if (ee) return /* @__PURE__ */ J("div", {
-		style: P,
-		className: s("group flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 border p-3", T, z, D),
-		children: [/* @__PURE__ */ J("div", {
+	if (ee) return /* @__PURE__ */ Y("div", {
+		style: B,
+		className: s("group flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 border p-3", N, K, w),
+		children: [/* @__PURE__ */ Y("div", {
 			className: "flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ q("span", {
+			children: [/* @__PURE__ */ J("span", {
 				title: n.name,
-				className: s(w?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", X.name),
-				children: i ? /* @__PURE__ */ q(r, {
+				className: s(M?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", X.name),
+				children: i ? /* @__PURE__ */ J(r, {
 					text: n.name,
 					query: i,
 					maxLines: 1
 				}) : n.name
-			}), _ && /* @__PURE__ */ q(l, {
-				icon: /* @__PURE__ */ q(g, {
+			}), _ && /* @__PURE__ */ J(l, {
+				icon: /* @__PURE__ */ J(g, {
 					size: c.SM,
 					"aria-hidden": !0
 				}),
 				size: p.Small,
-				className: s("h-6 w-6 shrink-0 rounded", B),
-				"aria-label": S,
+				className: s("h-6 w-6 shrink-0 rounded", ae),
+				"aria-label": D,
 				onClick: (e) => {
-					e.stopPropagation(), _(O);
+					e.stopPropagation(), _(P);
 				}
 			})]
-		}), n.playUrl && /* @__PURE__ */ q("audio", {
+		}), n.playUrl && /* @__PURE__ */ J("audio", {
 			controls: !0,
 			src: n.playUrl,
+			"aria-label": n.name,
 			className: "w-full",
 			preload: "metadata"
 		})]
 	});
-	let G = s("group relative flex h-[100px] w-[100px] flex-shrink-0 border focus-within:outline focus-within:outline-1 focus-within:outline-offset-1", T, z, !L && "flex-col gap-3 p-3", ie && "cursor-pointer", D), Z = /* @__PURE__ */ J(K, { children: [
-		L ? /* @__PURE__ */ J("div", {
+	let he = s("group relative flex h-[100px] w-[100px] flex-shrink-0 border focus-within:outline focus-within:outline-1 focus-within:outline-offset-1", N, K, !U && "flex-col gap-3 p-3", ce && "cursor-pointer", w), ge = /* @__PURE__ */ Y(q, { children: [
+		U ? /* @__PURE__ */ Y("div", {
 			className: "relative h-full w-full overflow-hidden",
-			children: [U !== Y.Loaded && /* @__PURE__ */ q(u, {
+			children: [fe !== le.Loaded && /* @__PURE__ */ J(u, {
 				variant: d.Rectangular,
 				width: "100%",
 				height: "100%",
-				active: U === Y.Loading,
-				overlay: /* @__PURE__ */ q(H, {
+				active: fe === le.Loading,
+				overlay: /* @__PURE__ */ J(W, {
 					size: c.LG,
-					className: w?.placeholderIconClassName ?? "text-secondary",
+					className: M?.placeholderIconClassName ?? "text-secondary",
 					"aria-hidden": !0
 				}),
-				className: s("absolute inset-0", T)
-			}), /* @__PURE__ */ q("img", {
-				ref: ae,
-				src: A,
-				alt: k,
+				className: s("absolute inset-0", N)
+			}), /* @__PURE__ */ J("img", {
+				ref: de,
+				src: I,
+				alt: F,
 				loading: "lazy",
 				decoding: "async",
-				className: s("h-full w-full object-cover transition-opacity duration-200", U === Y.Loaded ? "opacity-100" : "opacity-0", T)
+				className: s("h-full w-full object-cover transition-opacity duration-200", fe === le.Loaded ? "opacity-100" : "opacity-0", N)
 			})]
-		}) : I ? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ J("div", {
+		}) : H ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ Y("div", {
 			className: "flex flex-row items-center gap-1 overflow-hidden",
-			children: [/* @__PURE__ */ q(ne, {
+			children: [/* @__PURE__ */ J(re, {
 				size: c.SM,
 				className: s("shrink-0", X.meta),
 				"aria-hidden": !0
-			}), /* @__PURE__ */ q("span", {
-				title: R,
-				className: s(w?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", X.meta),
-				children: R
+			}), /* @__PURE__ */ J("span", {
+				title: G,
+				className: s(M?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", X.meta),
+				children: G
 			})]
-		}), /* @__PURE__ */ q("div", {
+		}), /* @__PURE__ */ J("div", {
 			className: "min-w-0 flex-1",
-			children: /* @__PURE__ */ q("div", {
-				title: N,
-				className: s(w?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", X.name),
-				children: i ? /* @__PURE__ */ q(r, {
-					text: N,
+			children: /* @__PURE__ */ J("div", {
+				title: z,
+				className: s(M?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", X.name),
+				children: i ? /* @__PURE__ */ J(r, {
+					text: z,
 					query: i,
 					maxLines: 3
-				}) : N
+				}) : z
 			})
-		})] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("div", {
+		})] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J("div", {
 			className: "min-w-0 flex-1",
-			children: /* @__PURE__ */ q("div", {
-				title: N,
-				className: s(w?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", X.name),
-				children: i ? /* @__PURE__ */ q(r, {
-					text: N,
+			children: /* @__PURE__ */ J("div", {
+				title: z,
+				className: s(M?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", X.name),
+				children: i ? /* @__PURE__ */ J(r, {
+					text: z,
 					query: i,
 					maxLines: 3
-				}) : N
+				}) : z
 			})
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ Y("div", {
 			className: "flex flex-row items-center gap-1 overflow-hidden",
-			children: [/* @__PURE__ */ q(ne, {
+			children: [/* @__PURE__ */ J(re, {
 				size: c.SM,
 				className: s("shrink-0", X.meta),
 				"aria-hidden": !0
-			}), /* @__PURE__ */ q("span", {
-				title: R,
-				className: s(w?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", X.meta),
-				children: R
+			}), /* @__PURE__ */ J("span", {
+				title: G,
+				className: s(M?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", X.meta),
+				children: G
 			})]
 		})] }),
-		F && /* @__PURE__ */ q("span", {
-			className: s("absolute inset-0 flex items-center justify-center", T, X.loadingOverlay),
-			children: /* @__PURE__ */ q(f, {
+		V && /* @__PURE__ */ J("span", {
+			className: s("absolute inset-0 flex items-center justify-center", N, X.loadingOverlay),
+			children: /* @__PURE__ */ J(f, {
 				size: 40,
-				ariaLabel: "Loading attachment",
+				ariaLabel: k,
 				className: "z-50"
 			})
 		}),
-		!F && /* @__PURE__ */ J("div", {
-			className: s("absolute end-1 top-1 flex gap-1 transition-opacity", te ? "opacity-100" : "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100 mobile:opacity-100"),
+		/* @__PURE__ */ J("span", {
+			role: "status",
+			"aria-live": "polite",
+			className: "sr-only",
+			children: H ? A : ""
+		}),
+		!V && /* @__PURE__ */ Y("div", {
+			className: s("absolute end-1 top-1 flex gap-1 transition-opacity", ne ? "opacity-100" : "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100 mobile:opacity-100"),
 			children: [
-				I && m && n.errorReason !== e.UnsupportedType && /* @__PURE__ */ q(l, {
-					icon: /* @__PURE__ */ q(re, {
+				H && m && n.errorReason !== e.UnsupportedType && /* @__PURE__ */ J(l, {
+					icon: /* @__PURE__ */ J(te, {
 						size: c.SM,
 						"aria-hidden": !0
 					}),
 					size: p.Small,
-					className: s("h-6 w-6 rounded", B),
-					"aria-label": x,
+					className: s("h-6 w-6 rounded", ae),
+					"aria-label": E,
 					onClick: (e) => {
-						e.stopPropagation(), m(O);
+						e.stopPropagation(), m(P);
 					}
 				}),
-				a && /* @__PURE__ */ q(l, {
-					icon: /* @__PURE__ */ q(oe, {
+				a && /* @__PURE__ */ J(l, {
+					icon: /* @__PURE__ */ J(ie, {
 						size: c.SM,
 						"aria-hidden": !0
 					}),
 					size: p.Small,
-					className: s("h-6 w-6 rounded", B),
-					"aria-label": b,
+					className: s("h-6 w-6 rounded", ae),
+					"aria-label": T,
 					onClick: (e) => {
-						e.stopPropagation(), a?.(O);
+						e.stopPropagation(), a?.(P);
 					}
 				}),
-				E && !a && !I && /* @__PURE__ */ q(g, {
+				C && !a && !H && /* @__PURE__ */ J(g, {
 					size: c.SM,
 					"aria-hidden": !0,
 					className: s("h-6 w-6 rounded-lg p-1", X.hoverDownloadIcon)
@@ -277,214 +318,222 @@ var Y = /* @__PURE__ */ function(e) {
 			]
 		})
 	] });
-	return ie ? /* @__PURE__ */ q("div", {
-		style: P,
-		className: G,
-		onClick: W,
-		onKeyDown: ce,
+	return ce ? /* @__PURE__ */ J("div", {
+		style: B,
+		className: he,
+		onClick: Z,
+		onKeyDown: pe,
 		tabIndex: 0,
 		role: "button",
-		"aria-label": V ? S : void 0,
-		children: Z
-	}) : /* @__PURE__ */ q("div", {
-		style: P,
-		className: G,
-		children: Z
+		"aria-label": se ? D : R ? O : void 0,
+		children: ge
+	}) : /* @__PURE__ */ J("div", {
+		style: B,
+		className: he,
+		children: ge
+	});
+}, Te = ({ attachments: e, onRemove: t, onRetry: n, onExpand: r, onAttachmentClick: i, labels: a, className: o }) => {
+	let { ariaLabel: c = "Attached files", removeLabel: l, retryLabel: u, clickLabel: d } = a ?? {};
+	return e.length === 0 ? null : /* @__PURE__ */ J("div", {
+		role: "list",
+		"aria-label": c,
+		className: s("flex w-full min-w-0 gap-2 overflow-x-auto", o),
+		children: e.map((e) => /* @__PURE__ */ J("div", {
+			role: "listitem",
+			children: /* @__PURE__ */ J(we, {
+				attachment: e,
+				onRemove: t,
+				onRetry: n,
+				onExpand: r,
+				labels: {
+					removeLabel: l,
+					retryLabel: u,
+					clickLabel: d
+				},
+				onClick: i ? () => i(e) : void 0
+			})
+		}, e.id))
 	});
-}, ge = ({ attachments: e, onRemove: t, onRetry: n, onExpand: r, ariaLabel: i = "Attached files", removeLabel: a, retryLabel: o, onAttachmentClick: c, clickLabel: l, className: u }) => e.length === 0 ? null : /* @__PURE__ */ q("div", {
-	role: "list",
-	"aria-label": i,
-	className: s("flex w-full min-w-0 gap-2 overflow-x-auto", u),
-	children: e.map((e) => /* @__PURE__ */ q("div", {
-		role: "listitem",
-		children: /* @__PURE__ */ q(he, {
-			attachment: e,
-			onRemove: t,
-			onRetry: n,
-			onExpand: r,
-			removeLabel: a,
-			retryLabel: o,
-			onClick: c ? () => c(e) : void 0,
-			clickLabel: l
-		})
-	}, e.id))
-}), _e = /* @__PURE__ */ function(e) {
-	return e.None = "none", e.AllVisible = "all-visible", e.Collapsed = "collapsed", e;
-}({}), ve = 5, ye = 4, be = (e, t) => e <= 0 ? {
-	layout: "none",
-	visibleCount: 0,
-	hiddenCount: 0
-} : e < 5 || t ? {
-	layout: "all-visible",
-	visibleCount: e,
-	hiddenCount: 0
-} : {
-	layout: "collapsed",
-	visibleCount: 4,
-	hiddenCount: e - 4
 }, Q = {
-	tile: "_tile_1x7ag_2",
-	tileLight: "_tileLight_1x7ag_27",
-	tileError: "_tileError_1x7ag_31",
-	nameText: "_nameText_1x7ag_38",
-	typeText: "_typeText_1x7ag_39",
-	retryIcon: "_retryIcon_1x7ag_51",
-	hoverIcon: "_hoverIcon_1x7ag_55",
-	track: "_track_1x7ag_60",
-	indeterminateFill: "_indeterminateFill_1x7ag_64",
-	"attachment-tile-indeterminate": "_attachment-tile-indeterminate_1x7ag_1"
-}, xe = {
+	tile: "_tile_488nu_1",
+	tileLight: "_tileLight_488nu_12",
+	tileError: "_tileError_488nu_16",
+	nameText: "_nameText_488nu_23",
+	typeText: "_typeText_488nu_24",
+	retryIcon: "_retryIcon_488nu_36",
+	hoverIcon: "_hoverIcon_488nu_40",
+	track: "_track_488nu_45",
+	indeterminateFill: "_indeterminateFill_488nu_49",
+	"attachment-tile-indeterminate": "_attachment-tile-indeterminate_488nu_1"
+}, Ee = {
 	[e.Network]: "Upload failed · network error",
 	[e.UnsupportedType]: "Upload failed · unsupported file type"
-}, Se = ({ attachment: t, onClick: r, onRetry: i, clickLabel: o = "Download attachment", retryLabel: u = "Retry upload", theme: d = n.Dark, className: f }) => {
-	let { id: m, name: h, status: _, errorReason: v } = t, y = _ === a.Loading, b = _ === a.Error, x = b && (v && xe[v] || "Upload failed"), { BottomIcon: S, typeLabel: C } = pe(t, !1, !1), w = !b && !y && r !== void 0, T = b && !!i && v !== e.UnsupportedType, E = w || T ? "pe-5" : void 0, D = () => {
-		w && r?.(t);
-	}, O = (e) => {
-		(e.key === "Enter" || e.key === " ") && w && (e.preventDefault(), D());
-	}, k = s("group relative flex size-[84px] flex-col justify-between gap-1 overflow-hidden rounded-xl border p-1.5", Q.tile, !b && d === n.Light && Q.tileLight, b && Q.tileError), A = /* @__PURE__ */ q("div", {
-		title: h,
-		className: s("dial-caption-text line-clamp-2 min-w-0 break-words", Q.nameText, !b && E),
-		children: h
-	}), j = /* @__PURE__ */ J("div", {
-		className: s("flex items-center gap-1 overflow-hidden", b && E),
-		children: [/* @__PURE__ */ q(S, {
+}, De = ({ attachment: t, onClick: r, onRetry: i, labels: o, typeLabels: u, styles: d, theme: f = n.Dark, className: m }) => {
+	let { clickLabel: h = "Download attachment", retryLabel: _ = "Retry upload", sizeLabel: v, uploadingLabel: y = "Uploading", errorReasonLabels: b, genericErrorLabel: x = "Upload failed" } = o ?? {}, { nameClassName: S = "dial-caption-text", metaClassName: C = "dial-caption-text" } = d ?? {}, { id: w, name: T, status: E, errorReason: D } = t, O = E === a.Loading, k = E === a.Error, A = ae(), j = k && (D && (b?.[D] ?? Ee[D]) || x), { BottomIcon: M, typeLabel: N } = Se(t, !1, !1, u), P = !k && !O && r !== void 0, F = k && !!i && D !== e.UnsupportedType, I = P || F ? "pe-5" : void 0, L = () => {
+		P && r?.(t);
+	}, R = (e) => {
+		(e.key === "Enter" || e.key === " ") && P && (e.preventDefault(), L());
+	}, z = s("group relative flex size-[84px] flex-col justify-between gap-1 overflow-hidden rounded-xl border p-1.5", Q.tile, !k && f === n.Light && Q.tileLight, k && Q.tileError), B = /* @__PURE__ */ J("div", {
+		title: T,
+		className: s(S, "line-clamp-2 min-w-0 break-words", Q.nameText, !k && I),
+		children: T
+	}), V = /* @__PURE__ */ Y("div", {
+		className: s("flex items-center gap-1 overflow-hidden", k && I),
+		children: [/* @__PURE__ */ J(M, {
 			size: 16,
 			className: Q.typeText,
 			"aria-hidden": !0
-		}), /* @__PURE__ */ q("span", {
-			className: s("dial-caption-text truncate", Q.typeText),
-			children: C
+		}), /* @__PURE__ */ J("span", {
+			className: s(C, "truncate", Q.typeText),
+			children: v ? `${N} · ${v}` : N
 		})]
-	}), M = /* @__PURE__ */ J(K, { children: [
-		b ? /* @__PURE__ */ J(K, { children: [j, A] }) : /* @__PURE__ */ J(K, { children: [A, j] }),
-		y && /* @__PURE__ */ q("div", {
+	}), H = /* @__PURE__ */ Y(q, { children: [
+		k ? /* @__PURE__ */ Y(q, { children: [V, B] }) : /* @__PURE__ */ Y(q, { children: [B, V] }),
+		O && /* @__PURE__ */ J("div", {
 			role: "progressbar",
-			"aria-label": "Uploading",
+			"aria-label": y,
 			className: s("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", Q.track),
-			children: /* @__PURE__ */ q("div", { className: s("h-full w-1/3 rounded-full", Q.indeterminateFill) })
+			children: /* @__PURE__ */ J("div", { className: s("h-full w-1/3 rounded-full", Q.indeterminateFill) })
 		}),
-		w && /* @__PURE__ */ q(g, {
+		P && /* @__PURE__ */ J(g, {
 			size: c.SM,
 			"aria-hidden": !0,
 			className: s("absolute end-1 top-1 h-6 w-6 rounded-lg p-1 opacity-0 transition-opacity group-hover:opacity-100 mobile:opacity-100", Q.hoverIcon)
 		}),
-		T && /* @__PURE__ */ q(l, {
-			icon: /* @__PURE__ */ q(re, {
+		F && /* @__PURE__ */ J(l, {
+			icon: /* @__PURE__ */ J(te, {
 				size: c.SM,
 				"aria-hidden": !0
 			}),
 			size: p.Small,
 			className: s("absolute end-1 top-1 h-6 w-6 rounded-lg", Q.retryIcon),
-			"aria-label": u,
+			"aria-label": _,
+			"aria-describedby": j ? A : void 0,
 			onClick: (e) => {
-				e.stopPropagation(), i(m);
+				e.stopPropagation(), i(w);
 			}
+		}),
+		k && /* @__PURE__ */ J("span", {
+			id: A,
+			role: "status",
+			"aria-live": "polite",
+			className: "sr-only",
+			children: j
 		})
 	] });
-	return /* @__PURE__ */ q("div", {
-		className: s("inline-flex", f),
-		children: w ? /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ J("div", {
+		className: s("inline-flex", m),
+		children: P ? /* @__PURE__ */ J("div", {
 			role: "button",
 			tabIndex: 0,
-			"aria-label": o,
-			onClick: D,
-			onKeyDown: O,
-			className: s(k, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
-			children: M
-		}) : /* @__PURE__ */ q("div", {
-			className: k,
-			title: x || void 0,
-			children: M
+			"aria-label": h,
+			onClick: L,
+			onKeyDown: R,
+			className: s(z, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
+			children: H
+		}) : /* @__PURE__ */ J("div", {
+			className: z,
+			title: j || void 0,
+			role: k ? "group" : void 0,
+			"aria-describedby": k ? A : void 0,
+			tabIndex: k ? 0 : void 0,
+			children: H
 		})
 	});
-}, Ce = { tile: "_tile_kvom5_1" }, we = ({ count: e, onClick: t, ariaLabel: n, children: r, className: i }) => /* @__PURE__ */ q("button", {
+}, Oe = { tile: "_tile_1s4d7_1" }, ke = ({ count: e, onClick: t, ariaLabel: n, children: r, fontClassName: i = "dial-small-semi-text", className: a }) => /* @__PURE__ */ J("button", {
 	type: "button",
 	onClick: t,
 	"aria-label": n ?? `Show ${e} more attachments`,
-	className: s("dial-small-semi-text flex size-[84px] items-center justify-center rounded-xl border", Ce.tile, i),
-	children: r ?? /* @__PURE__ */ q("bdi", {
+	className: s("flex size-[84px] items-center justify-center rounded-xl border", i, Oe.tile, a),
+	children: r ?? /* @__PURE__ */ J("bdi", {
 		dir: "ltr",
 		children: `+${e}`
 	})
 }), $ = {
-	container: "_container_4zxg9_1",
-	headerIcon: "_headerIcon_4zxg9_6",
-	headerLabel: "_headerLabel_4zxg9_7",
-	downloadAllButton: "_downloadAllButton_4zxg9_8",
-	imageTile: "_imageTile_4zxg9_12"
-}, Te = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, Ee = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, getSizeLabel: o, ariaLabel: u = "Attachments", clickLabel: d = "Download attachment", retryLabel: f = "Retry upload", showLessLabel: p = "Show less", downloadAllLabel: h = "Download all", theme: v, className: y }) => {
-	let [b, x] = G(!1), S = se(() => be(e.length, b), [e.length, b]);
+	container: "_container_7fktb_1",
+	headerIcon: "_headerIcon_7fktb_6",
+	headerLabel: "_headerLabel_7fktb_7",
+	downloadAllButton: "_downloadAllButton_7fktb_8",
+	imageTile: "_imageTile_7fktb_12"
+}, Ae = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, je = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, getSizeLabel: o, labels: u, typeLabels: d, styles: f, theme: p, className: h }) => {
+	let { ariaLabel: v = "Attachments", clickLabel: y = "Download attachment", retryLabel: b = "Retry upload", showLessLabel: x = "Show less", downloadAllLabel: S = "Download all", getHeaderLabel: C = (e) => Ae(e, "attachment") } = u ?? {}, { headerLabelClassName: w = "dial-tiny-semi-text" } = f ?? {}, [T, E] = ce(!1), D = oe(() => Ce(e.length, T), [e.length, T]);
 	if (e.length === 0) return null;
-	let C = e.some((e) => e.type === t.Image), w = e.some((e) => e.type !== t.Image), T = C && w, E = e.length >= 5, D = T ? V : C ? H : _, O = Te(e.length, "attachment"), k = e.slice(0, S.visibleCount);
-	return /* @__PURE__ */ J("div", {
+	let O = e.some((e) => e.type === t.Image), k = e.some((e) => e.type !== t.Image), A = O && k, j = e.length >= 5, M = A ? ee : O ? W : _, N = C(e.length), P = e.slice(0, D.visibleCount);
+	return /* @__PURE__ */ Y("div", {
 		role: "group",
-		"aria-label": u,
-		className: s("rounded-2xl border p-3", E ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", $.container, y),
-		children: [/* @__PURE__ */ J("div", {
+		"aria-label": v,
+		className: s("rounded-2xl border p-3", j ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", $.container, h),
+		children: [/* @__PURE__ */ Y("div", {
 			className: "mb-3 flex min-h-6 items-center gap-2",
 			children: [
-				/* @__PURE__ */ q(D, {
+				/* @__PURE__ */ J(M, {
 					size: c.SM,
 					className: s("shrink-0", $.headerIcon),
 					"aria-hidden": !0
 				}),
-				/* @__PURE__ */ q("span", {
-					className: s("dial-tiny-semi-text", $.headerLabel),
-					children: O
+				/* @__PURE__ */ J("span", {
+					className: s(w, $.headerLabel),
+					children: N
 				}),
-				e.length >= 2 && (r || n) && /* @__PURE__ */ q(l, {
-					icon: /* @__PURE__ */ q(g, {
+				e.length >= 2 && (r || n) && /* @__PURE__ */ J(l, {
+					icon: /* @__PURE__ */ J(g, {
 						size: c.SM,
 						"aria-hidden": !0
 					}),
 					className: s("ms-auto h-6 w-6 rounded-lg", $.downloadAllButton),
-					"aria-label": h,
+					"aria-label": S,
 					onClick: () => {
 						let t = e.filter((e) => e.status === a.Idle);
 						r ? r(t) : t.forEach((e) => n?.(e));
 					}
 				})
 			]
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ Y("div", {
 			role: "list",
-			"aria-label": O,
-			className: s("gap-3", E ? "grid grid-cols-[repeat(5,84px)] overflow-x-auto" : "flex flex-wrap"),
+			"aria-label": N,
+			className: s("gap-3", j ? "grid grid-cols-[repeat(5,84px)] overflow-x-auto" : "flex flex-wrap"),
 			children: [
-				k.map((e) => /* @__PURE__ */ q("div", {
+				P.map((e) => /* @__PURE__ */ J("div", {
 					role: "listitem",
-					children: e.type === t.Image ? /* @__PURE__ */ q(he, {
+					children: e.type === t.Image ? /* @__PURE__ */ J(we, {
 						attachment: e,
 						onClick: n ? () => n(e) : void 0,
 						onRetry: i,
-						clickLabel: d,
-						retryLabel: f,
-						roundedClassName: "rounded-xl",
+						labels: {
+							clickLabel: y,
+							retryLabel: b
+						},
+						typeLabels: d,
+						styles: { roundedClassName: "rounded-xl" },
 						showHoverDownloadIcon: !0,
 						className: s("size-[84px]", $.imageTile)
-					}) : /* @__PURE__ */ q(Se, {
+					}) : /* @__PURE__ */ J(De, {
 						attachment: e,
-						sizeLabel: o?.(e),
 						onClick: n,
 						onRetry: i,
-						clickLabel: d,
-						retryLabel: f,
-						theme: v
+						labels: {
+							clickLabel: y,
+							retryLabel: b,
+							sizeLabel: o?.(e)
+						},
+						typeLabels: d,
+						theme: p
 					})
 				}, e.id)),
-				S.layout === _e.Collapsed && /* @__PURE__ */ q("div", {
+				D.layout === Z.Collapsed && /* @__PURE__ */ J("div", {
 					role: "listitem",
-					children: /* @__PURE__ */ q(we, {
-						count: S.hiddenCount,
-						onClick: () => x(!0)
+					children: /* @__PURE__ */ J(ke, {
+						count: D.hiddenCount,
+						onClick: () => E(!0)
 					})
 				}),
-				E && b && /* @__PURE__ */ q("div", {
+				j && T && /* @__PURE__ */ J("div", {
 					role: "listitem",
-					children: /* @__PURE__ */ q(we, {
+					children: /* @__PURE__ */ J(ke, {
 						count: 0,
-						onClick: () => x(!1),
-						ariaLabel: p,
-						children: /* @__PURE__ */ q(m, {
+						onClick: () => E(!1),
+						ariaLabel: x,
+						children: /* @__PURE__ */ J(m, {
 							size: c.MD,
 							"aria-hidden": !0
 						})
@@ -493,86 +542,88 @@ var Y = /* @__PURE__ */ function(e) {
 			]
 		})]
 	});
-}, De = ({ isVisible: e, isAttachmentsAllowed: t = !0, title: n, subtitle: r, iconClassName: i = "text-accent-primary", deniedIconClassName: a = "text-error", titleClassName: o = "heading-3 font-semibold", subtitleClassName: c = "dial-small-text" }) => {
+}, Me = {
+	overlay: "_overlay_wr7ez_1",
+	icon: "_icon_wr7ez_5",
+	deniedIcon: "_deniedIcon_wr7ez_9"
+}, Ne = ({ isVisible: e, isAttachmentsAllowed: t = !0, title: n, subtitle: r, styles: i }) => {
+	let { colors: a, typography: c } = i ?? {}, { titleClassName: l = "heading-3 font-semibold", subtitleClassName: u = "dial-small-text" } = c ?? {};
 	if (!e) return null;
-	let l = n ?? (t ? "Attach files" : "No attachments allowed"), u = r ?? (t ? "Drop files here to attach them to message" : "Attachments can't be added to message"), d = t ? i : a, f = (e) => {
+	let d = o({
+		"--fd-bg": a?.background,
+		"--fd-icon": a?.icon,
+		"--fd-denied-icon": a?.deniedIcon
+	}), f = n ?? (t ? "Attach files" : "No attachments allowed"), p = r ?? (t ? "Drop files here to attach them to message" : "Attachments can't be added to message"), m = t ? Me.icon : Me.deniedIcon, h = (e) => {
 		e.preventDefault();
-	}, p = t ? v : z;
-	return /* @__PURE__ */ q("div", {
-		className: s("fixed inset-0 z-[9999] flex items-center justify-center bg-blackout backdrop-blur-sm", t ? "pointer-events-none" : "pointer-events-auto cursor-not-allowed"),
-		onDragOver: t ? void 0 : f,
-		onDrop: t ? void 0 : f,
-		children: /* @__PURE__ */ J("div", {
+	}, g = t ? v : H;
+	return /* @__PURE__ */ J("div", {
+		role: "status",
+		"aria-live": "polite",
+		className: s("fixed inset-0 z-[9999] flex items-center justify-center backdrop-blur-sm", Me.overlay, t ? "pointer-events-none" : "pointer-events-auto cursor-not-allowed"),
+		onDragOver: t ? void 0 : h,
+		onDrop: t ? void 0 : h,
+		style: d,
+		children: /* @__PURE__ */ Y("div", {
 			className: "flex flex-col items-center text-center",
 			children: [
-				/* @__PURE__ */ q(p, {
+				/* @__PURE__ */ J(g, {
 					size: 100,
-					className: d
+					className: m,
+					"aria-hidden": !0
 				}),
-				/* @__PURE__ */ q("span", {
-					className: s("mt-5", o),
-					children: l
+				/* @__PURE__ */ J("span", {
+					className: s("mt-5", l),
+					children: f
 				}),
-				/* @__PURE__ */ q("span", {
-					className: s("mt-4", c),
-					children: u
+				/* @__PURE__ */ J("span", {
+					className: s("mt-4", u),
+					children: p
 				})
 			]
 		})
 	});
-}, Oe = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, ke = (e, n) => ({ handlePaste: U((r) => {
-	if (!r.clipboardData) return;
-	let i = Array.from(r.clipboardData.items).filter((e) => e.kind === "file" && e.type.startsWith("image/")), o = r.clipboardData.getData("text/plain").length > 0;
-	if (i.length > 0 && !o) {
-		let n = [];
-		for (let e of i) {
-			let r = e.getAsFile();
-			if (!r) continue;
-			let i = new File([r], "Screenshot.png", { type: r.type }), o = {
-				id: Oe(),
-				name: "Screenshot.png",
-				contentType: r.type,
-				file: i,
-				type: t.Image,
-				status: a.Idle,
-				previewUrl: URL.createObjectURL(i)
+}, Pe = (e, n, r = {}) => {
+	let { screenshotName: i = "Screenshot.png", pastedTextName: o = "Pasted text" } = r;
+	return { handlePaste: G((r) => {
+		if (!r.clipboardData) return;
+		let s = Array.from(r.clipboardData.items).filter((e) => e.kind === "file" && e.type.startsWith("image/")), c = r.clipboardData.getData("text/plain").length > 0;
+		if (s.length > 0 && !c) {
+			let n = [];
+			for (let e of s) {
+				let r = e.getAsFile();
+				if (!r) continue;
+				let o = new File([r], i, { type: r.type }), s = {
+					id: pe(),
+					name: i,
+					contentType: r.type,
+					file: o,
+					type: t.Image,
+					status: a.Idle,
+					previewUrl: URL.createObjectURL(o)
+				};
+				n.push(s);
+			}
+			r.preventDefault(), e(n);
+			return;
+		}
+		let l = r.clipboardData.getData("text/plain");
+		if (l.length > n) {
+			let n = l.trim(), i = (n.length > 80 ? `${n.slice(0, 80).trimEnd()}…` : n) || o, s = new File([l], i, { type: "text/plain" }), c = {
+				id: pe(),
+				name: i,
+				contentType: "text/plain",
+				file: s,
+				type: t.Pasted,
+				status: a.Idle
 			};
-			n.push(o);
+			r.preventDefault(), e([c]);
 		}
-		r.preventDefault(), e(n);
-		return;
-	}
-	let s = r.clipboardData.getData("text/plain");
-	if (s.length > n) {
-		let n = s.trim(), i = (n.length > 80 ? `${n.slice(0, 80).trimEnd()}…` : n) || "Pasted text", o = new File([s], i, { type: "text/plain" }), c = {
-			id: Oe(),
-			name: i,
-			contentType: "text/plain",
-			file: o,
-			type: t.Pasted,
-			status: a.Idle
-		};
-		r.preventDefault(), e([c]);
-	}
-}, [e, n]) }), Ae = {
-	image: "Image files",
-	audio: "Audio files",
-	video: "Video files",
-	text: "Text files"
-}, je = (e) => e.map((e) => {
-	if (e.endsWith("/*")) {
-		let t = e.slice(0, -2);
-		return Ae[t] ?? `${t} files`;
-	}
-	let t = e.split("/")[1];
-	return t == null ? e.toUpperCase() : t.toUpperCase();
-}).join(", "), Me = (e, t) => t.length === 0 ? !1 : t.some((t) => {
-	if (t === "*" || t === "*/*") return !0;
-	if (t.endsWith("/*")) {
-		let n = t.slice(0, -2);
-		return e.startsWith(`${n}/`);
-	}
-	return e === t;
-}), Ne = 100;
+	}, [
+		e,
+		n,
+		i,
+		o
+	]) };
+}, Fe = 100;
 //#endregion
-export { ye as ATTACHMENT_COLLAPSED_VISIBLE_COUNT, ve as ATTACHMENT_COLLAPSE_THRESHOLD, he as AttachmentCard, Se as AttachmentFileRow, Ee as AttachmentGroup, we as AttachmentMoreTile, _e as AttachmentTilesLayout, ge as AttachmentTray, De as FileDndOverlay, Y as LazyImageLoadStatus, Ne as MAX_UPLOADS_PER_MINUTE, Oe as generateAttachmentId, pe as getAttachmentCardState, Z as getAttachmentIcon, be as getAttachmentTilesPlan, de as getExtFromContentType, me as getNameWithoutExtension, Me as isMimeTypeAllowed, je as mimeTypesToExtensionLabels, ke as useClipboardPaste, le as useLazyImageLoad };
+export { fe as ATTACHMENT_COLLAPSED_VISIBLE_COUNT, de as ATTACHMENT_COLLAPSE_THRESHOLD, we as AttachmentCard, De as AttachmentFileRow, je as AttachmentGroup, ke as AttachmentMoreTile, Z as AttachmentTilesLayout, Te as AttachmentTray, Ne as FileDndOverlay, le as LazyImageLoadStatus, Fe as MAX_UPLOADS_PER_MINUTE, pe as generateAttachmentId, Se as getAttachmentCardState, ve as getAttachmentIcon, Ce as getAttachmentTilesPlan, be as getExtFromContentType, me as getNameWithoutExtension, _e as isMimeTypeAllowed, ge as mimeTypesToExtensionLabels, Pe as useClipboardPaste, ue as useLazyImageLoad };