@smwb/ui-mcp-react 2.0.0

package/component-meta/dataDisplay/chat/chatOverlayLayout.json

@@ -0,0 +1,75 @@
+{
+  "name": "ChatOverlayLayout",
+  "description": "Chat Overlay Layout component from the dataDisplay module.",
+  "extends": [
+    "PropsWithChildren",
+    "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/chat/chat.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/avatar/avatar.entry.less",
+      "@smwb/ui-styles/less/components/floatingButton/floatingButton.entry.less",
+      "@smwb/ui-styles/less/components/icon/icon.entry.less",
+      "@smwb/ui-styles/less/components/ripple/ripple.entry.less",
+      "@smwb/ui-styles/less/components/skeleton/skeleton.entry.less",
+      "@smwb/ui-styles/less/components/textField/textField.entry.less",
+      "@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/chat/chat.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/avatar/avatar.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/floatingButton/floatingButton.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/skeleton/skeleton.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/textField/textField.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/typography/typography.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "contentClassName": {
+      "type": "string",
+      "required": false,
+      "description": "CSS class name for the main content area."
+    },
+    "chatClassName": {
+      "type": "string",
+      "required": false,
+      "description": "CSS class name for the nested Chat component."
+    },
+    "side": {
+      "type": "ChatLayoutSide",
+      "required": false,
+      "description": "Side of the layout where the chat panel is docked."
+    },
+    "chatWidth": {
+      "type": "number | string",
+      "required": false,
+      "description": "Width of the docked chat panel."
+    },
+    "allowedLayouts": {
+      "type": "ChatLayoutMode[]",
+      "required": false,
+      "description": "Layout modes available in the chat header controls."
+    },
+    "defaultLayout": {
+      "type": "ChatLayoutMode",
+      "required": false,
+      "description": "Initial uncontrolled chat layout mode."
+    },
+    "defaultOpen": {
+      "type": "boolean",
+      "required": false,
+      "description": "Initial uncontrolled open state."
+    },
+    "chat": {
+      "type": "ChatOverlayLayoutChatProps",
+      "required": true,
+      "description": "Chat configuration passed to ChatLayout."
+    }
+  }
+}

package/component-meta/dataDisplay/chat/chatShell.json

@@ -0,0 +1,71 @@
+{
+  "name": "ChatShell",
+  "description": "Positioned chat container shell with header, body, and footer slots.",
+  "extends": [
+    "PropsWithChildren"
+  ],
+  "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/chat/chat.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/chat/chat.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "layout": {
+      "type": "ChatLayoutMode",
+      "required": true,
+      "description": "Current chat shell layout mode."
+    },
+    "anchor": {
+      "type": "ChatAnchor",
+      "required": false,
+      "description": "Corner anchor for floating chat positioning."
+    },
+    "themeMode": {
+      "type": "ChatThemeMode",
+      "required": false,
+      "description": "Color theme mode for the chat shell."
+    },
+    "embedded": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the chat is embedded in a layout instead of floating."
+    },
+    "overlayContext": {
+      "type": "boolean",
+      "required": false,
+      "description": "Overlay Context. Optional. Type: boolean."
+    },
+    "header": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Header. Optional. Type: ReactNode."
+    },
+    "footer": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Content rendered in the chat footer, typically the composer."
+    },
+    "fileDropzoneRootProps": {
+      "type": "React.HTMLAttributes<HTMLDivElement>",
+      "required": false,
+      "description": "File Dropzone Root Props. Optional. Type: React.HTMLAttributes<HTMLDivElement>."
+    },
+    "fileDropzoneActive": {
+      "type": "boolean",
+      "required": false,
+      "description": "File Dropzone Active. Optional. Type: boolean."
+    }
+  }
+}

package/component-meta/dataDisplay/chip/chip.json

@@ -0,0 +1,104 @@
+{
+  "name": "Chip",
+  "description": "Compact label or filter tag, optionally dismissible or clickable.",
+  "extends": [
+    "React.HTMLAttributes<HTMLSpanElement | HTMLAnchorElement>"
+  ],
+  "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/chip/chip.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/chip/chip.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": "\"filled\" | \"outlined\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "size": {
+      "type": "\"small\" | \"medium\"",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "color": {
+      "type": "ChipColor",
+      "required": false,
+      "description": "Semantic color token."
+    },
+    "onDelete": {
+      "type": "(event: React.SyntheticEvent) => void",
+      "required": false,
+      "description": "On Delete. Optional. Type: (event: React.SyntheticEvent) => void."
+    },
+    "icon": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Icon node or image source."
+    },
+    "deleteIcon": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Delete Icon. Optional. Type: React.ReactNode."
+    },
+    "label": {
+      "type": "string",
+      "required": true,
+      "description": "Visible label text."
+    },
+    "onClick": {
+      "type": "() => void",
+      "required": false,
+      "description": "Callback fired when the element is clicked."
+    },
+    "onDeleteMouseDown": {
+      "type": "React.MouseEventHandler",
+      "required": false,
+      "description": "On Delete Mouse Down. Optional. Type: React.MouseEventHandler."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "asLink": {
+      "type": "boolean",
+      "required": false,
+      "description": "As Link. Optional. Type: boolean."
+    },
+    "href": {
+      "type": "string",
+      "required": false,
+      "description": "Link URL when rendered as an anchor."
+    },
+    "target": {
+      "type": "string",
+      "required": false,
+      "description": "Open the link in a new tab (asLink only)."
+    },
+    "selected": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controlled selected tab index or value."
+    },
+    "deleteAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the delete control."
+    }
+  }
+}

package/component-meta/dataDisplay/expansionPanel/expansionPanel.json

@@ -0,0 +1,81 @@
+{
+  "name": "ExpansionPanel",
+  "description": "Panel with customizable controls and responsive fullscreen mode.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/expansionPanel/expansionPanel.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/expansionPanel/expansionPanel.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."
+    },
+    "header": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Content of the panel header (left side of the control bar)."
+    },
+    "mode": {
+      "type": "ExpansionMode",
+      "required": false,
+      "description": "Controlled layout mode."
+    },
+    "defaultMode": {
+      "type": "ExpansionMode",
+      "required": false,
+      "description": "Initial mode for the uncontrolled component."
+    },
+    "onModeChange": {
+      "type": "(mode: ExpansionMode) => void",
+      "required": false,
+      "description": "Fired with the next mode whenever it changes."
+    },
+    "disableExpand": {
+      "type": "boolean",
+      "required": false,
+      "description": "Render the panel as a plain card without row/fullscreen controls."
+    },
+    "noControls": {
+      "type": "boolean",
+      "required": false,
+      "description": "Hide the built-in control bar (consumer drives `mode` itself)."
+    },
+    "renderControls": {
+      "type": "ExpansionPanelControls",
+      "required": false,
+      "description": "Replace the built-in row/fullscreen controls with a custom node or render prop."
+    },
+    "closeOnOutsideClick": {
+      "type": "boolean",
+      "required": false,
+      "description": "Close fullscreen when the backdrop is clicked. Default: true."
+    },
+    "closeOnEsc": {
+      "type": "boolean",
+      "required": false,
+      "description": "Close fullscreen when Escape is pressed. Default: true."
+    },
+    "labels": {
+      "type": "ExpansionPanelLabels",
+      "required": false,
+      "description": "Accessible labels / tooltips for the built-in controls."
+    },
+    "children": {
+      "type": "ExpansionPanelChildren",
+      "required": false,
+      "description": "Child nodes rendered inside the component."
+    }
+  }
+}

package/component-meta/dataDisplay/imagesList/imagesList.json

@@ -0,0 +1,52 @@
+{
+  "name": "ImagesList",
+  "description": "Responsive masonry-style image grid.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/imagesList/imagesList.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/imagesList/imagesList.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "rowsHeight": {
+      "type": "number",
+      "required": false,
+      "description": "Rows Height. Optional. Type: number."
+    },
+    "cols": {
+      "type": "number",
+      "required": true,
+      "description": "Number of grid columns spanned by the item."
+    },
+    "variant": {
+      "type": "\"woven\" | \"masonry\" | \"default\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "gap": {
+      "type": "number",
+      "required": false,
+      "description": "Spacing between items."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the image list."
+    },
+    "id": {
+      "type": "string",
+      "required": false,
+      "description": "Unique identifier for the root element."
+    }
+  }
+}

package/component-meta/dataDisplay/imagesList/imagesListItem/imagesListItem.json

@@ -0,0 +1,64 @@
+{
+  "name": "ImagesListItem",
+  "description": "Single tile inside an ImagesList grid.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/imagesList/imagesListItem/imagesListItem.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/imagesList/imagesList.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/imagesList/imagesListItem/imagesListItem.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/imagesList/imagesList.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "src": {
+      "type": "string",
+      "required": true,
+      "description": "Media or image source URL."
+    },
+    "rowsHeight": {
+      "type": "number",
+      "required": false,
+      "description": "Rows Height. Optional. Type: number."
+    },
+    "cols": {
+      "type": "number",
+      "required": true,
+      "description": "Number of grid columns spanned by the item."
+    },
+    "rows": {
+      "type": "number",
+      "required": true,
+      "description": "Number of grid rows spanned by the item."
+    },
+    "rounded": {
+      "type": "boolean",
+      "required": false,
+      "description": "Rounded. Optional. Type: boolean."
+    },
+    "itemBarPlacement": {
+      "type": "\"top\" | \"bottom\" | \"under\"",
+      "required": false,
+      "description": "Item Bar Placement. Optional. Type: \"top\" | \"bottom\" | \"under\"."
+    },
+    "itemBarContent": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Item Bar Content. Optional. Type: React.ReactNode."
+    },
+    "alt": {
+      "type": "string",
+      "required": false,
+      "description": "Alternative text for images or icons."
+    }
+  }
+}

package/component-meta/dataDisplay/imagesList/imagesListItem/imagesListItemModal.json

@@ -0,0 +1,32 @@
+{
+  "name": "ImagesListItemModal",
+  "description": "Fullscreen modal viewer for an ImagesList item.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/imagesList/imagesListItem/imagesListItem.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/imagesList/imagesListItem/imagesListItem.entry.less\";"
+  },
+  "props": {
+    "src": {
+      "type": "string",
+      "required": true,
+      "description": "Media or image source URL."
+    },
+    "onClose": {
+      "type": "() => void",
+      "required": true,
+      "description": "Callback fired when the user dismisses the component."
+    },
+    "isOpen": {
+      "type": "boolean",
+      "required": true,
+      "description": "Controlled open state of the floating surface."
+    }
+  }
+}

package/component-meta/dataDisplay/list/list.json

@@ -0,0 +1,36 @@
+{
+  "name": "List",
+  "description": "Vertical list container with optional subheader.",
+  "extends": [
+    "HTMLAttributes<HTMLUListElement>"
+  ],
+  "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/list/list.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/list/list.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "dense": {
+      "type": "boolean",
+      "required": false,
+      "description": "Compact vertical rhythm."
+    },
+    "subheader": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Section subheader rendered before the items."
+    }
+  }
+}

package/component-meta/dataDisplay/list/listItem.json

@@ -0,0 +1,57 @@
+{
+  "name": "ListItem",
+  "description": "Single row inside a List.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/list/list.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/list/list.entry.less\";"
+  },
+  "props": {
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "selected": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controlled selected tab index or value."
+    },
+    "dense": {
+      "type": "boolean",
+      "required": false,
+      "description": "Compact row."
+    },
+    "divider": {
+      "type": "boolean",
+      "required": false,
+      "description": "Render a bottom divider."
+    },
+    "startAdornment": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Start Adornment. Optional. Type: React.ReactNode."
+    },
+    "endAdornment": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "End Adornment. Optional. Type: React.ReactNode."
+    },
+    "onClick": {
+      "type": "React.MouseEventHandler<HTMLLIElement>",
+      "required": false,
+      "description": "Callback fired when the element is clicked."
+    }
+  }
+}

package/component-meta/dataDisplay/table/table.json

@@ -0,0 +1,56 @@
+{
+  "name": "Table",
+  "description": "Table wrapper with optional pagination settings.",
+  "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/table/table.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/table/table.entry.less\";"
+  },
+  "props": {
+    "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."
+    },
+    "isLoading": {
+      "type": "boolean",
+      "required": false,
+      "description": "Is Loading. Optional. Type: boolean."
+    },
+    "hovered": {
+      "type": "boolean",
+      "required": false,
+      "description": "Hovered. Optional. Type: boolean."
+    },
+    "stickyHeader": {
+      "type": "boolean",
+      "required": false,
+      "description": "Pins the table header while the body scrolls."
+    },
+    "caption": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Optional accessible caption rendered for screen readers."
+    },
+    "paginationSettings": {
+      "type": "TablePaginationProps",
+      "required": false,
+      "description": "Pagination configuration for the table."
+    }
+  }
+}

package/component-meta/dataDisplay/table/tableBody.json

@@ -0,0 +1,26 @@
+{
+  "name": "TableBody",
+  "description": "Table body section wrapper.",
+  "extends": [
+    "HTMLAttributes<HTMLTableSectionElement>"
+  ],
+  "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/table/table.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/table/table.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    }
+  }
+}