@smwb/ui-mcp-react 2.6.3 → 2.8.0

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

@@ -37,6 +37,11 @@
       "required": false,
       "description": "Progress Value. Optional. Type: number."
     },
+    "max": {
+      "type": "number",
+      "required": false,
+      "description": "Upper bound of `progressValue` (100 by default): with `max={14}`, `progressValue={3}` is 3 of 14."
+    },
     "color": {
       "type": "ProgressColor",
       "required": false,
@@ -47,6 +52,21 @@
       "required": false,
       "description": "Circular size preset."
     },
+    "fullWidth": {
+      "type": "boolean",
+      "required": false,
+      "description": "Linear: fill the container's width instead of the fixed 240px track."
+    },
+    "width": {
+      "type": "number | string",
+      "required": false,
+      "description": "Linear: the width, in px or any CSS length."
+    },
+    "valueLabel": {
+      "type": "boolean | ((value: number, max: number) => ReactNode)",
+      "required": false,
+      "description": "Linear, determinate: the value as text beside the bar. `true` shows a\npercentage — or \"3 / 14\" with a custom `max`; a function formats it, e.g.\n`(value, max) => <>{value} of {max}</>`."
+    },
     "aria-label": {
       "type": "string",
       "required": false,

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

@@ -49,7 +49,7 @@
     "count": {
       "type": "number",
       "required": false,
-      "description": "Render N stacked placeholders."
+      "description": "Render N stacked placeholders. With `count` > 1 they sit in a group `<span>`, which takes the `ref` and the\nother HTML attributes; `className` and `style` go on each placeholder."
     },
     "animationDelay": {
       "type": "number",
@@ -59,7 +59,12 @@
     "component": {
       "type": "\"span\" | \"div\"",
       "required": false,
-      "description": "Root element."
+      "description": "Element of each placeholder."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the placeholder; `skeleton` unless given. With `count` > 1 it\nmarks the group, and each placeholder keeps `skeleton`."
     }
   }
 }

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

@@ -31,7 +31,7 @@
     "message": {
       "type": "React.ReactNode",
       "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."
     }
   }
 }

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

@@ -88,6 +88,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/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,13 +113,18 @@
     "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\"",
       "required": false,
       "description": "Visual style variant."
     },
+    "size": {
+      "type": "\"small\" | \"medium\" | \"large\"",
+      "required": false,
+      "description": "Height of the field, as for TextField: `small` (40px, for toolbars), `medium` (default) or `large`."
+    },
     "fullWidth": {
       "type": "boolean",
       "required": false,
@@ -163,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",
@@ -193,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": {

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

@@ -30,6 +30,11 @@
       "type": "boolean",
       "required": false,
       "description": "Remove horizontal gutters."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the root `<div>`; `grid-container` unless given."
     }
   }
 }

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

@@ -45,6 +45,11 @@
       "type": "number",
       "required": false,
       "description": "Spacing between stacked children."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the root `<div>`; `grid-row` unless given."
     }
   }
 }

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

@@ -40,6 +40,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 element; `page` unless given."
     }
   }
 }

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

@@ -52,6 +52,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 `<header>`; `page-header` unless given."
     }
   }
 }

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

@@ -0,0 +1,73 @@
+{
+  "name": "SectionHeader",
+  "description": "A section's heading row: title (h2–h6), a count, a '?' help hint (hover and keyboard focus), actions at the end, an optional subtitle.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
+  "extends": [
+    "Omit<HTMLAttributes<HTMLElement>, \"title\">"
+  ],
+  "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/sectionHeader/sectionHeader.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/icon/icon.entry.less",
+      "@smwb/ui-styles/less/components/tooltip/tooltip.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/sectionHeader/sectionHeader.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/tooltip/tooltip.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "title": {
+      "type": "ReactNode",
+      "required": true,
+      "description": "The section's name."
+    },
+    "level": {
+      "type": "2 | 3 | 4 | 5 | 6",
+      "required": false,
+      "description": "Heading level of the title: 2 by default."
+    },
+    "count": {
+      "type": "number | string | null",
+      "required": false,
+      "description": "How many items the section holds, beside the title. Nothing is shown for null."
+    },
+    "help": {
+      "type": "string",
+      "required": false,
+      "description": "How to read the section, behind a \"?\" icon: shown on hover and on keyboard\nfocus, and the icon's accessible name. Text only — the tooltip renders in\nthe browser."
+    },
+    "helpLabel": {
+      "type": "string",
+      "required": false,
+      "description": "The \"?\" icon's accessible name, e.g. \"Explanation: …\"; the help text by default."
+    },
+    "titleId": {
+      "type": "string",
+      "required": false,
+      "description": "Id of the heading, for anchors and aria-labelledby."
+    },
+    "subtitle": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "A line under the title."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the root `<header>`; `section-header` unless given."
+    }
+  }
+}

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

@@ -115,6 +115,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 sheet panel (the dialog); `sheet` unless given."
     }
   }
 }