@smwb/ui-mcp-react 2.0.0

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

@@ -0,0 +1,88 @@
+{
+  "name": "Carousel",
+  "description": "Scrollable media carousel with navigation and autoplay.",
+  "extends": [
+    "React.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/carousel/carousel.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/carousel/carousel.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
+  },
+  "props": {
+    "slidesToShow": {
+      "type": "number",
+      "required": false,
+      "description": "Slides To Show. Optional. Type: number."
+    },
+    "startSlide": {
+      "type": "number",
+      "required": false,
+      "description": "Start Slide. Optional. Type: number."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "showNavigation": {
+      "type": "boolean",
+      "required": false,
+      "description": "Show Navigation. Optional. Type: boolean."
+    },
+    "showArrows": {
+      "type": "boolean",
+      "required": false,
+      "description": "Show Arrows. Optional. Type: boolean."
+    },
+    "arrowsSize": {
+      "type": "number",
+      "required": false,
+      "description": "Arrows Size. Optional. Type: number."
+    },
+    "navigationClassName": {
+      "type": "string",
+      "required": false,
+      "description": "Navigation Class Name. Optional. Type: string."
+    },
+    "onSlideChange": {
+      "type": "(slideIndex: number) => void",
+      "required": false,
+      "description": "On Slide Change. Optional. Type: (slideIndex: number) => void."
+    },
+    "navigationDotRenderer": {
+      "type": "(index: number, isActive: boolean, onClick: (index: number) => void) => ReactNode",
+      "required": false,
+      "description": "Navigation Dot Renderer. Optional. Type: (index: number, isActive: boolean, onClick: (index: number) => void) => ReactNode."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the carousel region."
+    },
+    "autoplay": {
+      "type": "boolean",
+      "required": false,
+      "description": "Advance slides automatically."
+    },
+    "autoplayInterval": {
+      "type": "number",
+      "required": false,
+      "description": "Autoplay interval in ms."
+    },
+    "pauseOnHover": {
+      "type": "boolean",
+      "required": false,
+      "description": "Pause autoplay while the pointer is over the carousel."
+    }
+  }
+}

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

@@ -0,0 +1,240 @@
+{
+  "name": "Chat",
+  "description": "Chat dialog with layout modes, infinite scroll, attachments, and delivery statuses.",
+  "extends": [
+    "PropsWithChildren",
+    "Omit<ChatMessageRenderContext, \"showAvatars\" | \"showAttachments\">"
+  ],
+  "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."
+    },
+    "messages": {
+      "type": "ChatMessage[]",
+      "required": true,
+      "description": "Chat message list to render."
+    },
+    "showAvatars": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether author avatars are shown in chat messages."
+    },
+    "showAttachments": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether file attachments are shown in chat messages."
+    },
+    "headerTitle": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Title shown in the chat header."
+    },
+    "headerSubtitle": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Subtitle shown in the chat header."
+    },
+    "headerActions": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Custom actions rendered in the chat header."
+    },
+    "footer": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Content rendered in the chat footer, typically the composer."
+    },
+    "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."
+    },
+    "allowedLayouts": {
+      "type": "ChatLayoutMode[]",
+      "required": false,
+      "description": "Layout modes available in the chat header controls."
+    },
+    "layout": {
+      "type": "ChatLayoutMode",
+      "required": false,
+      "description": "Current chat shell layout mode."
+    },
+    "defaultLayout": {
+      "type": "ChatLayoutMode",
+      "required": false,
+      "description": "Initial uncontrolled chat layout mode."
+    },
+    "onLayoutChange": {
+      "type": "(layout: ChatLayoutMode) => void",
+      "required": false,
+      "description": "Callback fired when chat layout mode changes."
+    },
+    "open": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controlled open/visible state."
+    },
+    "defaultOpen": {
+      "type": "boolean",
+      "required": false,
+      "description": "Initial uncontrolled open state."
+    },
+    "onOpenChange": {
+      "type": "(open: boolean) => void",
+      "required": false,
+      "description": "Callback fired when the open state should change."
+    },
+    "floatingTrigger": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the chat opens from a floating action button."
+    },
+    "triggerIcon": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Custom icon for the floating chat trigger button."
+    },
+    "triggerLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the floating chat trigger button."
+    },
+    "onLoadMore": {
+      "type": "() => void | Promise<void>",
+      "required": false,
+      "description": "Callback to load older messages for infinite scroll."
+    },
+    "hasMore": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether more older messages are available to load."
+    },
+    "onSendMessage": {
+      "type": "(text: string) => void | Promise<void>",
+      "required": false,
+      "description": "On Send Message. Optional. Type: (text: string) => void | Promise<void>."
+    },
+    "composerPlaceholder": {
+      "type": "string",
+      "required": false,
+      "description": "Composer Placeholder. Optional. Type: string."
+    },
+    "composerDisabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Composer Disabled. Optional. Type: boolean."
+    },
+    "composerShiftEnterNewline": {
+      "type": "boolean",
+      "required": false,
+      "description": "Composer Shift Enter Newline. Optional. Type: boolean."
+    },
+    "composerCtrlEnterNewline": {
+      "type": "boolean",
+      "required": false,
+      "description": "Composer Ctrl Enter Newline. Optional. Type: boolean."
+    },
+    "fileUpload": {
+      "type": "boolean",
+      "required": false,
+      "description": "File Upload. Optional. Type: boolean."
+    },
+    "onUploadFiles": {
+      "type": "(files: File[]) => void | Promise<void>",
+      "required": false,
+      "description": "On Upload Files. Optional. Type: (files: File[]) => void | Promise<void>."
+    },
+    "fileUploadAccept": {
+      "type": "Accept",
+      "required": false,
+      "description": "File Upload Accept. Optional. Type: Accept."
+    },
+    "fileUploadMaxFiles": {
+      "type": "number",
+      "required": false,
+      "description": "File Upload Max Files. Optional. Type: number."
+    },
+    "attachAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Attach Aria Label. Optional. Type: string."
+    },
+    "loading": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether content is loading."
+    },
+    "loadingMore": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether older messages are currently loading."
+    },
+    "loadingSkeletonCount": {
+      "type": "number",
+      "required": false,
+      "description": "Number of skeleton placeholders shown while loading."
+    },
+    "renderMessage": {
+      "type": "ChatMessagesProps[\"renderMessage\"]",
+      "required": false,
+      "description": "Custom render function for an individual chat message."
+    },
+    "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."
+    },
+    "showStatus": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether delivery status icons are shown on outgoing messages."
+    },
+    "statusIcons": {
+      "type": "ChatMessageRenderContext[\"statusIcons\"]",
+      "required": false,
+      "description": "Custom Material icon names mapped to message delivery statuses."
+    },
+    "renderStatus": {
+      "type": "ChatMessageRenderContext[\"renderStatus\"]",
+      "required": false,
+      "description": "Custom render function for message delivery status indicators."
+    },
+    "showCloseButton": {
+      "type": "boolean",
+      "required": false,
+      "description": "Show Close Button. Optional. Type: boolean."
+    }
+  }
+}

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

@@ -0,0 +1,27 @@
+{
+  "name": "ChatAttachmentImage",
+  "description": "Clickable chat image attachment with fullscreen preview.",
+  "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": {
+    "attachment": {
+      "type": "ChatAttachment",
+      "required": true,
+      "description": "Attachment. Required. Type: ChatAttachment."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    }
+  }
+}

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

@@ -0,0 +1,32 @@
+{
+  "name": "ChatAttachments",
+  "description": "List of file or image attachments inside a message bubble.",
+  "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": {
+    "attachments": {
+      "type": "ChatAttachment[]",
+      "required": false,
+      "description": "File attachments associated with the message."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "enabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the optional sub-feature is enabled."
+    }
+  }
+}

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

@@ -0,0 +1,76 @@
+{
+  "name": "ChatComposer",
+  "description": "Chat Composer component from the dataDisplay module.",
+  "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/icon/icon.entry.less",
+      "@smwb/ui-styles/less/components/ripple/ripple.entry.less",
+      "@smwb/ui-styles/less/components/textField/textField.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/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/textField/textField.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "onSendMessage": {
+      "type": "(text: string) => void | Promise<void>",
+      "required": false,
+      "description": "On Send Message. Optional. Type: (text: string) => void | Promise<void>."
+    },
+    "placeholder": {
+      "type": "string",
+      "required": false,
+      "description": "Placeholder text shown when empty."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "sendAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Send Aria Label. Optional. Type: string."
+    },
+    "shiftEnterNewline": {
+      "type": "boolean",
+      "required": false,
+      "description": "Shift Enter Newline. Optional. Type: boolean."
+    },
+    "ctrlEnterNewline": {
+      "type": "boolean",
+      "required": false,
+      "description": "Ctrl Enter Newline. Optional. Type: boolean."
+    },
+    "fileUpload": {
+      "type": "boolean",
+      "required": false,
+      "description": "File Upload. Optional. Type: boolean."
+    },
+    "attachInputId": {
+      "type": "string",
+      "required": false,
+      "description": "Attach Input Id. Optional. Type: string."
+    },
+    "onAttachClick": {
+      "type": "() => void",
+      "required": false,
+      "description": "On Attach Click. Optional. Type: () => void."
+    },
+    "attachAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Attach Aria Label. Optional. Type: string."
+    }
+  }
+}

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

@@ -0,0 +1,60 @@
+{
+  "name": "ChatHeader",
+  "description": "Chat title area with layout mode controls and close action.",
+  "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/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/chat/chat.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."
+    },
+    "title": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Accessible title or tooltip text."
+    },
+    "subtitle": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Subtitle. Optional. Type: ReactNode."
+    },
+    "actions": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Actions. Optional. Type: ReactNode."
+    },
+    "layout": {
+      "type": "ChatLayoutMode",
+      "required": false,
+      "description": "Current chat shell layout mode."
+    },
+    "allowedLayouts": {
+      "type": "ChatLayoutMode[]",
+      "required": false,
+      "description": "Layout modes available in the chat header controls."
+    },
+    "onLayoutChange": {
+      "type": "(layout: ChatLayoutMode) => void",
+      "required": false,
+      "description": "Callback fired when chat layout mode changes."
+    },
+    "onClose": {
+      "type": "() => void",
+      "required": false,
+      "description": "Callback fired when the user dismisses the component."
+    }
+  }
+}

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

@@ -0,0 +1,38 @@
+{
+  "name": "ChatIconButton",
+  "description": "Chat Icon Button component from the dataDisplay module.",
+  "extends": [
+    "React.ButtonHTMLAttributes<HTMLButtonElement>"
+  ],
+  "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/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/chat/chat.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."
+    },
+    "edge": {
+      "type": "\"start\" | \"end\"",
+      "required": false,
+      "description": "Edge. Optional. Type: \"start\" | \"end\"."
+    },
+    "color": {
+      "type": "\"default\" | \"primary\"",
+      "required": false,
+      "description": "Semantic color token."
+    }
+  }
+}

package/component-meta/dataDisplay/chat/chatLayout.chatLayoutChat.json

@@ -0,0 +1,20 @@
+{
+  "name": "ChatLayoutChat",
+  "description": "Chat Layout Chat component from the dataDisplay module.",
+  "extends": [
+    "Omit<\n  ChatProps,\n  | \"className\"\n  | \"embedded\"\n  | \"floatingTrigger\"\n  | \"anchor\"\n  | \"allowedLayouts\"\n  | \"layout\"\n  | \"defaultLayout\"\n  | \"open\"\n  | \"defaultOpen\"\n  | \"onOpenChange\"\n  | \"onLayoutChange\"\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/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": {}
+}