@epam/ai-dial-ui-kit 0.15.0-dev.18 → 0.15.0-dev.19

package/dist/components/New/FileName/FileName.js

@@ -0,0 +1,78 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { EllipsisTooltip as T } from "../EllipsisTooltip/EllipsisTooltip.js";
+import { FileIcon as g } from "../FileIcon/FileIcon.js";
+import { DIAL_KIT_CLASS as v } from "../../../constants/public-class-names.js";
+import { DialItemType as w } from "../../../types/item.js";
+import { mergeClasses as l } from "../../../utils/merge-classes.js";
+const D = ({
+  name: s,
+  type: o = w.File,
+  fileExtension: t,
+  shared: i = !1,
+  loading: m = !1,
+  loadingLabel: p,
+  iconSize: f,
+  details: r,
+  isInvalidName: c = !1,
+  className: n,
+  nameClassName: x,
+  sharedIndicatorClassName: d,
+  sharedIndicatorTooltip: N,
+  sharedLabel: h = "Shared",
+  hideTooltip: y = !1,
+  tooltipContent: I
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: l(
+      "flex w-full min-w-0 items-center gap-2",
+      n,
+      v.fileName
+    ),
+    children: [
+      /* @__PURE__ */ e(
+        g,
+        {
+          name: s,
+          type: o,
+          fileExtension: t,
+          shared: i,
+          loading: m,
+          loadingLabel: p,
+          size: f,
+          sharedIndicatorClassName: d,
+          sharedIndicatorTooltip: N,
+          decorative: !m
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: l("flex min-w-0 flex-1", {
+            "flex-col gap-1": !!r
+          }),
+          children: [
+            /* @__PURE__ */ e(
+              T,
+              {
+                className: l(
+                  "dial-small-paragraph-text",
+                  c ? "text-secondary" : "text-primary",
+                  x
+                ),
+                text: s,
+                hideTooltip: y,
+                customTooltipContent: I
+              }
+            ),
+            i && /* @__PURE__ */ e("span", { className: "sr-only", children: h }),
+            r
+          ]
+        }
+      )
+    ]
+  }
+);
+export {
+  D as FileName
+};

package/dist/components/New/FolderName/FolderName.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import { FileName as r } from "../FileName/FileName.js";
+import { DIAL_KIT_CLASS as t } from "../../../constants/public-class-names.js";
+import { DialItemType as p } from "../../../types/item.js";
+import { mergeClasses as a } from "../../../utils/merge-classes.js";
+const d = ({ className: m, ...e }) => /* @__PURE__ */ o(
+  r,
+  {
+    ...e,
+    type: p.Folder,
+    className: a(m, t.folderName)
+  }
+);
+export {
+  d as FolderName
+};

package/dist/components/New/SharedEntityIndicator/SharedEntityIndicator.js

@@ -0,0 +1,34 @@
+import { jsx as r } from "react/jsx-runtime";
+import { IconArrowUpRight as a } from "@tabler/icons-react";
+import { DIAL_KIT_ICON_STROKE as m } from "../constants/icon.js";
+import { Tooltip as d } from "../Tooltip/Tooltip.js";
+import { DIAL_KIT_CLASS as s } from "../../../constants/public-class-names.js";
+import { mergeClasses as n } from "../../../utils/merge-classes.js";
+const S = ({
+  label: o = "Shared",
+  tooltip: t,
+  size: e = 12,
+  className: i
+}) => /* @__PURE__ */ r(d, { tooltip: t || "Shared", asChild: !0, children: /* @__PURE__ */ r(
+  "span",
+  {
+    role: "img",
+    "aria-label": o,
+    className: n(
+      "flex shrink-0 rounded-sm bg-layer-raised text-accent",
+      i,
+      s.sharedEntityIndicator
+    ),
+    children: /* @__PURE__ */ r(
+      a,
+      {
+        size: e,
+        stroke: m,
+        "aria-hidden": "true"
+      }
+    )
+  }
+) });
+export {
+  S as SharedEntityIndicator
+};

package/dist/components-manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.15.0-dev.18",
-  "generatedAt": "2026-09-24T17:11:02.315Z",
+  "version": "0.15.0-dev.19",
+  "generatedAt": "2026-09-24T22:40:58.295Z",
   "kit": {
     "name": "@epam/ai-dial-ui-kit",
     "description": "A modern UI kit for building AI DIAL interfaces with React",
@@ -3152,6 +3152,258 @@
       ],
       "sourceFile": "components/New/FileDropzone/FileDropzone.tsx"
     },
+    {
+      "name": "FileIcon",
+      "category": "Components_2_0",
+      "generation": "2.0",
+      "description": "The icon of a file or folder row in a file manager: a file-type glyph picked\nby extension, or a folder, with an optional shared badge and loading state.\naliases: FileTypeIcon|EntityIcon\nDesign system 2.0\n\nThe root is a `role=\"img\"` whose name says what the item is, and that it is\nshared — the badge itself is drawn inside the image, so its tooltip is a\npointer-only hint and never the only place the state is conveyed. While\n`loading`, the root drops the role and holds a `Spinner`, which announces\nitself as a status. Pass `decorative` when the row already names the item.",
+      "props": [
+        {
+          "name": "type",
+          "type": "DialItemType",
+          "required": true,
+          "description": "Whether the item is a file or a folder"
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": true,
+          "description": "Item name; a file's extension is read from it"
+        },
+        {
+          "name": "fileExtension",
+          "type": "string",
+          "required": false,
+          "description": "Extension overriding the one in `name`"
+        },
+        {
+          "name": "shared",
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": "Draws the shared badge"
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": "Replaces the glyph with a spinner"
+        },
+        {
+          "name": "size",
+          "type": "number",
+          "required": false,
+          "defaultValue": "DIAL_ICON_SIZE.MD",
+          "description": "Glyph size in px"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "description": "Additional CSS classes for the root element"
+        },
+        {
+          "name": "decorative",
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": "Hides the icon from assistive technology"
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "description": "Accessible name, overriding the generated one"
+        },
+        {
+          "name": "loadingLabel",
+          "type": "string",
+          "required": false,
+          "defaultValue": "'Loading'",
+          "description": "Accessible name of the spinner"
+        },
+        {
+          "name": "sharedIndicatorClassName",
+          "type": "string",
+          "required": false,
+          "description": "Additional CSS classes for the shared badge"
+        },
+        {
+          "name": "sharedIndicatorTooltip",
+          "type": "ReactNode",
+          "required": false,
+          "description": "Tooltip shown over the shared badge"
+        }
+      ],
+      "examples": [
+        "<FileIcon name=\"report.pdf\" type={DialItemType.File} shared />\n<FileIcon name=\"Projects\" type={DialItemType.Folder} loading />"
+      ],
+      "sourceFile": "components/New/FileIcon/FileIcon.tsx"
+    },
+    {
+      "name": "FileName",
+      "category": "Components_2_0",
+      "generation": "2.0",
+      "description": "A file or folder name with its type icon, truncated with a tooltip when it\ndoes not fit.\naliases: FileDisplay|NameDisplay\nDesign system 2.0\n\nThe visible name already says what the item is, so the icon is decorative;\nthe shared state, which only the badge shows, is announced by a\nvisually-hidden `sharedLabel` after the name instead.\n\nWhile `loading` the icon is swapped for a `Spinner`, which is left in the\naccessibility tree so the busy state is announced.\n\nWith `details` the text switches to two lines — the name, then the metadata.",
+      "props": [
+        {
+          "name": "name",
+          "type": "string",
+          "required": true,
+          "description": "Full item name, with or without an extension"
+        },
+        {
+          "name": "type",
+          "type": "DialItemType",
+          "required": false,
+          "defaultValue": "DialItemType.File",
+          "description": "Whether the item is a file or a folder"
+        },
+        {
+          "name": "fileExtension",
+          "type": "string",
+          "required": false,
+          "description": "Extension overriding the one in `name`"
+        },
+        {
+          "name": "shared",
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": "Draws the shared badge on the icon"
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": "Replaces the icon with a spinner"
+        },
+        {
+          "name": "loadingLabel",
+          "type": "string",
+          "required": false,
+          "description": "Accessible name of the spinner"
+        },
+        {
+          "name": "iconSize",
+          "type": "number",
+          "required": false,
+          "description": "Icon size in px"
+        },
+        {
+          "name": "details",
+          "type": "ReactNode",
+          "required": false,
+          "description": "Metadata under the name"
+        },
+        {
+          "name": "isInvalidName",
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": "Mutes the name, marking it as invalid"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "description": "Additional CSS classes for the root element"
+        },
+        {
+          "name": "nameClassName",
+          "type": "string",
+          "required": false,
+          "description": "Additional CSS classes for the name text"
+        },
+        {
+          "name": "sharedIndicatorClassName",
+          "type": "string",
+          "required": false,
+          "description": "Additional CSS classes for the shared badge"
+        },
+        {
+          "name": "sharedIndicatorTooltip",
+          "type": "ReactNode",
+          "required": false,
+          "description": "Tooltip shown over the shared badge"
+        },
+        {
+          "name": "sharedLabel",
+          "type": "string",
+          "required": false,
+          "defaultValue": "'Shared'",
+          "description": "Screen-reader text announcing the shared state"
+        },
+        {
+          "name": "hideTooltip",
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": "Suppresses the full-name tooltip"
+        },
+        {
+          "name": "tooltipContent",
+          "type": "ReactNode",
+          "required": false,
+          "description": "Shown instead of the full name while truncated"
+        }
+      ],
+      "examples": [
+        "<FileName name=\"Document.pdf\" shared />\n<FileName\n  name=\"Document.pdf\"\n  details={<span className=\"dial-tiny-text text-secondary\">24 KB · Jul 20</span>}\n/>"
+      ],
+      "sourceFile": "components/New/FileName/FileName.tsx"
+    },
+    {
+      "name": "FolderName",
+      "category": "Components_2_0",
+      "generation": "2.0",
+      "description": "A folder name with the folder icon, truncated with a tooltip when it does\nnot fit.\naliases: FolderDisplay|DirectoryName\nDesign system 2.0\n\nA `FileName` fixed to `DialItemType.Folder`, so it shares every behaviour of\nit — decorative icon, visually-hidden shared label, `details` line and the\n`loading` spinner. Its root carries `dial-kit-folder-name` on top of\n`dial-kit-file-name`.",
+      "props": [],
+      "examples": [
+        "<FolderName name=\"Organization\" shared />\n<FolderName name=\"Uploads\" loading />"
+      ],
+      "sourceFile": "components/New/FolderName/FolderName.tsx"
+    },
+    {
+      "name": "SharedEntityIndicator",
+      "category": "Components_2_0",
+      "generation": "2.0",
+      "description": "A small arrow badge marking an entity as shared.\naliases: SharedIcon|AccessIndicator\nDesign system 2.0\n\nA `role=\"img\"` named by `label`, so it can stand on its own. Placed inside a\nlarger `role=\"img\"` — as `FileIcon` does — its name is folded into the\nparent's, which is why `FileIcon` names the shared state itself. The tooltip\nis a pointer-only hint: the badge is not focusable, and the tooltip never\nreaches assistive technology, so `label` is what carries the meaning.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "defaultValue": "'Shared'",
+          "description": "Accessible name of the badge"
+        },
+        {
+          "name": "tooltip",
+          "type": "ReactNode",
+          "required": false,
+          "description": "Tooltip shown while the badge is hovered"
+        },
+        {
+          "name": "size",
+          "type": "number",
+          "required": false,
+          "defaultValue": "12",
+          "description": "Arrow size in px"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "description": "Additional CSS classes for the badge"
+        }
+      ],
+      "examples": [
+        "<SharedEntityIndicator />\n<SharedEntityIndicator tooltip=\"Shared with 3 people\" className=\"absolute -bottom-0.5 -left-0.5\" />"
+      ],
+      "sourceFile": "components/New/SharedEntityIndicator/SharedEntityIndicator.tsx"
+    },
     {
       "name": "Tag",
       "category": "Components_2_0",
@@ -5655,7 +5907,8 @@
       "examples": [
         "<DialFileIcon extension=\".pdf\" />\n<DialFileIcon extension=\"tsx\" size={28} stroke={1.25} />\n<DialFileIcon extension=\"unknown\" decorative /> // decorative, hidden from AT"
       ],
-      "sourceFile": "components/FileIcon/FileIcon.tsx"
+      "sourceFile": "components/FileIcon/FileIcon.tsx",
+      "supersededBy": "FileIcon"
     },
     {
       "name": "DialFormItem",
@@ -5773,7 +6026,8 @@
       "examples": [
         "<DialSharedEntityIndicator />\n<DialSharedEntityIndicator size={12} label=\"Opens in new window\" />"
       ],
-      "sourceFile": "components/SharedEntityIndicator/SharedEntityIndicator.tsx"
+      "sourceFile": "components/SharedEntityIndicator/SharedEntityIndicator.tsx",
+      "supersededBy": "SharedEntityIndicator"
     },
     {
       "name": "DialFileName",
@@ -5853,7 +6107,8 @@
       "examples": [
         "// Without details\n<DialFileName name=\"Document.pdf\" />\n\n// With details (file size and updated date)\n<DialFileName\n  name=\"Document.pdf\"\n  details={<span className=\"text-secondary\">24 KB · Jul 20, 2025</span>}\n/>"
       ],
-      "sourceFile": "components/FileName/FileName.tsx"
+      "sourceFile": "components/FileName/FileName.tsx",
+      "supersededBy": "FileName"
     },
     {
       "name": "DialFolderName",
@@ -5930,7 +6185,8 @@
       "examples": [
         "<DialFolderName name=\"Organization\" />"
       ],
-      "sourceFile": "components/FolderName/FolderName.tsx"
+      "sourceFile": "components/FolderName/FolderName.tsx",
+      "supersededBy": "FolderName"
     },
     {
       "name": "DialResizableContainer",
@@ -10991,7 +11247,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\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\n  /* ── Containers ────────────────────────────────────────────────────────── */\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  /**\n   * The `role=\"dialog\"` panel of a `Popup`. Its backdrop is reached through\n   * `overlayClassName`.\n   */\n  popup: 'dial-kit-popup',\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  /**\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 primary icon of a `DialDropdownIcon` trigger. */\n  dropdownIcon: 'dial-kit-dropdown-icon',\n  /**\n   * The caret badge of a `DialDropdownIcon` trigger — the round plate the\n   * chevron sits on. Absent when `showCaret` is `false`.\n   */\n  dropdownIconCaret: 'dial-kit-dropdown-icon-caret',\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 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 drop area of a `FileDropzone`. */\n  fileDropzone: 'dial-kit-file-dropzone',\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\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\n  /* ── Containers ────────────────────────────────────────────────────────── */\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  /**\n   * The `role=\"dialog\"` panel of a `Popup`. Its backdrop is reached through\n   * `overlayClassName`.\n   */\n  popup: 'dial-kit-popup',\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  /**\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 primary icon of a `DialDropdownIcon` trigger. */\n  dropdownIcon: 'dial-kit-dropdown-icon',\n  /**\n   * The caret badge of a `DialDropdownIcon` trigger — the round plate the\n   * chevron sits on. Absent when `showCaret` is `false`.\n   */\n  dropdownIconCaret: 'dial-kit-dropdown-icon-caret',\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 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 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\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

@@ -110,6 +110,20 @@ const i = {
   calendar: "dial-kit-calendar",
   /** The drop area of a `FileDropzone`. */
   fileDropzone: "dial-kit-file-dropzone",
+  /**
+   * The root of a `FileIcon`, wrapping the file or folder glyph (or
+   * its spinner while loading) and the shared badge.
+   */
+  fileIcon: "dial-kit-file-icon",
+  /** The row of a `FileName`: its type icon, the name and any details. */
+  fileName: "dial-kit-file-name",
+  /** The `FileName` row of a `FolderName`, additive to `fileName`. */
+  folderName: "dial-kit-folder-name",
+  /**
+   * The `role="img"` badge of a `SharedEntityIndicator` — standalone, or the
+   * shared badge a `FileIcon` draws over its glyph.
+   */
+  sharedEntityIndicator: "dial-kit-shared-entity-indicator",
   /* ── Controls ──────────────────────────────────────────────────────────── */
   /** The row of a `Switch`: the control and its label. */
   switch: "dial-kit-switch",