@smwb/ui-mcp-react 2.0.0

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

@@ -0,0 +1,56 @@
+{
+  "name": "Divider",
+  "description": "Horizontal or vertical content separator.",
+  "extends": [
+    "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",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/divider/divider.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/divider/divider.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "orientation": {
+      "type": "\"horizontal\" | \"vertical\"",
+      "required": false,
+      "description": "Direction of the divider line."
+    },
+    "variant": {
+      "type": "\"fullWidth\" | \"inset\" | \"middle\"",
+      "required": false,
+      "description": "Inset behaviour of the line relative to its container."
+    },
+    "textAlign": {
+      "type": "\"left\" | \"center\" | \"right\"",
+      "required": false,
+      "description": "Horizontal alignment of the optional text content."
+    },
+    "color": {
+      "type": "DividerColor",
+      "required": false,
+      "description": "Line color (semantic token)."
+    },
+    "thickness": {
+      "type": "number | string",
+      "required": false,
+      "description": "Line thickness (number = px, or any CSS length)."
+    },
+    "flexItem": {
+      "type": "boolean",
+      "required": false,
+      "description": "Stretch to fill a flex container along the cross axis."
+    }
+  }
+}

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

@@ -0,0 +1,20 @@
+{
+  "name": "Column",
+  "description": "Grid column with responsive span configuration.",
+  "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}"
+  ],
+  "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/grid/grid.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/grid/grid.entry.less\";"
+  },
+  "props": {}
+}

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

@@ -0,0 +1,31 @@
+{
+  "name": "Container",
+  "description": "Centered max-width page container.",
+  "extends": [
+    "React.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",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/grid/grid.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/grid/grid.entry.less\";"
+  },
+  "props": {
+    "maxWidth": {
+      "type": "ContainerMaxWidth",
+      "required": false,
+      "description": "Max-width breakpoint cap; `false` = fluid full width."
+    },
+    "disableGutters": {
+      "type": "boolean",
+      "required": false,
+      "description": "Remove horizontal gutters."
+    }
+  }
+}

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

@@ -0,0 +1,46 @@
+{
+  "name": "Row",
+  "description": "Grid row container.",
+  "extends": [
+    "React.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",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/grid/grid.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/grid/grid.entry.less\";"
+  },
+  "props": {
+    "wrap": {
+      "type": "(typeof wrapOptions)[number]",
+      "required": false,
+      "description": "Wrap. Optional. Type: (typeof wrapOptions)[number]."
+    },
+    "justifyContent": {
+      "type": "(typeof justifyContentOptions)[number]",
+      "required": false,
+      "description": "Justify Content. Optional. Type: (typeof justifyContentOptions)[number]."
+    },
+    "alignItems": {
+      "type": "(typeof alignItemsOptions)[number]",
+      "required": false,
+      "description": "Align Items. Optional. Type: (typeof alignItemsOptions)[number]."
+    },
+    "direction": {
+      "type": "(typeof directionOptions)[number]",
+      "required": false,
+      "description": "Direction. Optional. Type: (typeof directionOptions)[number]."
+    },
+    "spacing": {
+      "type": "number",
+      "required": false,
+      "description": "Spacing between stacked children."
+    }
+  }
+}

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

@@ -0,0 +1,41 @@
+{
+  "name": "Page",
+  "description": "Standard page content wrapper.",
+  "extends": [
+    "HTMLAttributes<HTMLElement>"
+  ],
+  "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/page/page.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/page/page.entry.less\";"
+  },
+  "props": {
+    "maxWidth": {
+      "type": "PageMaxWidth",
+      "required": false,
+      "description": "Content max-width cap; `full` = fluid."
+    },
+    "disableGutters": {
+      "type": "boolean",
+      "required": false,
+      "description": "Remove the page padding."
+    },
+    "component": {
+      "type": "keyof JSX.IntrinsicElements",
+      "required": false,
+      "description": "Render as a different element (default `main`)."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    }
+  }
+}

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

@@ -0,0 +1,53 @@
+{
+  "name": "PageHeader",
+  "description": "Page title area with optional actions and breadcrumbs slot.",
+  "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/pageHeader/pageHeader.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/typography/typography.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/pageHeader/pageHeader.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/typography/typography.entry.less\";"
+  },
+  "props": {
+    "title": {
+      "type": "ReactNode",
+      "required": true,
+      "description": "Accessible title or tooltip text."
+    },
+    "subtitle": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Subtitle. Optional. Type: ReactNode."
+    },
+    "breadcrumbs": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Slot above the title (e.g. <Breadcrumbs />)."
+    },
+    "actions": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Slot on the trailing side (e.g. action buttons)."
+    },
+    "divider": {
+      "type": "boolean",
+      "required": false,
+      "description": "Render a divider below the header."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    }
+  }
+}

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

@@ -0,0 +1,52 @@
+{
+  "name": "ScreenDivider",
+  "description": "Responsive divider that changes orientation by breakpoint.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/screenDivider/screenDivider.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/screenDivider/screenDivider.entry.less\";"
+  },
+  "props": {
+    "sizeFirst": {
+      "type": "number",
+      "required": false,
+      "description": "Size First. Optional. Type: number."
+    },
+    "sizeSecond": {
+      "type": "number",
+      "required": false,
+      "description": "Size Second. Optional. Type: number."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "orientation": {
+      "type": "\"horizontal\" | \"vertical\"",
+      "required": false,
+      "description": "Layout orientation."
+    },
+    "onSizeChange": {
+      "type": "(sizeFirst: number) => void",
+      "required": false,
+      "description": "Called with the first pane size (percent) whenever it changes."
+    },
+    "keyboardStep": {
+      "type": "number",
+      "required": false,
+      "description": "Step (in percent) applied on arrow-key resize."
+    },
+    "resizerAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the resizer handle."
+    }
+  }
+}

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

@@ -0,0 +1,115 @@
+{
+  "name": "Sheet",
+  "description": "Side or bottom sliding panel surface.",
+  "extends": [
+    "React.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",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/sheet/sheet.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/button/button.entry.less",
+      "@smwb/ui-styles/less/components/icon/icon.entry.less",
+      "@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/sheet/sheet.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/button/button.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\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "placement": {
+      "type": "\"top\" | \"bottom\" | \"right\" | \"left\"",
+      "required": false,
+      "description": "Preferred floating placement relative to the anchor."
+    },
+    "isOpen": {
+      "type": "boolean",
+      "required": true,
+      "description": "Controlled open state of the floating surface."
+    },
+    "onClose": {
+      "type": "() => void",
+      "required": false,
+      "description": "Callback fired when the user dismisses the component."
+    },
+    "variant": {
+      "type": "\"default\" | \"modal\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "withSizeToggle": {
+      "type": "boolean",
+      "required": false,
+      "description": "With Size Toggle. Optional. Type: boolean."
+    },
+    "hideHeaderActions": {
+      "type": "boolean",
+      "required": false,
+      "description": "Hide built-in header actions; onClose still handles Esc and backdrop."
+    },
+    "reverseHeaderActions": {
+      "type": "boolean",
+      "required": false,
+      "description": "Reverse Header Actions. Optional. Type: boolean."
+    },
+    "size": {
+      "type": "string",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "disableOutsideClick": {
+      "type": "boolean",
+      "required": false,
+      "description": "Disable Outside Click. Optional. Type: boolean."
+    },
+    "closeOnEsc": {
+      "type": "boolean",
+      "required": false,
+      "description": "Close the sheet when Escape is pressed."
+    },
+    "resizable": {
+      "type": "boolean",
+      "required": false,
+      "description": "Allow the user to resize the sheet by dragging a grab handle with\ntouch or mouse (mobile bottom-sheet style). Off by default.\n/"
+    },
+    "minSize": {
+      "type": "number",
+      "required": false,
+      "description": "Minimum size in px while resizing (default 80)."
+    },
+    "maxSize": {
+      "type": "number",
+      "required": false,
+      "description": "Maximum size in px while resizing (default: viewport dimension)."
+    },
+    "resizeStep": {
+      "type": "number",
+      "required": false,
+      "description": "Step in px for keyboard resizing (default 24)."
+    },
+    "resizeHandleAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the resize handle."
+    },
+    "onResize": {
+      "type": "(size: number) => void",
+      "required": false,
+      "description": "Called with the new size in px while/after resizing."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label when no visible title is present."
+    }
+  }
+}

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

@@ -0,0 +1,56 @@
+{
+  "name": "Stack",
+  "description": "Flex stack layout with spacing and optional dividers.",
+  "extends": [
+    "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",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/stack/stack.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/stack/stack.entry.less\";"
+  },
+  "props": {
+    "direction": {
+      "type": "\"row\" | \"row-reverse\" | \"column\" | \"column-reverse\"",
+      "required": false,
+      "description": "Direction. Optional. Type: \"row\" | \"row-reverse\" | \"column\" | \"column-reverse\"."
+    },
+    "spacing": {
+      "type": "StackSpacing",
+      "required": false,
+      "description": "Gap between items: scale keyword, or a number = N × spacing unit."
+    },
+    "align": {
+      "type": "\"start\" | \"center\" | \"end\" | \"stretch\" | \"baseline\"",
+      "required": false,
+      "description": "Horizontal alignment of the message bubble."
+    },
+    "justify": {
+      "type": "\"start\" | \"center\" | \"end\" | \"space-between\" | \"space-around\" | \"space-evenly\"",
+      "required": false,
+      "description": "Justify. Optional. Type: \"start\" | \"center\" | \"end\" | \"space-between\" | \"space-around\" | \"space-evenly\"."
+    },
+    "wrap": {
+      "type": "boolean",
+      "required": false,
+      "description": "Wrap. Optional. Type: boolean."
+    },
+    "divider": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Optional element rendered between each child."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    }
+  }
+}

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

@@ -0,0 +1,76 @@
+{
+  "name": "AppBar",
+  "description": "Top application bar with title and action slots.",
+  "extends": [
+    "Omit<React.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/appBar/appBar.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/appBar/appBar.entry.less\";"
+  },
+  "props": {
+    "children": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Child nodes rendered inside the component."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "dense": {
+      "type": "boolean",
+      "required": false,
+      "description": "Compact layout with reduced spacing."
+    },
+    "position": {
+      "type": "\"relative\" | \"static\" | \"absolute\" | \"sticky\" | \"fixed\"",
+      "required": false,
+      "description": "Position. Optional. Type: \"relative\" | \"static\" | \"absolute\" | \"sticky\" | \"fixed\"."
+    },
+    "placement": {
+      "type": "\"top\" | \"bottom\"",
+      "required": false,
+      "description": "Preferred floating placement relative to the anchor."
+    },
+    "leftContent": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Left Content. Optional. Type: React.ReactNode."
+    },
+    "midContent": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Mid Content. Optional. Type: React.ReactNode."
+    },
+    "rightContent": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Right Content. Optional. Type: React.ReactNode."
+    },
+    "title": {
+      "type": "React.ReactNode | string",
+      "required": false,
+      "description": "Accessible title or tooltip text."
+    },
+    "midContentAlign": {
+      "type": "\"middle\" | \"left\" | \"right\"",
+      "required": false,
+      "description": "Mid Content Align. Optional. Type: \"middle\" | \"left\" | \"right\"."
+    },
+    "color": {
+      "type": "AppBarColor",
+      "required": false,
+      "description": "Semantic background color."
+    }
+  }
+}

package/component-meta/navigation/bottomBar/bottomBar.bottomBarMenuItem.json

@@ -0,0 +1,19 @@
+{
+  "name": "BottomBarMenuItem",
+  "description": "Bottom Bar Menu Item component from the navigation module.",
+  "extends": [
+    "SidebarMenuItemProps"
+  ],
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/bottomBar/bottomBar.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/bottomBar/bottomBar.entry.less\";"
+  },
+  "props": {}
+}

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

@@ -0,0 +1,61 @@
+{
+  "name": "BottomBar",
+  "description": "Bottom Bar component from the navigation module.",
+  "extends": [
+    "React.HTMLAttributes<HTMLElement>"
+  ],
+  "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/bottomBar/bottomBar.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/icon/icon.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/sidebar/sidebar.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/bottomBar/bottomBar.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/ripple/ripple.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/sidebar/sidebar.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "menuItems": {
+      "type": "SidebarMenuItemProps[]",
+      "required": false,
+      "description": "Menu Items. Optional. Type: SidebarMenuItemProps[]."
+    },
+    "visibleCount": {
+      "type": "number",
+      "required": false,
+      "description": "Visible Count. Optional. Type: number."
+    },
+    "activeItem": {
+      "type": "number | null",
+      "required": false,
+      "description": "Active Item. Optional. Type: number | null."
+    },
+    "defaultActiveItem": {
+      "type": "number | null",
+      "required": false,
+      "description": "Default Active Item. Optional. Type: number | null."
+    },
+    "onActiveItemChange": {
+      "type": "(index: number) => void",
+      "required": false,
+      "description": "On Active Item Change. Optional. Type: (index: number) => void."
+    },
+    "overflowMenuAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Overflow Menu Aria Label. Optional. Type: string."
+    }
+  }
+}