@smwb/ui-mcp-react 2.6.3 → 2.8.0

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

@@ -55,6 +55,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>`; `stack` unless given."
     }
   }
 }

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

@@ -75,6 +75,11 @@
       "type": "AppBarColor",
       "required": false,
       "description": "Semantic background color."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the root (`<header>`, or `<footer>` at the bottom); `app-bar` unless given."
     }
   }
 }

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

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

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  React.HTMLAttributes<HTMLElement> & {\n    variant?: \"static\" | \"floating\";\n    dense?: boolean;\n  }"
+    "MenuFloatingProps &\n  React.HTMLAttributes<HTMLElement> & {\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?: React.AriaRole;\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",
       "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",

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

@@ -97,6 +97,11 @@
       "type": "(page: number) => void",
       "required": false,
       "description": "Callback fired when the value changes."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the root `<nav>`; `pagination` unless given."
     }
   }
 }

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

@@ -39,19 +39,24 @@
       "description": "Index of the active (current) step."
     },
     "orientation": {
-      "type": "\"horizontal\" | \"vertical\"",
+      "type": "StepperOrientation",
       "required": false,
       "description": "Layout orientation."
     },
     "alternativeLabel": {
       "type": "boolean",
       "required": false,
-      "description": "Place the label under the icon (horizontal only)."
+      "description": "Place the label under the icon (in a row: horizontal, or auto while wide)."
     },
     "onStepClick": {
       "type": "(index: number) => void",
       "required": false,
       "description": "Makes steps clickable; receives the clicked step index."
+    },
+    "data-testid": {
+      "type": "string",
+      "required": false,
+      "description": "Test id of the stepper `<div>`; `stepper` unless given."
     }
   }
 }

package/component-meta/navigation/tabs/tab/tab.json

@@ -53,6 +53,11 @@
       "required": false,
       "description": "Tag. Optional. Type: React.ElementType."
     },
+    "href": {
+      "type": "string",
+      "required": false,
+      "description": "With `tag=\"a\"`: where the link goes, so the tab stays a real link."
+    },
     "disabled": {
       "type": "boolean",
       "required": false,

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

@@ -14,31 +14,52 @@
       "@smwb/ui-styles/less/components/tabs/tabs.entry.less"
     ],
     "dependencies": [
+      "@smwb/ui-styles/less/components/icon/icon.entry.less",
       "@smwb/ui-styles/less/components/ripple/ripple.entry.less",
       "@smwb/ui-styles/less/components/tabs/tab/tab.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/tabs/tabs.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\";"
+    "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/tabs/tabs.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/ripple/ripple.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/tabs/tab/tab.entry.less\";"
   },
   "props": {
     "value": {
       "type": "number",
       "required": true,
-      "description": "Controlled value."
+      "description": "Index of the selected tab. Tabs count in the order they render: a tab left out,\nsuch as `{show && <Tab />}` while `show` is false, takes no index."
     },
     "onChange": {
       "type": "(e: React.MouseEvent<HTMLButtonElement>, index: number) => void",
       "required": true,
-      "description": "Callback fired when the value changes."
+      "description": "Called with the index of the clicked tab, counted as for `value`."
     },
     "indicatorContent": {
       "type": "boolean",
       "required": false,
-      "description": "Indicator Content. Optional. Type: boolean."
+      "description": "Draw the indicator as wide as the selected tab's label rather than the whole tab."
     },
     "scrollable": {
       "type": "boolean",
       "required": false,
-      "description": "Scrollable. Optional. Type: boolean."
+      "description": "Let the tab row scroll sideways instead of clipping it. The edge beyond which\nmore tabs are hidden fades out."
+    },
+    "scrollButtons": {
+      "type": "boolean",
+      "required": false,
+      "description": "With `scrollable`: buttons at both ends that scroll the row while it overflows."
+    },
+    "dense": {
+      "type": "boolean",
+      "required": false,
+      "description": "Compact tabs: labels as written (no capitals, no letter spacing) and less padding."
+    },
+    "scrollBackAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label of the button that scrolls back."
+    },
+    "scrollForwardAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label of the button that scrolls forward."
     },
     "className": {
       "type": "string",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smwb/ui-mcp-react",
-  "version": "2.6.3",
+  "version": "2.8.0",
   "description": "Model Context Protocol server exposing the @smwb/ui-react (React) component catalog and customization guide.",
   "license": "MIT",
   "type": "module",
@@ -28,8 +28,8 @@
     "zod": "^4.4.3"
   },
   "devDependencies": {
-    "@smwb/ui-react": "^2.6.3",
-    "@smwb/ui-styles": "^1.4.3",
+    "@smwb/ui-react": "^2.8.0",
+    "@smwb/ui-styles": "^1.6.0",
     "glob": "^13.0.6",
     "typescript": "^6.0.3",
     "vitest": "^2.1.9"