@epam/ai-dial-ui-kit 0.9.0-rc.21 → 0.9.0-rc.23

package/dist/components-manifest.json

@@ -1,6 +1,6 @@
 {
   "version": "0.9.0-rc",
-  "generatedAt": "2026-04-08T07:42:34.099Z",
+  "generatedAt": "2026-04-08T14:54:43.999Z",
   "kit": {
     "name": "@epam/ai-dial-ui-kit",
     "description": "A modern UI kit for building AI DIAL interfaces with React",
@@ -2543,6 +2543,12 @@
           "type": "(value: string) => void",
           "required": false,
           "description": "Callback fired when the user types in the editable input."
+        },
+        {
+          "name": "collapseTagOverflow",
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false"
         }
       ],
       "examples": [
@@ -2552,8 +2558,8 @@
     },
     {
       "name": "DialAutocompleteInputValue",
-      "category": "AutocompleteInput",
-      "description": "A component that displays a list of selected items in a customizable, styled list. Each item is\naliases: SelectedList|ItemDisplay\n\nrendered as a button wrapped in a tooltip, allowing for truncation and additional context when\nhovered. The component is flexible and supports custom CSS classes for styling the list and\nindividual list items.",
+      "category": "Form",
+      "description": "A component that displays a list of selected items in a customizable, styled list. Each item is\naliases: SelectedList|ItemDisplay\n\nrendered as a tag wrapped in a tooltip, allowing for truncation and additional context when\nhovered. The component is flexible and supports custom CSS classes for styling the list and\nindividual list items.",
       "props": [
         {
           "name": "placeholder",
@@ -2571,17 +2577,24 @@
           "name": "listClassName",
           "type": "string",
           "required": false,
-          "description": "Additional CSS classes applied to the `<ul>` element containing the list of selected items."
+          "description": "Additional CSS classes applied to the container element containing the list of selected items."
         },
         {
           "name": "listElementClassName",
           "type": "string",
           "required": false,
-          "description": "Additional CSS classes applied to each `<li>` element representing an individual selected item."
+          "description": "Additional CSS classes applied to each tag element representing an individual selected item."
+        },
+        {
+          "name": "collapseTagOverflow",
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": "When true, keeps items on one line and shows `+N` chip with a tooltip for overflow items."
         }
       ],
       "examples": [
-        "<DialAutocompleteInputValue\n  selectedItems={['Item 1', 'Item 2', 'Item 3']}\n  listClassName=\"custom-list-class\"\n  listElementClassName=\"custom-item-class\"\n/>"
+        "<DialAutocompleteInputValue\n  selectedItems={['Item 1', 'Item 2', 'Item 3']}\n  listClassName=\"custom-list-class\"\n  listElementClassName=\"custom-item-class\"\n  collapseTagOverflow\n/>"
       ],
       "sourceFile": "components/AutocompleteInput/AutocompleteInputValue.tsx"
     },
@@ -2593,7 +2606,7 @@
         {
           "name": "elementId",
           "type": "string",
-          "required": true,
+          "required": false,
           "description": "Unique identifier for the input element."
         },
         {
@@ -2640,6 +2653,25 @@
           "defaultValue": "false",
           "description": "When true, keeps tags on one line and shows `+N` for overflow."
         },
+        {
+          "name": "readOnly",
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": "When true, hides the text input (no new tags can be added). The outer wrapper and label/caption are also omitted so the component can be embedded inside an existing container."
+        },
+        {
+          "name": "containerClassName",
+          "type": "string",
+          "required": false,
+          "description": "Additional CSS classes applied to the tag container (the flex row wrapping all tags)."
+        },
+        {
+          "name": "tagClassName",
+          "type": "string",
+          "required": false,
+          "description": "Additional CSS classes applied to each individual tag."
+        },
         {
           "name": "onChange",
           "type": "(tags: string[]) => void",