@smwb/ui-mcp-react 2.0.0

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

@@ -0,0 +1,90 @@
+{
+  "name": "ChatLayout",
+  "description": "Page layout with a full-height docked chat panel and collapse-to-floating behavior.",
+  "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."
+    },
+    "collapsed": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controlled collapsed state of the chat panel."
+    },
+    "defaultCollapsed": {
+      "type": "boolean",
+      "required": false,
+      "description": "Initial uncontrolled collapsed state."
+    },
+    "onCollapsedChange": {
+      "type": "(collapsed: boolean) => void",
+      "required": false,
+      "description": "Callback fired when collapsed state changes."
+    },
+    "collapseAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the collapse-to-floating button."
+    },
+    "expandAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the expand-to-panel button."
+    },
+    "floatingAnchor": {
+      "type": "ChatAnchor",
+      "required": false,
+      "description": "Anchor corner used when chat is collapsed to floating mode."
+    },
+    "chat": {
+      "type": "ChatLayoutChatProps",
+      "required": true,
+      "description": "Chat configuration passed to ChatLayout."
+    }
+  }
+}

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

@@ -0,0 +1,34 @@
+{
+  "name": "ChatMessageAvatar",
+  "description": "Optional author avatar shown beside a chat message.",
+  "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"
+    ],
+    "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\";"
+  },
+  "props": {
+    "author": {
+      "type": "ChatAuthor",
+      "required": false,
+      "description": "Message author metadata such as name and avatar."
+    },
+    "enabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the optional sub-feature is enabled."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    }
+  }
+}

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

@@ -0,0 +1,91 @@
+{
+  "name": "ChatMessageBubble",
+  "description": "Shared bubble layout for incoming and outgoing messages.",
+  "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/icon/icon.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/icon/icon.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."
+    },
+    "align": {
+      "type": "\"start\" | \"end\"",
+      "required": true,
+      "description": "Horizontal alignment of the message bubble."
+    },
+    "message": {
+      "type": "ChatMessage",
+      "required": true,
+      "description": "Chat message data object."
+    },
+    "author": {
+      "type": "ChatAuthor",
+      "required": false,
+      "description": "Message author metadata such as name and avatar."
+    },
+    "text": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Primary text content of the message."
+    },
+    "attachments": {
+      "type": "ChatAttachment[]",
+      "required": false,
+      "description": "File attachments associated with the message."
+    },
+    "timestamp": {
+      "type": "string | Date",
+      "required": false,
+      "description": "Message timestamp displayed in the meta row."
+    },
+    "status": {
+      "type": "ChatMessageStatusValue",
+      "required": false,
+      "description": "Message delivery status value."
+    },
+    "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."
+    },
+    "showStatus": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether delivery status icons are shown on outgoing messages."
+    },
+    "statusIcons": {
+      "type": "ChatMessageStatusIcons & Record<string, string | undefined>",
+      "required": false,
+      "description": "Custom Material icon names mapped to message delivery statuses."
+    },
+    "renderStatus": {
+      "type": "(ctx: ChatMessageStatusRenderContext) => ReactNode",
+      "required": false,
+      "description": "Custom render function for message delivery status indicators."
+    },
+    "bubbleClassName": {
+      "type": "string",
+      "required": false,
+      "description": "Bubble Class Name. Optional. Type: string."
+    }
+  }
+}

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

@@ -0,0 +1,60 @@
+{
+  "name": "ChatMessageIncoming",
+  "description": "Incoming chat message bubble aligned to the start.",
+  "extends": [
+    "ChatMessageRenderContext"
+  ],
+  "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/icon/icon.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/icon/icon.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/typography/typography.entry.less\";"
+  },
+  "props": {
+    "message": {
+      "type": "ChatMessage",
+      "required": true,
+      "description": "Chat message data object."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "showAvatars": {
+      "type": "boolean",
+      "required": true,
+      "description": "Whether author avatars are shown in chat messages."
+    },
+    "showAttachments": {
+      "type": "boolean",
+      "required": true,
+      "description": "Whether file attachments are shown in chat messages."
+    },
+    "showStatus": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether delivery status icons are shown on outgoing messages."
+    },
+    "statusIcons": {
+      "type": "ChatMessageStatusIcons & Record<string, string | undefined>",
+      "required": false,
+      "description": "Custom Material icon names mapped to message delivery statuses."
+    },
+    "renderStatus": {
+      "type": "(ctx: ChatMessageStatusRenderContext) => ReactNode",
+      "required": false,
+      "description": "Custom render function for message delivery status indicators."
+    }
+  }
+}

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

@@ -0,0 +1,65 @@
+{
+  "name": "ChatMessageItem",
+  "description": "Router that renders a chat message by variant or custom renderer.",
+  "extends": [
+    "ChatMessageRenderContext"
+  ],
+  "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/icon/icon.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/icon/icon.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/typography/typography.entry.less\";"
+  },
+  "props": {
+    "message": {
+      "type": "ChatMessage",
+      "required": true,
+      "description": "Chat message data object."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "renderMessage": {
+      "type": "(message: ChatMessage, ctx: ChatMessageRenderContext) => ReactNode",
+      "required": false,
+      "description": "Custom render function for an individual chat message."
+    },
+    "showAvatars": {
+      "type": "boolean",
+      "required": true,
+      "description": "Whether author avatars are shown in chat messages."
+    },
+    "showAttachments": {
+      "type": "boolean",
+      "required": true,
+      "description": "Whether file attachments are shown in chat messages."
+    },
+    "showStatus": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether delivery status icons are shown on outgoing messages."
+    },
+    "statusIcons": {
+      "type": "ChatMessageStatusIcons & Record<string, string | undefined>",
+      "required": false,
+      "description": "Custom Material icon names mapped to message delivery statuses."
+    },
+    "renderStatus": {
+      "type": "(ctx: ChatMessageStatusRenderContext) => ReactNode",
+      "required": false,
+      "description": "Custom render function for message delivery status indicators."
+    }
+  }
+}

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

@@ -0,0 +1,60 @@
+{
+  "name": "ChatMessageOutgoing",
+  "description": "Outgoing chat message bubble aligned to the end.",
+  "extends": [
+    "ChatMessageRenderContext"
+  ],
+  "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/icon/icon.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/icon/icon.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/typography/typography.entry.less\";"
+  },
+  "props": {
+    "message": {
+      "type": "ChatMessage",
+      "required": true,
+      "description": "Chat message data object."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "showAvatars": {
+      "type": "boolean",
+      "required": true,
+      "description": "Whether author avatars are shown in chat messages."
+    },
+    "showAttachments": {
+      "type": "boolean",
+      "required": true,
+      "description": "Whether file attachments are shown in chat messages."
+    },
+    "showStatus": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether delivery status icons are shown on outgoing messages."
+    },
+    "statusIcons": {
+      "type": "ChatMessageStatusIcons & Record<string, string | undefined>",
+      "required": false,
+      "description": "Custom Material icon names mapped to message delivery statuses."
+    },
+    "renderStatus": {
+      "type": "(ctx: ChatMessageStatusRenderContext) => ReactNode",
+      "required": false,
+      "description": "Custom render function for message delivery status indicators."
+    }
+  }
+}

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

@@ -0,0 +1,39 @@
+{
+  "name": "ChatMessageSkeleton",
+  "description": "Loading placeholder shaped like a chat message.",
+  "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/skeleton/skeleton.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/skeleton/skeleton.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "align": {
+      "type": "\"start\" | \"end\"",
+      "required": false,
+      "description": "Horizontal alignment of the message bubble."
+    },
+    "showAvatar": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether a skeleton avatar placeholder is shown."
+    },
+    "lines": {
+      "type": "number",
+      "required": false,
+      "description": "Number of skeleton text lines."
+    }
+  }
+}

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

@@ -0,0 +1,44 @@
+{
+  "name": "ChatMessageStatus",
+  "description": "Delivery status icon or custom status renderer for outgoing messages.",
+  "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"
+    ],
+    "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\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "message": {
+      "type": "ChatMessage",
+      "required": true,
+      "description": "Chat message data object."
+    },
+    "status": {
+      "type": "ChatMessageStatusValue",
+      "required": true,
+      "description": "Message delivery status value."
+    },
+    "statusIcons": {
+      "type": "ChatMessageStatusIcons & Record<string, string | undefined>",
+      "required": false,
+      "description": "Custom Material icon names mapped to message delivery statuses."
+    },
+    "renderStatus": {
+      "type": "(ctx: ChatMessageStatusRenderContext) => React.ReactNode",
+      "required": false,
+      "description": "Custom render function for message delivery status indicators."
+    }
+  }
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "ChatMessageSystem",
+  "description": "Centered system notice message.",
+  "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/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/typography/typography.entry.less\";"
+  },
+  "props": {
+    "message": {
+      "type": "ChatMessage",
+      "required": true,
+      "description": "Chat message data object."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    }
+  }
+}

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

@@ -0,0 +1,91 @@
+{
+  "name": "ChatMessages",
+  "description": "Scrollable message list with infinite scroll and loading skeletons.",
+  "extends": [
+    "ChatMessageRenderContext"
+  ],
+  "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/icon/icon.entry.less",
+      "@smwb/ui-styles/less/components/skeleton/skeleton.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/icon/icon.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/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."
+    },
+    "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."
+    },
+    "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": "ChatMessageItemProps[\"renderMessage\"]",
+      "required": false,
+      "description": "Custom render function for an individual chat message."
+    },
+    "showAvatars": {
+      "type": "boolean",
+      "required": true,
+      "description": "Whether author avatars are shown in chat messages."
+    },
+    "showAttachments": {
+      "type": "boolean",
+      "required": true,
+      "description": "Whether file attachments are shown in chat messages."
+    },
+    "showStatus": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether delivery status icons are shown on outgoing messages."
+    },
+    "statusIcons": {
+      "type": "ChatMessageStatusIcons & Record<string, string | undefined>",
+      "required": false,
+      "description": "Custom Material icon names mapped to message delivery statuses."
+    },
+    "renderStatus": {
+      "type": "(ctx: ChatMessageStatusRenderContext) => ReactNode",
+      "required": false,
+      "description": "Custom render function for message delivery status indicators."
+    }
+  }
+}

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

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