@epam/ai-dial-attachment-input 1.1.0-dev.78 → 1.1.0-dev.87

package/components/AttachmentGroup/AttachmentGroup.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
 import { AttachmentGroupProps } from '../../models/attachment-group';
-/** Adaptive grid of attachment tiles for a sent message; collapses behind a "+N" tile when 5 or more attachments are present. */
+/** Renders every attachment as a tile: a wrapping flex row below the collapse threshold, a fixed 5-column grid at or above it. */
 export declare const AttachmentGroup: FC<AttachmentGroupProps>;
 //# sourceMappingURL=AttachmentGroup.d.ts.map

package/components/AttachmentGroup/AttachmentGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentGroup.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentGroup/AttachmentGroup.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,+BAA+B,CAAC;AASvC,iIAAiI;AACjI,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAwKpD,CAAC"}
+{"version":3,"file":"AttachmentGroup.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentGroup/AttachmentGroup.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAO1E,kIAAkI;AAClI,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAmIpD,CAAC"}

package/constants/attachment-group.d.ts

@@ -1,7 +1,5 @@
-/** Total attachment count at/above which the grid collapses behind a "+N" tile by default. */
+/** Total attachment count at/above which the tile list switches from a wrapping flex row to a fixed 5-column grid. */
 export declare const ATTACHMENT_COLLAPSE_THRESHOLD = 5;
-/** Number of tiles shown before the "+N" tile while collapsed. */
-export declare const ATTACHMENT_COLLAPSED_VISIBLE_COUNT = 4;
 /** Base Tailwind classes shared by every square attachment tile (84 × 84 px). */
 export declare const ATTACHMENT_TILE_BASE_CLASS = "flex size-[84px] items-center justify-center rounded-xl border";
 //# sourceMappingURL=attachment-group.d.ts.map

package/constants/attachment-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachment-group.d.ts","sourceRoot":"","sources":["../../src/constants/attachment-group.ts"],"names":[],"mappings":"AAAA,8FAA8F;AAC9F,eAAO,MAAM,6BAA6B,IAAI,CAAC;AAC/C,kEAAkE;AAClE,eAAO,MAAM,kCAAkC,IAAI,CAAC;AACpD,iFAAiF;AACjF,eAAO,MAAM,0BAA0B,mEAC2B,CAAC"}
+{"version":3,"file":"attachment-group.d.ts","sourceRoot":"","sources":["../../src/constants/attachment-group.ts"],"names":[],"mappings":"AAAA,sHAAsH;AACtH,eAAO,MAAM,6BAA6B,IAAI,CAAC;AAC/C,iFAAiF;AACjF,eAAO,MAAM,0BAA0B,mEAC2B,CAAC"}

package/index.css

@@ -1,2 +1,2 @@
-._tile_yap03_1{background:var(--ai-tile-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--ai-tile-border,var(--stroke-secondary,#d1dbea))}._tile_yap03_1._hovered_yap03_5:hover{background:var(--ai-tile-bg-hover,var(--bg-control-neutral-hover,#e0e6f0))}._tile_yap03_1:focus-visible{outline-color:var(--ai-tile-focus-outline,var(--stroke-focus,#161b2d))}._selected_yap03_12{background:var(--ai-tile-bg-selected,var(--bg-control-accent-alpha,#2764d90f));border-color:var(--ai-tile-border-selected,var(--stroke-accent-alpha,#2764d933))}._tileError_yap03_17{background:var(--ai-tile-bg-error,var(--bg-error,#f3d6d8));border-color:var(--ai-tile-border-error,var(--stroke-error,#ae2f2f))}._nameText_yap03_22{color:var(--ai-tile-name-text,var(--text-primary,#161b2d))}._typeText_yap03_26{color:var(--ai-tile-type-text,var(--text-secondary,#6b7280))}._retryIcon_yap03_30{color:var(--ai-tile-error-text,var(--text-error,#ae2f2f))}._track_yap03_34{background:var(--ai-tile-progress-track,var(--bg-backdrop,#161b2db2))}._imageActionButton_yap03_38{background:var(--ai-tile-hover-icon-bg,var(--bg-layer-base,#f5f7fa));color:var(--ai-tile-hover-icon-color,var(--text-secondary,#6b7280))}._tile_1qzn0_1{background:var(--ai-more-tile-bg,var(--bg-layer-2,#eef1f7));border-color:var(--ai-more-tile-border,var(--stroke-secondary,#d1dbea));color:var(--ai-more-tile-color,var(--text-secondary,#6b7280))}._tile_1qzn0_1:hover{background:var(--ai-more-tile-bg-hover,var(--bg-accent-primary-alpha,#7da4ff2e));color:var(--ai-more-tile-color-hover,var(--text-accent,#1d4ed8));border-color:var(--ai-more-tile-border-hover,color-mix(in srgb, var(--stroke-accent-primary-hover,#7da4ff) 50%, transparent))}._tile_1qzn0_1:focus-visible{outline-color:var(--ai-more-tile-focus-outline,var(--stroke-focus,#161b2d))}._container_jvs4c_1{background:var(--ai-group-bg,var(--bg-layer-2,#eef1f7));border-color:var(--ai-group-border,var(--stroke-secondary,#d1dbea))}._headerIcon_jvs4c_6,._headerLabel_jvs4c_7,._downloadAllButton_jvs4c_8{color:var(--ai-group-text,var(--text-secondary,#6b7280))}._overlay_1lz3x_1{background:var(--ai-fd-bg,var(--bg-backdrop,#0c101d4d))}._icon_1lz3x_5{color:var(--ai-fd-icon,var(--text-accent-primary,#124ace))}._deniedIcon_1lz3x_9{color:var(--ai-fd-denied-icon,var(--text-error,#ae2f2f))}
+._tile_yap03_1{background:var(--ai-tile-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--ai-tile-border,var(--stroke-secondary,#d1dbea))}._tile_yap03_1._hovered_yap03_5:hover{background:var(--ai-tile-bg-hover,var(--bg-control-neutral-hover,#e0e6f0))}._tile_yap03_1:focus-visible{outline-color:var(--ai-tile-focus-outline,var(--stroke-focus,#161b2d))}._selected_yap03_12{background:var(--ai-tile-bg-selected,var(--bg-control-accent-alpha,#2764d90f));border-color:var(--ai-tile-border-selected,var(--stroke-accent-alpha,#2764d933))}._tileError_yap03_17{background:var(--ai-tile-bg-error,var(--bg-error,#f3d6d8));border-color:var(--ai-tile-border-error,var(--stroke-error,#ae2f2f))}._nameText_yap03_22{color:var(--ai-tile-name-text,var(--text-primary,#161b2d))}._typeText_yap03_26{color:var(--ai-tile-type-text,var(--text-secondary,#6b7280))}._retryIcon_yap03_30{color:var(--ai-tile-error-text,var(--text-error,#ae2f2f))}._track_yap03_34{background:var(--ai-tile-progress-track,var(--bg-backdrop,#161b2db2))}._imageActionButton_yap03_38{background:var(--ai-tile-hover-icon-bg,var(--bg-layer-base,#f5f7fa));color:var(--ai-tile-hover-icon-color,var(--text-secondary,#6b7280))}._headerIcon_1sgtq_1,._headerLabel_1sgtq_2{color:var(--ai-group-text,var(--text-secondary,#6b7280))}._overlay_1lz3x_1{background:var(--ai-fd-bg,var(--bg-backdrop,#0c101d4d))}._icon_1lz3x_5{color:var(--ai-fd-icon,var(--text-accent-primary,#124ace))}._deniedIcon_1lz3x_9{color:var(--ai-fd-denied-icon,var(--text-error,#ae2f2f))}
 /*$vite$:1*/

package/index.d.ts

@@ -1,16 +1,14 @@
 export { AttachmentCard } from './components/AttachmentCard/AttachmentCard';
 export { AttachmentTray } from './components/AttachmentTray/AttachmentTray';
 export { AttachmentGroup } from './components/AttachmentGroup/AttachmentGroup';
-export { AttachmentMoreTile } from './components/AttachmentMoreTile/AttachmentMoreTile';
 export { FileDndOverlay } from './components/FileDndOverlay/FileDndOverlay';
 export type { AttachmentCardProps, AttachmentCardColors, AttachmentCardTypography, AttachmentCardStyles, AttachmentCardLabels, AttachmentCardState, AttachmentTypeLabels, } from './models/attachment-card';
 export type { AttachmentTrayProps, AttachmentTrayLabels, AttachmentTrayStyles, } from './models/attachment-tray';
-export { AttachmentTilesLayout, type AttachmentGroupProps, type AttachmentGroupLabels, type AttachmentGroupColors, type AttachmentGroupTypography, type AttachmentGroupStyles, type AttachmentTilesPlan, } from './models/attachment-group';
-export type { AttachmentMoreTileProps, AttachmentMoreTileLabels, AttachmentMoreTileColors, AttachmentMoreTileTypography, AttachmentMoreTileStyles, } from './models/attachment-more-tile';
+export { type AttachmentGroupProps, type AttachmentGroupLabels, type AttachmentGroupColors, type AttachmentGroupTypography, type AttachmentGroupStyles, } from './models/attachment-group';
 export type { FileDndOverlayProps, FileDndOverlayLabels, FileDndOverlayColors, FileDndOverlayTypography, FileDndOverlayStyles, } from './models/file-dnd-overlay';
 export { useClipboardPaste, type UseClipboardPasteLabels, } from './hooks/useClipboardPaste';
 export { useLazyImageLoad, LazyImageLoadStatus, } from './hooks/useLazyImageLoad';
-export { generateAttachmentId, getAttachmentCardState, getExtFromContentType, getAttachmentIcon, getAttachmentTilesPlan, getNameWithoutExtension, mimeTypesToExtensionLabels, isMimeTypeAllowed, } from './utils/attachment';
-export { ATTACHMENT_COLLAPSE_THRESHOLD, ATTACHMENT_COLLAPSED_VISIBLE_COUNT, } from './constants/attachment-group';
+export { generateAttachmentId, getAttachmentCardState, getExtFromContentType, getAttachmentIcon, getNameWithoutExtension, mimeTypesToExtensionLabels, isMimeTypeAllowed, } from './utils/attachment';
+export { ATTACHMENT_COLLAPSE_THRESHOLD } from './constants/attachment-group';
 export { MAX_UPLOADS_PER_MINUTE } from './constants/upload';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5E,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,qBAAqB,EACrB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC9B,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,GACzB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,wBAAwB,GACzB,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,iBAAiB,EACjB,KAAK,uBAAuB,GAC7B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,iBAAiB,EACjB,sBAAsB,EACtB,uBAAuB,EACvB,0BAA0B,EAC1B,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,6BAA6B,EAC7B,kCAAkC,GACnC,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5E,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC9B,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,iBAAiB,EACjB,KAAK,uBAAuB,GAC7B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,iBAAiB,EACjB,uBAAuB,EACvB,0BAA0B,EAC1B,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC"}

package/index.js

@@ -1,103 +1,101 @@
 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 { IconChevronUp as f, IconClipboard as p, IconDownload as m, IconExternalLink as h, IconFile as g, IconFileDescription as _, IconFileTypeBmp as v, IconFileTypeCss as y, IconFileTypeCsv as b, IconFileTypeDoc as x, IconFileTypeDocx as S, IconFileTypeHtml as C, IconFileTypeJpg as w, IconFileTypeJs as T, IconFileTypeJsx as E, IconFileTypePdf as D, IconFileTypePhp as O, IconFileTypePng as k, IconFileTypePpt as A, IconFileTypeRs as j, IconFileTypeSql as M, IconFileTypeSvg as N, IconFileTypeTs as P, IconFileTypeTsx as F, IconFileTypeTxt as I, IconFileTypeVue as L, IconFileTypeXls as R, IconFileTypeXml as z, IconFileTypeZip as B, IconFileX as ee, IconMusic as te, IconPaperclip as ne, IconPhoto as V, IconReload as H, IconTerminal2 as U, IconVideo as re, IconX as ie } from "@tabler/icons-react";
-import { DIAL_ICON_SIZE as W, DialGhostIconButton as ae, DialSkeleton as oe, DialSkeletonVariant as se, DialSpinner as ce, ElementSize as le, Highlight as ue, StaticIconButton as de } 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 fe = 5, pe = 4, me = "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;
-}({}), he = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, ge = (e) => {
+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;
-}, _e = {
+}, ue = {
 	image: "Image files",
 	audio: "Audio files",
 	video: "Video files",
 	text: "Text files"
-}, ve = (e, t = _e) => 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(", "), ye = (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;
-}), be = (e) => {
-	if (!e) return g;
+}), pe = (e) => {
+	if (!e) return h;
 	if (e.startsWith("image/")) switch (e) {
 		case "image/jpeg":
-		case "image/jpg": return w;
-		case "image/png": return k;
-		case "image/svg+xml": return N;
-		case "image/bmp": return v;
-		default: return V;
+		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 re;
-	if (e.startsWith("audio/")) return te;
+	if (e.startsWith("video/")) return W;
+	if (e.startsWith("audio/")) return ee;
 	switch (e) {
-		case "application/pdf": return D;
+		case "application/pdf": return E;
 		case "application/msword":
-		case "application/vnd.ms-word": return x;
-		case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return S;
-		case "application/vnd.ms-powerpoint": return A;
-		case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return A;
-		case "application/vnd.ms-excel": return R;
-		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return R;
+		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 B;
-		case "text/csv": return b;
-		case "text/plain": return I;
+		case "application/x-tar": return z;
+		case "text/csv": return y;
+		case "text/plain": return F;
 		case "text/html":
-		case "application/xhtml+xml": return C;
+		case "application/xhtml+xml": return S;
 		case "text/xml":
-		case "application/xml": return z;
+		case "application/xml": return R;
 		case "application/sql":
-		case "text/x-sql": return M;
+		case "text/x-sql": return j;
 		case "text/javascript":
-		case "application/javascript": return T;
-		case "text/jsx": return E;
+		case "application/javascript": return w;
+		case "text/jsx": return T;
 		case "application/typescript":
-		case "text/typescript": return P;
-		case "text/tsx": return F;
-		case "text/css": return y;
+		case "text/typescript": return N;
+		case "text/tsx": return P;
+		case "text/css": return v;
 		case "text/x-php":
-		case "application/x-php": return O;
+		case "application/x-php": return D;
 		case "text/x-rustsrc":
-		case "application/x-rust": return j;
-		case "text/x-vue": return L;
-		default: return g;
+		case "application/x-rust": return A;
+		case "text/x-vue": return I;
+		default: return h;
 	}
-}, xe = (e) => {
+}, me = (e) => {
 	let { type: n, contentType: r } = e;
-	return n === t.Prompt ? U : n === t.Pasted ? p : n === t.Image ? V : be(r ?? "");
-}, Se = (e) => {
+	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;
-}, Ce = (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 = Se(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 = {}) => {
+}, 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,
@@ -105,22 +103,10 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 		isImage: u,
 		isAudio: d,
 		isLink: f,
-		BottomIcon: f ? null : xe(e),
-		typeLabel: f ? null : Ce(e, n)
+		BottomIcon: f ? null : me(e),
+		typeLabel: f ? null : ge(e, n)
 	};
-}, we = (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 = {
+}, Z = {
 	tile: "_tile_yap03_1",
 	hovered: "_hovered_yap03_5",
 	selected: "_selected_yap03_12",
@@ -130,46 +116,46 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 	retryIcon: "_retryIcon_yap03_30",
 	track: "_track_yap03_34",
 	imageActionButton: "_imageActionButton_yap03_38"
-}, Z = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: o, className: s }) => /* @__PURE__ */ K(de, {
+}, Q = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: o, className: s }) => /* @__PURE__ */ q(se, {
 	icon: o,
-	size: le.Small,
+	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);
 	}
-}), Te = ({ ...e }) => /* @__PURE__ */ K(Z, {
-	icon: /* @__PURE__ */ K(H, {
-		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
-}), Ee = ({ ...e }) => /* @__PURE__ */ K(Z, {
-	icon: /* @__PURE__ */ K(m, {
-		size: W.SM,
+}), ve = ({ ...e }) => /* @__PURE__ */ q(Q, {
+	icon: /* @__PURE__ */ q(p, {
+		size: G.SM,
 		"aria-hidden": !0
 	}),
 	...e
-}), De = ({ ...e }) => /* @__PURE__ */ K(Z, {
-	icon: /* @__PURE__ */ K(h, {
-		size: W.SM,
+}), ye = ({ ...e }) => /* @__PURE__ */ q(Q, {
+	icon: /* @__PURE__ */ q(m, {
+		size: G.SM,
 		"aria-hidden": !0
 	}),
 	...e
-}), Oe = ({ ...e }) => /* @__PURE__ */ K(Z, {
-	icon: /* @__PURE__ */ K(ie, {
-		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
-}), ke = ({ attachment: e, searchQuery: t = "", onClick: n, onDownload: r, onRemove: i, labels: o, styles: s, cssVars: c, isSelected: l }) => {
+}), 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", {
+	return /* @__PURE__ */ J("div", {
 		style: c,
 		...n == null ? {} : {
 			role: "button",
@@ -180,18 +166,18 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 				(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 && X.selected, 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: a(p?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", X.nameText),
-				children: t ? /* @__PURE__ */ K(ue, {
+				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,78 +185,78 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 				preload: "metadata",
 				onClick: (e) => e.stopPropagation()
 			}),
-			r && /* @__PURE__ */ K(Ee, {
+			r && /* @__PURE__ */ q(ve, {
 				ariaLabel: d,
 				onClick: r,
 				id: e.id
 			}),
-			i && /* @__PURE__ */ K(Oe, {
+			i && /* @__PURE__ */ q(be, {
 				ariaLabel: f,
 				onClick: i,
 				id: e.id
 			})
 		]
 	});
-}, Ae = {
+}, 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"
-}, je = ({ 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] ?? Ae[j]) || T : "", { BottomIcon: I, typeLabel: L } = Y(n), R = !N && !M && f && !m, z = N && !!s && j !== e.UnsupportedType, B = R || z ? "pe-5" : void 0, ee = (e) => {
+}, 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));
-	}, te = l(() => p ? k : ge(k), [p, k]), ne = o(() => {
+	}, V = l(() => p ? k : le(k), [p, k]), H = o(() => {
 		window.open(n.referenceUrl, "_blank", "noopener,noreferrer");
-	}, [n]), V = a(me, "group/attachment-tile relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", X.tile, (n.type === t.Prompt || n.type === t.Pasted) && "hovered", y && X.selected, N && X.tileError), H = /* @__PURE__ */ K("div", {
-		title: te,
-		className: a(E?.nameClassName ?? "dial-caption-text", "line-clamp-2 min-w-0 break-all", X.nameText, !N && B),
-		children: te
-	}), U = I && /* @__PURE__ */ q("div", {
+	}, [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: a(E?.nameClassName ?? "dial-caption-text", "line-clamp-2 min-w-0 break-all", Z.nameText, !N && B),
+		children: V
+	}), W = I && /* @__PURE__ */ J("div", {
 		className: a("flex w-full items-center gap-1", N && B),
-		children: [/* @__PURE__ */ K(I, {
+		children: [/* @__PURE__ */ q(I, {
 			size: 16,
-			className: X.typeText,
+			className: Z.typeText,
 			"aria-hidden": !0
-		}), /* @__PURE__ */ K("span", {
-			className: a(E?.metaClassName ?? "dial-caption-text", "min-w-0 flex-1 truncate", X.typeText),
+		}), /* @__PURE__ */ q("span", {
+			className: a(E?.metaClassName ?? "dial-caption-text", "min-w-0 flex-1 truncate", Z.typeText),
 			children: S ? `${L} · ${S}` : L
 		})]
-	}), re = () => {
+	}), ne = () => {
 		_ && g ? g(O) : i && i(O);
-	}, ie = /* @__PURE__ */ q(G, { children: [
-		N ? /* @__PURE__ */ q(G, { children: [U, H] }) : /* @__PURE__ */ q(G, { children: [H, U] }),
-		M && /* @__PURE__ */ K("div", {
+	}, 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": C,
-			className: a("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", X.track),
-			children: /* @__PURE__ */ K(ce, { size: 32 })
+			className: a("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", Z.track),
+			children: /* @__PURE__ */ q(ae, { size: 32 })
 		}),
-		R && /* @__PURE__ */ K(Ee, {
+		R && /* @__PURE__ */ q(ve, {
 			ariaLabel: b,
 			errorTitle: F,
 			errorDescId: P,
 			onClick: f,
 			id: O
 		}),
-		z && /* @__PURE__ */ K(Te, {
+		z && /* @__PURE__ */ q(_e, {
 			ariaLabel: x,
 			errorTitle: F,
 			errorDescId: P,
 			onClick: s,
 			id: O
 		}),
-		m && /* @__PURE__ */ K(De, {
+		m && /* @__PURE__ */ q(ye, {
 			ariaLabel: x,
 			errorTitle: F,
 			errorDescId: P,
-			onClick: ne
+			onClick: H
 		}),
-		v && /* @__PURE__ */ K(Oe, {
+		v && /* @__PURE__ */ q(be, {
 			ariaLabel: x,
 			errorTitle: F,
 			errorDescId: P,
 			onClick: v,
 			id: O
 		}),
-		N && /* @__PURE__ */ K("span", {
+		N && /* @__PURE__ */ q("span", {
 			id: P,
 			role: "status",
 			"aria-live": "polite",
@@ -278,23 +264,23 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 			children: F
 		})
 	] });
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ q("div", {
 		style: h,
 		className: a("inline-flex", D),
-		children: /* @__PURE__ */ K("div", {
+		children: /* @__PURE__ */ q("div", {
 			role: "button",
 			tabIndex: 0,
 			"aria-label": b,
-			onClick: re,
+			onClick: ne,
 			onKeyDown: ee,
 			style: h,
-			className: a(V, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
-			children: ie
+			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;
-}({}), Me = ({ enabled: e, src: t }) => {
+}({}), Ee = ({ enabled: e, src: t }) => {
 	let n = u(null), [r, i] = d("idle");
 	return s(() => {
 		i(e && t ? "loading" : "idle");
@@ -309,15 +295,15 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 		imageRef: n,
 		imageLoadStatus: r
 	};
-}, Ne = ({ 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(() => Y(e), [e]), S = r !== void 0 && !v && !y && !b, { imageRef: C, imageLoadStatus: w } = Me({
+}, 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: a(me, "group/attachment-tile", S && "cursor-pointer", X.tile, d && X.selected, 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());
@@ -326,43 +312,43 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 		role: "button",
 		style: s,
 		"aria-label": S ? f : v ? p : void 0,
-		children: /* @__PURE__ */ q("div", {
+		children: /* @__PURE__ */ J("div", {
 			className: "relative h-full w-full overflow-hidden",
 			children: [
-				o && /* @__PURE__ */ K(Oe, {
+				o && /* @__PURE__ */ q(be, {
 					onClick: o,
 					id: h,
-					className: X.imageActionButton
+					className: Z.imageActionButton
 				}),
-				c && /* @__PURE__ */ K(Ee, {
+				c && /* @__PURE__ */ q(ve, {
 					onClick: c,
 					id: h,
-					className: X.imageActionButton
+					className: Z.imageActionButton
 				}),
-				w !== Q.Loaded && /* @__PURE__ */ K(oe, {
-					variant: se.Rectangular,
+				w !== $.Loaded && /* @__PURE__ */ q(re, {
+					variant: ie.Rectangular,
 					width: "100%",
 					height: "100%",
-					active: w === Q.Loading,
-					overlay: /* @__PURE__ */ K(V, {
-						size: W.LG,
-						className: X.typeText,
+					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: a("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")
 				})
 			]
 		})
 	});
-}, Pe = ({ attachment: e, searchQuery: n = "", onRemove: r, onRetry: a, onExpand: o, onClick: s, onDownload: c, labels: u, styles: d, isSelected: f }) => {
+}, 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,
@@ -380,8 +366,8 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 		"--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(() => Y(e), [e]);
-	return v ? /* @__PURE__ */ K(ke, {
+	}), { isImage: _, isAudio: v, isLink: y } = l(() => X(e), [e]);
+	return v ? /* @__PURE__ */ q(xe, {
 		attachment: e,
 		labels: u,
 		onClick: s,
@@ -391,7 +377,7 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 		styles: d,
 		cssVars: g,
 		isSelected: f
-	}) : _ ? /* @__PURE__ */ K(Ne, {
+	}) : _ ? /* @__PURE__ */ q(De, {
 		attachment: e,
 		labels: u,
 		onClick: s,
@@ -401,7 +387,7 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 		cssVars: g,
 		onDownload: c,
 		isSelected: f
-	}) : /* @__PURE__ */ K(je, {
+	}) : /* @__PURE__ */ q(Te, {
 		attachment: e,
 		onClick: s,
 		onRetry: a,
@@ -416,15 +402,15 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 		isExpandable: h,
 		isSelected: f
 	});
-}, Fe = ({ attachments: e, onRemove: t, onRetry: n, onExpand: r, onAttachmentClick: i, labels: o, styles: s }) => {
+}, 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__ */ K("div", {
+	return e.length === 0 ? null : /* @__PURE__ */ q("div", {
 		role: "list",
 		"aria-label": c,
 		className: a("flex w-full min-w-0 gap-2 overflow-x-auto", f),
-		children: e.map((e) => /* @__PURE__ */ K("div", {
+		children: e.map((e) => /* @__PURE__ */ q("div", {
 			role: "listitem",
-			children: /* @__PURE__ */ K(Pe, {
+			children: /* @__PURE__ */ q(Oe, {
 				attachment: e,
 				onRemove: t,
 				onRetry: n,
@@ -438,159 +424,110 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 			})
 		}, e.id))
 	});
-}, Ie = { tile: "_tile_1qzn0_1" }, Le = ({ count: e, onClick: t, labels: n, children: r, styles: o }) => {
-	let { ariaLabel: s } = n ?? {}, { typography: { fontClassName: c = "dial-small-semi-text" } = {}, className: l, colors: u } = o ?? {}, d = i({
-		"--ai-more-tile-bg": u?.background,
-		"--ai-more-tile-border": u?.border,
-		"--ai-more-tile-color": u?.color,
-		"--ai-more-tile-bg-hover": u?.backgroundHover,
-		"--ai-more-tile-color-hover": u?.colorHover,
-		"--ai-more-tile-border-hover": u?.borderHover,
-		"--ai-more-tile-focus-outline": u?.focusOutline
-	});
-	return /* @__PURE__ */ K("button", {
-		type: "button",
-		onClick: t,
-		"aria-label": s ?? `Show ${e} more attachments`,
-		style: d,
-		className: a(me, c, Ie.tile, l),
-		children: r ?? /* @__PURE__ */ K("bdi", {
-			dir: "ltr",
-			children: `+${e}`
-		})
-	});
-}, $ = {
-	container: "_container_jvs4c_1",
-	headerIcon: "_headerIcon_jvs4c_6",
-	headerLabel: "_headerLabel_jvs4c_7",
-	downloadAllButton: "_downloadAllButton_jvs4c_8"
-}, Re = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, ze = ({ attachments: e, onAttachmentClick: n, onDownloadAll: o, onRetry: s, labels: c, styles: u, selectedAttachmentId: p }) => {
-	let { ariaLabel: h = "Attachments", clickLabel: _ = "Download attachment", retryLabel: v = "Retry upload", showLessLabel: y = "Show less", downloadAllLabel: b = "Download all", openInNewTabLabel: x, getHeaderLabel: S = (e) => Re(e, "attachment"), promptLabel: C, pastedLabel: w, imageLabel: T } = c ?? {}, { typography: { headerLabelClassName: E = "dial-tiny-semi-text" } = {}, colors: D, className: O } = u ?? {}, k = i({
-		"--ai-group-bg": D?.background,
-		"--ai-group-border": D?.border,
-		"--ai-group-text": D?.text
-	}), [A, j] = d(!1), M = l(() => we(e.length, A), [e.length, A]);
+}, 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 N = e.some((e) => e.type === t.Image), P = e.some((e) => e.type !== t.Image), F = N && P, I = e.length >= 5, L = F ? ne : N ? V : g, R = S(e.length), z = e.slice(0, M.visibleCount), B = () => {
+	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));
-	}, ee = (t) => {
+	}, N = (t) => {
 		let n = e.find((e) => e.id === t);
 		n && o?.([n]);
 	};
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ J("div", {
 		role: "group",
-		"aria-label": h,
-		style: k,
-		className: a("rounded-2xl border p-3", I ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", $.container, O),
-		children: [/* @__PURE__ */ q("div", {
-			className: "mb-3 flex min-h-6 items-center gap-2",
-			children: [
-				/* @__PURE__ */ K(L, {
-					size: W.SM,
-					className: a("shrink-0", $.headerIcon),
+		"aria-label": d,
+		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: a(E, $.headerLabel),
-					children: R
-				}),
-				e.length >= 2 && (o || n) && /* @__PURE__ */ K(ae, {
-					icon: /* @__PURE__ */ K(m, {
-						size: W.SM,
-						"aria-hidden": !0
-					}),
-					className: a("ms-auto h-6 w-6 rounded-lg", $.downloadAllButton),
-					"aria-label": b,
-					onClick: B
-				})
-			]
+				size: oe.Small,
+				"aria-label": g,
+				onClick: M
+			})]
 		}), /* @__PURE__ */ q("div", {
 			role: "list",
-			"aria-label": R,
-			className: a("gap-3", I ? "grid grid-cols-[repeat(5,83px)] overflow-x-auto" : "flex flex-wrap"),
-			children: [
-				z.map((e, t) => /* @__PURE__ */ K("div", {
-					role: "listitem",
-					children: /* @__PURE__ */ K(Pe, {
-						attachment: e,
-						onClick: n,
-						onDownload: ee,
-						onRetry: s,
-						labels: {
-							clickLabel: _,
-							retryLabel: v,
-							promptLabel: C,
-							pastedLabel: w,
-							imageLabel: T,
-							openInNewTabLabel: x
-						},
-						isSelected: e.id === p
-					})
-				}, `${e.id}-${t}`)),
-				M.layout === J.Collapsed && /* @__PURE__ */ K("div", {
-					role: "listitem",
-					children: /* @__PURE__ */ K(Le, {
-						count: M.hiddenCount,
-						onClick: () => j(!0)
-					})
-				}),
-				I && A && /* @__PURE__ */ K("div", {
-					role: "listitem",
-					children: /* @__PURE__ */ K(Le, {
-						count: 0,
-						onClick: () => j(!1),
-						labels: { ariaLabel: y },
-						children: /* @__PURE__ */ K(f, {
-							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}`))
 		})]
 	});
-}, Be = {
+}, Ne = {
 	overlay: "_overlay_1lz3x_1",
 	icon: "_icon_1lz3x_5",
 	deniedIcon: "_deniedIcon_1lz3x_9"
-}, Ve = ({ isVisible: e, isAttachmentsAllowed: t = !0, labels: n, styles: r }) => {
+}, 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 = 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 ? Be.icon : Be.deniedIcon, m = (e) => {
+	}), 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 ? _ : ee;
-	return /* @__PURE__ */ K("div", {
+	}, h = t ? g : B;
+	return /* @__PURE__ */ q("div", {
 		role: "status",
 		"aria-live": "polite",
-		className: a("fixed inset-0 z-[9999] flex items-center justify-center backdrop-blur-sm", Be.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", {
+				/* @__PURE__ */ q("span", {
 					className: a("mt-5", l?.titleClassName ?? "dial-h3-text"),
 					children: d
 				}),
-				/* @__PURE__ */ K("span", {
+				/* @__PURE__ */ q("span", {
 					className: a("mt-4", l?.subtitleClassName ?? "dial-small-text"),
 					children: f
 				})
 			]
 		})
 	});
-}, He = (e, n, i = {}) => {
+}, Fe = (e, n, i = {}) => {
 	let { screenshotName: a = "Screenshot.png", pastedTextName: s = "Pasted text" } = i;
 	return { handlePaste: o((i) => {
 		if (!i.clipboardData) return;
@@ -601,7 +538,7 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 				let i = e.getAsFile();
 				if (!i) continue;
 				let o = new File([i], a, { type: i.type }), s = {
-					id: he(),
+					id: Y(),
 					name: a,
 					contentType: i.type,
 					file: o,
@@ -617,7 +554,7 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 		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) || s, o = new File([l], a, { type: "text/plain" }), c = {
-				id: he(),
+				id: Y(),
 				name: a,
 				contentType: "text/plain",
 				file: o,
@@ -632,6 +569,6 @@ var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-x
 		a,
 		s
 	]) };
-}, Ue = 100;
+}, Ie = 100;
 //#endregion
-export { pe as ATTACHMENT_COLLAPSED_VISIBLE_COUNT, fe as ATTACHMENT_COLLAPSE_THRESHOLD, Pe as AttachmentCard, ze as AttachmentGroup, Le as AttachmentMoreTile, J as AttachmentTilesLayout, Fe as AttachmentTray, Ve as FileDndOverlay, Q as LazyImageLoadStatus, Ue as MAX_UPLOADS_PER_MINUTE, he as generateAttachmentId, Y as getAttachmentCardState, be as getAttachmentIcon, we as getAttachmentTilesPlan, Se as getExtFromContentType, ge as getNameWithoutExtension, ye as isMimeTypeAllowed, ve as mimeTypesToExtensionLabels, He as useClipboardPaste, Me 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 };

package/models/attachment-group.d.ts

@@ -1,23 +1,5 @@
 import { DisplayAttachment } from '@epam/ai-dial-chat-shared';
 import { AttachmentTypeLabels } from './attachment-card';
-/** How the unified attachment tile grid should render for a given total attachment count. */
-export declare enum AttachmentTilesLayout {
-    /** No attachments. */
-    None = "none",
-    /** Below the collapse threshold, or expanded: every tile shown. */
-    AllVisible = "all-visible",
-    /** At/above the collapse threshold, not yet expanded: a few tiles + a "+N" tile. */
-    Collapsed = "collapsed"
-}
-/** Rendering plan for the unified attachment tile grid. */
-export interface AttachmentTilesPlan {
-    /** Which rendering mode the grid should use. */
-    layout: AttachmentTilesLayout;
-    /** Number of tiles to actually render. */
-    visibleCount: number;
-    /** Number of attachments hidden behind the "+N" tile (0 unless `layout` is `Collapsed`). */
-    hiddenCount: number;
-}
 /** Localised accessible labels for the `AttachmentGroup` component. */
 export interface AttachmentGroupLabels extends AttachmentTypeLabels {
     /** Accessible label for the group region. Defaults to `'Attachments'`. */
@@ -26,8 +8,6 @@ export interface AttachmentGroupLabels extends AttachmentTypeLabels {
     clickLabel?: string;
     /** Accessible label for each row's retry action. Defaults to `'Retry upload'`. */
     retryLabel?: string;
-    /** Label for the "show less" header action, shown once the group has been expanded via the "+N" tile. Defaults to `'Show less'`. */
-    showLessLabel?: string;
     /** Label for the "download all" header action, shown whenever the group has 2+ attachments. Defaults to `'Download all'`. */
     downloadAllLabel?: string;
     /** Accessible label for each tile's open-in-new-tab button. Defaults to `'Open in new tab'`. */
@@ -41,10 +21,6 @@ export interface AttachmentGroupLabels extends AttachmentTypeLabels {
 }
 /** CSS custom-property overrides for the `AttachmentGroup` component. */
 export interface AttachmentGroupColors {
-    /** Group container background color. */
-    background?: string;
-    /** Group container border color. */
-    border?: string;
     /** Header icon/label/download-all button text color. */
     text?: string;
 }

package/models/attachment-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachment-group.d.ts","sourceRoot":"","sources":["../../src/models/attachment-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,6FAA6F;AAC7F,oBAAY,qBAAqB;IAC/B,sBAAsB;IACtB,IAAI,SAAS;IACb,mEAAmE;IACnE,UAAU,gBAAgB;IAC1B,oFAAoF;IACpF,SAAS,cAAc;CACxB;AAED,2DAA2D;AAC3D,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,MAAM,EAAE,qBAAqB,CAAC;IAC9B,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,uEAAuE;AACvE,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oIAAoI;IACpI,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6HAA6H;IAC7H,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gGAAgG;IAChG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5C;AAED,yEAAyE;AACzE,MAAM,WAAW,qBAAqB;IACpC,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,gEAAgE;AAChE,MAAM,WAAW,yBAAyB;IACxC,4GAA4G;IAC5G,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,2DAA2D;AAC3D,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,iDAAiD;IACjD,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yDAAyD;AACzD,MAAM,WAAW,oBAAoB;IACnC,sEAAsE;IACtE,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC3D,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gKAAgK;IAChK,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,qCAAqC;IACrC,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,kHAAkH;IAClH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B"}
+{"version":3,"file":"attachment-group.d.ts","sourceRoot":"","sources":["../../src/models/attachment-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,uEAAuE;AACvE,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6HAA6H;IAC7H,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gGAAgG;IAChG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5C;AAED,yEAAyE;AACzE,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,gEAAgE;AAChE,MAAM,WAAW,yBAAyB;IACxC,4GAA4G;IAC5G,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,2DAA2D;AAC3D,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,iDAAiD;IACjD,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yDAAyD;AACzD,MAAM,WAAW,oBAAoB;IACnC,sEAAsE;IACtE,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC3D,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gKAAgK;IAChK,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,qCAAqC;IACrC,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,kHAAkH;IAClH,oBAAoB,CAAC,EAAE,MAAM,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.1.0-dev.78",
+  "version": "1.1.0-dev.87",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,10 +17,10 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.78",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.87",
     "@tabler/icons-react": "^3.44.0",
     "react": "^19.0.0",
-    "@epam/ai-dial-ui-kit": "^0.13.0-dev.25"
+    "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
   },
   "repository": {
     "type": "git",

package/utils/attachment.d.ts

@@ -1,7 +1,6 @@
 import { DisplayAttachment } from '@epam/ai-dial-chat-shared';
 import { Icon } from '@tabler/icons-react';
 import { AttachmentCardState, AttachmentTypeLabels } from '../models/attachment-card';
-import { AttachmentTilesPlan } from '../models/attachment-group';
 /** Generates a unique identifier for an attachment. */
 export declare const generateAttachmentId: () => string;
 /** Returns the name without its trailing file extension. Returns an empty string when `name` is nullish. */
@@ -24,6 +23,4 @@ export declare const getAttachmentIcon: (contentType: string) => Icon;
 export declare const getExtFromContentType: (contentType: string) => string | undefined;
 /** Derives the display state (icons, labels, color classes) an AttachmentCard needs to render a given attachment. */
 export declare const getAttachmentCardState: (attachment: DisplayAttachment, typeLabels?: AttachmentTypeLabels) => AttachmentCardState;
-/** Decides how the unified tile grid should render for `totalCount` attachments, given whether the group is expanded. */
-export declare const getAttachmentTilesPlan: (totalCount: number, isExpanded: boolean) => AttachmentTilesPlan;
 //# sourceMappingURL=attachment.d.ts.map

package/utils/attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../src/utils/attachment.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAMnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAoChD,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAC;AAEpC,uDAAuD;AACvD,eAAO,MAAM,oBAAoB,QAAO,MACgB,CAAC;AAEzD,4GAA4G;AAC5G,eAAO,MAAM,uBAAuB,GAAI,MAAM,MAAM,KAAG,MAItD,CAAC;AASF,uHAAuH;AACvH,eAAO,MAAM,0BAA0B,GACrC,OAAO,MAAM,EAAE,EACf,iBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAwB,KAC5D,MAUF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAC5B,UAAU,MAAM,EAChB,cAAc,MAAM,EAAE,KACrB,OAUF,CAAC;AAEF,wGAAwG;AACxG,eAAO,MAAM,iBAAiB,GAAI,aAAa,MAAM,KAAG,IA0FvD,CAAC;AAUF,4GAA4G;AAC5G,eAAO,MAAM,qBAAqB,GAChC,aAAa,MAAM,KAClB,MAAM,GAAG,SAUX,CAAC;AA0BF,qHAAqH;AACrH,eAAO,MAAM,sBAAsB,GACjC,YAAY,iBAAiB,EAC7B,aAAY,oBAAyB,KACpC,mBAmBF,CAAC;AAEF,yHAAyH;AACzH,eAAO,MAAM,sBAAsB,GACjC,YAAY,MAAM,EAClB,YAAY,OAAO,KAClB,mBAoBF,CAAC"}
+{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../src/utils/attachment.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAMnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAgChD,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,2BAA2B,CAAC;AAEnC,uDAAuD;AACvD,eAAO,MAAM,oBAAoB,QAAO,MACgB,CAAC;AAEzD,4GAA4G;AAC5G,eAAO,MAAM,uBAAuB,GAAI,MAAM,MAAM,KAAG,MAItD,CAAC;AASF,uHAAuH;AACvH,eAAO,MAAM,0BAA0B,GACrC,OAAO,MAAM,EAAE,EACf,iBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAwB,KAC5D,MAUF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAC5B,UAAU,MAAM,EAChB,cAAc,MAAM,EAAE,KACrB,OAUF,CAAC;AAEF,wGAAwG;AACxG,eAAO,MAAM,iBAAiB,GAAI,aAAa,MAAM,KAAG,IA0FvD,CAAC;AAUF,4GAA4G;AAC5G,eAAO,MAAM,qBAAqB,GAChC,aAAa,MAAM,KAClB,MAAM,GAAG,SAUX,CAAC;AA0BF,qHAAqH;AACrH,eAAO,MAAM,sBAAsB,GACjC,YAAY,iBAAiB,EAC7B,aAAY,oBAAyB,KACpC,mBAmBF,CAAC"}

package/components/AttachmentMoreTile/AttachmentMoreTile.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { AttachmentMoreTileProps } from '../../models/attachment-more-tile';
-/** Square placeholder tile shown in the attachment grid: a "+N" overflow tile when collapsed, or a collapse-icon tile when expanded. */
-export declare const AttachmentMoreTile: FC<AttachmentMoreTileProps>;
-//# sourceMappingURL=AttachmentMoreTile.d.ts.map

package/components/AttachmentMoreTile/AttachmentMoreTile.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttachmentMoreTile.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentMoreTile/AttachmentMoreTile.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAGjF,wIAAwI;AACxI,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAuC1D,CAAC"}

package/models/attachment-more-tile.d.ts

@@ -1,54 +0,0 @@
-import { ReactNode } from 'react';
-/** CSS custom-property overrides for the `AttachmentMoreTile` component. */
-export interface AttachmentMoreTileColors {
-    /** Tile background color in the default state. */
-    background?: string;
-    /** Tile border color in the default state. */
-    border?: string;
-    /** Tile text/icon color in the default state. */
-    color?: string;
-    /** Tile background color on hover. */
-    backgroundHover?: string;
-    /** Tile text/icon color on hover. */
-    colorHover?: string;
-    /** Tile border color on hover. */
-    borderHover?: string;
-    /** Tile focus outline color. */
-    focusOutline?: string;
-}
-/** User-visible strings for the `AttachmentMoreTile` component. */
-export interface AttachmentMoreTileLabels {
-    /**
-     * Accessible label. Defaults to `'Show {count} more attachments'`; pass an
-     * explicit label (e.g. `'Show less'`) when overriding `children`.
-     */
-    ariaLabel?: string;
-}
-/** Typography overrides for the `AttachmentMoreTile` component. */
-export interface AttachmentMoreTileTypography {
-    /** Typography class applied to the tile's text/icon content. Defaults to `'dial-small-semi-text'`. */
-    fontClassName?: string;
-}
-/** Style overrides for the `AttachmentMoreTile` component. */
-export interface AttachmentMoreTileStyles {
-    /** Color overrides applied as CSS custom properties. */
-    colors?: AttachmentMoreTileColors;
-    /** Typography overrides for the tile's text/icon content. */
-    typography?: AttachmentMoreTileTypography;
-    /** Extra class name(s) merged onto the root element. */
-    className?: string;
-}
-/** Props accepted by the `AttachmentMoreTile` component. */
-export interface AttachmentMoreTileProps {
-    /** Number of additional, not-yet-visible attachments. Only used for the default `"+N"` content/label. */
-    count: number;
-    /** Called when the tile is activated (expands or collapses the group). */
-    onClick: () => void;
-    /** User-visible strings. */
-    labels?: AttachmentMoreTileLabels;
-    /** Overrides the default `"+N"` content, e.g. a collapse icon for the "show less" placeholder tile. */
-    children?: ReactNode;
-    /** Style overrides for the tile. */
-    styles?: AttachmentMoreTileStyles;
-}
-//# sourceMappingURL=attachment-more-tile.d.ts.map

package/models/attachment-more-tile.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachment-more-tile.d.ts","sourceRoot":"","sources":["../../src/models/attachment-more-tile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,4EAA4E;AAC5E,MAAM,WAAW,wBAAwB;IACvC,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,mEAAmE;AACnE,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,mEAAmE;AACnE,MAAM,WAAW,4BAA4B;IAC3C,sGAAsG;IACtG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,8DAA8D;AAC9D,MAAM,WAAW,wBAAwB;IACvC,wDAAwD;IACxD,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,4BAA4B,CAAC;IAC1C,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4DAA4D;AAC5D,MAAM,WAAW,uBAAuB;IACtC,yGAAyG;IACzG,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,uGAAuG;IACvG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oCAAoC;IACpC,MAAM,CAAC,EAAE,wBAAwB,CAAC;CACnC"}