@smwb/ui-mcp-solid 0.12.1 → 0.14.0

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 | undefined",
+      "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 | undefined",
+      "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,
@@ -43,7 +53,7 @@
       "description": "Accessible label for the reset control."
     },
     "value": {
-      "type": "SliderValue",
+      "type": "SliderValue | undefined",
       "required": false,
       "description": "Controlled value."
     },
@@ -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": "JSX.Element",
       "required": false,
@@ -137,10 +142,10 @@
       "required": false,
       "description": "Slider tick marks configuration."
     },
-    "aria-label": {
-      "type": "string",
+    "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/layout/appLayout/appLayout.json

@@ -83,6 +83,11 @@
       "required": false,
       "description": "Keep the header pinned while content scrolls."
     },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the root `<div>`; `app-layout` unless given."
+    },
     "ref": {
       "type": "Ref<HTMLDivElement>",
       "required": false,

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

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

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

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

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

@@ -76,6 +76,11 @@
       "required": false,
       "description": "Hide column: boolean (always) or per breakpoint `{ xs:true, md:false }`."
     },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the root `<div>`; `grid-col` unless given."
+    },
     "ref": {
       "type": "Ref<HTMLDivElement>",
       "required": false,

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

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

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

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

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

@@ -36,6 +36,11 @@
       "required": false,
       "description": "Render as a different element (default `main`)."
     },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the root element; `page` unless given."
+    },
     "ref": {
       "type": "Ref<HTMLElement>",
       "required": false,

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

@@ -48,6 +48,11 @@
       "required": false,
       "description": "Render a divider below the header."
     },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the root `<header>`; `page-header` unless given."
+    },
     "ref": {
       "type": "Ref<HTMLElement>",
       "required": false,

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

@@ -59,6 +59,11 @@
       "required": false,
       "description": "A line under the title."
     },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the root `<header>`; `section-header` unless given."
+    },
     "ref": {
       "type": "Ref<HTMLElement>",
       "required": false,

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

@@ -60,6 +60,26 @@
       "required": false,
       "description": "Reverse Header Actions. Optional. Type: boolean."
     },
+    "closeAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible name of the header close button (default \"Close sheet\")."
+    },
+    "expandAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible name of the size toggle while the sheet is at its normal size (default \"Expand sheet\"). The toggle\ncycles normal, expanded, collapsed and back, and its name always says what the next press does; the\nname changing is how it exposes its state. It shows the `open_in_full` icon, and `close_fullscreen` while expanded."
+    },
+    "collapseAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible name of the size toggle while the sheet is expanded (default \"Collapse sheet\")."
+    },
+    "restoreAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible name of the size toggle while the sheet is collapsed to its header (default \"Restore sheet size\")."
+    },
     "size": {
       "type": "string",
       "required": false,
@@ -110,6 +130,11 @@
       "required": false,
       "description": "Accessible label when no visible title is present."
     },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the sheet panel (the dialog); `sheet` unless given."
+    },
     "ref": {
       "type": "Ref<HTMLDivElement>",
       "required": false,

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

@@ -51,6 +51,11 @@
       "required": false,
       "description": "Optional element rendered between each child."
     },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the root `<div>`; `stack` unless given."
+    },
     "ref": {
       "type": "Ref<HTMLDivElement>",
       "required": false,

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

@@ -0,0 +1,118 @@
+{
+  "name": "TabGroups",
+  "description": "Tab groups in a split area: move tabs between groups by drag and drop or keyboard, split right or down, resize, close the last tab to close a group; the layout is a versioned JSON (layout/onLayoutChange).",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal",
+    "note": "Renders the groups, tab rows and selected panels on the server; drag and drop and resizing run in the browser."
+  },
+  "extends": [
+    "Omit<JSX.HTMLAttributes<HTMLDivElement>, \"children\" | \"onChange\" | \"id\">"
+  ],
+  "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/tabGroups/tabGroups.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/icon/icon.entry.less",
+      "@smwb/ui-styles/less/components/kbd/kbd.entry.less",
+      "@smwb/ui-styles/less/components/menu/menu.entry.less",
+      "@smwb/ui-styles/less/components/ripple/ripple.entry.less",
+      "@smwb/ui-styles/less/components/tabs/tab/tab.entry.less",
+      "@smwb/ui-styles/less/components/tabs/tabs.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/tabGroups/tabGroups.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/kbd/kbd.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/ripple/ripple.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/tabs/tab/tab.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/tabs/tabs.entry.less\";"
+  },
+  "props": {
+    "layout": {
+      "type": "TabGroupsLayout | undefined",
+      "required": false,
+      "description": "The arrangement to draw: the split tree, every group's tabs and the selected one. Controlled\nwhile it is not `undefined` — the component then only reports changes through\n`onLayoutChange` and draws what the owner gives back."
+    },
+    "defaultLayout": {
+      "type": "TabGroupsLayout | undefined",
+      "required": false,
+      "description": "The arrangement to start from while uncontrolled: one empty group by default."
+    },
+    "onLayoutChange": {
+      "type": "((layout: TabGroupsLayout, change: TabGroupsChange) => void) | undefined",
+      "required": false,
+      "description": "Called with the layout after a change and with what happened, in both the controlled and the\nuncontrolled mode. A controlled owner that does not apply the change simply sees nothing move."
+    },
+    "getTab": {
+      "type": "(tabId: string) => TabGroupsTab | undefined",
+      "required": true,
+      "description": "What a tab shows, by its id; `undefined` draws the id as the label."
+    },
+    "renderPanel": {
+      "type": "(tabId: string) => JSX.Element",
+      "required": true,
+      "description": "The content of a tab's panel, by its id. It is called the first time the tab is selected and\nthe panel stays mounted from then on, hidden while another tab is shown and kept through a\nmove to another group: a form keeps what was typed, a terminal its scrollback. Its node stays\nwhere it is in the DOM, so an iframe in it does not reload either."
+    },
+    "onTabClose": {
+      "type": "((tabId: string, event: Event, reason: TabCloseReason) => boolean | void) | undefined",
+      "required": false,
+      "description": "Asked before a tab closes, with what asked for it (its close button, Delete or Backspace, a\nmiddle click, its `actions`). Return `false` to keep the tab."
+    },
+    "empty": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Drawn, centred, when the only group has no tabs left."
+    },
+    "minGroupSize": {
+      "type": "number | undefined",
+      "required": false,
+      "description": "The smallest a group can be resized to, in px of its split; 120 by default."
+    },
+    "keyboardStep": {
+      "type": "number | undefined",
+      "required": false,
+      "description": "The arrow-key step of a separator, in percent of its split; 5 by default."
+    },
+    "groupActions": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Draw each group's actions button and menu; true by default."
+    },
+    "dense": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Compact tab rows, as `Tabs`' `dense`; false by default."
+    },
+    "labels": {
+      "type": "Partial<TabGroupsLabels> | undefined",
+      "required": false,
+      "description": "The texts of the component: its menus, labels and announcements. English by default."
+    },
+    "id": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Base of the generated ids and the id of the root element. Generated by default."
+    },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the root element; `tab-groups` unless given."
+    },
+    "class": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Class of the root element, added to the component's own."
+    },
+    "style": {
+      "type": "JSX.HTMLAttributes<HTMLDivElement>[\"style\"]",
+      "required": false,
+      "description": "Inline style of the root element; the component's `grid-template-*` win over it."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "The root element."
+    }
+  }
+}

package/component-meta/navigation/appBar/appBar.json

@@ -56,16 +56,36 @@
       "required": false,
       "description": "Accessible title or tooltip text."
     },
+    "titleAs": {
+      "type": "\"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+      "required": false,
+      "description": "Tag the `title` is rendered in: a `div` (default) or a heading, `h1`–`h6`,\nfor the page's main heading. Only the tag changes — a heading is drawn with\nthe bar's own font size, weight and no margins, so it looks exactly like the\ndiv. The heading's text is the `title` itself, so pass a string or plain\nmarkup rather than a `Typography` heading."
+    },
     "midContentAlign": {
       "type": "\"middle\" | \"left\" | \"right\"",
       "required": false,
       "description": "Mid Content Align. Optional. Type: \"middle\" | \"left\" | \"right\"."
     },
+    "variant": {
+      "type": "\"default\" | \"window\"",
+      "required": false,
+      "description": "`window`: the bar is the title bar of a desktop app window (Electron, Tauri, an installed PWA with Window\nControls Overlay). The bar drags the window; buttons, links, fields and other controls in it stay clickable,\nand room is left for the OS window buttons (`windowControls`). In a plain browser tab it looks like `default`."
+    },
+    "windowControls": {
+      "type": "\"auto\" | \"left\" | \"right\" | \"none\"",
+      "required": false,
+      "description": "With `variant=\"window\"`: where the OS window buttons are, so the bar's content keeps clear of them.\n`auto` (default) takes the area from the shell's `env(titlebar-area-*)` (Window Controls Overlay, Electron\n`titleBarOverlay`) and reserves nothing without it; `left` is macOS (traffic lights, `titleBarStyle: \"hiddenInset\"`),\n`right` is Windows/Linux caption buttons drawn by the OS; `none` reserves nothing. The reserved width is\nthe `--smui-appBarWindowControlsWidth` custom property (64px on the left, 138px on the right by default)."
+    },
     "color": {
       "type": "AppBarColor",
       "required": false,
       "description": "Semantic background color."
     },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the root (`<header>`, or `<footer>` at the bottom); `app-bar` unless given."
+    },
     "ref": {
       "type": "Ref<HTMLElement>",
       "required": false,

package/component-meta/navigation/breadcrumbs/breadcrumbs.json

@@ -56,6 +56,11 @@
       "required": false,
       "description": "Accessible label for the expand button."
     },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the root `<nav>`; `breadcrumbs` unless given."
+    },
     "ref": {
       "type": "Ref<HTMLElement>",
       "required": false,

package/component-meta/navigation/commandPalette/commandPalette.json

@@ -0,0 +1,166 @@
+{
+  "name": "CommandPalette",
+  "description": "Command Palette component from the navigation module.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/commandPalette/commandPalette.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/icon/icon.entry.less",
+      "@smwb/ui-styles/less/components/kbd/kbd.entry.less",
+      "@smwb/ui-styles/less/components/modal/modal.entry.less",
+      "@smwb/ui-styles/less/components/skeleton/skeleton.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/commandPalette/commandPalette.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/kbd/kbd.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/modal/modal.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/skeleton/skeleton.entry.less\";"
+  },
+  "props": {
+    "open": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Whether the palette is open. Any value but `undefined` makes it controlled: the palette then\nshows this and only asks to change it through `onOpenChange`. While it is `undefined`, the\npalette keeps its own state, starting from `defaultOpen`."
+    },
+    "defaultOpen": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Open state to start from while uncontrolled; `false` by default."
+    },
+    "onOpenChange": {
+      "type": "((open: boolean) => void) | undefined",
+      "required": false,
+      "description": "Called for every request to open or close: Escape, a backdrop click, and choosing an item while\n`closeOnSelect`. Called in both the controlled and the uncontrolled mode."
+    },
+    "groups": {
+      "type": "CommandPaletteGroup[] | undefined",
+      "required": false,
+      "description": "The groups to search in, filtered locally by `filter`; empty by default."
+    },
+    "recent": {
+      "type": "CommandPaletteItem[] | undefined",
+      "required": false,
+      "description": "Recently used items, kept by the app (its local storage, its server, per user) and updated from\n`onSelect`. Shown as the first group while the query is empty, unfiltered, and hidden while\nthe user searches."
+    },
+    "recentLabel": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Heading of the recent group; `\"Recent\"` by default."
+    },
+    "query": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "The text in the search field. Any value but `undefined` makes it controlled: the field shows\nthis and only reports edits through `onQueryChange`."
+    },
+    "defaultQuery": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Text to start from while uncontrolled, and to reset to each time the palette opens; `\"\"`."
+    },
+    "onQueryChange": {
+      "type": "((query: string) => void) | undefined",
+      "required": false,
+      "description": "Called for every edit of the field, in both the controlled and the uncontrolled mode."
+    },
+    "filter": {
+      "type": "CommandPaletteFilter | false | undefined",
+      "required": false,
+      "description": "Decides which of `groups` an edit keeps; commandPaletteFilter by default. `false` shows\n`groups` as given, for an app that filters them itself or gets them filtered from a server.\nNever applied to `recent` or to the results of `source`."
+    },
+    "source": {
+      "type": "CommandPaletteSource | undefined",
+      "required": false,
+      "description": "Loads results for the trimmed query, after `debounce` ms of quiet typing. Its `signal` is\naborted when a newer query, a close or an unmount makes the answer useless, and an answer that\narrives for an older query is dropped. Appended after `groups`."
+    },
+    "debounce": {
+      "type": "number | undefined",
+      "required": false,
+      "description": "Milliseconds of quiet typing before `source` is called; `200` by default."
+    },
+    "minQueryLength": {
+      "type": "number | undefined",
+      "required": false,
+      "description": "`source` is called only when the trimmed query has at least this many characters; `1` by\ndefault. `0` also loads for the empty query."
+    },
+    "loading": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "App-driven loading: shows the skeleton like a pending `source` does, for an app that loads\nitself with a controlled `query`; `false` by default."
+    },
+    "onSelect": {
+      "type": "((item: CommandPaletteItem, group: CommandPaletteGroup) => void) | undefined",
+      "required": false,
+      "description": "Called for every chosen item, after the item's own `onSelect`. The place for the app to move the\nitem to the top of its `recent` list."
+    },
+    "closeOnSelect": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Ask to close when an item is chosen; `true` by default."
+    },
+    "placeholder": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Placeholder of the field; `\"Type a command or search…\"` by default. It is not its name."
+    },
+    "searchLabel": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Accessible name of the field and, through `aria-labelledby`, of the listbox; `\"Search commands\"`."
+    },
+    "noResultsText": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Shown and announced when nothing matches; `\"No results\"` by default."
+    },
+    "errorText": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Shown and announced when `source` rejects; `\"Couldn't load results\"` by default."
+    },
+    "resultsAnnouncement": {
+      "type": "((count: number) => string) | undefined",
+      "required": false,
+      "description": "Text of the polite announcement after a search settles; `\"1 result\"` or `\"N results\"` by\ndefault. Not used for zero results, which announce `noResultsText`."
+    },
+    "footer": {
+      "type": "JSX.Element | undefined",
+      "required": false,
+      "description": "Slot under the results, for key hints built with `Kbd`. Drawn only when given:\n`<>Press <Kbd keys={[\"Enter\"]} /> to run</>`."
+    },
+    "class": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Added to the dialog element, after `smwb-command-palette`."
+    },
+    "aria-label": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Name of the dialog; `\"Command palette\"` by default. Not set when `aria-labelledby` is given."
+    },
+    "aria-labelledby": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Id of the element that names the dialog; replaces the default `aria-label`."
+    },
+    "aria-describedby": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Ids of the elements that describe the dialog."
+    },
+    "data-testid": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Test id of the dialog element; `\"command-palette\"` unless given."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement> | undefined",
+      "required": false,
+      "description": "Ref of the dialog element."
+    }
+  }
+}

package/component-meta/navigation/menu/menu.json

@@ -7,7 +7,7 @@
     "note": "The trigger renders on the server; the menu surface mounts on the client."
   },
   "extends": [
-    "MenuFloatingProps & {\n  variant?: \"static\" | \"floating\";\n  dense?: boolean;\n}"
+    "MenuFloatingProps & {\n  variant?: \"static\" | \"floating\";\n  dense?: boolean;\n  /**\n   * Role of the list inside the menu, `menu` by default. A component that draws\n   * a list of its own on the menu's surface sets `presentation`: SelectField's\n   * options are a `listbox` inside it.\n   */\n  listRole?: JSX.AriaAttributes[\"role\"];\n}"
   ],
   "inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
   "styles": {

package/component-meta/navigation/menu/menuItem.json

@@ -26,7 +26,7 @@
     "disabled": {
       "type": "boolean | undefined",
       "required": false,
-      "description": "Whether the control is disabled and non-interactive."
+      "description": "Greys the item out and marks it `aria-disabled`. It takes no focus, the arrow keys\nskip it, and neither a click nor Enter or Space chooses it."
     },
     "selected": {
       "type": "boolean | undefined",

package/component-meta/navigation/menu/menuList.json

@@ -25,6 +25,11 @@
       "type": "Ref<HTMLDivElement>",
       "required": false,
       "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    },
+    "listRole": {
+      "type": "JSX.AriaAttributes[\"role\"] | undefined",
+      "required": false,
+      "description": "Role of the inner list, `menu` by default (see `MenuProps`)."
     }
   }
 }

package/component-meta/navigation/menu/menuSubmenu.json

@@ -5,6 +5,10 @@
     "safe": true,
     "rendering": "universal"
   },
+  "extends": [
+    "JSX.HTMLAttributes<HTMLDivElement>"
+  ],
+  "inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
   "styles": {
     "base": [
       "@smwb/ui-styles/less/foundation.less",
@@ -13,8 +17,10 @@
     "entries": [
       "@smwb/ui-styles/less/components/menu/menu.entry.less"
     ],
-    "dependencies": [],
-    "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/menu/menu.entry.less\";"
+    "dependencies": [
+      "@smwb/ui-styles/less/components/ripple/ripple.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/menu/menu.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/ripple/ripple.entry.less\";"
   },
   "props": {
     "placement": {
@@ -45,7 +51,12 @@
     "class": {
       "type": "string",
       "required": false,
-      "description": "Class. Optional. Type: string."
+      "description": "Class of the floating panel that holds the items, as in React. The other HTML\nattributes and `style` go to the panel too; the toggle row takes none of them."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Gets the floating panel that holds the items, while it is open."
     }
   }
 }