@epam/ai-dial-ui-kit 0.16.0-dev.47 → 0.16.0-dev.48

package/dist/dial-ui-kit.js

@@ -6,7 +6,7 @@ import { DialIcon as l } from "./components/Icon/Icon.js";
 import { DialLoader as T } from "./components/Loader/Loader.js";
 import { Spinner as D } from "./components/Spinner/Spinner.js";
 import { ProgressBar as S } from "./components/ProgressBar/ProgressBar.js";
-import { DialSteps as d } from "./components/Steps/Steps.js";
+import { DialSteps as A } from "./components/Steps/Steps.js";
 import { DialNoDataContent as E } from "./components/NoDataContent/NoDataContent.js";
 import { DialLabelledText as C } from "./components/LabelledText/LabelledText.js";
 import { DialTag as L } from "./components/Tag/Tag.js";
@@ -48,7 +48,7 @@ import { DialFileNodeType as mr, DialFilePermission as fr, DialFileResourceType
 import { GridSelectionMode as cr } from "./models/selection-mode.js";
 import { mergeClasses as sr } from "./utils/merge-classes.js";
 import { wrapInRootFolder as ur } from "./utils/flat-to-hierarchy-convertor.js";
-import { getTimezoneLabel as Ar } from "./utils/timezone.js";
+import { getTimezoneLabel as dr } from "./utils/timezone.js";
 import { BASE_ICON_PROPS as Ir, BASE_ICON_SIZE as Er, DIAL_ICON_SIZE as Br } from "./constants/icon.js";
 import { NOT_ALLOWED_SPACES as _r, NOT_ALLOWED_SPACES_REGEXP as Lr, NOT_ALLOWED_SYMBOLS as gr, NOT_ALLOWED_SYMBOLS_REGEXP as Nr } from "./constants/validation.js";
 import { DIAL_KIT_CLASS as Or } from "./constants/public-class-names.js";
@@ -64,7 +64,7 @@ import { Calendar as mt } from "./components/New/Calendar/Calendar.js";
 import { FolderPath as xt } from "./components/New/FolderPath/FolderPath.js";
 import { BreadcrumbsSize as ct } from "./types/breadcrumbs.js";
 import { Breadcrumbs as st } from "./components/New/Breadcrumbs/Breadcrumbs.js";
-import { DangerButton as ut, GhostButton as St, LinkButton as At, NeutralButton as dt, OutlinedButton as It, PrimaryButton as Et, StarterButton as Bt } from "./components/New/Button/ButtonWrappers.js";
+import { DangerButton as ut, GhostButton as St, LinkButton as dt, NeutralButton as At, OutlinedButton as It, PrimaryButton as Et, StarterButton as Bt } from "./components/New/Button/ButtonWrappers.js";
 import { DangerIconButton as _t, GhostIconButton as Lt, NeutralIconButton as gt, PrimaryIconButton as Nt, StaticIconButton as Rt } from "./components/New/IconButton/IconButtonWrappers.js";
 import { Button as yt } from "./components/New/Button/Button.js";
 import { IconButton as bt } from "./components/New/IconButton/IconButton.js";
@@ -80,102 +80,103 @@ import { AnalyticsBar as jt } from "./components/New/Analytics/Bar/Bar.js";
 import { AnalyticsBarGroup as $t } from "./components/New/Analytics/BarGroup/BarGroup.js";
 import { AnalyticsHistogram as re } from "./components/New/Analytics/Histogram/Histogram.js";
 import { Label as ee } from "./components/New/Label/Label.js";
-import { Textarea as ie, TextareaResize as pe } from "./components/New/Textarea/Textarea.js";
-import { Input as me } from "./components/New/Input/Input.js";
-import { PasswordInput as xe } from "./components/New/PasswordInput/PasswordInput.js";
-import { NumberInput as ce } from "./components/New/NumberInput/NumberInput.js";
-import { Popup as se } from "./components/New/Popup/Popup.js";
-import { CloseButton as ue } from "./components/New/CloseButton/CloseButton.js";
-import { ConfirmationPopup as Ae } from "./components/New/ConfirmationPopup/ConfirmationPopup.js";
-import { Dropdown as Ie } from "./components/New/Dropdown/Dropdown.js";
-import { ThemeScope as Be, useThemeScope as Ce } from "./components/New/ThemeScope/ThemeScope.js";
-import { MenuItem as Le } from "./components/New/MenuItem/MenuItem.js";
-import { CaptionText as Ne, ErrorText as Re } from "./components/New/CaptionText/CaptionText.js";
-import { Accordion as ye } from "./components/New/Accordion/Accordion.js";
-import { AccordionCaretPosition as be } from "./types/accordion.js";
-import { Switch as Ge } from "./components/New/Switch/Switch.js";
-import { Radio as Me } from "./components/New/Radio/Radio.js";
-import { RadioGroup as ze } from "./components/New/RadioGroup/RadioGroup.js";
-import { RadioGroupPopupField as ke } from "./components/New/RadioGroupPopupField/RadioGroupPopupField.js";
-import { Checkbox as Ve } from "./components/New/Checkbox/Checkbox.js";
-import { CheckboxBox as We } from "./components/New/Checkbox/CheckboxBox.js";
-import { ToggleIconButton as Ye } from "./components/New/ToggleIconButton/ToggleIconButton.js";
-import { SegmentedControl as Xe } from "./components/New/SegmentedControl/SegmentedControl.js";
-import { Tabs as Je } from "./components/New/Tabs/Tabs.js";
-import { FilterChips as qe } from "./components/New/FilterChips/FilterChips.js";
-import { FileDropzone as oa } from "./components/New/FileDropzone/FileDropzone.js";
-import { FileIcon as ta } from "./components/New/FileIcon/FileIcon.js";
-import { FileName as aa } from "./components/New/FileName/FileName.js";
-import { FolderName as pa } from "./components/New/FolderName/FolderName.js";
-import { SharedEntityIndicator as ma } from "./components/New/SharedEntityIndicator/SharedEntityIndicator.js";
-import { BottomSheet as xa } from "./components/New/BottomSheet/BottomSheet.js";
-import { Badge as ca } from "./components/New/Badge/Badge.js";
-import { BadgeColor as sa, BadgeVariant as Da } from "./types/badge.js";
-import { Avatar as Sa } from "./components/New/Avatar/Avatar.js";
-import { AvatarColor as da, AvatarShape as Ia } from "./types/avatar.js";
-import { AVATAR_PALETTE as Ba, extractInitials as Ca } from "./utils/avatar.js";
-import { EntityIdentity as La } from "./components/New/EntityIdentity/EntityIdentity.js";
-import { EntityType as Na } from "./types/entity-type.js";
-import { SelectedEntityCard as Oa } from "./components/New/SelectedEntityCard/SelectedEntityCard.js";
-import { SideDrawer as ha } from "./components/New/SideDrawer/SideDrawer.js";
-import { Tag as Fa } from "./components/New/Tag/Tag.js";
-import { TagAppearance as Pa } from "./types/tag.js";
-import { TagInput as wa } from "./components/New/TagInput/TagInput.js";
-import { AutocompleteTagInput as Ua } from "./components/New/AutocompleteTagInput/AutocompleteTagInput.js";
-import { Search as Ha } from "./components/New/Search/Search.js";
-import { matchesAccept as va } from "./utils/file-accept.js";
-import { Slider as Qa } from "./components/New/Slider/Slider.js";
-import { Tooltip as Ka } from "./components/New/Tooltip/Tooltip.js";
-import { TooltipContainer as Za } from "./components/New/Tooltip/TooltipContainer.js";
-import { TooltipContent as ja } from "./components/New/Tooltip/TooltipContent.js";
-import { TooltipTrigger as $a } from "./components/New/Tooltip/TooltipTrigger.js";
-import { InteractiveTooltipTrigger as ri, TooltipPlacement as ti } from "./types/tooltip.js";
-import { InteractiveTooltip as ai } from "./components/New/InteractiveTooltip/InteractiveTooltip.js";
-import { EllipsisTooltip as pi } from "./components/New/EllipsisTooltip/EllipsisTooltip.js";
-import { CollapsibleSidebar as mi } from "./components/New/CollapsibleSidebar/CollapsibleSidebar.js";
-import { ResizableContainer as xi } from "./components/New/ResizableContainer/ResizableContainer.js";
-import { ResizeHandle as ci } from "./components/New/ResizeHandle/ResizeHandle.js";
-import { ConditionalResizableContainer as si } from "./components/New/ResizableContainer/ConditionalResizableContainer.js";
-import { NoDataContent as ui } from "./components/New/NoDataContent/NoDataContent.js";
-import { StateScreen as Ai } from "./components/New/StateScreen/StateScreen.js";
-import { FormSection as Ii } from "./components/New/FormSection/FormSection.js";
-import { FormSectionVariant as Bi } from "./types/form-section.js";
-import { TransferQueue as _i } from "./components/New/TransferQueue/TransferQueue.js";
-import { DEFAULT_TRANSFER_QUEUE_LABELS as gi, TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS as Ni } from "./components/New/TransferQueue/constants.js";
-import { TransferQueueItemStatus as Oi } from "./types/transfer-queue.js";
-import { GRID_SELECTION_COLUMN_ID as hi, Grid as bi } from "./components/New/Grid/Grid.js";
-import { GridAppearance as Gi, GridColorScheme as Pi } from "./types/grid.js";
-import { DateCellRenderer as wi } from "./components/New/Grid/renderers/DateCellRenderer.js";
-import { DEFAULT_DATE_FORMAT_OPTIONS as Ui, DEFAULT_LOCALE as ki } from "./components/New/Grid/renderers/constants.js";
-import { GRID_ALIGN_RIGHT_CLASS as Vi, GRID_ROOT_CLASS as vi, ROW_HEIGHT as Wi, GRID_THEME_PARAMS as Qi } from "./components/New/Grid/constants.js";
-import { DIAL_KIT_ICON_STROKE as Ki } from "./components/New/constants/icon.js";
-import { convertToDate as Zi } from "./utils/grid-date.js";
-import { baseColumnComparator as ji, checkColDefsChanges as qi } from "./utils/grid-comparators.js";
-import { DEFAULT_ANALYTICS_BAR_COLOR_MAP as op } from "./components/Analytics/Bar/utils.js";
-import { DialAnalyticsBar as tp } from "./components/Analytics/Bar/Bar.js";
-import { DialAnalyticsBarGroup as ap } from "./components/Analytics/BarGroup/BarGroup.js";
-import { DialAnalyticsCard as pp } from "./components/Analytics/Card/Card.js";
-import { DialAnalyticsErrorTag as mp } from "./components/Analytics/ErrorTag/ErrorTag.js";
-import { DialAnalyticsHistogram as xp } from "./components/Analytics/Histogram/Histogram.js";
+import { LabelledText as ie } from "./components/New/LabelledText/LabelledText.js";
+import { Textarea as ne, TextareaResize as me } from "./components/New/Textarea/Textarea.js";
+import { Input as xe } from "./components/New/Input/Input.js";
+import { PasswordInput as ce } from "./components/New/PasswordInput/PasswordInput.js";
+import { NumberInput as se } from "./components/New/NumberInput/NumberInput.js";
+import { Popup as ue } from "./components/New/Popup/Popup.js";
+import { CloseButton as de } from "./components/New/CloseButton/CloseButton.js";
+import { ConfirmationPopup as Ie } from "./components/New/ConfirmationPopup/ConfirmationPopup.js";
+import { Dropdown as Be } from "./components/New/Dropdown/Dropdown.js";
+import { ThemeScope as _e, useThemeScope as Le } from "./components/New/ThemeScope/ThemeScope.js";
+import { MenuItem as Ne } from "./components/New/MenuItem/MenuItem.js";
+import { CaptionText as Oe, ErrorText as ye } from "./components/New/CaptionText/CaptionText.js";
+import { Accordion as be } from "./components/New/Accordion/Accordion.js";
+import { AccordionCaretPosition as Ge } from "./types/accordion.js";
+import { Switch as Me } from "./components/New/Switch/Switch.js";
+import { Radio as ze } from "./components/New/Radio/Radio.js";
+import { RadioGroup as ke } from "./components/New/RadioGroup/RadioGroup.js";
+import { RadioGroupPopupField as Ve } from "./components/New/RadioGroupPopupField/RadioGroupPopupField.js";
+import { Checkbox as We } from "./components/New/Checkbox/Checkbox.js";
+import { CheckboxBox as Ye } from "./components/New/Checkbox/CheckboxBox.js";
+import { ToggleIconButton as Xe } from "./components/New/ToggleIconButton/ToggleIconButton.js";
+import { SegmentedControl as Je } from "./components/New/SegmentedControl/SegmentedControl.js";
+import { Tabs as qe } from "./components/New/Tabs/Tabs.js";
+import { FilterChips as oa } from "./components/New/FilterChips/FilterChips.js";
+import { FileDropzone as ta } from "./components/New/FileDropzone/FileDropzone.js";
+import { FileIcon as aa } from "./components/New/FileIcon/FileIcon.js";
+import { FileName as pa } from "./components/New/FileName/FileName.js";
+import { FolderName as ma } from "./components/New/FolderName/FolderName.js";
+import { SharedEntityIndicator as xa } from "./components/New/SharedEntityIndicator/SharedEntityIndicator.js";
+import { BottomSheet as ca } from "./components/New/BottomSheet/BottomSheet.js";
+import { Badge as sa } from "./components/New/Badge/Badge.js";
+import { BadgeColor as ua, BadgeVariant as Sa } from "./types/badge.js";
+import { Avatar as Aa } from "./components/New/Avatar/Avatar.js";
+import { AvatarColor as Ea, AvatarShape as Ba } from "./types/avatar.js";
+import { AVATAR_PALETTE as _a, extractInitials as La } from "./utils/avatar.js";
+import { EntityIdentity as Na } from "./components/New/EntityIdentity/EntityIdentity.js";
+import { EntityType as Oa } from "./types/entity-type.js";
+import { SelectedEntityCard as ha } from "./components/New/SelectedEntityCard/SelectedEntityCard.js";
+import { SideDrawer as Fa } from "./components/New/SideDrawer/SideDrawer.js";
+import { Tag as Pa } from "./components/New/Tag/Tag.js";
+import { TagAppearance as wa } from "./types/tag.js";
+import { TagInput as Ua } from "./components/New/TagInput/TagInput.js";
+import { AutocompleteTagInput as Ha } from "./components/New/AutocompleteTagInput/AutocompleteTagInput.js";
+import { Search as va } from "./components/New/Search/Search.js";
+import { matchesAccept as Qa } from "./utils/file-accept.js";
+import { Slider as Ka } from "./components/New/Slider/Slider.js";
+import { Tooltip as Za } from "./components/New/Tooltip/Tooltip.js";
+import { TooltipContainer as ja } from "./components/New/Tooltip/TooltipContainer.js";
+import { TooltipContent as $a } from "./components/New/Tooltip/TooltipContent.js";
+import { TooltipTrigger as ri } from "./components/New/Tooltip/TooltipTrigger.js";
+import { InteractiveTooltipTrigger as ei, TooltipPlacement as ai } from "./types/tooltip.js";
+import { InteractiveTooltip as pi } from "./components/New/InteractiveTooltip/InteractiveTooltip.js";
+import { EllipsisTooltip as mi } from "./components/New/EllipsisTooltip/EllipsisTooltip.js";
+import { CollapsibleSidebar as xi } from "./components/New/CollapsibleSidebar/CollapsibleSidebar.js";
+import { ResizableContainer as ci } from "./components/New/ResizableContainer/ResizableContainer.js";
+import { ResizeHandle as si } from "./components/New/ResizeHandle/ResizeHandle.js";
+import { ConditionalResizableContainer as ui } from "./components/New/ResizableContainer/ConditionalResizableContainer.js";
+import { NoDataContent as di } from "./components/New/NoDataContent/NoDataContent.js";
+import { StateScreen as Ii } from "./components/New/StateScreen/StateScreen.js";
+import { FormSection as Bi } from "./components/New/FormSection/FormSection.js";
+import { FormSectionVariant as _i } from "./types/form-section.js";
+import { TransferQueue as gi } from "./components/New/TransferQueue/TransferQueue.js";
+import { DEFAULT_TRANSFER_QUEUE_LABELS as Ri, TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS as Oi } from "./components/New/TransferQueue/constants.js";
+import { TransferQueueItemStatus as hi } from "./types/transfer-queue.js";
+import { GRID_SELECTION_COLUMN_ID as Fi, Grid as Gi } from "./components/New/Grid/Grid.js";
+import { GridAppearance as Mi, GridColorScheme as wi } from "./types/grid.js";
+import { DateCellRenderer as Ui } from "./components/New/Grid/renderers/DateCellRenderer.js";
+import { DEFAULT_DATE_FORMAT_OPTIONS as Hi, DEFAULT_LOCALE as Vi } from "./components/New/Grid/renderers/constants.js";
+import { GRID_ALIGN_RIGHT_CLASS as Wi, GRID_ROOT_CLASS as Qi, ROW_HEIGHT as Yi, GRID_THEME_PARAMS as Ki } from "./components/New/Grid/constants.js";
+import { DIAL_KIT_ICON_STROKE as Zi } from "./components/New/constants/icon.js";
+import { convertToDate as ji } from "./utils/grid-date.js";
+import { baseColumnComparator as $i, checkColDefsChanges as op } from "./utils/grid-comparators.js";
+import { DEFAULT_ANALYTICS_BAR_COLOR_MAP as tp } from "./components/Analytics/Bar/utils.js";
+import { DialAnalyticsBar as ap } from "./components/Analytics/Bar/Bar.js";
+import { DialAnalyticsBarGroup as pp } from "./components/Analytics/BarGroup/BarGroup.js";
+import { DialAnalyticsCard as mp } from "./components/Analytics/Card/Card.js";
+import { DialAnalyticsErrorTag as xp } from "./components/Analytics/ErrorTag/ErrorTag.js";
+import { DialAnalyticsHistogram as cp } from "./components/Analytics/Histogram/Histogram.js";
 export {
-  Ba as AVATAR_PALETTE,
-  ye as Accordion,
-  be as AccordionCaretPosition,
+  _a as AVATAR_PALETTE,
+  be as Accordion,
+  Ge as AccordionCaretPosition,
   jt as AnalyticsBar,
   $t as AnalyticsBarGroup,
   Zt as AnalyticsCard,
   i as AnalyticsCardVariant,
   re as AnalyticsHistogram,
-  Ua as AutocompleteTagInput,
-  Sa as Avatar,
-  da as AvatarColor,
-  Ia as AvatarShape,
+  Ha as AutocompleteTagInput,
+  Aa as Avatar,
+  Ea as AvatarColor,
+  Ba as AvatarShape,
   Ir as BASE_ICON_PROPS,
   Er as BASE_ICON_SIZE,
-  ca as Badge,
-  sa as BadgeColor,
-  Da as BadgeVariant,
-  xa as BottomSheet,
+  sa as Badge,
+  ua as BadgeColor,
+  Sa as BadgeVariant,
+  ca as BottomSheet,
   st as Breadcrumbs,
   ct as BreadcrumbsSize,
   yt as Button,
@@ -184,31 +185,31 @@ export {
   Lo as ButtonVariant,
   mt as Calendar,
   pt as CalendarMode,
-  Ne as CaptionText,
+  Oe as CaptionText,
   Qr as CardShell,
-  Ve as Checkbox,
-  We as CheckboxBox,
-  ue as CloseButton,
-  mi as CollapsibleSidebar,
-  si as ConditionalResizableContainer,
-  Ae as ConfirmationPopup,
+  We as Checkbox,
+  Ye as CheckboxBox,
+  de as CloseButton,
+  xi as CollapsibleSidebar,
+  ui as ConditionalResizableContainer,
+  Ie as ConfirmationPopup,
   ho as ConfirmationPopupVariant,
-  op as DEFAULT_ANALYTICS_BAR_COLOR_MAP,
-  Ui as DEFAULT_DATE_FORMAT_OPTIONS,
-  ki as DEFAULT_DATE_LOCALE,
-  gi as DEFAULT_TRANSFER_QUEUE_LABELS,
+  tp as DEFAULT_ANALYTICS_BAR_COLOR_MAP,
+  Hi as DEFAULT_DATE_FORMAT_OPTIONS,
+  Vi as DEFAULT_DATE_LOCALE,
+  Ri as DEFAULT_TRANSFER_QUEUE_LABELS,
   Br as DIAL_ICON_SIZE,
   Or as DIAL_KIT_CLASS,
-  Ki as DIAL_KIT_ICON_STROKE,
+  Zi as DIAL_KIT_ICON_STROKE,
   ut as DangerButton,
   _t as DangerIconButton,
-  wi as DateCellRenderer,
+  Ui as DateCellRenderer,
   f as DialAccordion,
-  tp as DialAnalyticsBar,
-  ap as DialAnalyticsBarGroup,
-  pp as DialAnalyticsCard,
-  mp as DialAnalyticsErrorTag,
-  xp as DialAnalyticsHistogram,
+  ap as DialAnalyticsBar,
+  pp as DialAnalyticsBarGroup,
+  mp as DialAnalyticsCard,
+  xp as DialAnalyticsErrorTag,
+  cp as DialAnalyticsHistogram,
   F as DialBreadcrumb,
   P as DialBreadcrumbItem,
   w as DialButton,
@@ -241,7 +242,7 @@ export {
   J as DialPrimaryIconButton,
   eo as DialRemoveButton,
   j as DialSecondaryIconButton,
-  d as DialSteps,
+  A as DialSteps,
   q as DialSuccessIconButton,
   h as DialTabs,
   L as DialTag,
@@ -250,41 +251,41 @@ export {
   no as DialTooltipContainer,
   fo as DialTooltipContent,
   lo as DialTooltipTrigger,
-  Ie as Dropdown,
+  Be as Dropdown,
   Fo as DropdownItemType,
   Go as DropdownTrigger,
   Po as DropdownType,
   tr as EDITABLE_CONTAINER_ATTRIBUTE,
   Bo as EditorThemes,
   Uo as ElementSize,
-  pi as EllipsisTooltip,
-  La as EntityIdentity,
-  Na as EntityType,
+  mi as EllipsisTooltip,
+  Na as EntityIdentity,
+  Oa as EntityType,
   Kr as ErrorMessageNotification,
-  Re as ErrorText,
+  ye as ErrorText,
   Xr as ErrorToastNotification,
   Gt as FabButton,
-  oa as FileDropzone,
-  ta as FileIcon,
-  aa as FileName,
-  qe as FilterChips,
+  ta as FileDropzone,
+  aa as FileIcon,
+  pa as FileName,
+  oa as FilterChips,
   Yo as FlexibleActionsDirection,
-  pa as FolderName,
+  ma as FolderName,
   xt as FolderPath,
-  Ii as FormSection,
-  Bi as FormSectionVariant,
-  Vi as GRID_ALIGN_RIGHT_CLASS,
-  vi as GRID_ROOT_CLASS,
-  Wi as GRID_ROW_HEIGHT,
-  hi as GRID_SELECTION_COLUMN_ID,
-  Qi as GRID_THEME_PARAMS,
+  Bi as FormSection,
+  _i as FormSectionVariant,
+  Wi as GRID_ALIGN_RIGHT_CLASS,
+  Qi as GRID_ROOT_CLASS,
+  Yi as GRID_ROW_HEIGHT,
+  Fi as GRID_SELECTION_COLUMN_ID,
+  Ki as GRID_THEME_PARAMS,
   Zr as GeneralMessageNotification,
   Jr as GeneralToastNotification,
   St as GhostButton,
   Lt as GhostIconButton,
-  bi as Grid,
-  Gi as GridAppearance,
-  Pi as GridColorScheme,
+  Gi as Grid,
+  Mi as GridAppearance,
+  wi as GridColorScheme,
   cr as GridSelectionMode,
   vr as Highlight,
   bt as IconButton,
@@ -293,97 +294,98 @@ export {
   qr as InfoToastNotification,
   kt as InlineSelect,
   Ht as InlineSelectTrigger,
-  me as Input,
-  ai as InteractiveTooltip,
-  ri as InteractiveTooltipTrigger,
+  xe as Input,
+  pi as InteractiveTooltip,
+  ei as InteractiveTooltipTrigger,
   hr as JsonSchemaType,
   ee as Label,
+  ie as LabelledText,
   zt as LazyMarkdownEditor,
-  At as LinkButton,
+  dt as LinkButton,
   $r as LoadingMessageNotification,
   ot as LoadingToastNotification,
-  Le as MenuItem,
+  Ne as MenuItem,
   wo as MenuItemMark,
   Qt as MultiSelectTags,
   _r as NOT_ALLOWED_SPACES,
   Lr as NOT_ALLOWED_SPACES_REGEXP,
   gr as NOT_ALLOWED_SYMBOLS,
   Nr as NOT_ALLOWED_SYMBOLS_REGEXP,
-  dt as NeutralButton,
+  At as NeutralButton,
   gt as NeutralIconButton,
-  ui as NoDataContent,
+  di as NoDataContent,
   Hr as Notification,
   zr as NotificationType,
   Ur as NotificationVariant,
-  ce as NumberInput,
+  se as NumberInput,
   It as OutlinedButton,
-  xe as PasswordInput,
-  se as Popup,
+  ce as PasswordInput,
+  ue as Popup,
   Oo as PopupSize,
   Et as PrimaryButton,
   Nt as PrimaryIconButton,
   S as ProgressBar,
-  Me as Radio,
-  ze as RadioGroup,
+  ze as Radio,
+  ke as RadioGroup,
   No as RadioGroupOrientation,
-  ke as RadioGroupPopupField,
-  xi as ResizableContainer,
+  Ve as RadioGroupPopupField,
+  ci as ResizableContainer,
   Jo as ResizableContainerSide,
-  ci as ResizeHandle,
+  si as ResizeHandle,
   br as SchemaDisplayMode,
   Fr as SchemaOrientation,
   Mr as SchemaRenderer,
   Gr as SchemaRendererVariant,
   Ho as ScreenResolution,
-  Ha as Search,
-  Xe as SegmentedControl,
+  va as Search,
+  Je as SegmentedControl,
   vt as Select,
-  Oa as SelectedEntityCard,
-  ma as SharedEntityIndicator,
-  ha as SideDrawer,
+  ha as SelectedEntityCard,
+  xa as SharedEntityIndicator,
+  Fa as SideDrawer,
   O as Skeleton,
   qo as SkeletonAvatarShape,
   $o as SkeletonAvatarSize,
   or as SkeletonVariant,
-  Qa as Slider,
+  Ka as Slider,
   D as Spinner,
   Bt as StarterButton,
-  Ai as StateScreen,
+  Ii as StateScreen,
   Rt as StaticIconButton,
   pr as StepStatus,
   rt as SuccessMessageNotification,
   tt as SuccessToastNotification,
-  Ge as Switch,
-  Ni as TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS,
+  Me as Switch,
+  Oi as TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS,
   Vo as TabOrientation,
   vo as TabStatus,
   Wo as TabView,
-  Je as Tabs,
-  Fa as Tag,
-  Pa as TagAppearance,
-  wa as TagInput,
-  ie as Textarea,
-  pe as TextareaResize,
-  Be as ThemeScope,
-  Ye as ToggleIconButton,
-  Ka as Tooltip,
-  Za as TooltipContainer,
-  ja as TooltipContent,
-  ti as TooltipPlacement,
-  $a as TooltipTrigger,
-  _i as TransferQueue,
-  Oi as TransferQueueItemStatus,
+  qe as Tabs,
+  Pa as Tag,
+  wa as TagAppearance,
+  Ua as TagInput,
+  ne as Textarea,
+  me as TextareaResize,
+  _e as ThemeScope,
+  Xe as ToggleIconButton,
+  Za as Tooltip,
+  ja as TooltipContainer,
+  $a as TooltipContent,
+  ai as TooltipPlacement,
+  ri as TooltipTrigger,
+  gi as TransferQueue,
+  hi as TransferQueueItemStatus,
   et as WarningMessageNotification,
   at as WarningToastNotification,
-  ji as baseColumnComparator,
-  qi as checkColDefsChanges,
-  Zi as convertToDate,
+  $i as baseColumnComparator,
+  op as checkColDefsChanges,
+  ji as convertToDate,
   er as editableContainerProps,
-  Ca as extractInitials,
-  Ar as getTimezoneLabel,
-  va as matchesAccept,
+  La as extractInitials,
+  dr as getTimezoneLabel,
+  Qa as matchesAccept,
   sr as mergeClasses,
   ar as useEditableItem,
-  Ce as useThemeScope,
+  Le as useThemeScope,
   ur as wrapInRootFolder
 };

package/dist/grid.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DateCellRenderer-uqWWm9rI.cjs");exports.DEFAULT_DATE_FORMAT_OPTIONS=e.DEFAULT_DATE_FORMAT_OPTIONS;exports.DEFAULT_DATE_LOCALE=e.DEFAULT_LOCALE;exports.DateCellRenderer=e.DateCellRenderer;exports.GRID_ALIGN_RIGHT_CLASS=e.GRID_ALIGN_RIGHT_CLASS;exports.GRID_ROOT_CLASS=e.GRID_ROOT_CLASS;exports.GRID_ROW_HEIGHT=e.ROW_HEIGHT;exports.GRID_SELECTION_COLUMN_ID=e.GRID_SELECTION_COLUMN_ID;exports.GRID_THEME_PARAMS=e.GRID_THEME_PARAMS;exports.Grid=e.Grid;exports.GridAppearance=e.GridAppearance;exports.GridColorScheme=e.GridColorScheme;exports.GridSelectionMode=e.GridSelectionMode;exports.baseColumnComparator=e.baseColumnComparator;exports.checkColDefsChanges=e.checkColDefsChanges;exports.convertToDate=e.convertToDate;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DateCellRenderer-B2BORgHD.cjs");exports.DEFAULT_DATE_FORMAT_OPTIONS=e.DEFAULT_DATE_FORMAT_OPTIONS;exports.DEFAULT_DATE_LOCALE=e.DEFAULT_LOCALE;exports.DateCellRenderer=e.DateCellRenderer;exports.GRID_ALIGN_RIGHT_CLASS=e.GRID_ALIGN_RIGHT_CLASS;exports.GRID_ROOT_CLASS=e.GRID_ROOT_CLASS;exports.GRID_ROW_HEIGHT=e.ROW_HEIGHT;exports.GRID_SELECTION_COLUMN_ID=e.GRID_SELECTION_COLUMN_ID;exports.GRID_THEME_PARAMS=e.GRID_THEME_PARAMS;exports.Grid=e.Grid;exports.GridAppearance=e.GridAppearance;exports.GridColorScheme=e.GridColorScheme;exports.GridSelectionMode=e.GridSelectionMode;exports.baseColumnComparator=e.baseColumnComparator;exports.checkColDefsChanges=e.checkColDefsChanges;exports.convertToDate=e.convertToDate;

package/dist/src/components/New/LabelledText/LabelledText.d.ts

@@ -0,0 +1,48 @@
+import { FC, ReactNode } from 'react';
+export interface LabelledTextProps {
+    /** Small caption above the value, naming it. */
+    label: ReactNode;
+    /** The value. Truncates with an ellipsis, revealing the full text in a tooltip only when clipped. */
+    text?: ReactNode;
+    /** Tooltip content shown instead of `text` while it is clipped. */
+    tooltip?: ReactNode;
+    /** Custom value content, rendered instead of `text`. */
+    children?: ReactNode;
+    /** Element after the value, e.g. a copy button. */
+    postfix?: ReactNode;
+    /** Additional CSS classes for the root element. */
+    className?: string;
+}
+/**
+ * A read-only label/value pair: a small caption above a value.
+ * aliases: LabelValue|DisplayText|ReadOnlyField|KeyValue
+ * Design system 2.0
+ *
+ * The caption is the kit's `Label`, so it matches the other 2.0 fields. There is
+ * no control to point its `htmlFor` at: it sits beside the value and reads in
+ * DOM order. It is not a form field: use `Label` with an input for editable
+ * values.
+ *
+ * Without `children` the value is a single line capped at 200px that truncates;
+ * the tooltip appears only while the text is actually clipped. With `children`
+ * the value takes the content's own width.
+ *
+ * @example
+ * ```tsx
+ * <LabelledText label="Endpoint" text="https://example.com/v1/chat" />
+ *
+ * <LabelledText
+ *   label="Key"
+ *   text="sk-0000"
+ *   postfix={<IconButton icon={<IconCopy />} ariaLabel="Copy key" />}
+ * />
+ * ```
+ *
+ * @param label - Caption above the value.
+ * @param [text] - The value, truncated with an ellipsis when it does not fit.
+ * @param [tooltip] - Tooltip content used instead of `text` while it is clipped.
+ * @param [children] - Custom value content, rendered instead of `text`.
+ * @param [postfix] - Element after the value.
+ * @param [className] - Additional CSS classes for the root element.
+ */
+export declare const LabelledText: FC<LabelledTextProps>;

package/dist/src/constants/public-class-names.d.ts

@@ -32,6 +32,8 @@ export declare const DIAL_KIT_CLASS: {
     readonly errorText: "dial-kit-error-text";
     /** The `Label` root, which wraps the `label` element and its info button. */
     readonly label: "dial-kit-label";
+    /** The root of a `LabelledText`, wrapping its caption and value. */
+    readonly labelledText: "dial-kit-labelled-text";
     /** The root of an `AnalyticsCard`: the box holding its title, value and description. */
     readonly analyticsCard: "dial-kit-analytics-card";
     /** The root of an `AnalyticsBar`: the title row and track, stacked or inline. */

package/dist/src/index.d.ts

@@ -133,6 +133,8 @@ export type { AnalyticsBarGroupProps } from './components/New/Analytics/BarGroup
 export { AnalyticsHistogram } from './components/New/Analytics/Histogram/Histogram';
 export type { AnalyticsHistogramProps } from './components/New/Analytics/Histogram/Histogram';
 export { Label } from './components/New/Label/Label';
+export type { LabelledTextProps } from './components/New/LabelledText/LabelledText';
+export { LabelledText } from './components/New/LabelledText/LabelledText';
 export { Textarea, TextareaResize } from './components/New/Textarea/Textarea';
 export { Input } from './components/New/Input/Input';
 export type { InputProps } from './components/New/Input/Input';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.16.0-dev.47",
+  "version": "0.16.0-dev.48",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",