@epam/ai-dial-chat-shared 1.3.0-dev.98 → 1.3.0-rc.1

package/components/ActionMenu/ActionMenu.d.ts

@@ -0,0 +1,26 @@
+import { Dropdown, DropdownItem } from '@epam/ai-dial-ui-kit';
+import { ComponentProps, FC, MouseEvent, ReactElement } from 'react';
+/** Props for `ActionMenu`. */
+export interface ActionMenuProps {
+    /** Actions of the menu. Dividers, plain-text rows and nested items are shown by the desktop dropdown only. */
+    items: DropdownItem[];
+    /** Trigger element; on a phone it gets the click handler that opens the sheet, so it must accept `onClick`. */
+    children: ReactElement<{
+        onClick?: (event: MouseEvent) => void;
+    }>;
+    /** Title and accessible name of the phone sheet. */
+    title: string;
+    /** Accessible name of the phone sheet's close button. Defaults to `'Close'`. */
+    closeLabel?: string;
+    /** Placement of the desktop dropdown. Defaults to automatic placement. */
+    placement?: ComponentProps<typeof Dropdown>['placement'];
+    /** Whether the desktop dropdown is as wide as its trigger. Defaults to `true`. */
+    matchReferenceWidth?: boolean;
+    /** CSS class applied to the desktop dropdown's list. */
+    listClassName?: string;
+    /** Called when the menu opens or closes, on either surface. */
+    onOpenChange?: (isOpen: boolean) => void;
+}
+/** Action menu that opens as the kit dropdown on tablet and desktop and as a bottom sheet on a phone. */
+export declare const ActionMenu: FC<ActionMenuProps>;
+//# sourceMappingURL=ActionMenu.d.ts.map

package/components/ActionMenu/ActionMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EACR,KAAK,YAAY,EAGlB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,EAAE,EACP,KAAK,UAAU,EACf,KAAK,YAAY,EAElB,MAAM,OAAO,CAAC;AAGf,8BAA8B;AAC9B,MAAM,WAAW,eAAe;IAC9B,8GAA8G;IAC9G,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,+GAA+G;IAC/G,QAAQ,EAAE,YAAY,CAAC;QAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;KAAE,CAAC,CAAC;IAClE,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC;IACzD,kFAAkF;IAClF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,yGAAyG;AACzG,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA8E1C,CAAC"}

package/components/ActionMenu/ActionMenu.js

@@ -0,0 +1,50 @@
+import { useIsPhone as e } from "../../hooks/useIsPhone.js";
+import { BottomSheet as t, Dropdown as n, DropdownItemType as r, MenuItem as i } from "@epam/ai-dial-ui-kit";
+import { cloneElement as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/ActionMenu/ActionMenu.tsx
+var u = ({ items: u, children: d, title: f, closeLabel: p = "Close", placement: m, matchReferenceWidth: h, listClassName: g, onOpenChange: _ }) => {
+	let v = e(), [y, b] = o(!1);
+	if (!v) return /* @__PURE__ */ c(n, {
+		items: u,
+		placement: m,
+		matchReferenceWidth: h,
+		listClassName: g,
+		onOpenChange: _,
+		children: d
+	});
+	let x = (e) => {
+		b(e), _?.(e);
+	}, S = (e) => {
+		d.props.onClick?.(e), x(!0);
+	}, C = (e, t) => {
+		x(!1), e.onClick?.({
+			key: e.key,
+			domEvent: t
+		});
+	}, w = u.filter((e) => e.type !== r.Divider && e.type !== r.PlainText && !e.children?.length);
+	return /* @__PURE__ */ l(s, { children: [a(d, {
+		onClick: S,
+		"aria-haspopup": "dialog",
+		"aria-expanded": y
+	}), /* @__PURE__ */ c(t, {
+		open: y,
+		title: f,
+		closeAriaLabel: p,
+		onClose: () => x(!1),
+		children: /* @__PURE__ */ c("div", {
+			role: "menu",
+			"aria-label": f,
+			children: w.map((e) => /* @__PURE__ */ c(i, {
+				role: "menuitem",
+				label: e.label,
+				icon: e.icon,
+				disabled: e.disabled,
+				danger: e.danger,
+				onClick: (t) => C(e, t)
+			}, e.key))
+		})
+	})] });
+};
+//#endregion
+export { u as ActionMenu };

package/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -1,8 +1,9 @@
 import { PopupSize } from '@epam/ai-dial-ui-kit';
 import { FC } from 'react';
+import { ConfirmationFooterStyles } from '../ConfirmationView/ConfirmationFooter';
 import { ConfirmationViewProps } from '../ConfirmationView/ConfirmationView';
 /** Props for `ConfirmationDialog`. */
-export interface ConfirmationDialogProps extends ConfirmationViewProps {
+export interface ConfirmationDialogProps extends Omit<ConfirmationViewProps, 'className'> {
     /** Whether the dialog is open. */
     open: boolean;
     /** Dialog title. A string rather than a node, so the kit names the dialog with it. */
@@ -27,6 +28,10 @@ export interface ConfirmationDialogProps extends ConfirmationViewProps {
     popupClassName?: string;
     /** CSS class applied to the dialog title. */
     titleClassName?: string;
+    /** CSS class applied to the content view root, e.g. a `pt-0` override of its default top padding. */
+    viewClassName?: string;
+    /** Style overrides forwarded to the action row, e.g. a transparent top border. */
+    footerStyles?: ConfirmationFooterStyles;
     /** Called when the user confirms. */
     onConfirm: () => void;
     /** Called when the dialog is dismissed — Cancel, the header close control, Escape, or an outside click. */

package/components/ConfirmationDialog/ConfirmationDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAE9C,sCAAsC;AACtC,MAAM,WAAW,uBAAwB,SAAQ,qBAAqB;IACpE,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,oIAAoI;IACpI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iHAAiH;IACjH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,2GAA2G;IAC3G,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAiD1D,CAAC"}
+{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAS9C,sCAAsC;AACtC,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,qBAAqB,EACrB,WAAW,CACZ;IACC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,oIAAoI;IACpI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iHAAiH;IACjH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qGAAqG;IACrG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kFAAkF;IAClF,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,qCAAqC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,2GAA2G;IAC3G,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAwD1D,CAAC"}

package/components/ConfirmationDialog/ConfirmationDialog.js

@@ -3,9 +3,9 @@ import { ConfirmationFooter as t } from "../ConfirmationView/ConfirmationFooter.
 import { ConfirmationPopupVariant as n, Popup as r, PopupSize as i } from "@epam/ai-dial-ui-kit";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/ConfirmationDialog/ConfirmationDialog.tsx
-var o = ({ open: o, title: s, confirmLabel: c, cancelLabel: l, isLoading: u = !1, isConfirmDisabled: d = !1, loadingStatusLabel: f, size: p = i.Sm, popupClassName: m, titleClassName: h, variant: g = n.Info, onConfirm: _, onClose: v, ...y }) => {
-	let b = () => {
-		u || v();
+var o = ({ open: o, title: s, confirmLabel: c, cancelLabel: l, isLoading: u = !1, isConfirmDisabled: d = !1, loadingStatusLabel: f, size: p = i.Sm, popupClassName: m, titleClassName: h, viewClassName: g, footerStyles: _, variant: v = n.Info, onConfirm: y, onClose: b, ...x }) => {
+	let S = () => {
+		u || b();
 	};
 	return /* @__PURE__ */ a(r, {
 		open: o,
@@ -13,20 +13,22 @@ var o = ({ open: o, title: s, confirmLabel: c, cancelLabel: l, isLoading: u = !1
 		size: p,
 		className: m,
 		titleClassName: h,
-		onClose: b,
+		onClose: S,
 		footer: /* @__PURE__ */ a(t, {
-			variant: g,
+			variant: v,
 			confirmLabel: c,
 			cancelLabel: l,
 			isLoading: u,
 			isConfirmDisabled: d,
 			loadingStatusLabel: f,
-			onConfirm: _,
-			onCancel: b
+			styles: _,
+			onConfirm: y,
+			onCancel: S
 		}),
 		children: /* @__PURE__ */ a(e, {
-			variant: g,
-			...y
+			variant: v,
+			className: g,
+			...x
 		})
 	});
 };

package/components/ConfirmationIdentityCard/ConfirmationIdentityCard.module.scss.js

@@ -1,6 +1,7 @@
-var e = {
-	info: "_info_pkxew_1",
-	danger: "_danger_pkxew_5"
+//#region src/components/ConfirmationIdentityCard/ConfirmationIdentityCard.module.scss
+var e = "_info_pkxew_1", t = "_danger_pkxew_5", n = {
+	info: e,
+	danger: t
 };
 //#endregion
-export { e as default };
+export { t as danger, n as default, e as info };

package/components/ConfirmationIdentityRow/ConfirmationIdentityRow.js

@@ -4,9 +4,9 @@ import n from "./ConfirmationIdentityRow.module.scss.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/ConfirmationIdentityRow/ConfirmationIdentityRow.tsx
 var a = ({ icon: a, typeLabel: o, name: s, styles: c }) => {
-	let { colors: l, typeLabelClassName: u = "dial-caption-lead-semi-text", nameClassName: d = "dial-small-semi-text" } = c ?? {};
+	let { colors: l, typeLabelClassName: u = "dial-caption-lead-semi-text", nameClassName: d = "dial-small-semi-text" } = c ?? {}, f = t({ "--cir-type-label-text": l?.typeLabelText });
 	return /* @__PURE__ */ i("div", {
-		style: t({ "--cir-type-label-text": l?.typeLabelText }),
+		style: f,
 		className: "flex min-w-0 items-center gap-2",
 		children: [a, /* @__PURE__ */ i("div", {
 			className: "flex min-w-0 flex-col",

package/components/ConfirmationIdentityRow/ConfirmationIdentityRow.module.scss.js

@@ -1,3 +1,4 @@
-var e = { typeLabel: "_typeLabel_17nhs_1" };
+//#region src/components/ConfirmationIdentityRow/ConfirmationIdentityRow.module.scss
+var e = "_typeLabel_17nhs_1", t = { typeLabel: e };
 //#endregion
-export { e as default };
+export { t as default, e as typeLabel };

package/components/ConfirmationView/ConfirmationFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationFooter.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmationView/ConfirmationFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EAOzB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,gDAAgD;AAChD,MAAM,WAAW,wBAAwB;IACvC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,gDAAgD;AAChD,MAAM,WAAW,wBAAwB;IACvC,wDAAwD;IACxD,MAAM,CAAC,EAAE,wBAAwB,CAAC;CACnC;AAED,sCAAsC;AACtC,MAAM,WAAW,uBAAuB;IACtC,6CAA6C;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,4HAA4H;IAC5H,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB;IACvB,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,qCAAqC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,oCAAoC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,kHAAkH;AAClH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAgE1D,CAAC"}
+{"version":3,"file":"ConfirmationFooter.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmationView/ConfirmationFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EASzB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,gDAAgD;AAChD,MAAM,WAAW,wBAAwB;IACvC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,gDAAgD;AAChD,MAAM,WAAW,wBAAwB;IACvC,wDAAwD;IACxD,MAAM,CAAC,EAAE,wBAAwB,CAAC;CACnC;AAED,sCAAsC;AACtC,MAAM,WAAW,uBAAuB;IACtC,6CAA6C;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,4HAA4H;IAC5H,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB;IACvB,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,qCAAqC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,oCAAoC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,kHAAkH;AAClH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAiE1D,CAAC"}

package/components/ConfirmationView/ConfirmationFooter.js

@@ -1,44 +1,43 @@
 import { mergeClasses as e } from "../../utils/merge-class.js";
 import { buildCssVars as t } from "../../utils/build-css-vars.js";
 import n from "./ConfirmationView.module.scss.js";
-import { ConfirmationPopupVariant as r, DIAL_ICON_SIZE as i, DIAL_KIT_ICON_STROKE as a, DangerButton as o, GhostButton as s, NeutralButton as c, Spinner as l } from "@epam/ai-dial-ui-kit";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { IconTrashX as f } from "@tabler/icons-react";
+import { ConfirmationPopupVariant as r, DIAL_ICON_SIZE as i, DIAL_KIT_ICON_STROKE as a, DangerButton as o, GhostButton as s, LiveRegion as c, LiveRegionElement as l, NeutralButton as u, Spinner as d } from "@epam/ai-dial-ui-kit";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { IconTrashX as m } from "@tabler/icons-react";
 //#region src/components/ConfirmationView/ConfirmationFooter.tsx
-var p = ({ confirmLabel: p, cancelLabel: m, variant: h = r.Info, isLoading: g = !1, isConfirmDisabled: _ = !1, loadingStatusLabel: v, styles: y, onConfirm: b, onCancel: x }) => {
-	let S = h === r.Danger, C = t({ "--cfm-footer-border": y?.colors?.border }), w = (() => {
-		if (g) return /* @__PURE__ */ u(l, { size: i.SM });
-		if (S) return /* @__PURE__ */ u(f, {
+var h = ({ confirmLabel: h, cancelLabel: g, variant: _ = r.Info, isLoading: v = !1, isConfirmDisabled: y = !1, loadingStatusLabel: b, styles: x, onConfirm: S, onCancel: C }) => {
+	let w = _ === r.Danger, T = t({ "--cfm-footer-border": x?.colors?.border }), E = (() => {
+		if (v) return /* @__PURE__ */ f(d, { size: i.SM });
+		if (w) return /* @__PURE__ */ f(m, {
 			size: i.MD,
 			"aria-hidden": !0,
 			stroke: a
 		});
-	})(), T = S ? o : c;
-	return /* @__PURE__ */ d("div", {
-		style: C,
+	})(), D = w ? o : u;
+	return /* @__PURE__ */ p("div", {
+		style: T,
 		className: e("flex items-center justify-end gap-2 px-4 py-4 rtl:flex-row-reverse rtl:justify-start desktop:px-6", n.footer),
 		children: [
-			/* @__PURE__ */ u(s, {
-				label: m,
+			/* @__PURE__ */ f(s, {
+				label: g,
 				className: "mobile:flex-1",
-				disabled: g,
-				onClick: x
+				disabled: v,
+				onClick: C
 			}),
-			/* @__PURE__ */ u(T, {
-				label: p,
+			/* @__PURE__ */ f(D, {
+				label: h,
 				className: "mobile:flex-1",
-				disabled: g || _,
-				iconBefore: w,
-				onClick: b
+				disabled: v || y,
+				iconBefore: E,
+				onClick: S
 			}),
-			g && v != null && /* @__PURE__ */ u("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
-				children: v
+			b != null && /* @__PURE__ */ f(c, {
+				visuallyHidden: !0,
+				as: l.Span,
+				children: v ? b : ""
 			})
 		]
 	});
 };
 //#endregion
-export { p as ConfirmationFooter };
+export { h as ConfirmationFooter };

package/components/ConfirmationView/ConfirmationView.d.ts

@@ -40,6 +40,8 @@ export interface ConfirmationViewProps {
     variant?: ConfirmationPopupVariant;
     /** Typography class applied to the message and the bullet list. Defaults to `'dial-small-text'`. */
     messageClassName?: string;
+    /** CSS class applied to the view root, e.g. a `pt-0` override of the default top padding. */
+    className?: string;
     /** Style overrides. */
     styles?: ConfirmationViewStyles;
     /**

package/components/ConfirmationView/ConfirmationView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationView.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmationView/ConfirmationView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,8CAA8C;AAC9C,MAAM,WAAW,sBAAsB;IACrC,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oGAAoG;IACpG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,8CAA8C;AAC9C,MAAM,WAAW,sBAAsB;IACrC,wDAAwD;IACxD,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED,oCAAoC;AACpC,MAAM,WAAW,qBAAqB;IACpC,wJAAwJ;IACxJ,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iDAAiD;IACjD,OAAO,EAAE,SAAS,CAAC;IACnB,6HAA6H;IAC7H,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kGAAkG;IAClG,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,oGAAoG;IACpG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uBAAuB;IACvB,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,oIAAoI;AACpI,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+DtD,CAAC"}
+{"version":3,"file":"ConfirmationView.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmationView/ConfirmationView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,8CAA8C;AAC9C,MAAM,WAAW,sBAAsB;IACrC,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oGAAoG;IACpG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,8CAA8C;AAC9C,MAAM,WAAW,sBAAsB;IACrC,wDAAwD;IACxD,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED,oCAAoC;AACpC,MAAM,WAAW,qBAAqB;IACpC,wJAAwJ;IACxJ,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iDAAiD;IACjD,OAAO,EAAE,SAAS,CAAC;IACnB,6HAA6H;IAC7H,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kGAAkG;IAClG,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,oGAAoG;IACpG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,oIAAoI;AACpI,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAsEtD,CAAC"}

package/components/ConfirmationView/ConfirmationView.js

@@ -5,26 +5,26 @@ import r from "./ConfirmationView.module.scss.js";
 import { ConfirmationPopupVariant as i } from "@epam/ai-dial-ui-kit";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/ConfirmationView/ConfirmationView.tsx
-var s = ({ item: s, identity: c, message: l, details: u, consequences: d, variant: f = i.Info, messageClassName: p = "dial-small-text", styles: m, children: h }) => {
-	let g = m?.colors;
+var s = ({ item: s, identity: c, message: l, details: u, consequences: d, variant: f = i.Info, messageClassName: p = "dial-small-text", className: m, styles: h, children: g }) => {
+	let _ = h?.colors, v = t({
+		"--cfm-message-text": _?.messageText,
+		"--cfm-consequence-text": _?.consequenceText
+	});
 	return /* @__PURE__ */ o("div", {
-		style: t({
-			"--cfm-message-text": g?.messageText,
-			"--cfm-consequence-text": g?.consequenceText
-		}),
-		className: "flex flex-col gap-4 px-4 py-4 desktop:px-6",
+		style: v,
+		className: e("flex flex-col gap-4 px-4 py-4 desktop:px-6", m),
 		children: [
 			c ?? (s != null && /* @__PURE__ */ a(n, {
 				item: s,
 				variant: f,
 				styles: { colors: {
-					background: g?.cardBackground,
-					dangerBackground: g?.cardDangerBackground,
-					dangerBorder: g?.cardDangerBorder
+					background: _?.cardBackground,
+					dangerBackground: _?.cardDangerBackground,
+					dangerBorder: _?.cardDangerBorder
 				} }
 			})),
 			/* @__PURE__ */ a("p", {
-				className: e(p, "break-words", r.message),
+				className: e(p, "wrap-break-word", r.message),
 				children: l
 			}),
 			u,
@@ -32,7 +32,7 @@ var s = ({ item: s, identity: c, message: l, details: u, consequences: d, varian
 				className: e("flex list-disc flex-col gap-2 ps-5", p, r.consequences),
 				children: d.map((e) => /* @__PURE__ */ a("li", { children: e }, e))
 			}),
-			h
+			g
 		]
 	});
 };

package/components/ConfirmationView/ConfirmationView.module.scss.js

@@ -1,7 +1,8 @@
-var e = {
-	message: "_message_1iqfi_1",
-	consequences: "_consequences_1iqfi_5",
-	footer: "_footer_1iqfi_9"
+//#region src/components/ConfirmationView/ConfirmationView.module.scss
+var e = "_message_1iqfi_1", t = "_consequences_1iqfi_5", n = "_footer_1iqfi_9", r = {
+	message: e,
+	consequences: t,
+	footer: n
 };
 //#endregion
-export { e as default };
+export { t as consequences, r as default, n as footer, e as message };

package/components/DeleteConfirmationDrawer/DeleteConfirmationDrawer.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+import { DeleteConfirmationViewLabels, DeleteConfirmationViewProps } from '../DeleteConfirmationView/DeleteConfirmationView';
+/** User-visible strings of `DeleteConfirmationDrawer`. */
+export interface DeleteConfirmationDrawerLabels extends DeleteConfirmationViewLabels {
+    /** Label of the confirming action button. Defaults to `'Delete'`. */
+    confirm?: string;
+    /** Label of the cancel button. Defaults to `'Cancel'`. */
+    cancel?: string;
+    /** Status text announced while the deletion is in flight. Defaults to `'Deleting…'`. */
+    deleting?: string;
+    /** Accessible name of the header's close button. Defaults to `'Close'`. */
+    close?: string;
+}
+/** Props for `DeleteConfirmationDrawer`. */
+export interface DeleteConfirmationDrawerProps extends Omit<DeleteConfirmationViewProps, 'labels'> {
+    /** Whether the drawer is open. */
+    open: boolean;
+    /** Drawer title. A string rather than a node, so the kit names the dialog with it. */
+    title: string;
+    /** Whether the delete request is in flight; blocks both actions and every dismissal route. Defaults to `false`. */
+    isLoading?: boolean;
+    /** User-visible strings. */
+    labels?: DeleteConfirmationDrawerLabels;
+    /** Called when the user confirms. */
+    onConfirm: () => void;
+    /** Called when the drawer is dismissed — Cancel, the close control, Escape, or a backdrop press. */
+    onClose: () => void;
+}
+/** Delete confirmation presented as a side drawer, the same panel the catalog shows for an item. */
+export declare const DeleteConfirmationDrawer: FC<DeleteConfirmationDrawerProps>;
+//# sourceMappingURL=DeleteConfirmationDrawer.d.ts.map

package/components/DeleteConfirmationDrawer/DeleteConfirmationDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteConfirmationDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/DeleteConfirmationDrawer/DeleteConfirmationDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAEL,KAAK,4BAA4B,EACjC,KAAK,2BAA2B,EACjC,MAAM,kDAAkD,CAAC;AAE1D,0DAA0D;AAC1D,MAAM,WAAW,8BAA+B,SAAQ,4BAA4B;IAClF,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,4CAA4C;AAC5C,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CACzD,2BAA2B,EAC3B,QAAQ,CACT;IACC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,mHAAmH;IACnH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,qCAAqC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,oGAAoG;IACpG,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,oGAAoG;AACpG,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CA8CtE,CAAC"}

package/components/DeleteConfirmationDrawer/DeleteConfirmationDrawer.js

@@ -0,0 +1,36 @@
+import { ConfirmationFooter as e } from "../ConfirmationView/ConfirmationFooter.js";
+import { DeleteConfirmationView as t } from "../DeleteConfirmationView/DeleteConfirmationView.js";
+import { ConfirmationPopupVariant as n, SideDrawer as r } from "@epam/ai-dial-ui-kit";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/DeleteConfirmationDrawer/DeleteConfirmationDrawer.tsx
+var o = ({ open: o, title: s, isLoading: c = !1, labels: l, onConfirm: u, onClose: d, ...f }) => {
+	let { confirm: p = "Delete", cancel: m = "Cancel", deleting: h = "Deleting…", close: g = "Close", ..._ } = l ?? {}, v = () => {
+		c || d();
+	};
+	return /* @__PURE__ */ a(r, {
+		open: o,
+		header: s,
+		closeAriaLabel: g,
+		closeDisabled: c,
+		closeOnOutsideClick: !c,
+		onClose: v,
+		bodyClassName: "flex flex-col overflow-hidden",
+		children: [/* @__PURE__ */ i("div", {
+			className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
+			children: /* @__PURE__ */ i(t, {
+				...f,
+				labels: _
+			})
+		}), /* @__PURE__ */ i(e, {
+			variant: n.Danger,
+			confirmLabel: p,
+			cancelLabel: m,
+			isLoading: c,
+			loadingStatusLabel: h,
+			onConfirm: u,
+			onCancel: v
+		})]
+	});
+};
+//#endregion
+export { o as DeleteConfirmationDrawer };

package/components/DeleteConfirmationView/DeleteConfirmationView.d.ts

@@ -1,3 +1,4 @@
+import { ConfirmationPopupVariant } from '@epam/ai-dial-ui-kit';
 import { FC, ReactNode } from 'react';
 import { ConfirmationViewColors } from '../ConfirmationView/ConfirmationView';
 /** Default cap on the names listed for a multi-item delete. */
@@ -35,6 +36,8 @@ export interface DeleteConfirmationViewProps {
     message: ReactNode;
     /** Consequences listed before the final "cannot be undone" bullet. */
     consequences?: string[];
+    /** Palette of the identity card. Defaults to `undefined`, a neutral card; `ConfirmationPopupVariant.Danger` tints it red. */
+    identityVariant?: ConfirmationPopupVariant;
     /** Maximum number of names listed for a multi-item delete. Defaults to `DELETE_CONFIRMATION_MAX_LISTED_NAMES` (10). */
     maxListedNames?: number;
     /** User-visible strings. */

package/components/DeleteConfirmationView/DeleteConfirmationView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteConfirmationView.d.ts","sourceRoot":"","sources":["../../../src/components/DeleteConfirmationView/DeleteConfirmationView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sCAAsC,CAAC;AAI9C,+DAA+D;AAC/D,eAAO,MAAM,oCAAoC,KAAK,CAAC;AAEvD,wDAAwD;AACxD,MAAM,WAAW,4BAA4B;IAC3C,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,+FAA+F;IAC/F,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACvC;AAED,oDAAoD;AACpD,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oDAAoD;AACpD,MAAM,WAAW,4BAA4B;IAC3C,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wDAAwD;IACxD,MAAM,CAAC,EAAE,4BAA4B,CAAC;CACvC;AAED,0CAA0C;AAC1C,MAAM,WAAW,2BAA2B;IAC1C,kJAAkJ;IAClJ,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,8GAA8G;IAC9G,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uGAAuG;IACvG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,EAAE,SAAS,CAAC;IACnB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,uHAAuH;IACvH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,uBAAuB;IACvB,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD,+GAA+G;AAC/G,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAgElE,CAAC"}
+{"version":3,"file":"DeleteConfirmationView.d.ts","sourceRoot":"","sources":["../../../src/components/DeleteConfirmationView/DeleteConfirmationView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sCAAsC,CAAC;AAI9C,+DAA+D;AAC/D,eAAO,MAAM,oCAAoC,KAAK,CAAC;AAEvD,wDAAwD;AACxD,MAAM,WAAW,4BAA4B;IAC3C,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,+FAA+F;IAC/F,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACvC;AAED,oDAAoD;AACpD,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oDAAoD;AACpD,MAAM,WAAW,4BAA4B;IAC3C,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wDAAwD;IACxD,MAAM,CAAC,EAAE,4BAA4B,CAAC;CACvC;AAED,0CAA0C;AAC1C,MAAM,WAAW,2BAA2B;IAC1C,kJAAkJ;IAClJ,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,8GAA8G;IAC9G,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uGAAuG;IACvG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,EAAE,SAAS,CAAC;IACnB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,6HAA6H;IAC7H,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C,uHAAuH;IACvH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,uBAAuB;IACvB,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD,+GAA+G;AAC/G,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAkFlE,CAAC"}

package/components/DeleteConfirmationView/DeleteConfirmationView.js

@@ -1,37 +1,46 @@
 import { mergeClasses as e } from "../../utils/merge-class.js";
 import { ResourceSummary as t } from "../ResourceSummary/ResourceSummary.js";
-import { ConfirmationIdentityRow as n } from "../ConfirmationIdentityRow/ConfirmationIdentityRow.js";
-import { ConfirmationView as r } from "../ConfirmationView/ConfirmationView.js";
-import i from "./DeleteConfirmationView.module.scss.js";
-import { ConfirmationPopupVariant as a } from "@epam/ai-dial-ui-kit";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ConfirmationIdentityCard as n } from "../ConfirmationIdentityCard/ConfirmationIdentityCard.js";
+import { ConfirmationIdentityRow as r } from "../ConfirmationIdentityRow/ConfirmationIdentityRow.js";
+import { ConfirmationView as i } from "../ConfirmationView/ConfirmationView.js";
+import a from "./DeleteConfirmationView.module.scss.js";
+import { ConfirmationPopupVariant as o } from "@epam/ai-dial-ui-kit";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/DeleteConfirmationView/DeleteConfirmationView.tsx
-var c = 10, l = (e) => e === 1 ? "1 item" : `${e} items`, u = (e) => `… and ${e} more`, d = ({ names: c, icon: d, typeLabel: f, message: p, consequences: m = [], maxListedNames: h = 10, labels: g, styles: _, children: v }) => {
-	let { cannotBeUndone: y = "Cannot be undone", itemCount: b = l, moreItems: x = u } = g ?? {}, { typeLabelText: S, ...C } = _?.colors ?? {}, w = _?.messageClassName ?? "dial-small-text", T = c.length === 1, E = T ? [] : c.slice(0, h), D = c.length - (T ? 1 : E.length);
-	return /* @__PURE__ */ o(r, {
-		variant: a.Danger,
-		messageClassName: w,
-		styles: { colors: C },
-		identity: /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(n, {
-			icon: T ? d : void 0,
-			typeLabel: T ? f : void 0,
-			name: T ? c[0] : b(c.length),
-			styles: { colors: { typeLabelText: S } }
-		}) }),
-		message: p,
-		details: E.length > 0 && /* @__PURE__ */ s("ul", {
-			className: e("flex flex-col gap-1", w, i.names),
-			children: [E.map((e, t) => /* @__PURE__ */ o("li", {
+var l = 10, u = (e) => e === 1 ? "1 item" : `${e} items`, d = (e) => `… and ${e} more`, f = ({ names: l, icon: f, typeLabel: p, message: m, consequences: h = [], identityVariant: g, maxListedNames: _ = 10, labels: v, styles: y, children: b }) => {
+	let { cannotBeUndone: x = "Cannot be undone", itemCount: S = u, moreItems: C = d } = v ?? {}, { typeLabelText: w, ...T } = y?.colors ?? {}, E = y?.messageClassName ?? "dial-small-text", D = l.length === 1, O = D ? [] : l.slice(0, _), k = l.length - (D ? 1 : O.length), A = /* @__PURE__ */ s(r, {
+		icon: D ? f : void 0,
+		typeLabel: D ? p : void 0,
+		name: D ? l[0] : S(l.length),
+		styles: { colors: { typeLabelText: w } }
+	});
+	return /* @__PURE__ */ s(i, {
+		variant: o.Danger,
+		messageClassName: E,
+		styles: { colors: T },
+		identity: g == null ? /* @__PURE__ */ s(t, { children: A }) : /* @__PURE__ */ s(n, {
+			variant: g,
+			styles: { colors: {
+				background: T.cardBackground,
+				dangerBackground: T.cardDangerBackground,
+				dangerBorder: T.cardDangerBorder
+			} },
+			children: A
+		}),
+		message: m,
+		details: O.length > 0 && /* @__PURE__ */ c("ul", {
+			className: e("flex flex-col gap-1", E, a.names),
+			children: [O.map((e, t) => /* @__PURE__ */ s("li", {
 				className: "truncate",
 				children: e
-			}, `${t}-${e}`)), D > 0 && /* @__PURE__ */ o("li", {
-				className: i.more,
-				children: x(D)
+			}, `${t}-${e}`)), k > 0 && /* @__PURE__ */ s("li", {
+				className: a.more,
+				children: C(k)
 			})]
 		}),
-		consequences: [...m, y],
-		children: v
+		consequences: [...h, x],
+		children: b
 	});
 };
 //#endregion
-export { c as DELETE_CONFIRMATION_MAX_LISTED_NAMES, d as DeleteConfirmationView };
+export { l as DELETE_CONFIRMATION_MAX_LISTED_NAMES, f as DeleteConfirmationView };

package/components/DeleteConfirmationView/DeleteConfirmationView.module.scss.js

@@ -1,6 +1,7 @@
-var e = {
-	names: "_names_g31v4_1",
-	more: "_more_g31v4_5"
+//#region src/components/DeleteConfirmationView/DeleteConfirmationView.module.scss
+var e = "_names_g31v4_1", t = "_more_g31v4_5", n = {
+	names: e,
+	more: t
 };
 //#endregion
-export { e as default };
+export { n as default, t as more, e as names };

package/components/DeploymentIcon/DeploymentIcon.module.scss.js

@@ -1,3 +1,4 @@
-var e = { agentIconBadge: "_agentIconBadge_1ger8_1" };
+//#region src/components/DeploymentIcon/DeploymentIcon.module.scss
+var e = "_agentIconBadge_147d2_1", t = { agentIconBadge: e };
 //#endregion
-export { e as default };
+export { e as agentIconBadge, t as default };

package/components/EntityHeader/EntityHeader.js

@@ -22,7 +22,7 @@ var s = ({ item: s, nameClassName: c, versionClassName: l, showVersion: u = !0,
 					className: d,
 					label: f
 				}), (x != null || _ && s.isFeatured) && /* @__PURE__ */ o("div", {
-					className: "absolute end-0 top-[-6px] flex items-center gap-2",
+					className: "absolute inset-e-0 top-[-6px] flex items-center gap-2",
 					children: [x, _ && s.isFeatured && /* @__PURE__ */ a(i, {
 						type: s.type,
 						label: g,

package/components/InitialsAvatar/InitialsAvatar.d.ts

@@ -1,3 +1,4 @@
+import { AvatarColorClasses } from '@epam/ai-dial-ui-kit';
 import { FC } from 'react';
 /** Props for `InitialsAvatar`. */
 export interface InitialsAvatarProps {
@@ -5,6 +6,8 @@ export interface InitialsAvatarProps {
     name: string;
     /** Badge width and height in pixels. */
     size: number;
+    /** Explicit colour pair overriding the deterministic pick from `name` (an `AVATAR_PALETTE` entry); omit to keep the name-derived colour. */
+    color?: AvatarColorClasses;
     /** Extra classes applied to the root element (e.g. `'shrink-0'`). */
     className?: string;
     /** Type-scale class for the initials. Defaults to none: the initials are semibold at 40% of `size`. */

package/components/InitialsAvatar/InitialsAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InitialsAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,kCAAkC;AAClC,MAAM,WAAW,mBAAmB;IAClC,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oGAAoG;AACpG,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAclD,CAAC"}
+{"version":3,"file":"InitialsAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,kCAAkC;AAClC,MAAM,WAAW,mBAAmB;IAClC,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,4IAA4I;IAC5I,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oGAAoG;AACpG,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAgBlD,CAAC"}

package/components/InitialsAvatar/InitialsAvatar.js

@@ -1,12 +1,13 @@
 import { Avatar as e, AvatarShape as t } from "@epam/ai-dial-ui-kit";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/InitialsAvatar/InitialsAvatar.tsx
-var r = ({ name: r, size: i, className: a, textClassName: o }) => /* @__PURE__ */ n(e, {
+var r = ({ name: r, size: i, color: a, className: o, textClassName: s }) => /* @__PURE__ */ n(e, {
 	name: r,
 	size: i,
 	shape: t.Square,
-	className: a,
-	textClassName: o
+	color: a,
+	className: o,
+	textClassName: s
 });
 //#endregion
 export { r as InitialsAvatar };

package/components/ItemHeader/ItemHeader.module.scss.js

@@ -1,6 +1,7 @@
-var e = {
-	title: "_title_11w3i_1",
-	count: "_count_11w3i_5"
+//#region src/components/ItemHeader/ItemHeader.module.scss
+var e = "_title_11w3i_1", t = "_count_11w3i_5", n = {
+	title: e,
+	count: t
 };
 //#endregion
-export { e as default };
+export { t as count, n as default, e as title };