@epam/ai-dial-chat-shared 1.3.0-dev.34 → 1.3.0-dev.37

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

package/components/FeaturedChip/FeaturedChip.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties, FC } from 'react';
+import { CatalogEntityType } from '../../types/entity-type';
+/** Props for `FeaturedChip`. */
+export interface FeaturedChipProps {
+    /** Label text shown inside the chip. */
+    label: string;
+    /** Typography class for the label. Defaults to the kit badge's `'dial-caption-lead-semi-text'`. */
+    className?: string;
+    /** Entity category — picks the chip's default colours. */
+    type: CatalogEntityType;
+    /** Style overrides merged over the chip's default per-entity-type colors, e.g. `{ backgroundColor, color, border }`. */
+    style?: CSSProperties;
+}
+/** Featured badge rendered on a catalog card when `item.isFeatured` is true. */
+export declare const FeaturedChip: FC<FeaturedChipProps>;
+//# sourceMappingURL=FeaturedChip.d.ts.map

package/components/FeaturedChip/FeaturedChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedChip.d.ts","sourceRoot":"","sources":["../../../src/components/FeaturedChip/FeaturedChip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG5D,gCAAgC;AAChC,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,mGAAmG;IACnG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,IAAI,EAAE,iBAAiB,CAAC;IACxB,wHAAwH;IACxH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,gFAAgF;AAChF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAe9C,CAAC"}

package/components/InitialsAvatar/InitialsAvatar.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+/** Props for `InitialsAvatar`. */
+export interface InitialsAvatarProps {
+    /** Display name from which initials are derived. Empty string renders `"?"`. */
+    name: string;
+    /** Badge width and height in pixels. */
+    size: number;
+    /** 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`. */
+    textClassName?: string;
+}
+/** A square badge showing 1–2 initials derived from `name` on a deterministic colour background. */
+export declare const InitialsAvatar: FC<InitialsAvatarProps>;
+//# sourceMappingURL=InitialsAvatar.d.ts.map

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

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

package/components/ItemHeader/ItemHeader.d.ts

@@ -0,0 +1,36 @@
+import { FC, ReactNode } from 'react';
+/** CSS custom-property overrides for the `ItemHeader` component. */
+export interface ItemHeaderColors {
+    /** Title text color. Defaults to `--text-primary`. */
+    title?: string;
+    /** Postfix text color. Defaults to `--text-secondary`. */
+    count?: string;
+}
+/** Props for `ItemHeader`. */
+export interface ItemHeaderProps {
+    /** Title text rendered in the heading element. */
+    title: string;
+    /** Secondary value rendered after the title, such as a version or an item count. */
+    postfix?: number | string;
+    /** CSS class applied to the title. Defaults to `'dial-h3-text'`. */
+    titleClassName?: string;
+    /** CSS class applied to the postfix. Defaults to `'dial-tiny-text'`. */
+    postfixClassName?: string;
+    /** CSS class applied to the header row. */
+    className?: string;
+    /** Search query; when provided, the matching part of the title is highlighted. */
+    query?: string;
+    /** Optional content rendered at the trailing end of the header row. */
+    trailing?: ReactNode;
+    /** Color overrides applied as CSS custom properties. */
+    colors?: ItemHeaderColors;
+    /**
+     * Whether the title shrinks and truncates with an ellipsis. When `false` the
+     * title keeps its full width and the rest of the row gives way instead.
+     * Defaults to `true`.
+     */
+    shouldTruncateTitle?: boolean;
+}
+/** Item title header with optional numeric or string postfix and trailing slot. */
+export declare const ItemHeader: FC<ItemHeaderProps>;
+//# sourceMappingURL=ItemHeader.d.ts.map

package/components/ItemHeader/ItemHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ItemHeader/ItemHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtC,oEAAoE;AACpE,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,8BAA8B;AAC9B,MAAM,WAAW,eAAe;IAC9B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wDAAwD;IACxD,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,mFAAmF;AACnF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA0D1C,CAAC"}

package/components/MarkdownRenderer/CodeBlock/CodeBlock.d.ts

@@ -0,0 +1,53 @@
+import { FC, ReactNode } from 'react';
+import { CodeBlockTheme } from '../../../types/code-editor';
+/** CSS custom-property overrides for the `MarkdownCodeBlock` component. */
+export interface MarkdownCodeBlockColors {
+    /** Container background color. */
+    background?: string;
+    /** Container/header border color. */
+    border?: string;
+    /** Header background color. */
+    headerBackground?: string;
+    /** Language label text color. */
+    language?: string;
+    /** Copy button icon color once copied. */
+    copied?: string;
+    /** Scrollbar thumb/track color. */
+    scrollbar?: string;
+}
+/** Props for {@link MarkdownCodeBlock}. */
+export interface MarkdownCodeBlockProps {
+    /** Detected language from the fenced code block. Empty string for language-less blocks. */
+    language: string;
+    /** Raw code value with trailing newline stripped. */
+    value: string;
+    /** When true, the copy button is hidden (streaming in progress). */
+    isStreaming?: boolean;
+    /** Color theme for syntax highlighting. Defaults to `'dark'`. */
+    theme?: CodeBlockTheme;
+    /** Accessible label for the copy button. Defaults to `'Copy code'`. */
+    copyLabel?: string;
+    /** Message announced through the block's `aria-live="polite"` region after a copy completes. The copy button's own accessible name stays `copyLabel`. Defaults to `'Copied!'`. */
+    copiedLabel?: string;
+    /** Accessible label for the download button. Defaults to `'Download code'`. */
+    downloadLabel?: string;
+    /** When true, hides the download button while still showing copy. Defaults to `false`. */
+    hideDownload?: boolean;
+    /** Extra classes applied to the outer container element. */
+    containerClassName?: string;
+    /** Extra classes applied to the sticky header bar. */
+    headerClassName?: string;
+    /** Typography class for the `<code>` element (used when no language is detected). Defaults to `'dial-code-text'`. */
+    codeClassName?: string;
+    /** CSS class applied to the language label in the header. Defaults to `'dial-tiny-lead-semi-text'` plus the module's `.languageLabel` class (`--text-secondary`). */
+    languageLabelClassName?: string;
+    /** Header text shown in place of `language`, for blocks whose highlighting id is not the name to display (e.g. `bash` highlighted, `cURL` shown). Defaults to the `language` value. */
+    title?: string;
+    /** Custom content rendered in the header in place of the plain label, e.g. a language/endpoint select. Defaults to the plain label text. */
+    titleSlot?: ReactNode;
+    /** Color overrides applied as CSS custom properties. */
+    colors?: MarkdownCodeBlockColors;
+}
+/** Renders a fenced or multi-line code block with syntax highlighting and a copy button. */
+export declare const MarkdownCodeBlock: FC<MarkdownCodeBlockProps>;
+//# sourceMappingURL=CodeBlock.d.ts.map

package/components/MarkdownRenderer/CodeBlock/CodeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAQ,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAG/E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAW5D,2EAA2E;AAC3E,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,2FAA2F;IAC3F,QAAQ,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kLAAkL;IAClL,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0FAA0F;IAC1F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qHAAqH;IACrH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qKAAqK;IACrK,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,uLAAuL;IACvL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4IAA4I;IAC5I,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,wDAAwD;IACxD,MAAM,CAAC,EAAE,uBAAuB,CAAC;CAClC;AAiBD,4FAA4F;AAC5F,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA0JxD,CAAC"}

package/components/MarkdownRenderer/CodeBlock/syntax-theme.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+/** Style map consumed by `react-syntax-highlighter`'s `Prism` renderer. */
+type PrismStyleMap = Record<string, CSSProperties>;
+/** Prism syntax-highlighting style map used by {@link MarkdownCodeBlock}, restrained to design-system CSS variables. */
+export declare const restrainedSyntaxTheme: PrismStyleMap;
+export {};
+//# sourceMappingURL=syntax-theme.d.ts.map