@epam/ai-dial-chat-shared 1.3.0-dev.35 → 1.3.0-dev.354

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

@@ -0,0 +1,46 @@
+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 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. */
+    title: string;
+    /** Label of the confirming action button. */
+    confirmLabel: string;
+    /** Label of the cancel button. */
+    cancelLabel: string;
+    /** Whether the confirmed action is in flight. While it is, both actions and every dismissal route are blocked. Default: `false`. */
+    isLoading?: boolean;
+    /** Whether confirming is not yet possible because the step's required input is unsatisfied. Default: `false`. */
+    isConfirmDisabled?: boolean;
+    /** Status text announced to assistive tech while the action is in flight. */
+    loadingStatusLabel?: string;
+    /**
+     * Width cap of the dialog. Defaults to `PopupSize.Sm`, which is what a few
+     * lines of copy and two buttons need — the kit's own `Popup` defaults to
+     * `Md`, three times as wide.
+     */
+    size?: PopupSize;
+    /** CSS class applied to the popup container, for example to constrain its width. */
+    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. */
+    onClose: () => void;
+}
+/**
+ * A confirmation step presented as a centered dialog: the same content block
+ * and action row the catalog's details panel shows in place, inside the kit's
+ * `Popup`. Use it wherever no details panel is open to host the step.
+ */
+export declare const ConfirmationDialog: FC<ConfirmationDialogProps>;
+//# sourceMappingURL=ConfirmationDialog.d.ts.map

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

@@ -0,0 +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;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.d.ts

@@ -0,0 +1,33 @@
+import { ConfirmationPopupVariant } from '@epam/ai-dial-ui-kit';
+import { FC, ReactNode } from 'react';
+import { EntityHeaderItem } from '../../models/entity';
+/** Color overrides for `ConfirmationIdentityCard`. */
+export interface ConfirmationIdentityCardColors {
+    /** Card surface in the `Info` variant. Defaults to `--bg-info`. */
+    background?: string;
+    /** Card surface in the `Danger` variant. Defaults to `--bg-control-error-alpha-active`. */
+    dangerBackground?: string;
+    /** Card border in the `Danger` variant. Defaults to `--stroke-error-alpha`. */
+    dangerBorder?: string;
+}
+/** Style overrides for `ConfirmationIdentityCard`. */
+export interface ConfirmationIdentityCardStyles {
+    /** Color overrides, applied to whichever surface `variant` selects. */
+    colors?: ConfirmationIdentityCardColors;
+}
+/** Props for `ConfirmationIdentityCard`. */
+export interface ConfirmationIdentityCardProps {
+    /** Entity whose identity the card shows. Ignored when `children` is set. */
+    item?: EntityHeaderItem;
+    /** Row content rendered instead of the entity identity, for a resource that is not an `EntityHeaderItem`. */
+    children?: ReactNode;
+    /** Palette of the card surface. Default: `ConfirmationPopupVariant.Info`. */
+    variant?: ConfirmationPopupVariant;
+    /** Size of the entity icon in pixels. Default: `40`. */
+    iconSize?: number;
+    /** Style overrides. */
+    styles?: ConfirmationIdentityCardStyles;
+}
+/** Tinted card echoing the resource a confirmation is about, so the user sees exactly what the action will affect. */
+export declare const ConfirmationIdentityCard: FC<ConfirmationIdentityCardProps>;
+//# sourceMappingURL=ConfirmationIdentityCard.d.ts.map

package/components/ConfirmationIdentityCard/ConfirmationIdentityCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationIdentityCard.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmationIdentityCard/ConfirmationIdentityCard.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;AAI5D,sDAAsD;AACtD,MAAM,WAAW,8BAA8B;IAC7C,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,sDAAsD;AACtD,MAAM,WAAW,8BAA8B;IAC7C,uEAAuE;IACvE,MAAM,CAAC,EAAE,8BAA8B,CAAC;CACzC;AAED,4CAA4C;AAC5C,MAAM,WAAW,6BAA6B;IAC5C,4EAA4E;IAC5E,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,MAAM,CAAC,EAAE,8BAA8B,CAAC;CACzC;AAED,sHAAsH;AACtH,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CA8BtE,CAAC"}

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.d.ts

@@ -0,0 +1,33 @@
+import { FC, ReactNode } from 'react';
+/** Color overrides for `ConfirmationIdentityRow`. */
+export interface ConfirmationIdentityRowColors {
+    /** Type label above the name. Defaults to `--text-secondary`. */
+    typeLabelText?: string;
+}
+/** Style overrides for `ConfirmationIdentityRow`. */
+export interface ConfirmationIdentityRowStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: ConfirmationIdentityRowColors;
+    /** Typography class applied to the type label. Defaults to `'dial-caption-lead-semi-text'`. */
+    typeLabelClassName?: string;
+    /** Typography class applied to the name. Defaults to `'dial-small-semi-text'`. */
+    nameClassName?: string;
+}
+/** Props for `ConfirmationIdentityRow`. */
+export interface ConfirmationIdentityRowProps {
+    /** Icon shown ahead of the type and name. Supplied by the host, which owns the glyph set. */
+    icon?: ReactNode;
+    /** Resource type shown above the name. Pass it in sentence case — the default class uppercases it. */
+    typeLabel?: string;
+    /** Resource name, truncated rather than wrapped. */
+    name: string;
+    /** Style overrides. */
+    styles?: ConfirmationIdentityRowStyles;
+}
+/**
+ * Identity of a resource that has no `EntityHeaderItem` — a conversation or a
+ * scheduled task, say — laid out as icon, type, and name for
+ * `ConfirmationIdentityCard`'s `children`.
+ */
+export declare const ConfirmationIdentityRow: FC<ConfirmationIdentityRowProps>;
+//# sourceMappingURL=ConfirmationIdentityRow.d.ts.map

package/components/ConfirmationIdentityRow/ConfirmationIdentityRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationIdentityRow.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmationIdentityRow/ConfirmationIdentityRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK3C,qDAAqD;AACrD,MAAM,WAAW,6BAA6B;IAC5C,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,qDAAqD;AACrD,MAAM,WAAW,6BAA6B;IAC5C,wDAAwD;IACxD,MAAM,CAAC,EAAE,6BAA6B,CAAC;IACvC,+FAA+F;IAC/F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,2CAA2C;AAC3C,MAAM,WAAW,4BAA4B;IAC3C,6FAA6F;IAC7F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sGAAsG;IACtG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,uBAAuB;IACvB,MAAM,CAAC,EAAE,6BAA6B,CAAC;CACxC;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CA4BpE,CAAC"}

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

@@ -0,0 +1,41 @@
+import { ConfirmationPopupVariant } from '@epam/ai-dial-ui-kit';
+import { FC } from 'react';
+/** Color overrides for `ConfirmationFooter`. */
+export interface ConfirmationFooterColors {
+    /** Top border color of the action row. Defaults to `--stroke-tertiary`. */
+    border?: string;
+}
+/** Style overrides for `ConfirmationFooter`. */
+export interface ConfirmationFooterStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: ConfirmationFooterColors;
+}
+/** Props for `ConfirmationFooter`. */
+export interface ConfirmationFooterProps {
+    /** Label of the confirming action button. */
+    confirmLabel: string;
+    /** Label of the cancel button. */
+    cancelLabel: string;
+    /** Palette of the confirm button; `Danger` also gives it a leading trash icon. Default: `ConfirmationPopupVariant.Info`. */
+    variant?: ConfirmationPopupVariant;
+    /** Whether the confirmed action is in flight. Default: `false`. */
+    isLoading?: boolean;
+    /**
+     * Whether confirming is not yet possible because the step's required input
+     * is unsatisfied — e.g. no published folder chosen yet. Kept separate from
+     * `isLoading`: a confirmation that cannot run yet and one already running are
+     * different states, and only `isLoading` disables cancel. Default: `false`.
+     */
+    isConfirmDisabled?: boolean;
+    /** Status text announced to assistive tech while the action is in flight. */
+    loadingStatusLabel?: string;
+    /** Style overrides. */
+    styles?: ConfirmationFooterStyles;
+    /** Called when the user confirms. */
+    onConfirm: () => void;
+    /** Called when the user cancels. */
+    onCancel: () => void;
+}
+/** Action row pinned to the bottom of a confirmation step: a text Cancel and a variant-colored confirm button. */
+export declare const ConfirmationFooter: FC<ConfirmationFooterProps>;
+//# sourceMappingURL=ConfirmationFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"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,
-		className: e("flex items-center justify-end gap-2 px-4 py-4 desktop:px-6 rtl:flex-row-reverse rtl:justify-start", n.footer),
+	})(), 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

@@ -0,0 +1,59 @@
+import { ConfirmationPopupVariant } from '@epam/ai-dial-ui-kit';
+import { FC, ReactNode } from 'react';
+import { EntityHeaderItem } from '../../models/entity';
+/** Color overrides for `ConfirmationView`. */
+export interface ConfirmationViewColors {
+    /** Body-copy text color. Defaults to `--text-primary`. */
+    messageText?: string;
+    /** Consequence-bullet text color. Defaults to `--text-secondary`. */
+    consequenceText?: string;
+    /** Identity-card surface in the `Info` variant. Defaults to `--bg-info`. */
+    cardBackground?: string;
+    /** Identity-card surface in the `Danger` variant. Defaults to `--bg-control-error-alpha-active`. */
+    cardDangerBackground?: string;
+    /** Identity-card border in the `Danger` variant. Defaults to `--stroke-error-alpha`. */
+    cardDangerBorder?: string;
+}
+/** Style overrides for `ConfirmationView`. */
+export interface ConfirmationViewStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: ConfirmationViewColors;
+}
+/** Props for `ConfirmationView`. */
+export interface ConfirmationViewProps {
+    /** Entity the confirmation is about, rendered as an identity card above the copy. Ignored when `identity` is set; with neither, no card is rendered. */
+    item?: EntityHeaderItem;
+    /**
+     * Identity card rendered in place of the default one, for a resource that is
+     * not an `EntityHeaderItem` — a scheduled task, say, which has no catalog
+     * entity type. Compose it from `ConfirmationIdentityCard` so the surface
+     * still matches `variant`.
+     */
+    identity?: ReactNode;
+    /** Body copy explaining what confirming does. */
+    message: ReactNode;
+    /** Content rendered between the message and the consequence bullets, for example the list of items a bulk action affects. */
+    details?: ReactNode;
+    /** Consequences listed as bullets under the message. An empty or omitted list renders nothing. */
+    consequences?: string[];
+    /** Palette of the identity card. Default: `ConfirmationPopupVariant.Info`. */
+    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;
+    /**
+     * Optional interactive slot rendered after the consequence bullets, for a
+     * confirmation that needs an input before it can be confirmed — choosing
+     * which published folder to unpublish from, say. This component stays
+     * presentational: whoever passes the slot owns its state, and disabling the
+     * confirm button until the input is satisfied is the caller's job. A step
+     * that needs no input passes nothing.
+     */
+    children?: ReactNode;
+}
+/** Body of an in-place confirmation step: the resource's identity card, the confirmation copy, and an optional consequence list. */
+export declare const ConfirmationView: FC<ConfirmationViewProps>;
+//# sourceMappingURL=ConfirmationView.d.ts.map

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

@@ -0,0 +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,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/CopyButton/CopyButton.d.ts

@@ -0,0 +1,19 @@
+import { ElementSize } from '@epam/ai-dial-ui-kit';
+import { FC, ReactNode } from 'react';
+export interface CopyButtonProps {
+    onClick: () => void;
+    className?: string;
+    isCopied: boolean;
+    copyLabel: string;
+    copiedLabel: string;
+    size?: ElementSize;
+    /** Accessible label for the button; falls back to `copyLabel` when omitted. */
+    ariaLabel?: string;
+    iconSize?: number;
+    iconCopy?: ReactNode;
+    /** Renders the button in its disabled state and blocks clicks. Defaults to `false`. */
+    isDisabled?: boolean;
+}
+export declare const CopyIconButton: FC<CopyButtonProps>;
+export declare const CopyButton: FC<CopyButtonProps>;
+//# sourceMappingURL=CopyButton.d.ts.map

package/components/CopyButton/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../src/components/CopyButton/CopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAGZ,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uFAAuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CAuC9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgC1C,CAAC"}

package/components/DeleteConfirmationDialog/DeleteConfirmationDialog.d.ts

@@ -0,0 +1,41 @@
+import { PopupSize } from '@epam/ai-dial-ui-kit';
+import { FC } from 'react';
+import { DeleteConfirmationViewLabels, DeleteConfirmationViewProps } from '../DeleteConfirmationView/DeleteConfirmationView';
+/** User-visible strings of `DeleteConfirmationDialog`. */
+export interface DeleteConfirmationDialogLabels 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;
+}
+/** Style overrides for `DeleteConfirmationDialog`. */
+export interface DeleteConfirmationDialogStyles extends NonNullable<DeleteConfirmationViewProps['styles']> {
+    /** CSS class applied to the popup container. */
+    popupClassName?: string;
+    /** CSS class applied to the dialog title. */
+    titleClassName?: string;
+}
+/** Props for `DeleteConfirmationDialog`. */
+export interface DeleteConfirmationDialogProps extends Omit<DeleteConfirmationViewProps, 'labels' | 'styles'> {
+    /** Whether the dialog is open. */
+    open: boolean;
+    /** Dialog 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;
+    /** Width cap of the dialog. Defaults to `PopupSize.Sm`. */
+    size?: PopupSize;
+    /** User-visible strings. */
+    labels?: DeleteConfirmationDialogLabels;
+    /** Style overrides. */
+    styles?: DeleteConfirmationDialogStyles;
+    /** Called when the user confirms. */
+    onConfirm: () => void;
+    /** Called when the dialog is dismissed — Cancel, the close control, Escape, or an outside click. */
+    onClose: () => void;
+}
+/** Delete confirmation presented as a centered dialog, for one resource or a selection. */
+export declare const DeleteConfirmationDialog: FC<DeleteConfirmationDialogProps>;
+//# sourceMappingURL=DeleteConfirmationDialog.d.ts.map

package/components/DeleteConfirmationDialog/DeleteConfirmationDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../src/components/DeleteConfirmationDialog/DeleteConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,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;CACnB;AAED,sDAAsD;AACtD,MAAM,WAAW,8BAA+B,SAAQ,WAAW,CACjE,2BAA2B,CAAC,QAAQ,CAAC,CACtC;IACC,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,4CAA4C;AAC5C,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CACzD,2BAA2B,EAC3B,QAAQ,GAAG,QAAQ,CACpB;IACC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,mHAAmH;IACnH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,uBAAuB;IACvB,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,qCAAqC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,oGAAoG;IACpG,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,2FAA2F;AAC3F,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAmDtE,CAAC"}