@smwb/ui-mcp-react 2.0.0

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

@@ -0,0 +1,61 @@
+{
+  "name": "Breadcrumbs",
+  "description": "Hierarchical navigation trail.",
+  "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/breadcrumbs/breadcrumbs.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/breadcrumbs/breadcrumbs.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "separator": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Node placed between every crumb."
+    },
+    "maxItems": {
+      "type": "number",
+      "required": false,
+      "description": "Collapse the middle of the trail when there are more than `maxItems` crumbs."
+    },
+    "itemsBeforeCollapse": {
+      "type": "number",
+      "required": false,
+      "description": "How many leading crumbs to keep when collapsed."
+    },
+    "itemsAfterCollapse": {
+      "type": "number",
+      "required": false,
+      "description": "How many trailing crumbs to keep when collapsed."
+    },
+    "expanded": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controlled expanded state."
+    },
+    "onExpand": {
+      "type": "() => void",
+      "required": false,
+      "description": "Fired when the user activates the expand control."
+    },
+    "expandLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the expand button."
+    }
+  }
+}

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

@@ -0,0 +1,20 @@
+{
+  "name": "Menu",
+  "description": "Dropdown menu anchored to a trigger element.",
+  "extends": [
+    "MenuFloatingProps &\n  React.HTMLAttributes<HTMLElement> & {\n    variant?: \"static\" | \"floating\";\n    dense?: boolean;\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/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\";"
+  },
+  "props": {}
+}

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

@@ -0,0 +1,20 @@
+{
+  "name": "MenuDivider",
+  "description": "Non-interactive separator between menu items.",
+  "extends": [
+    "React.HTMLAttributes<HTMLLIElement>"
+  ],
+  "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/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\";"
+  },
+  "props": {}
+}

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

@@ -0,0 +1,46 @@
+{
+  "name": "MenuFloating",
+  "description": "Floating positioned surface used by menus and popovers.",
+  "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/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\";"
+  },
+  "props": {
+    "anchorElement": {
+      "type": "Element | null",
+      "required": false,
+      "description": "DOM element used as the positioning anchor."
+    },
+    "isOpen": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controlled open state of the floating surface."
+    },
+    "onClose": {
+      "type": "() => void",
+      "required": false,
+      "description": "Callback fired when the user dismisses the component."
+    },
+    "placement": {
+      "type": "Placement",
+      "required": false,
+      "description": "Preferred floating placement relative to the anchor."
+    },
+    "middleware": {
+      "type": "Middleware[]",
+      "required": false,
+      "description": "Floating UI middleware overrides for positioning."
+    }
+  }
+}

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

@@ -0,0 +1,63 @@
+{
+  "name": "MenuItem",
+  "description": "Interactive item inside a menu list.",
+  "extends": [
+    "React.HTMLAttributes<HTMLLIElement>"
+  ],
+  "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/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": {
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "selected": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controlled selected tab index or value."
+    },
+    "href": {
+      "type": "string",
+      "required": false,
+      "description": "Link URL when rendered as an anchor."
+    },
+    "linkElement": {
+      "type": "React.ElementType",
+      "required": false,
+      "description": "Link Element. Optional. Type: React.ElementType."
+    },
+    "linkProps": {
+      "type": "LinkProps",
+      "required": false,
+      "description": "Link Props. Optional. Type: LinkProps."
+    },
+    "value": {
+      "type": "unknown",
+      "required": false,
+      "description": "Controlled value."
+    },
+    "optionRenderer": {
+      "type": "(args: MenuItemProps) => React.ReactNode",
+      "required": false,
+      "description": "Option Renderer. Optional. Type: (args: MenuItemProps) => React.ReactNode."
+    },
+    "onClick": {
+      "type": "React.MouseEventHandler<HTMLLIElement>",
+      "required": false,
+      "description": "Callback fired when the element is clicked."
+    }
+  }
+}

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

@@ -0,0 +1,26 @@
+{
+  "name": "MenuItemIcon",
+  "description": "Leading icon slot for a menu item.",
+  "extends": [
+    "React.HTMLAttributes<HTMLSpanElement>"
+  ],
+  "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/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\";"
+  },
+  "props": {
+    "edge": {
+      "type": "\"start\" | \"end\"",
+      "required": false,
+      "description": "Edge. Optional. Type: \"start\" | \"end\"."
+    }
+  }
+}

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

@@ -0,0 +1,36 @@
+{
+  "name": "MenuItemText",
+  "description": "Primary text slot for a menu item.",
+  "extends": [
+    "React.HTMLAttributes<HTMLSpanElement>"
+  ],
+  "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/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\";"
+  },
+  "props": {
+    "inset": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the divider is inset from the edges."
+    },
+    "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."
+    }
+  }
+}

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

@@ -0,0 +1,20 @@
+{
+  "name": "MenuList",
+  "description": "List container inside a menu.",
+  "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/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\";"
+  },
+  "props": {}
+}

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

@@ -0,0 +1,22 @@
+{
+  "name": "MenuSubmenu",
+  "description": "Nested submenu with hover or click activation.",
+  "extends": [
+    "Pick<MenuFloatingProps, \"placement\" | \"onClose\"> &\n  React.HTMLAttributes<HTMLDivElement> & {\n    toggleElement?: React.ReactElement;\n    /** Items and/or nested `MenuSubmenu` elements (multi-level supported). */\n    children: React.ReactNode;\n    /** Open the submenu on pointer hover in addition to click. */\n    openOnHover?: boolean;\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/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": {}
+}

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

@@ -0,0 +1,98 @@
+{
+  "name": "Pagination",
+  "description": "Page navigation control with previous and next actions.",
+  "extends": [
+    "Omit<HTMLAttributes<HTMLElement>, \"onChange\">"
+  ],
+  "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/pagination/pagination.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/pagination/pagination.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "count": {
+      "type": "number",
+      "required": true,
+      "description": "Total number of pages."
+    },
+    "page": {
+      "type": "number",
+      "required": true,
+      "description": "Current page (1-based)."
+    },
+    "siblingCount": {
+      "type": "number",
+      "required": false,
+      "description": "Pages shown on each side of the current page."
+    },
+    "boundaryCount": {
+      "type": "number",
+      "required": false,
+      "description": "Pages always shown at the start and end."
+    },
+    "size": {
+      "type": "\"small\" | \"medium\"",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "variant": {
+      "type": "\"filled\" | \"outlined\"",
+      "required": false,
+      "description": "Item style."
+    },
+    "shape": {
+      "type": "\"rounded\" | \"circular\"",
+      "required": false,
+      "description": "Item shape."
+    },
+    "color": {
+      "type": "PaginationColor",
+      "required": false,
+      "description": "Semantic color token."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "showFirstButton": {
+      "type": "boolean",
+      "required": false,
+      "description": "Show First Button. Optional. Type: boolean."
+    },
+    "showLastButton": {
+      "type": "boolean",
+      "required": false,
+      "description": "Show Last Button. Optional. Type: boolean."
+    },
+    "hidePrevButton": {
+      "type": "boolean",
+      "required": false,
+      "description": "Hide Prev Button. Optional. Type: boolean."
+    },
+    "hideNextButton": {
+      "type": "boolean",
+      "required": false,
+      "description": "Hide Next Button. Optional. Type: boolean."
+    },
+    "onChange": {
+      "type": "(page: number) => void",
+      "required": false,
+      "description": "Callback fired when the value changes."
+    }
+  }
+}

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

@@ -0,0 +1,79 @@
+{
+  "name": "Sidebar",
+  "description": "Vertical navigation sidebar with collapsible sections.",
+  "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/sidebar/sidebar.entry.less"
+    ],
+    "dependencies": [
+      "@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/sidebar/sidebar.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."
+    },
+    "variant": {
+      "type": "\"compact\" | \"default\" | \"compactMini\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "menuItems": {
+      "type": "MenuItemProps[]",
+      "required": false,
+      "description": "Menu Items. Optional. Type: MenuItemProps[]."
+    },
+    "activeItem": {
+      "type": "number | null",
+      "required": false,
+      "description": "Controlled index of the active menu item."
+    },
+    "defaultActiveItem": {
+      "type": "number | null",
+      "required": false,
+      "description": "Default active index (uncontrolled)."
+    },
+    "onActiveItemChange": {
+      "type": "(index: number) => void",
+      "required": false,
+      "description": "Called with the index of the activated item."
+    },
+    "collapsible": {
+      "type": "boolean",
+      "required": false,
+      "description": "Render a built-in toggle that collapses the rail to an icon-only mini rail."
+    },
+    "collapsed": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controlled collapsed state."
+    },
+    "defaultCollapsed": {
+      "type": "boolean",
+      "required": false,
+      "description": "Initial collapsed state (uncontrolled)."
+    },
+    "onCollapsedChange": {
+      "type": "(collapsed: boolean) => void",
+      "required": false,
+      "description": "Called whenever the collapsed state changes."
+    },
+    "collapseToggleAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the built-in collapse toggle."
+    }
+  }
+}

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

@@ -0,0 +1,56 @@
+{
+  "name": "MenuItem",
+  "description": "Interactive item inside a menu list.",
+  "extends": [
+    "Omit<React.HTMLAttributes<HTMLDivElement>, \"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/sidebar/sidebar.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/sidebar/sidebar.entry.less\";"
+  },
+  "props": {
+    "icon": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Icon node or image source."
+    },
+    "title": {
+      "type": "string",
+      "required": true,
+      "description": "Accessible title or tooltip text."
+    },
+    "isActive": {
+      "type": "boolean",
+      "required": false,
+      "description": "Is Active. Optional. Type: boolean."
+    },
+    "onClick": {
+      "type": "React.MouseEventHandler<HTMLDivElement>",
+      "required": false,
+      "description": "Callback fired when the element is clicked."
+    },
+    "as": {
+      "type": "React.ElementType",
+      "required": false,
+      "description": "As. Optional. Type: React.ElementType."
+    },
+    "href": {
+      "type": "string",
+      "required": false,
+      "description": "Link URL when rendered as an anchor."
+    },
+    "variant": {
+      "type": "\"compact\" | \"default\" | \"compactMini\"",
+      "required": false,
+      "description": "Visual style variant."
+    }
+  }
+}

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

@@ -0,0 +1,53 @@
+{
+  "name": "Stepper",
+  "description": "Multi-step progress indicator with optional navigation.",
+  "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/stepper/stepper.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/stepper/stepper.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "steps": {
+      "type": "StepItem[]",
+      "required": true,
+      "description": "Step definitions for the stepper."
+    },
+    "activeStep": {
+      "type": "number",
+      "required": true,
+      "description": "Index of the active (current) step."
+    },
+    "orientation": {
+      "type": "\"horizontal\" | \"vertical\"",
+      "required": false,
+      "description": "Layout orientation."
+    },
+    "alternativeLabel": {
+      "type": "boolean",
+      "required": false,
+      "description": "Place the label under the icon (horizontal only)."
+    },
+    "onStepClick": {
+      "type": "(index: number) => void",
+      "required": false,
+      "description": "Makes steps clickable; receives the clicked step index."
+    }
+  }
+}