@epam/ai-dial-attachment-input 1.0.0-rc.2 → 1.1.0-dev.101

package/index.js

@@ -1,177 +1,163 @@
-import { AttachmentErrorReason as e, AttachmentType as t, Highlight as n, MIME_TYPE_EXT_MAP as r, RequestStatus as i, buildCssVars as a, mergeClasses as o } from "@epam/ai-dial-chat-shared";
-import { useCallback as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
-import { IconChevronUp as p, IconClipboard as m, IconDownload as h, IconExternalLink 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 ee, IconMusic as te, IconPaperclip as H, IconPhoto as U, IconReload as ne, IconTerminal2 as re, IconVideo as ie, IconX as ae } from "@tabler/icons-react";
-import { DIAL_ICON_SIZE as W, DialGhostIconButton as oe, DialSkeleton as se, DialSkeletonVariant as ce, ElementSize as le } from "@epam/ai-dial-ui-kit";
-import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";
-//#region src/constants/attachment-group.ts
-var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-xl border", J = /* @__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) => {
+import { AttachmentErrorReason as e, AttachmentType as t, MIME_TYPE_EXT_MAP as n, RequestStatus as r, buildCssVars as i, mergeClasses as a } from "@epam/ai-dial-chat-shared";
+import { useCallback as o, useEffect as s, useId as c, useMemo as l, useRef as u, useState as d } from "react";
+import { IconClipboard as f, IconDownload as p, IconExternalLink as m, IconFile as h, IconFileDescription as g, IconFileTypeBmp as _, IconFileTypeCss as v, IconFileTypeCsv as y, IconFileTypeDoc as b, IconFileTypeDocx as x, IconFileTypeHtml as S, IconFileTypeJpg as C, IconFileTypeJs as w, IconFileTypeJsx as T, IconFileTypePdf as E, IconFileTypePhp as D, IconFileTypePng as O, IconFileTypePpt as k, IconFileTypeRs as A, IconFileTypeSql as j, IconFileTypeSvg as M, IconFileTypeTs as N, IconFileTypeTsx as P, IconFileTypeTxt as F, IconFileTypeVue as I, IconFileTypeXls as L, IconFileTypeXml as R, IconFileTypeZip as z, IconFileX as B, IconMusic as ee, IconPaperclip as V, IconPhoto as H, IconReload as te, IconTerminal2 as U, IconVideo as W, IconX as ne } from "@tabler/icons-react";
+import { DIAL_ICON_SIZE as G, DialSkeleton as re, DialSkeletonVariant as ie, DialSpinner as ae, ElementSize as oe, GhostIconButton as se, Highlight as ce } from "@epam/ai-dial-ui-kit";
+import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+//#region src/utils/attachment.ts
+var Y = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, le = (e) => {
+	if (e == null) return "";
 	let t = e.lastIndexOf(".");
 	return t > 0 ? e.slice(0, t) : e;
-}, he = {
+}, ue = {
 	image: "Image files",
 	audio: "Audio files",
 	video: "Video files",
 	text: "Text files"
-}, ge = (e, t = he) => e.map((e) => {
+}, de = (e, t = ue) => 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) => {
+}).join(", "), fe = (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 _;
+}), pe = (e) => {
+	if (!e) return h;
 	if (e.startsWith("image/")) switch (e) {
 		case "image/jpeg":
-		case "image/jpg": return T;
-		case "image/png": return A;
-		case "image/svg+xml": return P;
-		case "image/bmp": return y;
-		default: return U;
+		case "image/jpg": return C;
+		case "image/png": return O;
+		case "image/svg+xml": return M;
+		case "image/bmp": return _;
+		default: return H;
 	}
-	if (e.startsWith("video/")) return ie;
-	if (e.startsWith("audio/")) return te;
+	if (e.startsWith("video/")) return W;
+	if (e.startsWith("audio/")) return ee;
 	switch (e) {
-		case "application/pdf": return O;
+		case "application/pdf": return E;
 		case "application/msword":
-		case "application/vnd.ms-word": return S;
-		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 z;
-		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return z;
+		case "application/vnd.ms-word": return b;
+		case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return x;
+		case "application/vnd.ms-powerpoint": return k;
+		case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return k;
+		case "application/vnd.ms-excel": return L;
+		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return L;
 		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 V;
-		case "text/csv": return x;
-		case "text/plain": return L;
+		case "application/x-tar": return z;
+		case "text/csv": return y;
+		case "text/plain": return F;
 		case "text/html":
-		case "application/xhtml+xml": return w;
+		case "application/xhtml+xml": return S;
 		case "text/xml":
-		case "application/xml": return B;
+		case "application/xml": return R;
 		case "application/sql":
-		case "text/x-sql": return N;
+		case "text/x-sql": return j;
 		case "text/javascript":
-		case "application/javascript": return E;
-		case "text/jsx": return D;
+		case "application/javascript": return w;
+		case "text/jsx": return T;
 		case "application/typescript":
-		case "text/typescript": return F;
-		case "text/tsx": return I;
-		case "text/css": return b;
+		case "text/typescript": return N;
+		case "text/tsx": return P;
+		case "text/css": return v;
 		case "text/x-php":
-		case "application/x-php": return k;
+		case "application/x-php": return D;
 		case "text/x-rustsrc":
-		case "application/x-rust": return M;
-		case "text/x-vue": return R;
-		default: return _;
+		case "application/x-rust": return A;
+		case "text/x-vue": return I;
+		default: return h;
 	}
-}, ye = (e) => {
+}, me = (e) => {
 	let { type: n, contentType: r } = e;
-	return n === t.Prompt ? re : n === t.Pasted ? m : n === t.Image ? U : ve(r ?? "");
-}, be = (e) => {
-	let t = e.toLowerCase().split(";")[0].trim(), n = r[t];
-	if (n) return n;
+	return n === t.Prompt ? U : n === t.Pasted ? f : n === t.Image ? H : pe(r ?? "");
+}, he = (e) => {
+	let t = e.toLowerCase().split(";")[0].trim(), r = n[t];
+	if (r) return r;
 	let i = t.split("/")[1];
 	if (i && !i.startsWith("vnd.") && !i.includes("+")) return i;
-}, xe = (e, n) => {
+}, ge = (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);
+		let e = he(a);
 		if (e) return `.${e}`;
 	}
 	let o = i.lastIndexOf(".");
 	return o > 0 && o < i.length - 1 ? `.${i.slice(o + 1).toLowerCase()}` : i;
-}, Y = (e, n = {}) => {
-	let { type: r, status: a, previewUrl: o, url: s } = e, c = a === i.Loading, l = a === i.Error, u = r === t.Image && !!(o ?? s) && !l, d = r === t.Audio && !l, f = r === t.Link && !l;
+}, X = (e, n = {}) => {
+	let { type: i, status: a, previewUrl: o, url: s } = e, c = a === r.Loading, l = a === r.Error, u = i === t.Image && !!(o ?? s) && !l, d = i === t.Audio && !l, f = i === t.Link && !l;
 	return {
 		isLoading: c,
 		isError: l,
 		isImage: u,
 		isAudio: d,
 		isLink: f,
-		BottomIcon: f ? null : ye(e),
-		typeLabel: f ? null : xe(e, n)
+		BottomIcon: f ? null : me(e),
+		typeLabel: f ? null : ge(e, n)
 	};
-}, Se = (e, t) => e <= 0 ? {
-	layout: J.None,
-	visibleCount: 0,
-	hiddenCount: 0
-} : e < 5 || t ? {
-	layout: J.AllVisible,
-	visibleCount: e,
-	hiddenCount: 0
-} : {
-	layout: J.Collapsed,
-	visibleCount: 4,
-	hiddenCount: e - 4
-}, X = {
-	tile: "_tile_3x6ks_1",
-	tileLight: "_tileLight_3x6ks_12",
-	tileError: "_tileError_3x6ks_16",
-	nameText: "_nameText_3x6ks_23",
-	typeText: "_typeText_3x6ks_24",
-	retryIcon: "_retryIcon_3x6ks_36",
-	hoverIcon: "_hoverIcon_3x6ks_40",
-	track: "_track_3x6ks_48",
-	indeterminateFill: "_indeterminateFill_3x6ks_52",
-	"attachment-tile-indeterminate": "_attachment-tile-indeterminate_3x6ks_1"
-}, Z = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: a, className: s }) => /* @__PURE__ */ K(oe, {
-	icon: a,
-	size: le.Small,
-	className: o("absolute end-1 top-1 h-6 w-6 rounded-lg", s ?? X.hoverIcon),
+}, Z = {
+	tile: "_tile_1x4ax_1",
+	hovered: "_hovered_1x4ax_5",
+	selected: "_selected_1x4ax_12",
+	tileError: "_tileError_1x4ax_17",
+	nameText: "_nameText_1x4ax_22",
+	typeText: "_typeText_1x4ax_26",
+	retryIcon: "_retryIcon_1x4ax_30",
+	track: "_track_1x4ax_34",
+	imageActionButton: "_imageActionButton_1x4ax_38"
+}, Q = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: o, className: s }) => /* @__PURE__ */ q(se, {
+	icon: o,
+	size: oe.Small,
+	className: a("absolute end-1 top-1 opacity-0 focus-visible:opacity-100 group-focus-within/attachment-tile:opacity-100 group-hover/attachment-tile:opacity-100", s),
 	"aria-label": e,
 	"aria-describedby": t ? n : void 0,
 	onClick: (e) => {
 		e.stopPropagation(), r(i);
 	}
-}), Ce = ({ ...e }) => /* @__PURE__ */ K(Z, {
-	icon: /* @__PURE__ */ K(ne, {
-		size: W.SM,
+}), _e = ({ ...e }) => /* @__PURE__ */ q(Q, {
+	icon: /* @__PURE__ */ q(te, {
+		size: G.SM,
 		"aria-hidden": !0
 	}),
-	className: X.retryIcon,
+	className: Z.retryIcon,
 	...e
-}), we = ({ ...e }) => /* @__PURE__ */ K(Z, {
-	icon: /* @__PURE__ */ K(h, {
-		size: W.SM,
+}), ve = ({ ...e }) => /* @__PURE__ */ q(Q, {
+	icon: /* @__PURE__ */ q(p, {
+		size: G.SM,
 		"aria-hidden": !0
 	}),
 	...e
-}), Te = ({ ...e }) => /* @__PURE__ */ K(Z, {
-	icon: /* @__PURE__ */ K(g, {
-		size: W.SM,
+}), ye = ({ ...e }) => /* @__PURE__ */ q(Q, {
+	icon: /* @__PURE__ */ q(m, {
+		size: G.SM,
 		"aria-hidden": !0
 	}),
 	...e
-}), Ee = ({ ...e }) => /* @__PURE__ */ K(Z, {
-	icon: /* @__PURE__ */ K(ae, {
-		size: W.SM,
+}), be = ({ ...e }) => /* @__PURE__ */ q(Q, {
+	icon: /* @__PURE__ */ q(ne, {
+		size: G.SM,
 		"aria-hidden": !0
 	}),
-	className: X.hoverIcon,
+	className: Z.hoverIcon,
 	...e
-}), De = ({ attachment: e, searchQuery: t = "", onClick: r, onDownload: i, onRemove: a, labels: s, styles: c, cssVars: l }) => {
-	let { clickLabel: u = "Open attachment", downloadLabel: d = "Download attachment", removeLabel: f = "Remove attachment" } = s ?? {}, { typography: p, className: m } = c ?? {}, h = () => {
-		r?.(e.id);
+}), xe = ({ attachment: e, searchQuery: t = "", onClick: n, onDownload: r, onRemove: i, labels: o, styles: s, cssVars: c, isSelected: l }) => {
+	let { clickLabel: u = "Open attachment", downloadLabel: d = "Download attachment", removeLabel: f = "Remove attachment" } = o ?? {}, { typography: p, className: m } = s ?? {}, h = () => {
+		n?.(e.id);
 	};
-	return /* @__PURE__ */ q("div", {
-		style: l,
-		...r == null ? {} : {
+	return /* @__PURE__ */ J("div", {
+		style: c,
+		...n == null ? {} : {
 			role: "button",
 			tabIndex: 0,
 			"aria-label": u,
@@ -180,18 +166,18 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h());
 			}
 		},
-		className: o("group relative flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 rounded-xl border p-3", r && "cursor-pointer", (i || a) && "pe-8", m),
+		className: a("group/attachment-tile relative flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 rounded-xl border p-3", n && "cursor-pointer", (r || i) && "pe-8", l && Z.selected, m),
 		children: [
-			/* @__PURE__ */ K("span", {
+			/* @__PURE__ */ q("span", {
 				title: e.name,
-				className: o(p?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", X.nameText),
-				children: t ? /* @__PURE__ */ K(n, {
+				className: a(p?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", Z.nameText),
+				children: t ? /* @__PURE__ */ q(ce, {
 					text: e.name,
 					query: t,
 					maxLines: 1
 				}) : e.name
 			}),
-			e.playUrl && /* @__PURE__ */ K("audio", {
+			e.playUrl && /* @__PURE__ */ q("audio", {
 				controls: !0,
 				src: e.playUrl,
 				"aria-label": e.name,
@@ -199,106 +185,106 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
 				preload: "metadata",
 				onClick: (e) => e.stopPropagation()
 			}),
-			i && /* @__PURE__ */ K(we, {
+			r && /* @__PURE__ */ q(ve, {
 				ariaLabel: d,
-				onClick: i,
+				onClick: r,
 				id: e.id
 			}),
-			a && /* @__PURE__ */ K(Ee, {
+			i && /* @__PURE__ */ q(be, {
 				ariaLabel: f,
-				onClick: a,
+				onClick: i,
 				id: e.id
 			})
 		]
 	});
-}, Oe = {
+}, Se = 5, Ce = "flex size-[84px] items-center justify-center rounded-xl border", we = {
 	[e.Network]: "Upload failed · network error",
 	[e.UnsupportedType]: "Upload failed · unsupported file type"
-}, ke = ({ attachment: t, onClick: n, onRetry: r, labels: a, styles: c, onDownload: d, isPasted: f, isLink: p, cssVars: m, onExpand: h, isExpandable: g, onRemove: _ }) => {
-	let { clickLabel: v = "Download attachment", retryLabel: y = "Retry upload", sizeLabel: b, uploadingLabel: x = "Uploading", errorReasonLabels: S, genericErrorLabel: C = "Upload failed" } = a ?? {}, { typography: { nameClassName: w = "dial-caption-text", metaClassName: T = "dial-caption-text" } = {}, className: E } = c ?? {}, { id: D, name: O, status: k, errorReason: A } = t, j = k === i.Loading, M = k === i.Error, N = l(), P = M ? A && (S?.[A] ?? Oe[A]) || C : "", { BottomIcon: F, typeLabel: I } = Y(t), L = !M && !j && d && !p, R = M && !!r && A !== e.UnsupportedType, z = L || R ? "pe-5" : void 0, B = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), n?.(t.id));
-	}, V = u(() => f ? O : me(O), [f, O]), ee = s(() => {
-		window.open(t.referenceUrl, "_blank", "noopener,noreferrer");
-	}, [t]), te = o(fe, "group relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", X.tile, !M && X.tileLight, M && X.tileError), H = /* @__PURE__ */ K("div", {
+}, Te = ({ attachment: n, onClick: i, onRetry: s, labels: u, styles: d, onDownload: f, isPasted: p, isLink: m, cssVars: h, onExpand: g, isExpandable: _, onRemove: v, isSelected: y }) => {
+	let { clickLabel: b = "Download attachment", retryLabel: x = "Retry upload", sizeLabel: S, uploadingLabel: C = "Uploading", errorReasonLabels: w, genericErrorLabel: T = "Upload failed" } = u ?? {}, { typography: E, className: D } = d ?? {}, { id: O, name: k, status: A, errorReason: j } = n, M = A === r.Loading, N = A === r.Error, P = c(), F = N ? j && (w?.[j] ?? we[j]) || T : "", { BottomIcon: I, typeLabel: L } = X(n), R = !N && !M && f && !m, z = N && !!s && j !== e.UnsupportedType, B = R || z ? "pe-5" : void 0, ee = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i?.(n.id));
+	}, V = l(() => p ? k : le(k), [p, k]), H = o(() => {
+		window.open(n.referenceUrl, "_blank", "noopener,noreferrer");
+	}, [n]), te = a(Ce, "group/attachment-tile relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", Z.tile, (n.type === t.Prompt || n.type === t.Pasted) && "hovered", y && Z.selected, N && Z.tileError), U = /* @__PURE__ */ q("div", {
 		title: V,
-		className: o(w, "line-clamp-2 min-w-0 break-all", X.nameText, !M && z),
+		className: a(E?.nameClassName ?? "dial-caption-text", "line-clamp-2 min-w-0 break-all", Z.nameText, !N && B),
 		children: V
-	}), U = F && /* @__PURE__ */ q("div", {
-		className: o("flex w-full items-center gap-1", M && z),
-		children: [/* @__PURE__ */ K(F, {
+	}), W = I && /* @__PURE__ */ J("div", {
+		className: a("flex w-full items-center gap-1", N && B),
+		children: [/* @__PURE__ */ q(I, {
 			size: 16,
-			className: X.typeText,
+			className: Z.typeText,
 			"aria-hidden": !0
-		}), /* @__PURE__ */ K("span", {
-			className: o(T, "min-w-0 flex-1 truncate", X.typeText),
-			children: b ? `${I} · ${b}` : I
+		}), /* @__PURE__ */ q("span", {
+			className: a(E?.metaClassName ?? "dial-caption-text", "min-w-0 flex-1 truncate", Z.typeText),
+			children: S ? `${L} · ${S}` : L
 		})]
 	}), ne = () => {
-		g && h ? h(D) : n && n(D);
-	}, re = /* @__PURE__ */ q(G, { children: [
-		M ? /* @__PURE__ */ q(G, { children: [U, H] }) : /* @__PURE__ */ q(G, { children: [H, U] }),
-		j && /* @__PURE__ */ K("div", {
+		_ && g ? g(O) : i && i(O);
+	}, G = /* @__PURE__ */ J(K, { children: [
+		N ? /* @__PURE__ */ J(K, { children: [W, U] }) : /* @__PURE__ */ J(K, { children: [U, W] }),
+		M && /* @__PURE__ */ q("div", {
 			role: "progressbar",
-			"aria-label": x,
-			className: o("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", X.track),
-			children: /* @__PURE__ */ K("div", { className: o("h-full w-1/3 rounded-full", X.indeterminateFill) })
+			"aria-label": C,
+			className: a("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", Z.track),
+			children: /* @__PURE__ */ q(ae, { size: 32 })
 		}),
-		L && /* @__PURE__ */ K(we, {
-			ariaLabel: v,
-			errorTitle: P,
-			errorDescId: N,
-			onClick: d,
-			id: D
+		R && /* @__PURE__ */ q(ve, {
+			ariaLabel: b,
+			errorTitle: F,
+			errorDescId: P,
+			onClick: f,
+			id: O
 		}),
-		R && /* @__PURE__ */ K(Ce, {
-			ariaLabel: y,
-			errorTitle: P,
-			errorDescId: N,
-			onClick: r,
-			id: D
+		z && /* @__PURE__ */ q(_e, {
+			ariaLabel: x,
+			errorTitle: F,
+			errorDescId: P,
+			onClick: s,
+			id: O
 		}),
-		p && /* @__PURE__ */ K(Te, {
-			ariaLabel: y,
-			errorTitle: P,
-			errorDescId: N,
-			onClick: ee
+		m && /* @__PURE__ */ q(ye, {
+			ariaLabel: x,
+			errorTitle: F,
+			errorDescId: P,
+			onClick: H
 		}),
-		_ && /* @__PURE__ */ K(Ee, {
-			ariaLabel: y,
-			errorTitle: P,
-			errorDescId: N,
-			onClick: _,
-			id: D
+		v && /* @__PURE__ */ q(be, {
+			ariaLabel: x,
+			errorTitle: F,
+			errorDescId: P,
+			onClick: v,
+			id: O
 		}),
-		M && /* @__PURE__ */ K("span", {
-			id: N,
+		N && /* @__PURE__ */ q("span", {
+			id: P,
 			role: "status",
 			"aria-live": "polite",
 			className: "sr-only",
-			children: P
+			children: F
 		})
 	] });
-	return /* @__PURE__ */ K("div", {
-		style: m,
-		className: o("inline-flex", E),
-		children: /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ q("div", {
+		style: h,
+		className: a("inline-flex", D),
+		children: /* @__PURE__ */ q("div", {
 			role: "button",
 			tabIndex: 0,
-			"aria-label": v,
+			"aria-label": b,
 			onClick: ne,
-			onKeyDown: B,
-			style: m,
-			className: o(te, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
-			children: re
+			onKeyDown: ee,
+			style: h,
+			className: a(te, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
+			children: G
 		})
 	});
-}, Q = /* @__PURE__ */ function(e) {
+}, $ = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Loading = "loading", e.Loaded = "loaded", e.Error = "error", e;
-}({}), Ae = ({ enabled: e, src: t }) => {
-	let n = d(null), [r, i] = f("idle");
-	return c(() => {
+}({}), Ee = ({ enabled: e, src: t }) => {
+	let n = u(null), [r, i] = d("idle");
+	return s(() => {
 		i(e && t ? "loading" : "idle");
-	}, [e, t]), c(() => {
+	}, [e, t]), s(() => {
 		let r = n.current;
 		if (!r || !e || !t) return;
 		let a = () => i("loaded"), o = () => i("error");
@@ -309,15 +295,15 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
 		imageRef: n,
 		imageLoadStatus: r
 	};
-}, je = ({ attachment: e, onExpand: n, onClick: r, labels: i, onRemove: a, cssVars: s, onDownload: c, styles: l }) => {
-	let { clickLabel: d = "Open attachment", expandLabel: f = "Expand pasted text" } = i ?? {}, { typography: p, className: m } = l ?? {}, { id: h, name: g } = e, _ = e.previewUrl ?? e.url, v = e.type === t.Pasted && n !== void 0, { isLoading: y, isError: b, isImage: x } = u(() => Y(e), [e]), S = r !== void 0 && !v && !y && !b, { imageRef: C, imageLoadStatus: w } = Ae({
+}, De = ({ attachment: e, onExpand: n, onClick: r, labels: i, onRemove: o, cssVars: s, onDownload: c, styles: u, isSelected: d }) => {
+	let { clickLabel: f = "Open attachment", expandLabel: p = "Expand pasted text" } = i ?? {}, { className: m } = u ?? {}, { id: h, name: g } = e, _ = e.previewUrl ?? e.url, v = e.type === t.Pasted && n !== void 0, { isLoading: y, isError: b, isImage: x } = l(() => X(e), [e]), S = r !== void 0 && !v && !y && !b, { imageRef: C, imageLoadStatus: w } = Ee({
 		enabled: x,
 		src: _
 	}), T = () => {
 		v && n ? n(h) : S && r && r(h);
 	};
-	return /* @__PURE__ */ K("div", {
-		className: o(fe, S && "cursor-pointer", X.tile, m),
+	return /* @__PURE__ */ q("div", {
+		className: a(Ce, "group/attachment-tile", S && "cursor-pointer", Z.tile, d && Z.selected, m),
 		onClick: T,
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), T());
@@ -325,98 +311,106 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
 		tabIndex: 0,
 		role: "button",
 		style: s,
-		"aria-label": S ? d : v ? f : void 0,
-		children: /* @__PURE__ */ q("div", {
+		"aria-label": S ? f : v ? p : void 0,
+		children: /* @__PURE__ */ J("div", {
 			className: "relative h-full w-full overflow-hidden",
 			children: [
-				a && /* @__PURE__ */ K(Ee, {
-					onClick: a,
-					id: h
+				o && /* @__PURE__ */ q(be, {
+					onClick: o,
+					id: h,
+					className: Z.imageActionButton
 				}),
-				c && /* @__PURE__ */ K(we, {
+				c && /* @__PURE__ */ q(ve, {
 					onClick: c,
-					id: h
+					id: h,
+					className: Z.imageActionButton
 				}),
-				w !== Q.Loaded && /* @__PURE__ */ K(se, {
-					variant: ce.Rectangular,
+				w !== $.Loaded && /* @__PURE__ */ q(re, {
+					variant: ie.Rectangular,
 					width: "100%",
 					height: "100%",
-					active: w === Q.Loading,
-					overlay: /* @__PURE__ */ K(U, {
-						size: W.LG,
-						className: p?.placeholderIconClassName ?? "text-secondary",
+					active: w === $.Loading,
+					overlay: /* @__PURE__ */ q(H, {
+						size: G.LG,
+						className: Z.typeText,
 						"aria-hidden": !0
 					}),
 					className: "absolute inset-0 rounded-xl"
 				}),
-				/* @__PURE__ */ K("img", {
+				/* @__PURE__ */ q("img", {
 					ref: C,
 					src: _,
 					alt: g,
 					loading: "lazy",
 					decoding: "async",
-					className: o("h-full w-full rounded-xl object-cover transition-opacity duration-200", w === Q.Loaded ? "opacity-100" : "opacity-0")
+					className: a("h-full w-full rounded-xl object-cover transition-opacity duration-200", w === $.Loaded ? "opacity-100" : "opacity-0")
 				})
 			]
 		})
 	});
-}, Me = ({ attachment: e, searchQuery: n = "", onRemove: r, onRetry: i, onExpand: o, onClick: s, onDownload: c, labels: l, styles: d }) => {
-	let { colors: f } = d ?? {}, p = e.type === t.Pasted, m = p && o !== void 0, h = a({
-		"--ci-tile-bg": f?.background,
-		"--ci-tile-border": f?.border,
-		"--ci-tile-border-hover": f?.borderHover,
-		"--ci-tile-focus-outline": f?.focusOutline,
-		"--ci-tile-bg-error": f?.backgroundError,
-		"--ci-tile-border-error": f?.borderError,
-		"--ci-tile-error-text": f?.errorText,
-		"--ci-tile-name-text": f?.nameText,
-		"--ci-tile-type-text": f?.typeText,
-		"--ci-tile-hover-icon-bg": f?.hoverIconBackground,
-		"--ci-tile-hover-icon-color": f?.hoverIconColor,
-		"--ci-tile-track-bg": f?.trackBackground,
-		"--ci-tile-fill-bg": f?.fillBackground
-	}), { isImage: g, isAudio: _, isLink: v } = u(() => Y(e), [e]);
-	return _ ? /* @__PURE__ */ K(De, {
+}, Oe = ({ attachment: e, searchQuery: n = "", onRemove: r, onRetry: a, onExpand: o, onClick: s, onDownload: c, labels: u, styles: d, isSelected: f }) => {
+	let { colors: p } = d ?? {}, m = e.type === t.Pasted, h = m && o !== void 0, g = i({
+		"--ai-tile-bg": p?.background,
+		"--ai-tile-border": p?.border,
+		"--ai-tile-bg-hover": p?.backgroundHover,
+		"--ai-tile-border-hover": p?.borderHover,
+		"--ai-tile-bg-selected": p?.backgroundSelected,
+		"--ai-tile-border-selected": p?.borderSelected,
+		"--ai-tile-focus-outline": p?.focusOutline,
+		"--ai-tile-bg-error": p?.backgroundError,
+		"--ai-tile-border-error": p?.borderError,
+		"--ai-tile-error-text": p?.errorText,
+		"--ai-tile-name-text": p?.nameText,
+		"--ai-tile-type-text": p?.typeText,
+		"--ai-tile-hover-icon-bg": p?.hoverIconBackground,
+		"--ai-tile-hover-icon-color": p?.hoverIconColor,
+		"--ai-tile-progress-track": p?.trackBackground,
+		"--ai-tile-fill-bg": p?.fillBackground
+	}), { isImage: _, isAudio: v, isLink: y } = l(() => X(e), [e]);
+	return v ? /* @__PURE__ */ q(xe, {
 		attachment: e,
-		labels: l,
+		labels: u,
 		onClick: s,
 		onDownload: c,
 		onRemove: r,
 		searchQuery: n,
 		styles: d,
-		cssVars: h
-	}) : g ? /* @__PURE__ */ K(je, {
+		cssVars: g,
+		isSelected: f
+	}) : _ ? /* @__PURE__ */ q(De, {
 		attachment: e,
-		labels: l,
+		labels: u,
 		onClick: s,
 		onExpand: o,
 		styles: d,
 		onRemove: r,
-		cssVars: h,
-		onDownload: c
-	}) : /* @__PURE__ */ K(ke, {
+		cssVars: g,
+		onDownload: c,
+		isSelected: f
+	}) : /* @__PURE__ */ q(Te, {
 		attachment: e,
 		onClick: s,
-		onRetry: i,
+		onRetry: a,
 		onRemove: r,
 		onDownload: c,
-		isLink: v,
-		isPasted: p,
+		isLink: y,
+		isPasted: m,
 		styles: d,
-		labels: l,
+		labels: u,
 		onExpand: o,
-		cssVars: h,
-		isExpandable: m
+		cssVars: g,
+		isExpandable: h,
+		isSelected: f
 	});
-}, Ne = ({ attachments: e, onRemove: t, onRetry: n, onExpand: r, onAttachmentClick: i, labels: a, styles: s }) => {
-	let { ariaLabel: c = "Attached files", removeLabel: l, retryLabel: u, clickLabel: d } = a ?? {}, { className: f } = s ?? {};
-	return e.length === 0 ? null : /* @__PURE__ */ K("div", {
+}, ke = ({ attachments: e, onRemove: t, onRetry: n, onExpand: r, onAttachmentClick: i, labels: o, styles: s }) => {
+	let { ariaLabel: c = "Attached files", removeLabel: l, retryLabel: u, clickLabel: d } = o ?? {}, { className: f } = s ?? {};
+	return e.length === 0 ? null : /* @__PURE__ */ q("div", {
 		role: "list",
 		"aria-label": c,
-		className: o("flex w-full min-w-0 gap-2 overflow-x-auto", f),
-		children: e.map((e) => /* @__PURE__ */ K("div", {
+		className: a("flex w-full min-w-0 gap-2 overflow-x-auto", f),
+		children: e.map((e) => /* @__PURE__ */ q("div", {
 			role: "listitem",
-			children: /* @__PURE__ */ K(Me, {
+			children: /* @__PURE__ */ q(Oe, {
 				attachment: e,
 				onRemove: t,
 				onRetry: n,
@@ -430,200 +424,151 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
 			})
 		}, e.id))
 	});
-}, Pe = { tile: "_tile_nzsrz_1" }, Fe = ({ count: e, onClick: t, labels: n, children: r, styles: i }) => {
-	let { ariaLabel: s } = n ?? {}, { typography: { fontClassName: c = "dial-small-semi-text" } = {}, className: l, colors: u } = i ?? {}, d = a({
-		"--ci-more-tile-bg": u?.background,
-		"--ci-more-tile-border": u?.border,
-		"--ci-more-tile-color": u?.color,
-		"--ci-more-tile-bg-hover": u?.backgroundHover,
-		"--ci-more-tile-color-hover": u?.colorHover,
-		"--ci-more-tile-border-hover": u?.borderHover,
-		"--ci-more-tile-focus-outline": u?.focusOutline
-	});
-	return /* @__PURE__ */ K("button", {
-		type: "button",
-		onClick: t,
-		"aria-label": s ?? `Show ${e} more attachments`,
-		style: d,
-		className: o(fe, c, Pe.tile, l),
-		children: r ?? /* @__PURE__ */ K("bdi", {
-			dir: "ltr",
-			children: `+${e}`
-		})
-	});
-}, $ = {
-	container: "_container_7fktb_1",
-	headerIcon: "_headerIcon_7fktb_6",
-	headerLabel: "_headerLabel_7fktb_7",
-	downloadAllButton: "_downloadAllButton_7fktb_8",
-	imageTile: "_imageTile_7fktb_12"
-}, Ie = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, Le = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: s, labels: c, styles: l }) => {
-	let { ariaLabel: d = "Attachments", clickLabel: m = "Download attachment", retryLabel: g = "Retry upload", showLessLabel: v = "Show less", downloadAllLabel: y = "Download all", openInNewTabLabel: b, getHeaderLabel: x = (e) => Ie(e, "attachment"), promptLabel: S, pastedLabel: C, imageLabel: w } = c ?? {}, { typography: { headerLabelClassName: T = "dial-tiny-semi-text" } = {}, colors: E, className: D } = l ?? {}, O = a({
-		"--ci-group-bg": E?.background,
-		"--ci-group-border": E?.border,
-		"--ci-group-text": E?.text
-	}), [k, A] = f(!1), j = u(() => Se(e.length, k), [e.length, k]);
+}, Ae = {
+	headerIcon: "_headerIcon_1sgtq_1",
+	headerLabel: "_headerLabel_1sgtq_2"
+}, je = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, Me = ({ attachments: e, onAttachmentClick: n, onDownloadAll: o, onRetry: s, labels: c, styles: l, selectedAttachmentId: u }) => {
+	let { ariaLabel: d = "Attachments", clickLabel: f = "Download attachment", retryLabel: m = "Retry upload", downloadAllLabel: g = "Download all", openInNewTabLabel: _, getHeaderLabel: v = (e) => je(e, "attachment"), promptLabel: y, pastedLabel: b, imageLabel: x } = c ?? {}, { typography: S, colors: C, className: w } = l ?? {}, T = i({ "--ai-group-text": C?.text });
 	if (e.length === 0) return null;
-	let M = e.some((e) => e.type === t.Image), N = e.some((e) => e.type !== t.Image), P = M && N, F = e.length >= 5, I = P ? H : M ? U : _, L = x(e.length), R = e.slice(0, j.visibleCount), z = () => {
-		let t = e.filter((e) => e.status === i.Idle);
-		r ? r(t) : t.forEach((e) => n?.(e.id));
-	}, B = (t) => {
+	let E = e.some((e) => e.type === t.Image), D = e.some((e) => e.type !== t.Image), O = E && D, k = e.length >= 5, A = O ? V : E ? H : h, j = v(e.length), M = () => {
+		let t = e.filter((e) => e.status === r.Idle);
+		o ? o(t) : t.forEach((e) => n?.(e.id));
+	}, N = (t) => {
 		let n = e.find((e) => e.id === t);
-		n && r?.([n]);
+		n && o?.([n]);
 	};
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ J("div", {
 		role: "group",
 		"aria-label": d,
-		style: O,
-		className: o("rounded-2xl border p-3", F ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", $.container, D),
-		children: [/* @__PURE__ */ q("div", {
-			className: "mb-3 flex min-h-6 items-center gap-2",
-			children: [
-				/* @__PURE__ */ K(I, {
-					size: W.SM,
-					className: o("shrink-0", $.headerIcon),
+		style: T,
+		className: a("flex flex-col gap-1", k ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", Ae.container, w),
+		children: [/* @__PURE__ */ J("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ J("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ q(A, {
+					size: G.SM,
+					className: a("shrink-0", Ae.headerIcon),
+					"aria-hidden": !0
+				}), /* @__PURE__ */ q("span", {
+					className: a(S?.headerLabelClassName ?? "dial-tiny-semi-text", Ae.headerLabel),
+					children: j
+				})]
+			}), e.length >= 2 && (o || n) && /* @__PURE__ */ q(se, {
+				icon: /* @__PURE__ */ q(p, {
+					size: G.SM,
 					"aria-hidden": !0
 				}),
-				/* @__PURE__ */ K("span", {
-					className: o(T, $.headerLabel),
-					children: L
-				}),
-				e.length >= 2 && (r || n) && /* @__PURE__ */ K(oe, {
-					icon: /* @__PURE__ */ K(h, {
-						size: W.SM,
-						"aria-hidden": !0
-					}),
-					className: o("ms-auto h-6 w-6 rounded-lg", $.downloadAllButton),
-					"aria-label": y,
-					onClick: z
-				})
-			]
+				size: oe.Small,
+				"aria-label": g,
+				onClick: M
+			})]
 		}), /* @__PURE__ */ q("div", {
 			role: "list",
-			"aria-label": L,
-			className: o("gap-3", F ? "grid grid-cols-[repeat(5,83px)] overflow-x-auto" : "flex flex-wrap"),
-			children: [
-				R.map((e) => /* @__PURE__ */ K("div", {
-					role: "listitem",
-					children: /* @__PURE__ */ K(Me, {
-						attachment: e,
-						onClick: n,
-						onDownload: B,
-						onRetry: s,
-						labels: {
-							clickLabel: m,
-							retryLabel: g,
-							promptLabel: S,
-							pastedLabel: C,
-							imageLabel: w,
-							openInNewTabLabel: b
-						}
-					})
-				}, e.id)),
-				j.layout === J.Collapsed && /* @__PURE__ */ K("div", {
-					role: "listitem",
-					children: /* @__PURE__ */ K(Fe, {
-						count: j.hiddenCount,
-						onClick: () => A(!0)
-					})
-				}),
-				F && k && /* @__PURE__ */ K("div", {
-					role: "listitem",
-					children: /* @__PURE__ */ K(Fe, {
-						count: 0,
-						onClick: () => A(!1),
-						labels: { ariaLabel: v },
-						children: /* @__PURE__ */ K(p, {
-							size: W.MD,
-							"aria-hidden": !0
-						})
-					})
+			"aria-label": j,
+			className: a("gap-3", k ? "grid grid-cols-[repeat(5,83px)]" : "flex flex-wrap"),
+			children: e.map((e, t) => /* @__PURE__ */ q("div", {
+				role: "listitem",
+				children: /* @__PURE__ */ q(Oe, {
+					attachment: e,
+					onClick: n,
+					onDownload: N,
+					onRetry: s,
+					labels: {
+						clickLabel: f,
+						retryLabel: m,
+						promptLabel: y,
+						pastedLabel: b,
+						imageLabel: x,
+						openInNewTabLabel: _
+					},
+					isSelected: e.id === u
 				})
-			]
+			}, `${e.id}-${t}`))
 		})]
 	});
-}, Re = {
-	overlay: "_overlay_1f3nw_1",
-	icon: "_icon_1f3nw_5",
-	deniedIcon: "_deniedIcon_1f3nw_9"
-}, ze = ({ isVisible: e, isAttachmentsAllowed: t = !0, labels: n, styles: r }) => {
-	let { title: i, subtitle: s } = n ?? {}, { colors: c, typography: l } = r ?? {};
+}, Ne = {
+	overlay: "_overlay_mzpdp_1",
+	icon: "_icon_mzpdp_5",
+	deniedIcon: "_deniedIcon_mzpdp_9"
+}, Pe = ({ isVisible: e, isAttachmentsAllowed: t = !0, labels: n, styles: r }) => {
+	let { title: o, subtitle: s } = n ?? {}, { colors: c, typography: l } = r ?? {};
 	if (!e) return null;
-	let u = a({
-		"--fd-bg": c?.background,
-		"--fd-icon": c?.icon,
-		"--fd-denied-icon": c?.deniedIcon
-	}), d = i ?? (t ? "Attach files" : "No attachments allowed"), f = s ?? (t ? "Drop files here to attach them to message" : "Attachments can't be added to message"), p = t ? Re.icon : Re.deniedIcon, m = (e) => {
+	let u = i({
+		"--ai-fd-bg": c?.background,
+		"--ai-fd-icon": c?.icon,
+		"--ai-fd-denied-icon": c?.deniedIcon
+	}), d = o ?? (t ? "Attach files" : "No attachments allowed"), f = s ?? (t ? "Drop files here to attach them to message" : "Attachments can't be added to message"), p = t ? Ne.icon : Ne.deniedIcon, m = (e) => {
 		e.preventDefault();
-	}, h = t ? v : ee;
-	return /* @__PURE__ */ K("div", {
+	}, h = t ? g : B;
+	return /* @__PURE__ */ q("div", {
 		role: "status",
 		"aria-live": "polite",
-		className: o("fixed inset-0 z-[9999] flex items-center justify-center backdrop-blur-sm", Re.overlay, t ? "pointer-events-none" : "pointer-events-auto cursor-not-allowed"),
+		className: a("fixed inset-0 z-[9999] flex items-center justify-center backdrop-blur-sm", Ne.overlay, t ? "pointer-events-none" : "pointer-events-auto cursor-not-allowed"),
 		onDragOver: t ? void 0 : m,
 		onDrop: t ? void 0 : m,
 		style: u,
-		children: /* @__PURE__ */ q("div", {
+		children: /* @__PURE__ */ J("div", {
 			className: "flex flex-col items-center text-center",
 			children: [
-				/* @__PURE__ */ K(h, {
+				/* @__PURE__ */ q(h, {
 					size: 100,
 					className: p,
 					"aria-hidden": !0
 				}),
-				/* @__PURE__ */ K("span", {
-					className: o("mt-5", l?.titleClassName ?? "dial-h3-text"),
+				/* @__PURE__ */ q("span", {
+					className: a("mt-5", l?.titleClassName ?? "dial-h3-text"),
 					children: d
 				}),
-				/* @__PURE__ */ K("span", {
-					className: o("mt-4", l?.subtitleClassName ?? "dial-small-text"),
+				/* @__PURE__ */ q("span", {
+					className: a("mt-4", l?.subtitleClassName ?? "dial-small-text"),
 					children: f
 				})
 			]
 		})
 	});
-}, Be = (e, n, r = {}) => {
-	let { screenshotName: a = "Screenshot.png", pastedTextName: o = "Pasted text" } = r;
-	return { handlePaste: s((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) {
+}, Fe = (e, n, i = {}) => {
+	let { screenshotName: a = "Screenshot.png", pastedTextName: s = "Pasted text" } = i;
+	return { handlePaste: o((i) => {
+		if (!i.clipboardData) return;
+		let o = Array.from(i.clipboardData.items).filter((e) => e.kind === "file" && e.type.startsWith("image/")), c = i.clipboardData.getData("text/plain").length > 0;
+		if (o.length > 0 && !c) {
 			let n = [];
-			for (let e of s) {
-				let r = e.getAsFile();
-				if (!r) continue;
-				let o = new File([r], a, { type: r.type }), s = {
-					id: pe(),
+			for (let e of o) {
+				let i = e.getAsFile();
+				if (!i) continue;
+				let o = new File([i], a, { type: i.type }), s = {
+					id: Y(),
 					name: a,
-					contentType: r.type,
+					contentType: i.type,
 					file: o,
 					type: t.Image,
-					status: i.Idle,
+					status: r.Idle,
 					previewUrl: URL.createObjectURL(o)
 				};
 				n.push(s);
 			}
-			r.preventDefault(), e(n);
+			i.preventDefault(), e(n);
 			return;
 		}
-		let l = r.clipboardData.getData("text/plain");
+		let l = i.clipboardData.getData("text/plain");
 		if (l.length > n) {
-			let n = l.trim(), a = (n.length > 80 ? `${n.slice(0, 80).trimEnd()}…` : n) || o, s = new File([l], a, { type: "text/plain" }), c = {
-				id: pe(),
+			let n = l.trim(), a = (n.length > 80 ? `${n.slice(0, 80).trimEnd()}…` : n) || s, o = new File([l], a, { type: "text/plain" }), c = {
+				id: Y(),
 				name: a,
 				contentType: "text/plain",
-				file: s,
+				file: o,
 				type: t.Pasted,
-				status: i.Idle
+				status: r.Idle
 			};
-			r.preventDefault(), e([c]);
+			i.preventDefault(), e([c]);
 		}
 	}, [
 		e,
 		n,
 		a,
-		o
+		s
 	]) };
-}, Ve = 100;
+}, Ie = 100;
 //#endregion
-export { de as ATTACHMENT_COLLAPSED_VISIBLE_COUNT, ue as ATTACHMENT_COLLAPSE_THRESHOLD, Me as AttachmentCard, Le as AttachmentGroup, Fe as AttachmentMoreTile, J as AttachmentTilesLayout, Ne as AttachmentTray, ze as FileDndOverlay, Q as LazyImageLoadStatus, Ve as MAX_UPLOADS_PER_MINUTE, pe as generateAttachmentId, Y as getAttachmentCardState, ve as getAttachmentIcon, Se as getAttachmentTilesPlan, be as getExtFromContentType, me as getNameWithoutExtension, _e as isMimeTypeAllowed, ge as mimeTypesToExtensionLabels, Be as useClipboardPaste, Ae as useLazyImageLoad };
+export { Se as ATTACHMENT_COLLAPSE_THRESHOLD, Oe as AttachmentCard, Me as AttachmentGroup, ke as AttachmentTray, Pe as FileDndOverlay, $ as LazyImageLoadStatus, Ie as MAX_UPLOADS_PER_MINUTE, Y as generateAttachmentId, X as getAttachmentCardState, pe as getAttachmentIcon, he as getExtFromContentType, le as getNameWithoutExtension, fe as isMimeTypeAllowed, de as mimeTypesToExtensionLabels, Fe as useClipboardPaste, Ee as useLazyImageLoad };