@smwb/ui-mcp-react 2.7.0 → 2.9.0

package/component-meta/inputs/button/button.json

@@ -64,6 +64,16 @@
       "required": false,
       "description": "Link URL when rendered as an anchor."
     },
+    "target": {
+      "type": "string | null",
+      "required": false,
+      "description": "Where a link (with `href`) opens. By default `\"_blank\"`: a new tab. `null` leaves the `target`\nattribute out, so the link opens in place, like an internal one; an empty string does the same, and\nany other string is used as is."
+    },
+    "rel": {
+      "type": "string",
+      "required": false,
+      "description": "The `rel` of a link (with `href`). By default `\"noreferrer\"` for a link that opens another tab or\nwindow, and none for one that opens in place. Your own value replaces the default, so add `noreferrer` yourself\nif you still want it; an empty string drops the attribute."
+    },
     "disabled": {
       "type": "boolean",
       "required": false,
@@ -88,6 +98,11 @@
       "type": "boolean",
       "required": false,
       "description": "Whether the ripple touch feedback is disabled."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the root; `button`, or `button-link` for a link, unless given."
     }
   }
 }

package/component-meta/inputs/buttonGroups/buttonGroup.json

@@ -55,6 +55,11 @@
       "type": "\"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\"",
       "required": false,
       "description": "Semantic color propagated to child buttons."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the root `<div>`; `button-group` unless given."
     }
   }
 }

package/component-meta/inputs/checkbox/checkbox.json

@@ -37,7 +37,7 @@
     "readOnly": {
       "type": "boolean",
       "required": false,
-      "description": "Whether the value is read-only."
+      "description": "Keeps the checkbox as it is: clicks on it or its label and Space change nothing, and `onChange` is not called.\nIt stays focusable, and its input tells assistive technology it is read-only (`aria-readonly`)."
     },
     "required": {
       "type": "boolean",
@@ -57,7 +57,7 @@
     "indeterminate": {
       "type": "boolean",
       "required": false,
-      "description": "Indeterminate. Optional. Type: boolean."
+      "description": "Shows the checkbox as partly checked, as for a \"select all\" over a partial selection: drawn with a dash and\nannounced as \"mixed\" by screen readers, whatever `checked` is. A click does not clear it: the click toggles\n`checked` as usual and `onChange` reports the new `checked`, while the checkbox stays mixed until this prop turns\nfalse."
     },
     "className": {
       "type": "string",

package/component-meta/inputs/composer/composer.json

@@ -0,0 +1,222 @@
+{
+  "name": "Composer",
+  "description": "A task input: a multi-line field that grows from minRows to maxRows, a toolbar slot under it for chip selectors, a send button that becomes Stop while busy, keyboard send (Ctrl/⌘+Enter by default), optional attach button and drop target, and a character counter.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
+  "extends": [
+    "Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onChange\" | \"defaultValue\" | \"onKeyDown\" | \"onFocus\" | \"onBlur\" | \"children\"\n>"
+  ],
+  "inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/composer/composer.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/icon/icon.entry.less"
+    ],
+    "importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/composer/composer.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
+  },
+  "props": {
+    "value": {
+      "type": "string",
+      "required": false,
+      "description": "Controlled text. The composer is controlled while this is not `undefined` (checked on every render); a parent\nthat ignores `onValueChange` keeps the field showing this value."
+    },
+    "defaultValue": {
+      "type": "string",
+      "required": false,
+      "description": "Initial text while uncontrolled. Defaults to an empty string."
+    },
+    "onValueChange": {
+      "type": "(value: string) => void",
+      "required": false,
+      "description": "Called on every text change: typing, a newline, and the clear after a send. Called in both modes."
+    },
+    "onSend": {
+      "type": "(text: string) => void",
+      "required": false,
+      "description": "Called with the trimmed text when the user sends it: the send key (see `sendKey`) or a click on the action\nbutton. Nothing is called while sending is not allowed: no `onSend`, an empty or whitespace-only text, `disabled`,\n`readOnly`, `busy`, or a text over `maxLength`. Async work is shown with `busy`; the return value is ignored."
+    },
+    "sendKey": {
+      "type": "ComposerSendKey",
+      "required": false,
+      "description": "Which Enter sends. `\"modEnter\"` (default): Ctrl/⌘+Enter sends and Enter inserts a newline. `\"enter\"`: Enter sends,\nShift+Enter inserts a newline, Ctrl/⌘+Enter sends too. An Enter that commits an IME composition never sends."
+    },
+    "clearOnSend": {
+      "type": "boolean",
+      "required": false,
+      "description": "Clear the text after `onSend`: the composer's own state while uncontrolled, `onValueChange(\"\")` while controlled.\nDefaults to `true`."
+    },
+    "busy": {
+      "type": "boolean",
+      "required": false,
+      "description": "The agent is working: the action button turns into Stop and calls `onStop`, and the keys and the button do not\nsend. The text stays editable. The composer never changes `busy` itself, the parent owns it."
+    },
+    "onStop": {
+      "type": "() => void",
+      "required": false,
+      "description": "Called when Stop is pressed (click, Enter or Space on the button) while `busy` and not `disabled`. Without it the\nStop button does nothing, so pass it whenever `busy` can be set."
+    },
+    "placeholder": {
+      "type": "string",
+      "required": false,
+      "description": "Placeholder of the textarea. It is not a name for the field, set `aria-label` or `aria-labelledby` as well."
+    },
+    "maxLength": {
+      "type": "number",
+      "required": false,
+      "description": "Hard limit on the text (the native `maxlength` of the textarea, counted in UTF-16 units, so an emoji is 2).\nTurns the counter on."
+    },
+    "counter": {
+      "type": "boolean",
+      "required": false,
+      "description": "Show the counter (`n / maxLength`, or `n` without `maxLength`). Defaults to `true` when `maxLength` is set."
+    },
+    "counterAnnouncement": {
+      "type": "(remaining: number, maxLength: number) => string",
+      "required": false,
+      "description": "Text for the polite status region that announces how many characters are left. It is spoken only near the limit\n(within the larger of 10 characters and 10% of `maxLength`) and when the text is over it, with a negative\n`remaining`. Defaults to \"N characters left\" / \"N characters over the limit\"."
+    },
+    "minRows": {
+      "type": "number",
+      "required": false,
+      "description": "Height of the empty field in rows, and the `rows` of the textarea. Defaults to `1`."
+    },
+    "maxRows": {
+      "type": "number",
+      "required": false,
+      "description": "Rows the field grows to before it scrolls. Clamped to at least `minRows`. Defaults to `8`."
+    },
+    "layout": {
+      "type": "ComposerLayout",
+      "required": false,
+      "description": "`\"stacked\"` (default): the field on top, a bar under it with the attach button, the toolbar, the counter and the\naction. `\"inline\"`: the attach button, the field, the counter and the action in one row, the toolbar (if any)\nin a row under it."
+    },
+    "toolbar": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Slot under the field for chips and selectors (agent, model, mode, …). Drawn in every state. It is a plain `div`,\nnot `role=\"toolbar\"`: the content brings its own keyboard handling and disabled state."
+    },
+    "attachments": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Slot above the field for the app's file chips. The composer keeps no file state: the app lists what `onAttach`\ngave it here."
+    },
+    "onAttach": {
+      "type": "(files: File[]) => void",
+      "required": false,
+      "description": "Turns on the attach button, the hidden file input and the drop target (the whole composer). Called with the files\nof a pick or a drop that are left after `accept`, `multiple` and `maxFiles`, never with an empty list. Only a drag\nof files is taken: dragged text or a link still goes into the field."
+    },
+    "accept": {
+      "type": "DropzoneAccept",
+      "required": false,
+      "description": "Accepted file types, as a record of mime type to extensions or a raw `accept` string (`image/*`, `.pdf`, an exact\nmime type). It sets the picker's filter, and the files of a pick or a drop that do not match are left out."
+    },
+    "multiple": {
+      "type": "boolean",
+      "required": false,
+      "description": "Allow several files per pick or drop. When `false` the picker takes one and a drop keeps the first. Defaults to `true`."
+    },
+    "maxFiles": {
+      "type": "number",
+      "required": false,
+      "description": "Files beyond this number are dropped from a pick or a drop (counted after `accept`)."
+    },
+    "dropTarget": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether `onAttach` also makes the composer a drop target for files. Set `false` when a parent already takes drops\n(a chat panel): the attach button and the picker stay, and a drop on the composer bubbles to the parent untouched.\nDefaults to `true`."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Disables the textarea, the attach button, the action button and the drop target. Toolbar content is the app's to\ndisable."
+    },
+    "readOnly": {
+      "type": "boolean",
+      "required": false,
+      "description": "The textarea is `readonly`: sending is unavailable, Stop still works."
+    },
+    "autoFocus": {
+      "type": "boolean",
+      "required": false,
+      "description": "Focus the textarea on mount."
+    },
+    "name": {
+      "type": "string",
+      "required": false,
+      "description": "Name of the textarea."
+    },
+    "id": {
+      "type": "string",
+      "required": false,
+      "description": "Id of the textarea (the root keeps no id). Generated when not given."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible name of the textarea. Set this or `aria-labelledby`: a placeholder is not a name."
+    },
+    "aria-labelledby": {
+      "type": "string",
+      "required": false,
+      "description": "Id(s) of the element(s) that name the textarea."
+    },
+    "aria-describedby": {
+      "type": "string",
+      "required": false,
+      "description": "Id(s) that describe the textarea. They come first, the counter's id is appended."
+    },
+    "onKeyDown": {
+      "type": "React.KeyboardEventHandler<HTMLTextAreaElement>",
+      "required": false,
+      "description": "Key handler of the textarea. It runs before the composer's own; if it calls `preventDefault()`, the composer does nothing for that key."
+    },
+    "onFocus": {
+      "type": "React.FocusEventHandler<HTMLTextAreaElement>",
+      "required": false,
+      "description": "Focus handler of the textarea."
+    },
+    "onBlur": {
+      "type": "React.FocusEventHandler<HTMLTextAreaElement>",
+      "required": false,
+      "description": "Blur handler of the textarea."
+    },
+    "inputRef": {
+      "type": "React.Ref<HTMLTextAreaElement>",
+      "required": false,
+      "description": "Ref of the textarea (the root takes the component's own `ref`)."
+    },
+    "sendLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible name of the action button while it sends. Defaults to \"Send\"."
+    },
+    "stopLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible name of the action button while `busy`. Defaults to \"Stop\"."
+    },
+    "attachLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible name of the attach button. Defaults to \"Attach file\"."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Class name(s) for the root `<div>`. `style`, `ref`, `data-*` attributes and every other HTML attribute or event\nhandler go to the root too; the root's drag handlers run after yours."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the root `<div>`. Defaults to `composer`; the parts inside have their own (`composer-input`, `composer-action`, …)."
+    }
+  }
+}

package/component-meta/inputs/radioButton/radioButton.json

@@ -38,7 +38,7 @@
     "readOnly": {
       "type": "boolean",
       "required": false,
-      "description": "Whether the value is read-only."
+      "description": "Keeps the radio as it is: clicks on it or its label, Space and the arrow keys of its group do not check it, and\n`onChange` is not called. It stays focusable.\n\nThe input does not tell assistive technology it is read-only: ARIA has no read-only state for a single radio,\nonly for its group. Put `role=\"radiogroup\"`, a name and `aria-readonly=\"true\"` on the element around the radios."
     },
     "required": {
       "type": "boolean",
@@ -84,6 +84,11 @@
       "type": "( event: React.ChangeEvent<HTMLInputElement>, value: string | number | readonly string[] | boolean | undefined, data: RadioButtonProps ) => void",
       "required": false,
       "description": "Unified handler: `(event, value, data)` where `value` is the radio's value (or checked state)."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the `<input>`; `radio` unless given."
     }
   }
 }

package/component-meta/inputs/rating/rating.json

@@ -92,7 +92,17 @@
     "id": {
       "type": "string",
       "required": false,
-      "description": "Unique identifier for the root element."
+      "description": "Id of the control: the slider, or the image of a read-only rating."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "What is rated: the accessible name of the slider, \"Rating\" by default. A read-only rating is an image named by\nits value (\"3 of 5\"), after this label."
+    },
+    "aria-describedby": {
+      "type": "string",
+      "required": false,
+      "description": "Ids of more elements that describe the control, after its helper text."
     },
     "onChange": {
       "type": "(value: number) => void",

package/component-meta/inputs/selectField/dropdownMenu.json

@@ -106,6 +106,51 @@
       "type": "number",
       "required": false,
       "description": "Row height (px) used when `virtualized`."
+    },
+    "listboxId": {
+      "type": "string",
+      "required": false,
+      "description": "Id of the listbox; the options' ids follow from it (`dropdownOptionId`)."
+    },
+    "labelledBy": {
+      "type": "string",
+      "required": false,
+      "description": "Ids of the elements that name the listbox and the search box in the menu."
+    },
+    "label": {
+      "type": "string",
+      "required": false,
+      "description": "Names the listbox and the search box in the menu when no element does."
+    },
+    "multiple": {
+      "type": "boolean",
+      "required": false,
+      "description": "Several options can be selected (`aria-multiselectable`)."
+    },
+    "activeIndex": {
+      "type": "number",
+      "required": false,
+      "description": "Index of the active option, counting `items` and then the create option; -1 for none."
+    },
+    "showActive": {
+      "type": "boolean",
+      "required": false,
+      "description": "Marks the active option and keeps it in view: the keyboard moved to it."
+    },
+    "searchInputProps": {
+      "type": "React.InputHTMLAttributes<HTMLInputElement>",
+      "required": false,
+      "description": "Attributes and handlers of the search box in the menu, which the field makes a combobox."
+    },
+    "searchInputRef": {
+      "type": "React.Ref<HTMLInputElement>",
+      "required": false,
+      "description": "Search Input Ref. Optional. Type: React.Ref<HTMLInputElement>."
+    },
+    "menuRef": {
+      "type": "React.Ref<HTMLDivElement>",
+      "required": false,
+      "description": "The menu's root element."
     }
   }
 }

package/component-meta/inputs/selectField/selectField.json

@@ -33,7 +33,7 @@
     "value": {
       "type": "null | string | number | (string | number | undefined | null)[]",
       "required": false,
-      "description": "Controlled value."
+      "description": "The selected value, or the values of a `multiple` field. Any value but\n`undefined` makes the field controlled: it shows this value and nothing\nelse, and a pick, a chip delete or a clear only asks for a change through\n`onChange`. `null` means nothing is selected. While `value` is `undefined`,\nthe field keeps its own value, starting from `defaultValue`."
     },
     "defaultValue": {
       "type": "null | string | number | (string | number)[]",
@@ -88,7 +88,7 @@
     "search": {
       "type": "true | false | \"menu\"",
       "required": false,
-      "description": "Search. Optional. Type: true | false | \"menu\"."
+      "description": "A search box for the options: `true` puts it in the field, where it takes\nthe focus and is the combobox; `\"menu\"` puts it at the top of the menu,\nwhich moves the focus into it when it opens."
     },
     "chips": {
       "type": "boolean",
@@ -113,7 +113,7 @@
     "label": {
       "type": "string",
       "required": false,
-      "description": "Visible label text."
+      "description": "Visible label, drawn above the field (an `inline` field draws none). It\nnames the combobox, whose value is the selected text: \"Country\", \"Russia\".\nWith `chips` the chips' texts follow it in the name: \"Labels Backend Docs\"."
     },
     "variant": {
       "type": "\"outlined\" | \"filled\"",
@@ -168,7 +168,7 @@
     "optionRenderer": {
       "type": "(args: MenuItemProps) => React.ReactNode",
       "required": false,
-      "description": "Option Renderer. Optional. Type: (args: MenuItemProps) => React.ReactNode."
+      "description": "Draws an option in place of the default one. It gets the option's props\nand returns its `<li>`: pass `id`, `role`, `aria-selected`, `aria-disabled`,\n`className` and `onClick` on to it, so the option can be reached from the\nkeyboard, read out and picked."
     },
     "clearable": {
       "type": "boolean",
@@ -198,12 +198,12 @@
     "aria-label": {
       "type": "string",
       "required": false,
-      "description": "Accessible label for the combobox control."
+      "description": "Accessible name of the combobox. Replaces the name the visible `label`\ngives it; a field without a drawn label needs it."
     },
     "id": {
       "type": "string",
       "required": false,
-      "description": "Unique identifier for the root element."
+      "description": "Id of the control, the part of the field that holds the selected text. It is\nthe combobox, unless `search` puts a search box in it: then the box is."
     }
   }
 }

package/component-meta/inputs/slider/slider.json

@@ -71,7 +71,7 @@
     "valueField": {
       "type": "boolean",
       "required": false,
-      "description": "Value Field. Optional. Type: boolean."
+      "description": "Draws a number field beside the slider for typing the value; a single\n`discrete` slider only. The field is named as the slider is (see `label`\nand `aria-label`)."
     },
     "withTicks": {
       "type": "boolean",
@@ -81,7 +81,7 @@
     "label": {
       "type": "string",
       "required": false,
-      "description": "Visible label text."
+      "description": "Visible label, drawn above the slider. It names the slider; each thumb of a\nrange adds its own word: with `label=\"Price\"` they read \"Price minimum\" and\n\"Price maximum\"."
     },
     "helperText": {
       "type": "React.ReactNode",
@@ -121,7 +121,12 @@
     "aria-label": {
       "type": "string",
       "required": false,
-      "description": "Accessible label applied to the slider control."
+      "description": "Accessible name of the slider. Replaces the name the visible `label` gives\nit; a slider without a label needs it or `aria-labelledby`. Each thumb of a\nrange adds its own word, as with `label`."
+    },
+    "aria-labelledby": {
+      "type": "string",
+      "required": false,
+      "description": "Ids of the elements whose text names the slider. It goes on the range input,\nnot the root, and replaces the name the visible `label` gives it; as on any\nelement, it also wins over `aria-label`. Each thumb of a range adds its own\nword, as with `label`."
     },
     "getAriaValueText": {
       "type": "(value: number) => string",

package/component-meta/inputs/textField/textField.json

@@ -24,7 +24,7 @@
     "label": {
       "type": "string",
       "required": false,
-      "description": "Visible label text."
+      "description": "Visible label; it points to the `<input>`, so it also names the field. Not drawn for an `inline` field."
     },
     "helperText": {
       "type": "React.ReactNode",
@@ -59,7 +59,7 @@
     "className": {
       "type": "string",
       "required": false,
-      "description": "Additional CSS class name(s) for the root element."
+      "description": "Class name(s) for the root wrapper `<div>`. `style` and `data-*` attributes go to the wrapper too (a `data-testid`\nreplaces its default `text-field`); every other HTML attribute (`aria-*`, `autoFocus`, `maxLength`, event handlers)\ngoes to the `<input>`."
     },
     "placeholder": {
       "type": "string",
@@ -119,7 +119,7 @@
     "id": {
       "type": "string",
       "required": false,
-      "description": "Unique identifier for the root element."
+      "description": "Id of the `<input>`; the label points to it. Generated when not given."
     },
     "inline": {
       "type": "boolean",

package/component-meta/inputs/textField/textFieldWrapper.json

@@ -31,6 +31,11 @@
       "required": false,
       "description": "Supplementary hint text displayed below the control."
     },
+    "helperTextId": {
+      "type": "string",
+      "required": false,
+      "description": "Id of the helper text, for the control's `aria-describedby`. Only shown helper text takes it: not the blank line\ndrawn without helper text, and an inline field shows none."
+    },
     "variant": {
       "type": "\"outlined\" | \"filled\"",
       "required": false,
@@ -74,7 +79,12 @@
     "htmlFor": {
       "type": "string",
       "required": false,
-      "description": "Html For. Optional. Type: string."
+      "description": "Id of the control the label names. Without it, the label names nothing."
+    },
+    "labelId": {
+      "type": "string",
+      "required": false,
+      "description": "Id of the `<label>`. A control that `htmlFor` cannot label (one that is not\na form element, such as SelectField's `role=\"button\"`) points\n`aria-labelledby` at it."
     },
     "shrink": {
       "type": "boolean",
@@ -100,6 +110,11 @@
       "type": "boolean",
       "required": false,
       "description": "Inline. Optional. Type: boolean."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the root `<div>`; `text-field` unless given."
     }
   }
 }

package/component-meta/inputs/toggle/toggle.json

@@ -33,7 +33,7 @@
     "readOnly": {
       "type": "boolean",
       "required": false,
-      "description": "Whether the value is read-only."
+      "description": "Keeps the switch as it is: clicks on it or its label and Space change nothing, and `onChange` is not called.\nIt stays focusable, and its input tells assistive technology it is read-only (`aria-readonly`)."
     },
     "required": {
       "type": "boolean",

package/component-meta/inputs/valueSlider/valueSlider.json

@@ -22,6 +22,16 @@
     "importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/valueSlider/valueSlider.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/slider/slider.entry.less\";"
   },
   "props": {
+    "label": {
+      "type": "string",
+      "required": false,
+      "description": "Label text, drawn in the header row beside the readout. It names the slider,\nas `Slider`'s label does; each thumb of a range adds its own word: with\n`label=\"Price\"` they read \"Price minimum\" and \"Price maximum\"."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible name of the slider. Replaces the name the header `label` gives\nit; a ValueSlider without a label needs it or `aria-labelledby`. Each thumb\nof a range adds its own word, as with `label`."
+    },
     "readout": {
       "type": "boolean | ((value: SliderValue | undefined) => string)",
       "required": false,
@@ -90,18 +100,13 @@
     "valueField": {
       "type": "boolean",
       "required": false,
-      "description": "Value Field. Optional. Type: boolean."
+      "description": "Draws a number field beside the slider for typing the value; a single\n`discrete` slider only. The field is named as the slider is (see `label`\nand `aria-label`)."
     },
     "withTicks": {
       "type": "boolean",
       "required": false,
       "description": "With Ticks. Optional. Type: boolean."
     },
-    "label": {
-      "type": "string",
-      "required": false,
-      "description": "Visible label text."
-    },
     "helperText": {
       "type": "React.ReactNode",
       "required": false,
@@ -137,10 +142,10 @@
       "required": false,
       "description": "Show ticks/marks. `true` derives marks from `step`; an array gives explicit positions/labels."
     },
-    "aria-label": {
+    "aria-labelledby": {
       "type": "string",
       "required": false,
-      "description": "Accessible label applied to the slider control."
+      "description": "Ids of the elements whose text names the slider. It goes on the range input,\nnot the root, and replaces the name the visible `label` gives it; as on any\nelement, it also wins over `aria-label`. Each thumb of a range adds its own\nword, as with `label`."
     },
     "getAriaValueText": {
       "type": "(value: number) => string",

package/component-meta/layout/appLayout/appLayout.json

@@ -87,6 +87,11 @@
       "type": "string",
       "required": false,
       "description": "Additional CSS class name(s) for the root element."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the root `<div>`; `app-layout` unless given."
     }
   }
 }

package/component-meta/layout/divider/divider.json

@@ -55,6 +55,11 @@
       "type": "boolean",
       "required": false,
       "description": "Stretch to fill a flex container along the cross axis."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the root `<div>`; `divider` unless given."
     }
   }
 }

package/component-meta/layout/floatingWindow/floatingWindow.json

@@ -193,6 +193,11 @@
       "type": "string",
       "required": false,
       "description": "Accessible label when no visible title is present."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the window's root `<div>`; `floating-window` unless given."
     }
   }
 }

package/component-meta/layout/grid/grid.column.json

@@ -6,7 +6,7 @@
     "rendering": "universal"
   },
   "extends": [
-    "React.HTMLAttributes<HTMLDivElement> & {\n  /** Ширина на точке остановы: 1–12 из 12, `\"auto\"` (по контенту) или `true` (заполнить). */\n  xs?: BreakpointType;\n  sm?: BreakpointType;\n  md?: BreakpointType;\n  lg?: BreakpointType;\n  xl?: BreakpointType;\n  /** Сдвиг (пустые ведущие колонки) на точке остановы, 0–11. */\n  xsOffset?: OffsetType;\n  smOffset?: OffsetType;\n  mdOffset?: OffsetType;\n  lgOffset?: OffsetType;\n  xlOffset?: OffsetType;\n  /** Скрыть колонку: булево (всегда) или по точкам остановы `{ xs:true, md:false }`. */\n  hidden?: ResponsiveBool;\n}"
+    "React.HTMLAttributes<HTMLDivElement> & {\n  /** Ширина на точке остановы: 1–12 из 12, `\"auto\"` (по контенту) или `true` (заполнить). */\n  xs?: BreakpointType;\n  sm?: BreakpointType;\n  md?: BreakpointType;\n  lg?: BreakpointType;\n  xl?: BreakpointType;\n  /** Сдвиг (пустые ведущие колонки) на точке остановы, 0–11. */\n  xsOffset?: OffsetType;\n  smOffset?: OffsetType;\n  mdOffset?: OffsetType;\n  lgOffset?: OffsetType;\n  xlOffset?: OffsetType;\n  /** Скрыть колонку: булево (всегда) или по точкам остановы `{ xs:true, md:false }`. */\n  hidden?: ResponsiveBool;\n  /** Test id of the root `<div>`; `grid-col` unless given. */\n  \"data-testid\"?: string;\n}"
   ],
   "inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
   "styles": {