@epam/ai-dial-attachment-input 1.1.0-dev.9 → 1.1.0-dev.91

package/index.js

@@ -1,286 +1,290 @@
-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, labels: i, styles: a, cssVars: s }) => {
-	let { clickLabel: c = "Open attachment" } = i ?? {}, { typography: l, className: u } = a ?? {};
-	return /* @__PURE__ */ q("div", {
-		style: s,
-		className: o("group flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 rounded-xl border p-3", u),
-		children: [/* @__PURE__ */ q("div", {
-			className: "flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ K("span", {
+}), 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__ */ J("div", {
+		style: c,
+		...n == null ? {} : {
+			role: "button",
+			tabIndex: 0,
+			"aria-label": u,
+			onClick: h,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h());
+			}
+		},
+		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__ */ q("span", {
 				title: e.name,
-				className: o(l?.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
-			}), r && /* @__PURE__ */ K(we, {
-				ariaLabel: c,
+			}),
+			e.playUrl && /* @__PURE__ */ q("audio", {
+				controls: !0,
+				src: e.playUrl,
+				"aria-label": e.name,
+				className: "w-full",
+				preload: "metadata",
+				onClick: (e) => e.stopPropagation()
+			}),
+			r && /* @__PURE__ */ q(ve, {
+				ariaLabel: d,
 				onClick: r,
 				id: e.id
-			})]
-		}), e.playUrl && /* @__PURE__ */ K("audio", {
-			controls: !0,
-			src: e.playUrl,
-			"aria-label": e.name,
-			className: "w-full",
-			preload: "metadata"
-		})]
+			}),
+			i && /* @__PURE__ */ q(be, {
+				ariaLabel: f,
+				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");
@@ -291,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());
@@ -307,96 +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,
@@ -410,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_liq1c_1",
+	icon: "_icon_liq1c_5",
+	deniedIcon: "_deniedIcon_liq1c_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 };