@epam/ai-dial-attachment-input 1.0.0-dev.533 → 1.0.0-dev.535

package/components/AttachmentCard/Attachments/File.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"File.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentCard/Attachments/File.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,EAAE,EAKR,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAmB/E;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAwNlD,CAAC"}
+{"version":3,"file":"File.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentCard/Attachments/File.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,EAAE,EAKR,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAmB/E;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA6NlD,CAAC"}

package/components/FileDndOverlay/FileDndOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileDndOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/FileDndOverlay/FileDndOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAa,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAGzE,uGAAuG;AACvG,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAgElD,CAAC"}
+{"version":3,"file":"FileDndOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/FileDndOverlay/FileDndOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAa,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAGzE,uGAAuG;AACvG,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAsElD,CAAC"}

package/index.js

@@ -1,10 +1,10 @@
 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 ne, IconPhoto as H, IconReload as re, IconTerminal2 as ie, IconVideo as ae, IconX as oe } from "@tabler/icons-react";
-import { DIAL_ICON_SIZE as U, DialGhostIconButton as se, DialSkeleton as ce, DialSkeletonVariant as le, ElementSize as ue } from "@epam/ai-dial-ui-kit";
-import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
+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 de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl border", J = /* @__PURE__ */ function(e) {
+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) => {
 	let t = e.lastIndexOf(".");
@@ -36,9 +36,9 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 		case "image/png": return A;
 		case "image/svg+xml": return P;
 		case "image/bmp": return y;
-		default: return H;
+		default: return U;
 	}
-	if (e.startsWith("video/")) return ae;
+	if (e.startsWith("video/")) return ie;
 	if (e.startsWith("audio/")) return te;
 	switch (e) {
 		case "application/pdf": return O;
@@ -79,7 +79,7 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 	}
 }, ye = (e) => {
 	let { type: n, contentType: r } = e;
-	return n === t.Prompt ? ie : n === t.Pasted ? m : n === t.Image ? H : ve(r ?? "");
+	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;
@@ -130,62 +130,62 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 	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__ */ G(se, {
+}, Z = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: a, className: s }) => /* @__PURE__ */ K(oe, {
 	icon: a,
-	size: ue.Small,
+	size: le.Small,
 	className: o("absolute end-1 top-1 h-6 w-6 rounded-lg", s ?? X.hoverIcon),
 	"aria-label": e,
 	"aria-describedby": t ? n : void 0,
 	onClick: (e) => {
 		e.stopPropagation(), r(i);
 	}
-}), Ce = ({ ...e }) => /* @__PURE__ */ G(Z, {
-	icon: /* @__PURE__ */ G(re, {
-		size: U.SM,
+}), Ce = ({ ...e }) => /* @__PURE__ */ K(Z, {
+	icon: /* @__PURE__ */ K(ne, {
+		size: W.SM,
 		"aria-hidden": !0
 	}),
 	className: X.retryIcon,
 	...e
-}), we = ({ ...e }) => /* @__PURE__ */ G(Z, {
-	icon: /* @__PURE__ */ G(h, {
-		size: U.SM,
+}), we = ({ ...e }) => /* @__PURE__ */ K(Z, {
+	icon: /* @__PURE__ */ K(h, {
+		size: W.SM,
 		"aria-hidden": !0
 	}),
 	...e
-}), Te = ({ ...e }) => /* @__PURE__ */ G(Z, {
-	icon: /* @__PURE__ */ G(g, {
-		size: U.SM,
+}), Te = ({ ...e }) => /* @__PURE__ */ K(Z, {
+	icon: /* @__PURE__ */ K(g, {
+		size: W.SM,
 		"aria-hidden": !0
 	}),
 	...e
-}), Ee = ({ ...e }) => /* @__PURE__ */ G(Z, {
-	icon: /* @__PURE__ */ G(oe, {
-		size: U.SM,
+}), Ee = ({ ...e }) => /* @__PURE__ */ K(Z, {
+	icon: /* @__PURE__ */ K(ae, {
+		size: W.SM,
 		"aria-hidden": !0
 	}),
 	className: X.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__ */ K("div", {
+	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__ */ K("div", {
+		children: [/* @__PURE__ */ q("div", {
 			className: "flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ G("span", {
+			children: [/* @__PURE__ */ K("span", {
 				title: e.name,
 				className: o(l?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", X.nameText),
-				children: t ? /* @__PURE__ */ G(n, {
+				children: t ? /* @__PURE__ */ K(n, {
 					text: e.name,
 					query: t,
 					maxLines: 1
 				}) : e.name
-			}), r && /* @__PURE__ */ G(we, {
+			}), r && /* @__PURE__ */ K(we, {
 				ariaLabel: c,
 				onClick: r,
 				id: e.id
 			})]
-		}), e.playUrl && /* @__PURE__ */ G("audio", {
+		}), e.playUrl && /* @__PURE__ */ K("audio", {
 			controls: !0,
 			src: e.playUrl,
 			"aria-label": e.name,
@@ -201,58 +201,58 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 		(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(q, "group relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", X.tile, !M && X.tileLight, M && X.tileError), ne = /* @__PURE__ */ G("div", {
+	}, [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", {
 		title: V,
 		className: o(w, "line-clamp-2 min-w-0 break-all", X.nameText, !M && z),
 		children: V
-	}), H = F && /* @__PURE__ */ K("div", {
-		className: o("flex items-center gap-1 overflow-hidden", M && z),
-		children: [/* @__PURE__ */ G(F, {
+	}), U = F && /* @__PURE__ */ q("div", {
+		className: o("flex w-full items-center gap-1", M && z),
+		children: [/* @__PURE__ */ K(F, {
 			size: 16,
 			className: X.typeText,
 			"aria-hidden": !0
-		}), /* @__PURE__ */ G("span", {
-			className: o(T, "truncate", X.typeText),
+		}), /* @__PURE__ */ K("span", {
+			className: o(T, "min-w-0 flex-1 truncate", X.typeText),
 			children: b ? `${I} · ${b}` : I
 		})]
-	}), re = () => {
+	}), ne = () => {
 		g && h ? h(D) : n && n(D);
-	}, ie = /* @__PURE__ */ K(W, { children: [
-		M ? /* @__PURE__ */ K(W, { children: [H, ne] }) : /* @__PURE__ */ K(W, { children: [ne, H] }),
-		j && /* @__PURE__ */ G("div", {
+	}, re = /* @__PURE__ */ q(G, { children: [
+		M ? /* @__PURE__ */ q(G, { children: [U, H] }) : /* @__PURE__ */ q(G, { children: [H, U] }),
+		j && /* @__PURE__ */ K("div", {
 			role: "progressbar",
 			"aria-label": x,
 			className: o("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", X.track),
-			children: /* @__PURE__ */ G("div", { className: o("h-full w-1/3 rounded-full", X.indeterminateFill) })
+			children: /* @__PURE__ */ K("div", { className: o("h-full w-1/3 rounded-full", X.indeterminateFill) })
 		}),
-		L && /* @__PURE__ */ G(we, {
+		L && /* @__PURE__ */ K(we, {
 			ariaLabel: v,
 			errorTitle: P,
 			errorDescId: N,
 			onClick: d,
 			id: D
 		}),
-		R && /* @__PURE__ */ G(Ce, {
+		R && /* @__PURE__ */ K(Ce, {
 			ariaLabel: y,
 			errorTitle: P,
 			errorDescId: N,
 			onClick: r,
 			id: D
 		}),
-		p && /* @__PURE__ */ G(Te, {
+		p && /* @__PURE__ */ K(Te, {
 			ariaLabel: y,
 			errorTitle: P,
 			errorDescId: N,
 			onClick: ee
 		}),
-		_ && /* @__PURE__ */ G(Ee, {
+		_ && /* @__PURE__ */ K(Ee, {
 			ariaLabel: y,
 			errorTitle: P,
 			errorDescId: N,
 			onClick: _,
 			id: D
 		}),
-		M && /* @__PURE__ */ G("span", {
+		M && /* @__PURE__ */ K("span", {
 			id: N,
 			role: "status",
 			"aria-live": "polite",
@@ -260,18 +260,18 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 			children: P
 		})
 	] });
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ K("div", {
 		style: m,
 		className: o("inline-flex", E),
-		children: /* @__PURE__ */ G("div", {
+		children: /* @__PURE__ */ K("div", {
 			role: "button",
 			tabIndex: 0,
 			"aria-label": v,
-			onClick: re,
+			onClick: ne,
 			onKeyDown: B,
 			style: m,
 			className: o(te, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
-			children: ie
+			children: re
 		})
 	});
 }, Q = /* @__PURE__ */ function(e) {
@@ -298,8 +298,8 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 	}), T = () => {
 		v && n ? n(h) : S && r && r(h);
 	};
-	return /* @__PURE__ */ G("div", {
-		className: o(q, S && "cursor-pointer", X.tile, m),
+	return /* @__PURE__ */ K("div", {
+		className: o(fe, S && "cursor-pointer", X.tile, m),
 		onClick: T,
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), T());
@@ -308,30 +308,30 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 		role: "button",
 		style: s,
 		"aria-label": S ? d : v ? f : void 0,
-		children: /* @__PURE__ */ K("div", {
+		children: /* @__PURE__ */ q("div", {
 			className: "relative h-full w-full overflow-hidden",
 			children: [
-				a && /* @__PURE__ */ G(Ee, {
+				a && /* @__PURE__ */ K(Ee, {
 					onClick: a,
 					id: h
 				}),
-				c && /* @__PURE__ */ G(we, {
+				c && /* @__PURE__ */ K(we, {
 					onClick: c,
 					id: h
 				}),
-				w !== Q.Loaded && /* @__PURE__ */ G(ce, {
-					variant: le.Rectangular,
+				w !== Q.Loaded && /* @__PURE__ */ K(se, {
+					variant: ce.Rectangular,
 					width: "100%",
 					height: "100%",
 					active: w === Q.Loading,
-					overlay: /* @__PURE__ */ G(H, {
-						size: U.LG,
+					overlay: /* @__PURE__ */ K(U, {
+						size: W.LG,
 						className: p?.placeholderIconClassName ?? "text-secondary",
 						"aria-hidden": !0
 					}),
 					className: "absolute inset-0 rounded-xl"
 				}),
-				/* @__PURE__ */ G("img", {
+				/* @__PURE__ */ K("img", {
 					ref: C,
 					src: _,
 					alt: g,
@@ -358,14 +358,14 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 		"--ci-tile-track-bg": f?.trackBackground,
 		"--ci-tile-fill-bg": f?.fillBackground
 	}), { isImage: g, isAudio: _, isLink: v } = u(() => Y(e), [e]);
-	return _ ? /* @__PURE__ */ G(De, {
+	return _ ? /* @__PURE__ */ K(De, {
 		attachment: e,
 		labels: l,
 		onClick: s,
 		searchQuery: n,
 		styles: d,
 		cssVars: h
-	}) : g ? /* @__PURE__ */ G(je, {
+	}) : g ? /* @__PURE__ */ K(je, {
 		attachment: e,
 		labels: l,
 		onClick: s,
@@ -374,7 +374,7 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 		onRemove: r,
 		cssVars: h,
 		onDownload: c
-	}) : /* @__PURE__ */ G(ke, {
+	}) : /* @__PURE__ */ K(ke, {
 		attachment: e,
 		onClick: s,
 		onRetry: i,
@@ -390,13 +390,13 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 	});
 }, 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__ */ G("div", {
+	return e.length === 0 ? null : /* @__PURE__ */ K("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__ */ G("div", {
+		children: e.map((e) => /* @__PURE__ */ K("div", {
 			role: "listitem",
-			children: /* @__PURE__ */ G(Me, {
+			children: /* @__PURE__ */ K(Me, {
 				attachment: e,
 				onRemove: t,
 				onRetry: n,
@@ -420,13 +420,13 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 		"--ci-more-tile-border-hover": u?.borderHover,
 		"--ci-more-tile-focus-outline": u?.focusOutline
 	});
-	return /* @__PURE__ */ G("button", {
+	return /* @__PURE__ */ K("button", {
 		type: "button",
 		onClick: t,
 		"aria-label": s ?? `Show ${e} more attachments`,
 		style: d,
-		className: o(q, c, Pe.tile, l),
-		children: r ?? /* @__PURE__ */ G("bdi", {
+		className: o(fe, c, Pe.tile, l),
+		children: r ?? /* @__PURE__ */ K("bdi", {
 			dir: "ltr",
 			children: `+${e}`
 		})
@@ -444,33 +444,33 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 		"--ci-group-text": E?.text
 	}), [k, A] = f(!1), j = u(() => Se(e.length, k), [e.length, k]);
 	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 ? ne : M ? H : _, L = x(e.length), R = e.slice(0, j.visibleCount), z = () => {
+	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 n = e.find((e) => e.id === t);
 		n && r?.([n]);
 	};
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ q("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__ */ K("div", {
+		children: [/* @__PURE__ */ q("div", {
 			className: "mb-3 flex min-h-6 items-center gap-2",
 			children: [
-				/* @__PURE__ */ G(I, {
-					size: U.SM,
+				/* @__PURE__ */ K(I, {
+					size: W.SM,
 					className: o("shrink-0", $.headerIcon),
 					"aria-hidden": !0
 				}),
-				/* @__PURE__ */ G("span", {
+				/* @__PURE__ */ K("span", {
 					className: o(T, $.headerLabel),
 					children: L
 				}),
-				e.length >= 2 && (r || n) && /* @__PURE__ */ G(se, {
-					icon: /* @__PURE__ */ G(h, {
-						size: U.SM,
+				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),
@@ -478,14 +478,14 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 					onClick: z
 				})
 			]
-		}), /* @__PURE__ */ K("div", {
+		}), /* @__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__ */ G("div", {
+				R.map((e) => /* @__PURE__ */ K("div", {
 					role: "listitem",
-					children: /* @__PURE__ */ G(Me, {
+					children: /* @__PURE__ */ K(Me, {
 						attachment: e,
 						onClick: n,
 						onDownload: B,
@@ -500,21 +500,21 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 						}
 					})
 				}, e.id)),
-				j.layout === J.Collapsed && /* @__PURE__ */ G("div", {
+				j.layout === J.Collapsed && /* @__PURE__ */ K("div", {
 					role: "listitem",
-					children: /* @__PURE__ */ G(Fe, {
+					children: /* @__PURE__ */ K(Fe, {
 						count: j.hiddenCount,
 						onClick: () => A(!0)
 					})
 				}),
-				F && k && /* @__PURE__ */ G("div", {
+				F && k && /* @__PURE__ */ K("div", {
 					role: "listitem",
-					children: /* @__PURE__ */ G(Fe, {
+					children: /* @__PURE__ */ K(Fe, {
 						count: 0,
 						onClick: () => A(!1),
 						labels: { ariaLabel: v },
-						children: /* @__PURE__ */ G(p, {
-							size: U.MD,
+						children: /* @__PURE__ */ K(p, {
+							size: W.MD,
 							"aria-hidden": !0
 						})
 					})
@@ -527,37 +527,37 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 	icon: "_icon_wr7ez_5",
 	deniedIcon: "_deniedIcon_wr7ez_9"
 }, ze = ({ isVisible: e, isAttachmentsAllowed: t = !0, labels: n, styles: r }) => {
-	let { title: i, subtitle: s } = n ?? {}, { colors: c, typography: l } = r ?? {}, { titleClassName: u = "heading-3 font-semibold", subtitleClassName: d = "dial-small-text" } = l ?? {};
+	let { title: i, subtitle: s } = n ?? {}, { colors: c, typography: l } = r ?? {};
 	if (!e) return null;
-	let f = a({
+	let u = a({
 		"--fd-bg": c?.background,
 		"--fd-icon": c?.icon,
 		"--fd-denied-icon": c?.deniedIcon
-	}), p = i ?? (t ? "Attach files" : "No attachments allowed"), m = s ?? (t ? "Drop files here to attach them to message" : "Attachments can't be added to message"), h = t ? Re.icon : Re.deniedIcon, g = (e) => {
+	}), 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) => {
 		e.preventDefault();
-	}, _ = t ? v : ee;
-	return /* @__PURE__ */ G("div", {
+	}, h = t ? v : ee;
+	return /* @__PURE__ */ K("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"),
-		onDragOver: t ? void 0 : g,
-		onDrop: t ? void 0 : g,
-		style: f,
-		children: /* @__PURE__ */ K("div", {
+		onDragOver: t ? void 0 : m,
+		onDrop: t ? void 0 : m,
+		style: u,
+		children: /* @__PURE__ */ q("div", {
 			className: "flex flex-col items-center text-center",
 			children: [
-				/* @__PURE__ */ G(_, {
+				/* @__PURE__ */ K(h, {
 					size: 100,
-					className: h,
+					className: p,
 					"aria-hidden": !0
 				}),
-				/* @__PURE__ */ G("span", {
-					className: o("mt-5", u),
-					children: p
+				/* @__PURE__ */ K("span", {
+					className: o("mt-5", l?.titleClassName ?? "dial-h3-text"),
+					children: d
 				}),
-				/* @__PURE__ */ G("span", {
-					className: o("mt-4", d),
-					children: m
+				/* @__PURE__ */ K("span", {
+					className: o("mt-4", l?.subtitleClassName ?? "dial-small-text"),
+					children: f
 				})
 			]
 		})
@@ -606,4 +606,4 @@ var de = 5, fe = 4, q = "flex size-[84px] items-center justify-center rounded-xl
 	]) };
 }, Ve = 100;
 //#endregion
-export { fe as ATTACHMENT_COLLAPSED_VISIBLE_COUNT, de 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 { 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 };

package/models/file-dnd-overlay.d.ts

@@ -9,7 +9,7 @@ export interface FileDndOverlayColors {
 }
 /** Typography overrides for the `FileDndOverlay` component. */
 export interface FileDndOverlayTypography {
-    /** CSS class applied to the title. Defaults to `'heading-3 font-semibold'`. */
+    /** CSS class applied to the title. Defaults to `'dial-h3-text'`. */
     titleClassName?: string;
     /** CSS class applied to the subtitle. Defaults to `'dial-small-text'`. */
     subtitleClassName?: string;

package/models/file-dnd-overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-dnd-overlay.d.ts","sourceRoot":"","sources":["../../src/models/file-dnd-overlay.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,MAAM,WAAW,oBAAoB;IACnC,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,+DAA+D;AAC/D,MAAM,WAAW,wBAAwB;IACvC,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,0DAA0D;AAC1D,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,wBAAwB,CAAC;CACvC;AAED,+DAA+D;AAC/D,MAAM,WAAW,oBAAoB;IACnC,2IAA2I;IAC3I,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2LAA2L;IAC3L,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,wDAAwD;IACxD,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,yDAAyD;IACzD,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B"}
+{"version":3,"file":"file-dnd-overlay.d.ts","sourceRoot":"","sources":["../../src/models/file-dnd-overlay.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,MAAM,WAAW,oBAAoB;IACnC,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,+DAA+D;AAC/D,MAAM,WAAW,wBAAwB;IACvC,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,0DAA0D;AAC1D,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,wBAAwB,CAAC;CACvC;AAED,+DAA+D;AAC/D,MAAM,WAAW,oBAAoB;IACnC,2IAA2I;IAC3I,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2LAA2L;IAC3L,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,wDAAwD;IACxD,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,yDAAyD;IACzD,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-attachment-input",
   "description": "File attachment input components with upload validation, drag-and-drop, and progress tracking",
-  "version": "1.0.0-dev.533",
+  "version": "1.0.0-dev.535",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,8 +17,8 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.0.0-dev.533",
-    "@epam/ai-dial-ui-kit": "0.12.0-dev.28",
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.535",
+    "@epam/ai-dial-ui-kit": "0.12.0-dev.36",
     "@tabler/icons-react": "^3.44.0",
     "react": "^19.0.0"
   },