@epam/ai-dial-chat-shared 1.3.0-dev.6 → 1.3.0-dev.61

package/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -0,0 +1,41 @@
+import { PopupSize } from '@epam/ai-dial-ui-kit';
+import { FC } from 'react';
+import { ConfirmationViewProps } from '../ConfirmationView/ConfirmationView';
+/** Props for `ConfirmationDialog`. */
+export interface ConfirmationDialogProps extends ConfirmationViewProps {
+    /** 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;
+    /** 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;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"}

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/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/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,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"}

package/components/ConfirmationView/ConfirmationFooter.js

@@ -16,15 +16,17 @@ var p = ({ confirmLabel: p, cancelLabel: m, variant: h = r.Info, isLoading: g =
 	})(), T = S ? o : c;
 	return /* @__PURE__ */ d("div", {
 		style: C,
-		className: e("flex items-center justify-end gap-2 px-6 py-4 rtl:flex-row-reverse rtl:justify-start", n.footer),
+		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),
 		children: [
 			/* @__PURE__ */ u(s, {
 				label: m,
+				className: "mobile:flex-1",
 				disabled: g,
 				onClick: x
 			}),
 			/* @__PURE__ */ u(T, {
 				label: p,
+				className: "mobile:flex-1",
 				disabled: g || _,
 				iconBefore: w,
 				onClick: b

package/components/ConfirmationView/ConfirmationView.d.ts

@@ -0,0 +1,57 @@
+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;
+    /** 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,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"}

package/components/ConfirmationView/ConfirmationView.js

@@ -5,33 +5,34 @@ 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, consequences: u, variant: d = i.Info, messageClassName: f = "dial-small-text", styles: p, children: m }) => {
-	let h = p?.colors;
+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;
 	return /* @__PURE__ */ o("div", {
 		style: t({
-			"--cfm-message-text": h?.messageText,
-			"--cfm-consequence-text": h?.consequenceText
+			"--cfm-message-text": g?.messageText,
+			"--cfm-consequence-text": g?.consequenceText
 		}),
-		className: "flex flex-col gap-4 px-6 py-4",
+		className: "flex flex-col gap-4 px-4 py-4 desktop:px-6",
 		children: [
 			c ?? (s != null && /* @__PURE__ */ a(n, {
 				item: s,
-				variant: d,
+				variant: f,
 				styles: { colors: {
-					background: h?.cardBackground,
-					dangerBackground: h?.cardDangerBackground,
-					dangerBorder: h?.cardDangerBorder
+					background: g?.cardBackground,
+					dangerBackground: g?.cardDangerBackground,
+					dangerBorder: g?.cardDangerBorder
 				} }
 			})),
 			/* @__PURE__ */ a("p", {
-				className: e(f, "break-words", r.message),
+				className: e(p, "break-words", r.message),
 				children: l
 			}),
-			u != null && u.length > 0 && /* @__PURE__ */ a("ul", {
-				className: e("flex list-disc flex-col gap-2 ps-5", f, r.consequences),
-				children: u.map((e) => /* @__PURE__ */ a("li", { children: e }, e))
+			u,
+			d != null && d.length > 0 && /* @__PURE__ */ a("ul", {
+				className: e("flex list-disc flex-col gap-2 ps-5", p, r.consequences),
+				children: d.map((e) => /* @__PURE__ */ a("li", { children: e }, e))
 			}),
-			m
+			h
 		]
 	});
 };

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"}

package/components/DeleteConfirmationDialog/DeleteConfirmationDialog.js

@@ -0,0 +1,34 @@
+import { ConfirmationFooter as e } from "../ConfirmationView/ConfirmationFooter.js";
+import { DeleteConfirmationView as t } from "../DeleteConfirmationView/DeleteConfirmationView.js";
+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/DeleteConfirmationDialog/DeleteConfirmationDialog.tsx
+var o = ({ open: o, title: s, isLoading: c = !1, size: l = i.Sm, labels: u, styles: d, onConfirm: f, onClose: p, ...m }) => {
+	let { confirm: h = "Delete", cancel: g = "Cancel", deleting: _ = "Deleting…", ...v } = u ?? {}, { popupClassName: y, titleClassName: b, ...x } = d ?? {}, S = () => {
+		c || p();
+	};
+	return /* @__PURE__ */ a(r, {
+		open: o,
+		header: s,
+		size: l,
+		className: y,
+		titleClassName: b,
+		onClose: S,
+		footer: /* @__PURE__ */ a(e, {
+			variant: n.Danger,
+			confirmLabel: h,
+			cancelLabel: g,
+			isLoading: c,
+			loadingStatusLabel: _,
+			onConfirm: f,
+			onCancel: S
+		}),
+		children: /* @__PURE__ */ a(t, {
+			...m,
+			labels: v,
+			styles: x
+		})
+	});
+};
+//#endregion
+export { o as DeleteConfirmationDialog };

package/components/DeleteConfirmationView/DeleteConfirmationView.d.ts

@@ -0,0 +1,49 @@
+import { FC, ReactNode } from 'react';
+import { ConfirmationViewColors } from '../ConfirmationView/ConfirmationView';
+/** Default cap on the names listed for a multi-item delete. */
+export declare const DELETE_CONFIRMATION_MAX_LISTED_NAMES = 10;
+/** User-visible strings of `DeleteConfirmationView`. */
+export interface DeleteConfirmationViewLabels {
+    /** Last consequence bullet. Defaults to `'Cannot be undone'`. */
+    cannotBeUndone?: string;
+    /** Identity-card text for a multi-item delete. Defaults to `'{count} items'`. */
+    itemCount?: (count: number) => string;
+    /** Trailing list entry for names past `maxListedNames`. Defaults to `'… and {count} more'`. */
+    moreItems?: (count: number) => string;
+}
+/** Color overrides for `DeleteConfirmationView`. */
+export interface DeleteConfirmationViewColors extends ConfirmationViewColors {
+    /** Type label above the name. Defaults to `--text-secondary`. */
+    typeLabelText?: string;
+}
+/** Style overrides for `DeleteConfirmationView`. */
+export interface DeleteConfirmationViewStyles {
+    /** Typography class applied to the message, the name list, and the bullets. Defaults to `'dial-small-text'`. */
+    messageClassName?: string;
+    /** Color overrides applied as CSS custom properties. */
+    colors?: DeleteConfirmationViewColors;
+}
+/** Props for `DeleteConfirmationView`. */
+export interface DeleteConfirmationViewProps {
+    /** Names of the resources about to be deleted. One name is shown in the identity card; several are counted there and listed under the message. */
+    names: string[];
+    /** Icon shown in the identity card ahead of a single name. Supplied by the host, which owns the glyph set. */
+    icon?: ReactNode;
+    /** Resource type shown above a single name. Pass it in sentence case — the label uppercases itself. */
+    typeLabel?: string;
+    /** Warning sentence, composed by the host so it can emphasise the name. */
+    message: ReactNode;
+    /** Consequences listed before the final "cannot be undone" bullet. */
+    consequences?: string[];
+    /** Maximum number of names listed for a multi-item delete. Defaults to `DELETE_CONFIRMATION_MAX_LISTED_NAMES` (10). */
+    maxListedNames?: number;
+    /** User-visible strings. */
+    labels?: DeleteConfirmationViewLabels;
+    /** Style overrides. */
+    styles?: DeleteConfirmationViewStyles;
+    /** Content rendered after the consequence bullets, for example an inline error. */
+    children?: ReactNode;
+}
+/** Body of a delete confirmation: the identity card, the warning, the affected names, and the consequences. */
+export declare const DeleteConfirmationView: FC<DeleteConfirmationViewProps>;
+//# sourceMappingURL=DeleteConfirmationView.d.ts.map

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

@@ -0,0 +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"}

package/components/DeleteConfirmationView/DeleteConfirmationView.js

@@ -0,0 +1,37 @@
+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";
+//#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", {
+				className: "truncate",
+				children: e
+			}, `${t}-${e}`)), D > 0 && /* @__PURE__ */ o("li", {
+				className: i.more,
+				children: x(D)
+			})]
+		}),
+		consequences: [...m, y],
+		children: v
+	});
+};
+//#endregion
+export { c as DELETE_CONFIRMATION_MAX_LISTED_NAMES, d as DeleteConfirmationView };

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

@@ -0,0 +1,6 @@
+var e = {
+	names: "_names_g31v4_1",
+	more: "_more_g31v4_5"
+};
+//#endregion
+export { e as default };

package/components/DeploymentIcon/DeploymentIcon.d.ts

@@ -0,0 +1,36 @@
+import { FC, ReactNode } from 'react';
+/** CSS custom-property overrides for the `DeploymentIcon` component. */
+export interface DeploymentIconColors {
+    /** Badge background color. */
+    background?: string;
+}
+/** User-visible strings for `DeploymentIcon`. */
+export interface DeploymentIconLabels {
+    /** When provided, a tooltip with this text is shown on hover/focus. */
+    tooltip?: string;
+}
+/** Style overrides for `DeploymentIcon`. */
+export interface DeploymentIconStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: DeploymentIconColors;
+    /** Extra class applied to the outer badge wrapper, e.g. for a custom background variable. */
+    badgeClassName?: string;
+}
+/** Props for `DeploymentIcon`. */
+export interface DeploymentIconProps {
+    /** Image URL to display. When absent the fallback is shown directly. */
+    src?: string;
+    /** Outer badge dimension in pixels. */
+    size: number;
+    /** Display name used to generate initials when no image is available. */
+    initialsName: string;
+    /** Custom node rendered when `src` is absent or the image fails to load. Overrides `initialsName`. */
+    fallback?: ReactNode;
+    /** User-visible strings. */
+    labels?: DeploymentIconLabels;
+    /** Style overrides. */
+    styles?: DeploymentIconStyles;
+}
+/** Renders a deployment icon inside a rounded badge, falling back to initials or a custom node when no image is available. */
+export declare const DeploymentIcon: FC<DeploymentIconProps>;
+//# sourceMappingURL=DeploymentIcon.d.ts.map

package/components/DeploymentIcon/DeploymentIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeploymentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/DeploymentIcon/DeploymentIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAM7E,wEAAwE;AACxE,MAAM,WAAW,oBAAoB;IACnC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iDAAiD;AACjD,MAAM,WAAW,oBAAoB;IACnC,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,4CAA4C;AAC5C,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,6FAA6F;IAC7F,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,kCAAkC;AAClC,MAAM,WAAW,mBAAmB;IAClC,wEAAwE;IACxE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,uBAAuB;IACvB,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,8HAA8H;AAC9H,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA8FlD,CAAC"}

package/components/EntityHeader/EntityHeader.d.ts

@@ -0,0 +1,38 @@
+import { CSSProperties, FC, ReactNode } from 'react';
+import { EntityHeaderItem } from '../../models/entity';
+/** Props for EntityHeader. */
+export interface EntityHeaderProps {
+    /** The entity to display. */
+    item: EntityHeaderItem;
+    /** Typography CSS class for the item name. Falls back to `ItemHeader`'s own default when omitted. */
+    nameClassName?: string;
+    /** CSS class for the entity type label. Default: 'dial-caption-lead-semi-text'. */
+    typeClassName?: string;
+    /** Visible type text, e.g. a translated type name. Default: the raw `item.type` value. */
+    typeLabel?: string;
+    /** CSS class applied to the icon badge, e.g. to set border-radius. Default: 'rounded-[14px]'. */
+    iconBadgeClassName?: string;
+    /** Typography CSS class for the version text. Falls back to `ItemHeader`'s own default when omitted. */
+    versionClassName?: string;
+    /** Whether to show `item.version` next to the title. Default: true. */
+    showVersion?: boolean;
+    /** Label for the featured tag shown when item.isFeatured is true. Default: 'Featured'. */
+    featuredLabel?: string;
+    /** Whether to render the featured tag. Default: true. */
+    hasFeaturedTag?: boolean;
+    /** Size of the deployment icon. Default: 48. */
+    iconSize?: number;
+    /** Search query string; when provided, matching text in the title is highlighted. */
+    query?: string;
+    /** Content pinned to the bottom of the text column via `mt-auto`, aligning its baseline with the avatar bottom. When provided, the column stretches to fill the icon height exactly. */
+    footer?: ReactNode;
+    /** CSS class for the featured chip. */
+    featuredChipClassName?: string;
+    /** Style override for the featured chip, merged over its default per-entity-type colors, e.g. `{ backgroundColor, color, border }`. */
+    featuredChipStyle?: CSSProperties;
+    /** Arbitrary badge rendered before the featured chip, in the same top-end corner. Omitted (the default) renders nothing in that slot. */
+    statusBadge?: ReactNode;
+}
+/** Reusable entity identity block: deployment icon, type label, name, version, and optional featured chip. */
+export declare const EntityHeader: FC<EntityHeaderProps>;
+//# sourceMappingURL=EntityHeader.d.ts.map

package/components/EntityHeader/EntityHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityHeader.d.ts","sourceRoot":"","sources":["../../../src/components/EntityHeader/EntityHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAO5D,8BAA8B;AAC9B,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,IAAI,EAAE,gBAAgB,CAAC;IACvB,qGAAqG;IACrG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iGAAiG;IACjG,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wGAAwG;IACxG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wLAAwL;IACxL,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,uCAAuC;IACvC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uIAAuI;IACvI,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,yIAAyI;IACzI,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,8GAA8G;AAC9G,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+D9C,CAAC"}

package/components/EntityTypeLabel/EntityTypeLabel.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { CatalogEntityType } from '../../types/entity-type';
+/** Props for EntityTypeLabel. */
+export interface EntityTypeLabelProps {
+    /** Entity category — resolves the label's color via ENTITY_TYPE_COLOR. */
+    type: CatalogEntityType;
+    /** CSS class for the label text. Default: 'dial-caption-lead-semi-text'. */
+    className?: string;
+    /** Visible text, e.g. a translated type name. Default: the raw `type` value (`'MODEL'`, `'TOOLSET'`, …). */
+    label?: string;
+}
+/**
+ * Entity type label rendered as plain uppercase text — no pill, no background.
+ * Shared by the card grid (via AppIdentity) and the list view, so both
+ * densities of the catalog use the same type treatment.
+ */
+export declare const EntityTypeLabel: FC<EntityTypeLabelProps>;
+//# sourceMappingURL=EntityTypeLabel.d.ts.map

package/components/EntityTypeLabel/EntityTypeLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityTypeLabel.d.ts","sourceRoot":"","sources":["../../../src/components/EntityTypeLabel/EntityTypeLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,iCAAiC;AACjC,MAAM,WAAW,oBAAoB;IACnC,0EAA0E;IAC1E,IAAI,EAAE,iBAAiB,CAAC;IACxB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4GAA4G;IAC5G,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAQpD,CAAC"}