@epam/ai-dial-ui-kit 0.16.0-dev.54 → 0.16.0-dev.55

package/dist/components/New/CaptionText/CaptionText.js

@@ -1,29 +1,35 @@
-import { jsx as n } from "react/jsx-runtime";
-import { mergeClasses as s } from "../../../utils/merge-classes.js";
-import { CaptionType as t } from "../../../types/caption.js";
-import { DIAL_KIT_CLASS as e } from "../../../constants/public-class-names.js";
-const m = ({
+import { jsx as t } from "react/jsx-runtime";
+import { mergeClasses as a } from "../../../utils/merge-classes.js";
+import { CaptionType as o } from "../../../types/caption.js";
+import { DIAL_KIT_CLASS as m } from "../../../constants/public-class-names.js";
+import { LiveRegionElement as c } from "../../../types/live-region.js";
+import { LiveRegion as l } from "../LiveRegion/LiveRegion.js";
+const x = ({
   text: r,
-  className: i,
-  variant: o = t.Description,
-  ...p
-}) => r ? /* @__PURE__ */ n(
-  "span",
-  {
-    ...p,
-    className: s(
-      "dial-tiny-text",
-      o === t.Error ? "text-error" : "text-secondary",
-      i,
-      e.captionText,
-      o === t.Error && e.errorText
-    ),
-    children: r
-  }
-) : null, T = ({
+  className: p,
+  variant: e = o.Description,
+  announce: i,
+  ...s
+}) => {
+  const n = r ? /* @__PURE__ */ t(
+    "span",
+    {
+      ...s,
+      className: a(
+        "dial-tiny-text",
+        e === o.Error ? "text-error" : "text-secondary",
+        p,
+        m.captionText,
+        e === o.Error && m.errorText
+      ),
+      children: r
+    }
+  ) : null;
+  return i ? /* @__PURE__ */ t(l, { politeness: i, as: c.Span, atomic: !0, children: n }) : n;
+}, L = ({
   ...r
-}) => /* @__PURE__ */ n(m, { ...r, variant: t.Error });
+}) => /* @__PURE__ */ t(x, { ...r, variant: o.Error });
 export {
-  m as CaptionText,
-  T as ErrorText
+  x as CaptionText,
+  L as ErrorText
 };

package/dist/components/New/LiveRegion/LiveRegion.js

@@ -0,0 +1,33 @@
+import { createElement as a } from "react";
+import { mergeClasses as n } from "../../../utils/merge-classes.js";
+import { DIAL_KIT_CLASS as v } from "../../../constants/public-class-names.js";
+import { LiveRegionElement as L, LiveRegionPoliteness as e } from "../../../types/live-region.js";
+const c = {
+  [e.Polite]: "status",
+  [e.Assertive]: "alert"
+}, R = ({
+  politeness: o = e.Polite,
+  visuallyHidden: i = !1,
+  atomic: r,
+  as: t = L.Div,
+  className: m,
+  children: s,
+  ...l
+}) => a(
+  t,
+  {
+    ...l,
+    role: c[o],
+    "aria-live": o,
+    "aria-atomic": r,
+    className: n(
+      i ? "sr-only" : "empty:sr-only",
+      m,
+      v.liveRegion
+    )
+  },
+  s
+);
+export {
+  R as LiveRegion
+};

package/dist/components-manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.16.0-dev.54",
-  "generatedAt": "2026-10-28T11:50:41.901Z",
+  "version": "0.16.0-dev.55",
+  "generatedAt": "2026-10-29T14:03:04.181Z",
   "kit": {
     "name": "@epam/ai-dial-ui-kit",
     "description": "A modern UI kit for building AI DIAL interfaces with React",
@@ -2853,13 +2853,13 @@
       "name": "CaptionText",
       "category": "Components_2_0",
       "generation": "2.0",
-      "description": "A component for displaying caption text with consistent styling\naliases: HelperText|ValidationText\nDesign system 2.0\n\nIt carries no live-region role: a field caption or error is described, not\nannounced. Give it an `id` and point the control's `aria-describedby` at it\n(the 2.0 form controls do this for their own `caption` / `error`). Wrap it in\na `role=\"alert\"` region only for a message that must interrupt, such as a\nfailed submit.",
+      "description": "A component for displaying caption text with consistent styling\naliases: HelperText|ValidationText\nDesign system 2.0\n\nIt carries no live-region role by default: a field caption or error is\ndescribed, not announced. Give it an `id` and point the control's\n`aria-describedby` at it (the 2.0 form controls do this for their own\n`caption` / `error`).\n\nFor a message that must also be heard when it appears — a failed submit, an\nasync error — pass `announce`. The caption is then rendered inside an\nalways-mounted `LiveRegion` (`dial-kit-live-region`), present even while\n`text` is empty; `id`, `className` and the other props stay on the text\nelement, so `aria-describedby` still resolves to the text itself.",
       "props": [
         {
           "name": "text",
           "type": "string",
           "required": false,
-          "description": "The text to display. If undefined or empty, nothing is rendered"
+          "description": "The text to display. If undefined or empty, nothing is rendered unless `announce` is set"
         },
         {
           "name": "variant",
@@ -2867,10 +2867,16 @@
           "required": false,
           "defaultValue": "CaptionType.Description",
           "description": "The variant of the caption text, e.g., error or description."
+        },
+        {
+          "name": "announce",
+          "type": "LiveRegionPoliteness",
+          "required": false,
+          "description": "Wrap the text in an always-mounted `LiveRegion` of this politeness."
         }
       ],
       "examples": [
-        "<input aria-describedby=\"name-error\" aria-invalid />\n<CaptionText id=\"name-error\" text=\"This field is required\" variant={CaptionType.Error} />"
+        "<input aria-describedby=\"name-error\" aria-invalid />\n<CaptionText id=\"name-error\" text=\"This field is required\" variant={CaptionType.Error} />\n\n<ErrorText text={submitError} announce={LiveRegionPoliteness.Assertive} />"
       ],
       "sourceFile": "components/New/CaptionText/CaptionText.tsx"
     },
@@ -5745,6 +5751,45 @@
       ],
       "sourceFile": "components/New/StateScreen/StateScreen.tsx"
     },
+    {
+      "name": "LiveRegion",
+      "category": "Components_2_0",
+      "generation": "2.0",
+      "description": "A live region that is always in the DOM, so a screen reader announces the\nmessage put into it.\naliases: AriaLive|Announcer|StatusMessage|ScreenReaderAnnouncement|SrOnlyStatus\nDesign system 2.0\n\nScreen readers announce a live region reliably only when the region already\nexists before its content changes; a region mounted together with its text is\noften read late or not at all. `LiveRegion` always renders its wrapper, even\nwhen `children` is empty, `null` or `false` — only the content changes.\n\nUse it for a message that is not attached to one control and must be heard:\na failed submit, an async status (\"Saved\", \"3 results\"), an empty search.\nUse something else when:\n- the message belongs to a form field — render `ErrorText` / `CaptionText`\n  with an `id` and point the control's `aria-describedby` at it (or pass\n  `announce` to them when the error must also be announced);\n- the message is a toast or a section message — `Notification` and its\n  wrappers are already live regions.\n\nAn empty, visible region takes no layout space: while it has no child nodes\nit gets `sr-only` (through `empty:sr-only`) rather than `display: none`,\nbecause some screen readers drop a `display: none` node from the\naccessibility tree and would then miss the first message put into it.",
+      "props": [
+        {
+          "name": "politeness",
+          "type": "LiveRegionPoliteness",
+          "required": false,
+          "defaultValue": "LiveRegionPoliteness.Polite",
+          "description": "`LiveRegionPoliteness.Polite` (default) or `Assertive`."
+        },
+        {
+          "name": "visuallyHidden",
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": "Hide the region visually (`sr-only`); it is still announced."
+        },
+        {
+          "name": "atomic",
+          "type": "boolean",
+          "required": false,
+          "description": "Sets `aria-atomic`."
+        },
+        {
+          "name": "as",
+          "type": "LiveRegionElement",
+          "required": false,
+          "defaultValue": "LiveRegionElement.Div",
+          "description": "The wrapper element, `LiveRegionElement.Div` by default."
+        }
+      ],
+      "examples": [
+        "<LiveRegion politeness={LiveRegionPoliteness.Assertive}>\n  {submitError && <ErrorText text={submitError} />}\n</LiveRegion>\n\n<LiveRegion visuallyHidden>{isEmpty ? 'No results' : ''}</LiveRegion>"
+      ],
+      "sourceFile": "components/New/LiveRegion/LiveRegion.tsx"
+    },
     {
       "name": "FormSection",
       "category": "Components_2_0",
@@ -9235,6 +9280,44 @@
       ],
       "sourceFile": "types/tooltip.ts"
     },
+    {
+      "name": "LiveRegionElement",
+      "kind": "enum",
+      "members": [
+        {
+          "name": "Div",
+          "value": "'div'"
+        },
+        {
+          "name": "Span",
+          "value": "'span'"
+        },
+        {
+          "name": "P",
+          "value": "'p'"
+        }
+      ],
+      "sourceFile": "types/live-region.ts",
+      "description": "The element a `LiveRegion` renders as its always-mounted wrapper."
+    },
+    {
+      "name": "LiveRegionPoliteness",
+      "kind": "enum",
+      "members": [
+        {
+          "name": "Polite",
+          "value": "'polite'",
+          "comment": "`role=\"status\"` + `aria-live=\"polite\"`: read once the user is idle, queued behind other speech."
+        },
+        {
+          "name": "Assertive",
+          "value": "'assertive'",
+          "comment": "`role=\"alert\"` + `aria-live=\"assertive\"`: interrupts current speech. Reserve for failures the user must act on."
+        }
+      ],
+      "sourceFile": "types/live-region.ts",
+      "description": "How urgently a `LiveRegion` asks a screen reader to read a change."
+    },
     {
       "name": "FormSectionHeadingLevel",
       "kind": "type",
@@ -9616,7 +9699,7 @@
     {
       "name": "DIAL_KIT_CLASS",
       "sourceFile": "constants/public-class-names.ts",
-      "signature": "DIAL_KIT_CLASS = {\n  /* ── Feedback and status ───────────────────────────────────────────────── */\n  /** The `role=\"status\"` root of a `Spinner`. */\n  spinner: 'dial-kit-spinner',\n  /**\n   * The outermost element of a `ProgressBar`: the box wrapping its label,\n   * track and readout — or the track itself, which is the root when the bar\n   * has neither.\n   */\n  progressBar: 'dial-kit-progress-bar',\n  /** The root of a `Skeleton`, wrapping its avatar and text rows. */\n  skeleton: 'dial-kit-skeleton',\n  /**\n   * The `Notification` surface. Present on every wrapper too — the toast and\n   * section-message variants of error, info, success, warning, loading and\n   * general all render this component.\n   */\n  notification: 'dial-kit-notification',\n  /** The empty-state root of `NoDataContent`. */\n  noDataContent: 'dial-kit-no-data-content',\n  /** The `section` root of a `StateScreen`. */\n  stateScreen: 'dial-kit-state-screen',\n  /** The `role=\"status\"` panel of a `TransferQueue`: header, rows and aggregate bar. */\n  transferQueue: 'dial-kit-transfer-queue',\n\n  /* ── Text ──────────────────────────────────────────────────────────────── */\n  /** The text element of a `Highlight`, which renders the matched query. */\n  highlight: 'dial-kit-highlight',\n  /** The caption line under a field, rendered by `CaptionText`. */\n  captionText: 'dial-kit-caption-text',\n  /**\n   * A caption in its error variant — what `ErrorText` renders. Additive to\n   * `captionText`, since one component draws both.\n   */\n  errorText: 'dial-kit-error-text',\n  /** The `Label` root, which wraps the `label` element and its info button. */\n  label: 'dial-kit-label',\n  /** The root of a `LabelledText`, wrapping its caption and value. */\n  labelledText: 'dial-kit-labelled-text',\n\n  /* ── Containers ────────────────────────────────────────────────────────── */\n  /** The `ol` root of a `Steps`, holding one button per step. */\n  steps: 'dial-kit-steps',\n  /** The root of an `AnalyticsCard`: the box holding its title, value and description. */\n  analyticsCard: 'dial-kit-analytics-card',\n  /** The root of an `AnalyticsBar`: the title row and track, stacked or inline. */\n  analyticsBar: 'dial-kit-analytics-bar',\n  /** The root of an `AnalyticsBarGroup`: its accordion, header and bars. */\n  analyticsBarGroup: 'dial-kit-analytics-bar-group',\n  /** The root of an `AnalyticsHistogram`: its title, axis and columns. */\n  analyticsHistogram: 'dial-kit-analytics-histogram',\n  /** The `article` element of a `CardShell`. */\n  cardShell: 'dial-kit-card-shell',\n  /** The `aside` element of a `CollapsibleSidebar`. */\n  collapsibleSidebar: 'dial-kit-collapsible-sidebar',\n  /** The content box inside a `ResizableContainer`'s resize frame. */\n  resizableContainer: 'dial-kit-resizable-container',\n  /** The `role=\"separator\"` element of a `ResizeHandle`. */\n  resizeHandle: 'dial-kit-resize-handle',\n  /**\n   * The `role=\"dialog\"` panel of a `Popup`. Its backdrop is reached through\n   * `overlayClassName`.\n   */\n  popup: 'dial-kit-popup',\n  /** The `role=\"dialog\"` panel of a `BottomSheet`. */\n  bottomSheet: 'dial-kit-bottom-sheet',\n  /**\n   * The backdrop of a `BottomSheet`: the portalled, scroll-locking layer on\n   * `z-popup` that holds the panel.\n   */\n  bottomSheetOverlay: 'dial-kit-bottom-sheet-overlay',\n  /** The `role=\"dialog\"` panel of a `SideDrawer`, open or closed. */\n  sideDrawer: 'dial-kit-side-drawer',\n  /** The `Popup` panel of a `ConfirmationPopup`, additive to `popup`. */\n  confirmationPopup: 'dial-kit-confirmation-popup',\n  /** The root of an `Accordion`. */\n  accordion: 'dial-kit-accordion',\n  /** The breadcrumb root of a `FolderPath`. */\n  folderPath: 'dial-kit-folder-path',\n  /** The `nav` element of a `Breadcrumbs` trail. */\n  breadcrumbs: 'dial-kit-breadcrumbs',\n  /**\n   * One segment of a `Breadcrumbs` trail: the link, button or plain span that\n   * draws the label — not the `li`, which also holds the separator after it.\n   */\n  breadcrumbsItem: 'dial-kit-breadcrumbs-item',\n\n  /* ── Menus and overlays ────────────────────────────────────────────────── */\n  /**\n   * The trigger wrapper of a `Dropdown`. Its floating panel is reached through\n   * `listClassName`.\n   */\n  dropdown: 'dial-kit-dropdown',\n  /**\n   * The `role=\"none\"` item list inside a dropdown overlay — the box that holds\n   * the rows and owns their vertical padding. Present in both generations, and\n   * on a submenu's own list. It is *not* the floating panel.\n   */\n  dropdownList: 'dial-kit-dropdown-list',\n  /** The search row above the item list of a `searchable` `Dropdown`. */\n  dropdownSearch: 'dial-kit-dropdown-search',\n  /**\n   * One row of a floating overlay: a dropdown item, a `Select` option, a\n   * submenu trigger, or a submenu child. It sits on the element that draws the\n   * row box — so on the wrapper, not the inner button, for a row that has a\n   * `rightControl` beside it.\n   */\n  menuItem: 'dial-kit-menuitem',\n  /**\n   * The trailing check of a chosen `MenuItemMark.Check` row. Decorative, like\n   * the glyph itself — the row's `aria-checked` / `aria-selected` carries the\n   * state.\n   */\n  menuItemCheck: 'dial-kit-menuitem-check',\n  /** The bubble of a `Tooltip`, rendered by `TooltipContent` into a portal. */\n  tooltip: 'dial-kit-tooltip',\n  /** The panel of an `InteractiveTooltip` — the one whose content takes focus. */\n  interactiveTooltip: 'dial-kit-interactive-tooltip',\n  /** The text element of an `EllipsisTooltip`, which is also its trigger. */\n  ellipsisTooltip: 'dial-kit-ellipsis-tooltip',\n\n  /* ── Fields ────────────────────────────────────────────────────────────── */\n  /** The `Search` field, additive to the `dial-kit-input` its `Input` carries. */\n  search: 'dial-kit-search',\n  /** The `PasswordInput` field, additive to `dial-kit-input`. */\n  passwordInput: 'dial-kit-password-input',\n  /** The `NumberInput` field, additive to `dial-kit-input`. */\n  numberInput: 'dial-kit-number-input',\n  /** The `TagInput` field, additive to `dial-kit-input`. */\n  tagInput: 'dial-kit-tag-input',\n  /** The `AutocompleteTagInput` field, additive to `dial-kit-input`. */\n  autocompleteTagInput: 'dial-kit-autocomplete-tag-input',\n  /** The root of a `Select`, wrapping its label, field and caption. */\n  select: 'dial-kit-select',\n  /** The trigger button of an `InlineSelect`. */\n  inlineSelect: 'dial-kit-inline-select',\n  /** The root of a `Calendar`, wrapping its label and date field. */\n  calendar: 'dial-kit-calendar',\n  /** The root of a `SchemaRenderer`, wrapping its top-level sections or fields. */\n  schemaRenderer: 'dial-kit-schema-renderer',\n  /**\n   * The card of one collapsible `SchemaRenderer` section, at any depth: a\n   * top-level property, a nested object or array, an array item, or a\n   * key-value entry holding an object.\n   */\n  schemaRendererSection: 'dial-kit-schema-renderer-section',\n  /** The drop area of a `FileDropzone`. */\n  fileDropzone: 'dial-kit-file-dropzone',\n  /**\n   * The root of a `FileIcon`, wrapping the file or folder glyph (or\n   * its spinner while loading) and the shared badge.\n   */\n  fileIcon: 'dial-kit-file-icon',\n  /** The row of a `FileName`: its type icon, the name and any details. */\n  fileName: 'dial-kit-file-name',\n  /** The `FileName` row of a `FolderName`, additive to `fileName`. */\n  folderName: 'dial-kit-folder-name',\n  /**\n   * The `role=\"img\"` badge of a `SharedEntityIndicator` — standalone, or the\n   * shared badge a `FileIcon` draws over its glyph.\n   */\n  sharedEntityIndicator: 'dial-kit-shared-entity-indicator',\n  /** The root of a `Badge`: the label box, with its icon when it has one. */\n  badge: 'dial-kit-badge',\n  /** The root of an `Avatar`: the image, or the initials box that replaces it. */\n  avatar: 'dial-kit-avatar',\n  /** The root row of an `EntityIdentity`: its icon, type label, name and version. */\n  entityIdentity: 'dial-kit-entity-identity',\n  /** The bordered card of a `SelectedEntityCard`, not the wrapper that also holds its error. */\n  selectedEntityCard: 'dial-kit-selected-entity-card',\n  /** The `section` root of a `FormSection`: its heading row, description and content. */\n  formSection: 'dial-kit-form-section',\n\n  /* ── Controls ──────────────────────────────────────────────────────────── */\n  /** The row of a `Switch`: the control and its label. */\n  switch: 'dial-kit-switch',\n  /** The row of a `Checkbox`: the box and its label. */\n  checkbox: 'dial-kit-checkbox',\n  /** The decorative box a `CheckboxBox` draws, in a checkbox or a menu row. */\n  checkboxBox: 'dial-kit-checkbox-box',\n  /** The row of a `Radio`: the circle and its label. */\n  radio: 'dial-kit-radio',\n  /** The root of a `RadioGroup`, wrapping its label and its radios. */\n  radioGroup: 'dial-kit-radio-group',\n  /**\n   * The root of a `RadioGroupPopupField`, wrapping its label and the collapsed\n   * field that opens the group.\n   */\n  radioGroupPopupField: 'dial-kit-radio-group-popup-field',\n  /** The `role=\"radiogroup\"` track of a `SegmentedControl`. */\n  segmentedControl: 'dial-kit-segmented-control',\n  /** One segment of a `SegmentedControl`. */\n  segmentedControlItem: 'dial-kit-segmented-control-item',\n  /**\n   * The outermost element of a `Tabs`: the box wrapping its heading and tab\n   * list — or the `role=\"tablist\"` itself, which is the root when the tabs\n   * carry no `sectionLabel`.\n   */\n  tabs: 'dial-kit-tabs',\n  /**\n   * The `role=\"tablist\"` holding the tabs, in either orientation. Additive to\n   * `tabs` when there is no heading above it, since one element is then both.\n   */\n  tabList: 'dial-kit-tab-list',\n  /**\n   * One tab inside `Tabs`, in either orientation. The selected tab of a\n   * horizontal row keeps its own `dial-kit-tab-selected-underline`.\n   */\n  tab: 'dial-kit-tab',\n  /**\n   * The selected tab, additive to `tab`. A horizontal row draws its selection\n   * with `dial-kit-tab-selected-underline`, which carries the gradient rule;\n   * this one carries no declarations and marks the selected tab in either\n   * orientation.\n   */\n  tabSelected: 'dial-kit-tab-selected',\n  /** The `sectionLabel` heading above a `Tabs`. Absent when there is none. */\n  tabsSectionLabel: 'dial-kit-tabs-section-label',\n  /**\n   * The `role=\"group\"` row of a `FilterChips`. Its chips are `Tag` pills, so\n   * they carry `dial-kit-tag` and have no entry of their own.\n   */\n  filterChips: 'dial-kit-filter-chips',\n  /** A `Tag` pill, wherever it is rendered — including a `TagInput`'s rows. */\n  tag: 'dial-kit-tag',\n  /**\n   * A `ToggleIconButton`, additive to the `dial-kit-base-icon-button` it\n   * already carries.\n   */\n  toggleIconButton: 'dial-kit-toggle-icon-button',\n  /** A `CloseButton`, additive to `dial-kit-base-icon-button`. */\n  closeButton: 'dial-kit-close-button',\n  /** An `InfoButton`, additive to `dial-kit-base-icon-button`. */\n  infoButton: 'dial-kit-info-button',\n  /**\n   * The wrapper of a `ButtonDropdown` — its trigger carries\n   * `dial-kit-base-button`.\n   */\n  buttonDropdown: 'dial-kit-button-dropdown',\n} as const"
+      "signature": "DIAL_KIT_CLASS = {\n  /* ── Feedback and status ───────────────────────────────────────────────── */\n  /** The `role=\"status\"` root of a `Spinner`. */\n  spinner: 'dial-kit-spinner',\n  /**\n   * The outermost element of a `ProgressBar`: the box wrapping its label,\n   * track and readout — or the track itself, which is the root when the bar\n   * has neither.\n   */\n  progressBar: 'dial-kit-progress-bar',\n  /** The root of a `Skeleton`, wrapping its avatar and text rows. */\n  skeleton: 'dial-kit-skeleton',\n  /**\n   * The `Notification` surface. Present on every wrapper too — the toast and\n   * section-message variants of error, info, success, warning, loading and\n   * general all render this component.\n   */\n  notification: 'dial-kit-notification',\n  /** The empty-state root of `NoDataContent`. */\n  noDataContent: 'dial-kit-no-data-content',\n  /** The `section` root of a `StateScreen`. */\n  stateScreen: 'dial-kit-state-screen',\n  /**\n   * The always-mounted wrapper of a `LiveRegion` — also the wrapper `CaptionText`\n   * and `ErrorText` render when given `announce`.\n   */\n  liveRegion: 'dial-kit-live-region',\n  /** The `role=\"status\"` panel of a `TransferQueue`: header, rows and aggregate bar. */\n  transferQueue: 'dial-kit-transfer-queue',\n\n  /* ── Text ──────────────────────────────────────────────────────────────── */\n  /** The text element of a `Highlight`, which renders the matched query. */\n  highlight: 'dial-kit-highlight',\n  /** The caption line under a field, rendered by `CaptionText`. */\n  captionText: 'dial-kit-caption-text',\n  /**\n   * A caption in its error variant — what `ErrorText` renders. Additive to\n   * `captionText`, since one component draws both.\n   */\n  errorText: 'dial-kit-error-text',\n  /** The `Label` root, which wraps the `label` element and its info button. */\n  label: 'dial-kit-label',\n  /** The root of a `LabelledText`, wrapping its caption and value. */\n  labelledText: 'dial-kit-labelled-text',\n\n  /* ── Containers ────────────────────────────────────────────────────────── */\n  /** The `ol` root of a `Steps`, holding one button per step. */\n  steps: 'dial-kit-steps',\n  /** The root of an `AnalyticsCard`: the box holding its title, value and description. */\n  analyticsCard: 'dial-kit-analytics-card',\n  /** The root of an `AnalyticsBar`: the title row and track, stacked or inline. */\n  analyticsBar: 'dial-kit-analytics-bar',\n  /** The root of an `AnalyticsBarGroup`: its accordion, header and bars. */\n  analyticsBarGroup: 'dial-kit-analytics-bar-group',\n  /** The root of an `AnalyticsHistogram`: its title, axis and columns. */\n  analyticsHistogram: 'dial-kit-analytics-histogram',\n  /** The `article` element of a `CardShell`. */\n  cardShell: 'dial-kit-card-shell',\n  /** The `aside` element of a `CollapsibleSidebar`. */\n  collapsibleSidebar: 'dial-kit-collapsible-sidebar',\n  /** The content box inside a `ResizableContainer`'s resize frame. */\n  resizableContainer: 'dial-kit-resizable-container',\n  /** The `role=\"separator\"` element of a `ResizeHandle`. */\n  resizeHandle: 'dial-kit-resize-handle',\n  /**\n   * The `role=\"dialog\"` panel of a `Popup`. Its backdrop is reached through\n   * `overlayClassName`.\n   */\n  popup: 'dial-kit-popup',\n  /** The `role=\"dialog\"` panel of a `BottomSheet`. */\n  bottomSheet: 'dial-kit-bottom-sheet',\n  /**\n   * The backdrop of a `BottomSheet`: the portalled, scroll-locking layer on\n   * `z-popup` that holds the panel.\n   */\n  bottomSheetOverlay: 'dial-kit-bottom-sheet-overlay',\n  /** The `role=\"dialog\"` panel of a `SideDrawer`, open or closed. */\n  sideDrawer: 'dial-kit-side-drawer',\n  /** The `Popup` panel of a `ConfirmationPopup`, additive to `popup`. */\n  confirmationPopup: 'dial-kit-confirmation-popup',\n  /** The root of an `Accordion`. */\n  accordion: 'dial-kit-accordion',\n  /** The breadcrumb root of a `FolderPath`. */\n  folderPath: 'dial-kit-folder-path',\n  /** The `nav` element of a `Breadcrumbs` trail. */\n  breadcrumbs: 'dial-kit-breadcrumbs',\n  /**\n   * One segment of a `Breadcrumbs` trail: the link, button or plain span that\n   * draws the label — not the `li`, which also holds the separator after it.\n   */\n  breadcrumbsItem: 'dial-kit-breadcrumbs-item',\n\n  /* ── Menus and overlays ────────────────────────────────────────────────── */\n  /**\n   * The trigger wrapper of a `Dropdown`. Its floating panel is reached through\n   * `listClassName`.\n   */\n  dropdown: 'dial-kit-dropdown',\n  /**\n   * The `role=\"none\"` item list inside a dropdown overlay — the box that holds\n   * the rows and owns their vertical padding. Present in both generations, and\n   * on a submenu's own list. It is *not* the floating panel.\n   */\n  dropdownList: 'dial-kit-dropdown-list',\n  /** The search row above the item list of a `searchable` `Dropdown`. */\n  dropdownSearch: 'dial-kit-dropdown-search',\n  /**\n   * One row of a floating overlay: a dropdown item, a `Select` option, a\n   * submenu trigger, or a submenu child. It sits on the element that draws the\n   * row box — so on the wrapper, not the inner button, for a row that has a\n   * `rightControl` beside it.\n   */\n  menuItem: 'dial-kit-menuitem',\n  /**\n   * The trailing check of a chosen `MenuItemMark.Check` row. Decorative, like\n   * the glyph itself — the row's `aria-checked` / `aria-selected` carries the\n   * state.\n   */\n  menuItemCheck: 'dial-kit-menuitem-check',\n  /** The bubble of a `Tooltip`, rendered by `TooltipContent` into a portal. */\n  tooltip: 'dial-kit-tooltip',\n  /** The panel of an `InteractiveTooltip` — the one whose content takes focus. */\n  interactiveTooltip: 'dial-kit-interactive-tooltip',\n  /** The text element of an `EllipsisTooltip`, which is also its trigger. */\n  ellipsisTooltip: 'dial-kit-ellipsis-tooltip',\n\n  /* ── Fields ────────────────────────────────────────────────────────────── */\n  /** The `Search` field, additive to the `dial-kit-input` its `Input` carries. */\n  search: 'dial-kit-search',\n  /** The `PasswordInput` field, additive to `dial-kit-input`. */\n  passwordInput: 'dial-kit-password-input',\n  /** The `NumberInput` field, additive to `dial-kit-input`. */\n  numberInput: 'dial-kit-number-input',\n  /** The `TagInput` field, additive to `dial-kit-input`. */\n  tagInput: 'dial-kit-tag-input',\n  /** The `AutocompleteTagInput` field, additive to `dial-kit-input`. */\n  autocompleteTagInput: 'dial-kit-autocomplete-tag-input',\n  /** The root of a `Select`, wrapping its label, field and caption. */\n  select: 'dial-kit-select',\n  /** The trigger button of an `InlineSelect`. */\n  inlineSelect: 'dial-kit-inline-select',\n  /** The root of a `Calendar`, wrapping its label and date field. */\n  calendar: 'dial-kit-calendar',\n  /** The root of a `SchemaRenderer`, wrapping its top-level sections or fields. */\n  schemaRenderer: 'dial-kit-schema-renderer',\n  /**\n   * The card of one collapsible `SchemaRenderer` section, at any depth: a\n   * top-level property, a nested object or array, an array item, or a\n   * key-value entry holding an object.\n   */\n  schemaRendererSection: 'dial-kit-schema-renderer-section',\n  /** The drop area of a `FileDropzone`. */\n  fileDropzone: 'dial-kit-file-dropzone',\n  /**\n   * The root of a `FileIcon`, wrapping the file or folder glyph (or\n   * its spinner while loading) and the shared badge.\n   */\n  fileIcon: 'dial-kit-file-icon',\n  /** The row of a `FileName`: its type icon, the name and any details. */\n  fileName: 'dial-kit-file-name',\n  /** The `FileName` row of a `FolderName`, additive to `fileName`. */\n  folderName: 'dial-kit-folder-name',\n  /**\n   * The `role=\"img\"` badge of a `SharedEntityIndicator` — standalone, or the\n   * shared badge a `FileIcon` draws over its glyph.\n   */\n  sharedEntityIndicator: 'dial-kit-shared-entity-indicator',\n  /** The root of a `Badge`: the label box, with its icon when it has one. */\n  badge: 'dial-kit-badge',\n  /** The root of an `Avatar`: the image, or the initials box that replaces it. */\n  avatar: 'dial-kit-avatar',\n  /** The root row of an `EntityIdentity`: its icon, type label, name and version. */\n  entityIdentity: 'dial-kit-entity-identity',\n  /** The bordered card of a `SelectedEntityCard`, not the wrapper that also holds its error. */\n  selectedEntityCard: 'dial-kit-selected-entity-card',\n  /** The `section` root of a `FormSection`: its heading row, description and content. */\n  formSection: 'dial-kit-form-section',\n\n  /* ── Controls ──────────────────────────────────────────────────────────── */\n  /** The row of a `Switch`: the control and its label. */\n  switch: 'dial-kit-switch',\n  /** The row of a `Checkbox`: the box and its label. */\n  checkbox: 'dial-kit-checkbox',\n  /** The decorative box a `CheckboxBox` draws, in a checkbox or a menu row. */\n  checkboxBox: 'dial-kit-checkbox-box',\n  /** The row of a `Radio`: the circle and its label. */\n  radio: 'dial-kit-radio',\n  /** The root of a `RadioGroup`, wrapping its label and its radios. */\n  radioGroup: 'dial-kit-radio-group',\n  /**\n   * The root of a `RadioGroupPopupField`, wrapping its label and the collapsed\n   * field that opens the group.\n   */\n  radioGroupPopupField: 'dial-kit-radio-group-popup-field',\n  /** The `role=\"radiogroup\"` track of a `SegmentedControl`. */\n  segmentedControl: 'dial-kit-segmented-control',\n  /** One segment of a `SegmentedControl`. */\n  segmentedControlItem: 'dial-kit-segmented-control-item',\n  /**\n   * The outermost element of a `Tabs`: the box wrapping its heading and tab\n   * list — or the `role=\"tablist\"` itself, which is the root when the tabs\n   * carry no `sectionLabel`.\n   */\n  tabs: 'dial-kit-tabs',\n  /**\n   * The `role=\"tablist\"` holding the tabs, in either orientation. Additive to\n   * `tabs` when there is no heading above it, since one element is then both.\n   */\n  tabList: 'dial-kit-tab-list',\n  /**\n   * One tab inside `Tabs`, in either orientation. The selected tab of a\n   * horizontal row keeps its own `dial-kit-tab-selected-underline`.\n   */\n  tab: 'dial-kit-tab',\n  /**\n   * The selected tab, additive to `tab`. A horizontal row draws its selection\n   * with `dial-kit-tab-selected-underline`, which carries the gradient rule;\n   * this one carries no declarations and marks the selected tab in either\n   * orientation.\n   */\n  tabSelected: 'dial-kit-tab-selected',\n  /** The `sectionLabel` heading above a `Tabs`. Absent when there is none. */\n  tabsSectionLabel: 'dial-kit-tabs-section-label',\n  /**\n   * The `role=\"group\"` row of a `FilterChips`. Its chips are `Tag` pills, so\n   * they carry `dial-kit-tag` and have no entry of their own.\n   */\n  filterChips: 'dial-kit-filter-chips',\n  /** A `Tag` pill, wherever it is rendered — including a `TagInput`'s rows. */\n  tag: 'dial-kit-tag',\n  /**\n   * A `ToggleIconButton`, additive to the `dial-kit-base-icon-button` it\n   * already carries.\n   */\n  toggleIconButton: 'dial-kit-toggle-icon-button',\n  /** A `CloseButton`, additive to `dial-kit-base-icon-button`. */\n  closeButton: 'dial-kit-close-button',\n  /** An `InfoButton`, additive to `dial-kit-base-icon-button`. */\n  infoButton: 'dial-kit-info-button',\n  /**\n   * The wrapper of a `ButtonDropdown` — its trigger carries\n   * `dial-kit-base-button`.\n   */\n  buttonDropdown: 'dial-kit-button-dropdown',\n} as const"
     }
   ]
 }

package/dist/constants/public-class-names.js

@@ -20,6 +20,11 @@ const i = {
   noDataContent: "dial-kit-no-data-content",
   /** The `section` root of a `StateScreen`. */
   stateScreen: "dial-kit-state-screen",
+  /**
+   * The always-mounted wrapper of a `LiveRegion` — also the wrapper `CaptionText`
+   * and `ErrorText` render when given `announce`.
+   */
+  liveRegion: "dial-kit-live-region",
   /** The `role="status"` panel of a `TransferQueue`: header, rows and aggregate bar. */
   transferQueue: "dial-kit-transfer-queue",
   /* ── Text ──────────────────────────────────────────────────────────────── */