@smwb/ui-mcp-solid 0.12.1 → 0.14.0

package/component-meta/feedBack/tooltip/tooltip.json

@@ -31,7 +31,7 @@
     "message": {
       "type": "JSX.Element",
       "required": true,
-      "description": "Chat message data object."
+      "description": "What the tip says: text or markup."
     },
     "placement": {
       "type": "Placement",
@@ -46,17 +46,17 @@
     "trigger": {
       "type": "TooltipTrigger",
       "required": false,
-      "description": "hover (default): show on pointer enter; click: toggle; manual: use open only."
+      "description": "What shows the tooltip. `hover` (default): the pointer over the target or keyboard focus\nin it, until both have left. Keyboard focus is focus with a focus ring (`:focus-visible`),\nnot the focus a mouse press gives a button. `click`: a click on the target shows or hides\nit. `manual`: `open` alone. Escape hides a `hover` or `click` tooltip."
     },
     "openDelay": {
       "type": "number",
       "required": false,
-      "description": "Open Delay. Optional. Type: number."
+      "description": "Milliseconds from the pointer entering the target, or keyboard focus moving into it, until a hover tooltip shows."
     },
     "closeDelay": {
       "type": "number",
       "required": false,
-      "description": "Close Delay. Optional. Type: number."
+      "description": "Milliseconds from the pointer and keyboard focus both leaving the target until a hover tooltip hides."
     },
     "ref": {
       "type": "Ref<HTMLDivElement>",

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

@@ -64,6 +64,16 @@
       "required": false,
       "description": "When set, the component renders as an <a>."
     },
+    "target": {
+      "type": "string | null | undefined",
+      "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 | undefined",
+      "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,
@@ -89,6 +99,11 @@
       "required": false,
       "description": "Disable the ripple effect."
     },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the root; `button`, or `button-link` for a link, unless given."
+    },
     "ref": {
       "type": "Ref<HTMLButtonElement | HTMLAnchorElement>",
       "required": false,

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

@@ -54,6 +54,11 @@
       "required": false,
       "description": "Semantic color propagated to child buttons."
     },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the root `<div>`; `button-group` unless given."
+    },
     "ref": {
       "type": "Ref<HTMLDivElement>",
       "required": false,

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."
     },
     "size": {
       "type": "SelectionControlSize",

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  JSX.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 | undefined",
+      "required": false,
+      "description": "Controlled text. The composer is controlled while this is not `undefined` (checked reactively); a parent that\nignores `onValueChange` keeps the field showing this value."
+    },
+    "defaultValue": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Initial text while uncontrolled. Defaults to an empty string."
+    },
+    "onValueChange": {
+      "type": "((value: string) => void) | undefined",
+      "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) | undefined",
+      "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 | undefined",
+      "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 | undefined",
+      "required": false,
+      "description": "Clear the text after `onSend`: the composer's own state while uncontrolled, `onValueChange(\"\")` while controlled.\nDefaults to `true`."
+    },
+    "busy": {
+      "type": "boolean | undefined",
+      "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) | undefined",
+      "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 | undefined",
+      "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 | undefined",
+      "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 | undefined",
+      "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) | undefined",
+      "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 | undefined",
+      "required": false,
+      "description": "Height of the empty field in rows, and the `rows` of the textarea. Defaults to `1`."
+    },
+    "maxRows": {
+      "type": "number | undefined",
+      "required": false,
+      "description": "Rows the field grows to before it scrolls. Clamped to at least `minRows`. Defaults to `8`."
+    },
+    "layout": {
+      "type": "ComposerLayout | undefined",
+      "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": "JSX.Element",
+      "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": "JSX.Element",
+      "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) | undefined",
+      "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": "Record<string, string[]> | string | undefined",
+      "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 | undefined",
+      "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 | undefined",
+      "required": false,
+      "description": "Files beyond this number are dropped from a pick or a drop (counted after `accept`)."
+    },
+    "dropTarget": {
+      "type": "boolean | undefined",
+      "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 | undefined",
+      "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 | undefined",
+      "required": false,
+      "description": "The textarea is `readonly`: sending is unavailable, Stop still works."
+    },
+    "autofocus": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Focus the textarea on mount."
+    },
+    "name": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Name of the textarea."
+    },
+    "id": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Id of the textarea (the root keeps no id). Generated when not given."
+    },
+    "aria-label": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Accessible name of the textarea. Set this or `aria-labelledby`: a placeholder is not a name."
+    },
+    "aria-labelledby": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Id(s) of the element(s) that name the textarea."
+    },
+    "aria-describedby": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Id(s) that describe the textarea. They come first, the counter's id is appended."
+    },
+    "onKeyDown": {
+      "type": "JSX.EventHandlerUnion<HTMLTextAreaElement, KeyboardEvent> | undefined",
+      "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": "JSX.EventHandlerUnion<HTMLTextAreaElement, FocusEvent> | undefined",
+      "required": false,
+      "description": "Focus handler of the textarea."
+    },
+    "onBlur": {
+      "type": "JSX.EventHandlerUnion<HTMLTextAreaElement, FocusEvent> | undefined",
+      "required": false,
+      "description": "Blur handler of the textarea."
+    },
+    "inputRef": {
+      "type": "((el: HTMLTextAreaElement) => void) | undefined",
+      "required": false,
+      "description": "Ref of the textarea (the root takes the component's own `ref`)."
+    },
+    "sendLabel": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Accessible name of the action button while it sends. Defaults to \"Send\"."
+    },
+    "stopLabel": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Accessible name of the action button while `busy`. Defaults to \"Stop\"."
+    },
+    "attachLabel": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Accessible name of the attach button. Defaults to \"Attach file\"."
+    },
+    "class": {
+      "type": "string | undefined",
+      "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 | undefined",
+      "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",
@@ -85,6 +85,11 @@
       "required": false,
       "description": "Unified handler: `(event, value, data)` where `value` is the radio's value (or checked state)."
     },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the `<input>`; `radio` unless given."
+    },
     "ref": {
       "type": "Ref<HTMLInputElement>",
       "required": false,

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",
@@ -102,7 +112,7 @@
     "ref": {
       "type": "Ref<HTMLSpanElement>",
       "required": false,
-      "description": "Ref. Optional. Type: Ref<HTMLSpanElement>."
+      "description": "The control: the slider, or the image of a read-only rating."
     }
   }
 }

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

@@ -83,9 +83,9 @@
       "description": "Is Loading. Optional. Type: boolean | undefined."
     },
     "optionRenderer": {
-      "type": "((args: import(\"../../navigation/menu\").MenuItemProps) => JSX.Element) | undefined",
+      "type": "((args: MenuItemProps) => JSX.Element) | undefined",
       "required": false,
-      "description": "Option Renderer. Optional. Type: ((args: import(\"../../navigation/menu\").MenuItemProps) => JSX.Element) | undefined."
+      "description": "Option Renderer. Optional. Type: ((args: MenuItemProps) => JSX.Element) | undefined."
     },
     "container": {
       "type": "HTMLElement | undefined",
@@ -106,6 +106,51 @@
       "type": "number | undefined",
       "required": false,
       "description": "Item Height. Optional. Type: number | undefined."
+    },
+    "listboxId": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Id of the listbox; the options' ids follow from it (`dropdownOptionId`)."
+    },
+    "labelledBy": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Ids of the elements that name the listbox and the search box in the menu."
+    },
+    "label": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Names the listbox and the search box in the menu when no element does."
+    },
+    "multiple": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Several options can be selected (`aria-multiselectable`)."
+    },
+    "activeIndex": {
+      "type": "number | undefined",
+      "required": false,
+      "description": "Index of the active option, counting `items` and then the create option; -1 for none."
+    },
+    "showActive": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Marks the active option and keeps it in view: the keyboard moved to it."
+    },
+    "searchInputProps": {
+      "type": "(JSX.AriaAttributes & Pick<JSX.InputHTMLAttributes<HTMLInputElement>, \"onKeyDown\">) | undefined",
+      "required": false,
+      "description": "Attributes and handlers of the search box in the menu, which the field makes a combobox."
+    },
+    "searchInputRef": {
+      "type": "((element: HTMLInputElement) => void) | undefined",
+      "required": false,
+      "description": "Search Input Ref. Optional. Type: ((element: HTMLInputElement) => void) | undefined."
+    },
+    "menuRef": {
+      "type": "((element: HTMLDivElement) => void) | undefined",
+      "required": false,
+      "description": "The menu's root element."
     }
   }
 }

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

@@ -19,9 +19,10 @@
       "@smwb/ui-styles/less/components/icon/icon.entry.less",
       "@smwb/ui-styles/less/components/menu/menu.entry.less",
       "@smwb/ui-styles/less/components/progressIndicator/progressIndicator.entry.less",
+      "@smwb/ui-styles/less/components/ripple/ripple.entry.less",
       "@smwb/ui-styles/less/components/textField/textField.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/selectField/selectField.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chip/chip.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/menu/menu.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/progressIndicator/progressIndicator.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/textField/textField.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/selectField/selectField.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chip/chip.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/menu/menu.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/progressIndicator/progressIndicator.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/ripple/ripple.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/textField/textField.entry.less\";"
   },
   "props": {
     "class": {
@@ -32,7 +33,7 @@
     "value": {
       "type": "SelectValue | undefined",
       "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)[]",
@@ -87,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",
@@ -112,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\"",
@@ -167,7 +168,7 @@
     "optionRenderer": {
       "type": "(args: MenuItemProps) => JSX.Element",
       "required": false,
-      "description": "Option Renderer. Optional. Type: (args: MenuItemProps) => JSX.Element."
+      "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`class` and `onClick` on to it, so the option can be reached from the\nkeyboard, read out and picked."
     },
     "clearable": {
       "type": "boolean",
@@ -195,14 +196,14 @@
       "description": "Item Height. Optional. Type: number."
     },
     "aria-label": {
-      "type": "string",
+      "type": "string | undefined",
       "required": false,
-      "description": "Accessible label when no visible title is present."
+      "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."
     },
     "ref": {
       "type": "Ref<HTMLSpanElement>",

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

@@ -24,7 +24,7 @@
   },
   "props": {
     "value": {
-      "type": "SliderValue",
+      "type": "SliderValue | undefined",
       "required": false,
       "description": "Controlled value."
     },
@@ -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",
@@ -79,9 +79,9 @@
       "description": "With Ticks. Optional. Type: boolean."
     },
     "label": {
-      "type": "string",
+      "type": "string | undefined",
       "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": "JSX.Element",
@@ -119,9 +119,14 @@
       "description": "Slider tick marks configuration."
     },
     "aria-label": {
-      "type": "string",
+      "type": "string | undefined",
+      "required": false,
+      "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 | undefined",
       "required": false,
-      "description": "Accessible label when no visible title is present."
+      "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 | undefined",
       "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": "JSX.Element",
@@ -56,6 +56,11 @@
       "required": false,
       "description": "Controlled value."
     },
+    "class": {
+      "type": "string | undefined",
+      "required": false,
+      "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",
       "required": false,
@@ -112,9 +117,9 @@
       "description": "End Adornment. Optional. Type: JSX.Element."
     },
     "id": {
-      "type": "string",
+      "type": "string | undefined",
       "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 | undefined",
+      "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": "TextFieldVariant | undefined",
       "required": false,
@@ -64,7 +69,12 @@
     "for": {
       "type": "string | undefined",
       "required": false,
-      "description": "For. Optional. Type: string | undefined."
+      "description": "Id of the control the label names. Without it, the label names nothing."
+    },
+    "labelId": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Id of the `<label>`. A control that `for` cannot label (one that is not a\nform element, such as SelectField's `role=\"button\"`) points\n`aria-labelledby` at it."
     },
     "shrink": {
       "type": "boolean | undefined",
@@ -91,6 +101,11 @@
       "required": false,
       "description": "Inline. Optional. Type: boolean | undefined."
     },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the root `<div>`; `text-field` unless given."
+    },
     "children": {
       "type": "JSX.Element",
       "required": false,

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",